@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@300;400;500;600&family=Playfair+Display:ital,wght@1,500&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#e9eee9;background:#071923;margin:0;font-family:Manrope,Arial,sans-serif}main{background:radial-gradient(circle at 70% 25%,#0d2b36 0,#0000 35%),#071923;min-height:100vh;position:relative;overflow:hidden}nav{z-index:3;border-bottom:1px solid #b9c8c322;justify-content:space-between;align-items:center;max-width:1220px;height:100px;margin:auto;padding:0 34px;display:flex;position:relative}.brand{color:#edf2ed;letter-spacing:2.6px;align-items:center;gap:14px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.compass-logo{object-fit:contain;flex:none;width:42px;height:42px;display:block}.navlink{color:#a9bfbb;letter-spacing:1.5px;font:11px DM Mono;text-decoration:none}.hero{z-index:2;max-width:1220px;min-height:680px;margin:auto;padding:130px 34px 90px;position:relative}.eyebrow{color:#8eb0ac;letter-spacing:3px;align-items:center;gap:14px;font:10px DM Mono;display:flex}.eyebrow span{background:#557b79;width:35px;height:1px}.hero h1{letter-spacing:-5px;max-width:950px;margin:35px 0 38px;font-size:clamp(60px,8vw,112px);font-weight:300;line-height:.9}.hero h1 em{color:#91b5b1;font-family:Playfair Display,serif;font-weight:500}.lede{color:#b6c6c2;letter-spacing:.2px;font-size:18px;font-weight:300}.down{color:#789b98;letter-spacing:2px;align-items:center;gap:20px;margin-top:105px;font:9px DM Mono;text-decoration:none;display:flex}.down b{font-size:19px;font-weight:300}.development{color:#0a2029;background:#e8ebe5;padding:105px max(34px,50vw - 576px) 130px;position:relative}.section-label{letter-spacing:3px;color:#56716f;margin-bottom:28px;font:10px DM Mono}.game-card{border-top:1px solid #738b8755;border-bottom:1px solid #738b8755;grid-template-columns:1.45fr .75fr;min-height:500px;margin-bottom:64px;display:grid}.game-card:last-child{margin-bottom:0}.game-art{background:linear-gradient(145deg,#0b202b,#153e49);min-height:460px;position:relative;overflow:hidden}.game-art:before{content:"";background-image:linear-gradient(#9ac2be10 1px,#0000 1px),linear-gradient(90deg,#9ac2be10 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0}.vs{color:#e6eee8;text-shadow:8px 8px #0b151b66;letter-spacing:-15px;font:italic 600 clamp(90px,12vw,170px) Manrope;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-7deg)}.wave{border:1px solid #91c1bb33;border-radius:50%;width:600px;height:190px;position:absolute;left:-100px}.wave.one{bottom:-30px}.wave.two{bottom:10px;left:170px}.prototype{letter-spacing:2px;color:#a9c5c0;font:9px DM Mono;position:absolute;bottom:24px;left:26px}.game-copy{flex-direction:column;padding:45px 0 40px 55px;display:flex}.number{letter-spacing:2px;color:#6b817e;font:9px DM Mono}.game-copy h2{letter-spacing:-4px;margin:42px 0 30px;font-size:68px;font-weight:500;line-height:.82}.game-copy p{color:#48605e;margin:0;font-size:14px;line-height:1.8}.game-copy a{color:#0b2932;letter-spacing:1.7px;border-bottom:1px solid #718b87;width:max-content;margin-top:auto;padding-bottom:10px;font:10px DM Mono;text-decoration:none}.game-copy a span{margin-left:8px}footer{z-index:2;grid-template-columns:1fr 1fr;align-items:start;max-width:1220px;min-height:260px;margin:auto;padding:70px 34px;display:grid;position:relative}footer>div{letter-spacing:2px;align-items:center;gap:14px;font-size:11px;display:flex}footer p{color:#7f9b98;margin:7px 0;font-family:Playfair Display,serif;font-size:16px;font-style:italic}footer small{color:#506f6d;letter-spacing:2px;grid-column:2;margin-top:38px;font:8px DM Mono}.chart{z-index:1;border:1px solid #8fb1ae0d;border-radius:50%;position:absolute}.chart-a{width:650px;height:650px;top:140px;right:-220px}.chart-b{width:400px;height:400px;top:265px;right:-95px}.chart:before,.chart:after{content:"";background:#8fb1ae0d;position:absolute}.chart:before{width:100%;height:1px;top:50%}.chart:after{width:1px;height:100%;left:50%}@media (width<=700px){nav{height:82px}.navlink{display:none}.hero{min-height:620px;padding-top:100px}.hero h1{letter-spacing:-3px}.down{margin-top:80px}.development{padding-top:70px;padding-bottom:80px}.game-card{grid-template-columns:1fr}.game-art{min-height:330px}.game-copy{padding:35px 10px}.game-copy h2{margin:28px 0 22px;font-size:58px}.game-copy a{margin-top:40px}footer{grid-template-columns:1fr;gap:25px}footer p,footer small{grid-column:1;margin:0}}.game-status{color:#56716f;letter-spacing:2px;border-bottom:1px solid #91a5a155;width:max-content;margin-top:auto;padding-bottom:10px;font:9px DM Mono}.drift-art{background:radial-gradient(circle at 67% 38%,#37636b55 0 3%,#0000 4%),linear-gradient(145deg,#081a24,#102f3b)}.drift-art:after{content:"";background:#d9e7df;width:2px;height:2px;position:absolute;top:23%;left:19%;box-shadow:91px 47px #d9e7df88,270px -18px #d9e7df77,430px 80px #d9e7df99,510px 220px #d9e7df66,130px 270px #d9e7df88,350px 330px #d9e7df66}.orbit{border:1px solid #91c1bb22;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-18deg)}.orbit-one{width:420px;height:170px}.orbit-two{width:560px;height:250px}.gridball-art{background:linear-gradient(145deg,#0a2029,#173842)}.gridball-art:after{content:"";transform-origin:bottom;background:repeating-linear-gradient(90deg,#0000 0 72px,#a5cbc414 73px 74px);position:absolute;inset:0;transform:perspective(500px)rotateX(58deg)scale(1.35)}@media (width<=700px){.game-card{margin-bottom:44px}.game-status{margin-top:40px}}.drift-ship{filter:drop-shadow(0 0 12px #4fd7ff47);z-index:2;width:62px;height:62px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.drifter-hull{background:radial-gradient(circle at 35% 30%,#effdff 0 8%,#b4ebff 18%,#5797c7 42%,#24486f 70%,#081526 100%);border:1px solid #baf2ffc7;border-radius:50%;position:absolute;inset:9px;box-shadow:0 0 15px #44c4ff40}.drifter-ring{border:2px solid #64dcff59;border-radius:50%;position:absolute;inset:8px}.drifter-cockpit{background:radial-gradient(circle at 35% 30%,#e5feff 0 8%,#6ceaff 28%,#144e76 68%,#051325 100%);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #59e2ffa6}.drifter-pod{background:#173653;border:1px solid #80dfff99;border-radius:50%;width:13px;height:13px;position:absolute;box-shadow:0 0 7px #4fd7ff2e}.pod-top{top:0;left:50%;transform:translate(-50%)}.pod-right{top:50%;right:0;transform:translateY(-50%)}.pod-bottom{bottom:0;left:50%;transform:translate(-50%)}.pod-left{top:50%;left:0;transform:translateY(-50%)}.gridball-art{overflow:hidden}.grid-field{background:linear-gradient(90deg,#0000 49.7%,#80dfff29 50%,#0000 50.3%),repeating-linear-gradient(90deg,#0000 0 43px,#80dfff0e 44px 45px);border:1px solid #80dfff61;border-radius:20px;width:270px;height:148px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)perspective(340px)rotateX(7deg);box-shadow:inset 0 0 32px #4fd7ff0f,0 0 24px #4fd7ff14}.grid-midline{background:#80dfff3d;width:1px;position:absolute;top:0;bottom:0;left:50%}.grid-center{border:1px solid #80dfff40;border-radius:50%;width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-endzone{border:1px solid #80dfff38;width:20px;position:absolute;top:20px;bottom:20px}.grid-endzone-left{border-left:0;border-radius:0 9px 9px 0;left:0}.grid-endzone-right{border-right:0;border-radius:9px 0 0 9px;right:0}.grid-bot{border-radius:50%;width:15px;height:15px;position:absolute}.grid-bot-blue{background:radial-gradient(circle at 35% 30%,#bdf5ff 0 8%,#39789e 35%,#102b43 72%);border:1px solid #baf2ffad;box-shadow:0 0 8px #4fd7ff3d}.grid-bot-red{background:radial-gradient(circle at 35% 30%,#ffd3d3 0 8%,#b94d55 35%,#4a1820 72%);border:1px solid #ffb4b9b8;box-shadow:0 0 8px #ff566042}.bot-a1{top:31px;left:56px}.bot-a2{top:66px;left:82px}.bot-a3{bottom:25px;left:54px}.bot-b1{bottom:31px;right:56px}.bot-b2{top:66px;right:82px}.bot-b3{top:25px;right:54px}.grid-ball{background:#f2fdff;border:1px solid #ffffffe6;border-radius:55%/70%;width:15px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-22deg);box-shadow:0 0 10px #59e2ffb3}.grid-ball:after{content:"";background:#1736538c;width:1px;height:5px;position:absolute;top:1px;left:50%;transform:translate(-50%);box-shadow:-2px 1px 0 -.25px #17365366,2px 1px 0 -.25px #17365366}