:root{--ink:#071415;--panel:#0b1d1f;--line:#274044;--paper:#dfe8df;--muted:#829b9a;--cyan:#63f3d1;--red:#ff6247;--amber:#f3c969;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.nav{height:78px;padding:0 clamp(20px,5vw,84px);display:flex;align-items:center;gap:28px;position:fixed;inset:0 0 auto;z-index:20;background:rgba(4,14,15,.82);border-bottom:1px solid rgba(99,243,209,.18);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{width:34px;height:34px;border:1px solid var(--cyan);display:grid;place-items:center;color:var(--cyan);font:700 11px var(--mono);transform:rotate(45deg)}.brand-mark::first-line{transform:rotate(-45deg)}.brand strong{font-size:20px;letter-spacing:0}.brand em{font:700 9px var(--mono);color:var(--red);border:1px solid var(--red);padding:4px 6px;font-style:normal}.nav nav{display:flex;gap:24px;margin-left:auto}.nav nav a,.x-link{font:700 10px var(--mono);color:var(--muted)}.nav a:hover{color:var(--cyan)}.hero{min-height:760px;height:100svh;max-height:980px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,13,.98) 0%,rgba(3,12,13,.88) 31%,rgba(3,12,13,.08) 70%),linear-gradient(0deg,rgba(3,12,13,.9),transparent 38%)}.scanlines,.map-noise{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.13) 4px);opacity:.35}.hero-copy{position:relative;z-index:2;width:min(820px,72vw);padding-left:clamp(24px,8vw,140px);padding-top:50px}.eyebrow{font:700 11px var(--mono);color:#a8c0bd;text-transform:uppercase;letter-spacing:0}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--cyan);margin-right:10px;transform:rotate(45deg);box-shadow:0 0 18px var(--cyan)}h1{font-size:clamp(58px,7.4vw,126px);line-height:.87;margin:28px 0;text-transform:uppercase;letter-spacing:0;max-width:1100px}h2{font-size:clamp(40px,5vw,76px);line-height:.96;margin:12px 0 24px;letter-spacing:0;max-width:980px}h3{font-size:22px;margin:10px 0}.lede{font-size:clamp(17px,1.5vw,23px);line-height:1.5;max-width:610px;color:#b9c9c6}.hero-actions{display:flex;gap:12px;align-items:center;margin-top:34px;flex-wrap:wrap}.primary,.quiet,.start-button{min-height:48px;padding:0 22px;border:1px solid var(--cyan);background:var(--cyan);color:#041011;font:800 11px var(--mono);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.quiet{background:rgba(5,17,18,.72);color:var(--paper);border-color:var(--line)}.primary:hover,.start-button:hover{background:#b2ffe8}.hero-stats{position:absolute;z-index:2;left:clamp(24px,8vw,140px);right:clamp(24px,5vw,84px);bottom:56px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(223,232,223,.24);padding-top:18px}.hero-stats div{display:flex;flex-direction:column;gap:4px}.hero-stats b{font:700 13px var(--mono)}.hero-stats span{font-size:12px;color:var(--muted)}.tide-strip{position:absolute;right:0;top:142px;width:330px;z-index:3;font:700 9px var(--mono);color:var(--muted)}.tide-strip .wave{height:34px;margin:10px 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='34' viewBox='0 0 180 34'%3E%3Cpath d='M0 17 Q22 3 45 17 T90 17 T135 17 T180 17' fill='none' stroke='%2363f3d1' stroke-width='1'/%3E%3C/svg%3E") repeat-x;animation:current 4s linear infinite}.tide-strip b{color:var(--red)}@keyframes current{to{background-position:180px 0}}.contract-bar{min-height:68px;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:20px;padding:14px 24px;background:#0b1718;font:700 10px var(--mono);flex-wrap:wrap}.contract-bar span{color:var(--red)}.contract-bar code{color:var(--muted)}.contract-bar button{background:transparent;border:1px solid var(--line);color:var(--paper);padding:10px 14px;cursor:pointer}.section{padding:110px clamp(24px,8vw,140px);border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,480px);gap:0 80px;align-items:end;margin-bottom:56px}.section-head .eyebrow{grid-column:1/-1}.section-head h2{margin-bottom:0}.section-head>p:last-child{color:var(--muted);font-size:17px;line-height:1.6}.section-head.compact{display:block}.section-head.compact p:last-child{max-width:680px}.loop-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.loop-grid article{min-height:260px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(140deg,rgba(99,243,209,.04),transparent)}.loop-grid small,.economy-board small,.token-grid span,.zone-card small{font:700 10px var(--mono);color:var(--cyan)}.loop-grid p,.token-grid p,.roadmap-grid p{color:var(--muted);line-height:1.55}.game-section{padding:110px clamp(14px,5vw,84px);background:#061011;border-bottom:1px solid var(--line)}.game-shell{border:1px solid var(--line);background:#08191a;max-width:1500px;margin:auto}.game-top{height:78px;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.game-top div{padding:14px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column}.game-top span{font:700 9px var(--mono);color:var(--muted)}.game-top b{font:700 20px var(--mono);margin-top:5px}.game-canvas{height:min(62vw,590px);min-height:430px;position:relative;overflow:hidden;background:linear-gradient(#0d4f54 0%,#073033 34%,#071819 75%,#030a0b 100%);outline:none}.surface-line{position:absolute;z-index:4;top:3%;left:0;right:0;border-top:2px dashed rgba(99,243,209,.8);color:var(--cyan);font:700 9px var(--mono);padding:8px 20px}.current{position:absolute;height:160%;width:24%;top:-30%;border:1px solid rgba(99,243,209,.18);border-radius:50%;transform:rotate(18deg);animation:sway 5s ease-in-out infinite alternate}.current-a{left:22%}.current-b{right:12%;animation-delay:-2s}@keyframes sway{to{transform:translateX(35px) rotate(25deg)}}.diver{position:absolute;z-index:6;left:49%;top:19%;width:34px;height:48px;background:#d7e1dc;border:4px solid #123134;border-radius:15px 15px 8px 8px;transition:left .07s linear,top .07s linear;box-shadow:0 0 18px rgba(99,243,209,.25)}.diver:before{content:"";position:absolute;width:18px;height:13px;border:2px solid var(--cyan);background:#08191a;border-radius:50%;top:5px;left:4px}.diver:after{content:"";position:absolute;width:16px;height:22px;background:var(--red);right:-10px;top:17px;border-radius:2px}.diver span:before,.diver span:after{content:"";position:absolute;width:15px;height:4px;background:#d7e1dc;bottom:-8px}.diver span:before{left:-3px;transform:rotate(-28deg)}.diver span:after{right:-3px;transform:rotate(28deg)}.salvage{position:absolute;z-index:5;width:42px;height:42px;border:1px solid var(--cyan);color:var(--cyan);background:rgba(3,18,19,.75);font-size:22px;cursor:pointer;animation:glow 2s ease-in-out infinite}.salvage.heavy{border-color:var(--amber);color:var(--amber);width:50px;height:50px}.s1{left:16%;top:38%}.s2{left:72%;top:61%}.s3{left:43%;top:78%}.s4{left:83%;top:31%}.s5{left:27%;top:66%}@keyframes glow{50%{box-shadow:0 0 24px currentColor;transform:translateY(-4px)}}.hazard{position:absolute;width:96px;height:8px;background:linear-gradient(90deg,transparent,var(--red),transparent);opacity:.7;animation:hazard 6s linear infinite}.h1{left:10%;top:56%}.h2{left:70%;top:84%;animation-delay:-3s}@keyframes hazard{50%{transform:translateX(180px)}}.game-message{position:absolute;z-index:10;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(3,12,13,.74);backdrop-filter:blur(5px)}.game-message.hidden{display:none}.game-message b{font:800 clamp(28px,5vw,64px) var(--mono);color:var(--cyan)}.game-message span{color:var(--muted);margin-top:10px}.game-controls{min-height:92px;display:flex;align-items:center;gap:20px;padding:16px 20px}.dpad{display:grid;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,34px)}.dpad button{background:transparent;color:var(--paper);border:1px solid var(--line);cursor:pointer}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.dpad button:nth-child(3){grid-column:2}.dpad button:nth-child(4){grid-column:3}.game-controls p{margin-left:auto;color:var(--muted);font:10px var(--mono)}.map-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px}.depth-map{min-height:580px;position:relative;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 50% 0,#16575b 0,#09282b 32%,#061213 72%)}.sea-level{position:absolute;top:20px;left:20px;font:700 10px var(--mono);color:var(--cyan)}.sonar-ring{position:absolute;border:1px solid rgba(99,243,209,.15);border-radius:50%;left:50%;top:0;transform:translate(-50%,-50%)}.r1{width:340px;height:340px}.r2{width:650px;height:650px}.r3{width:950px;height:950px}.map-pin{position:absolute;z-index:3;left:var(--x);top:var(--y);width:46px;height:46px;border:1px solid var(--cyan);background:#071415;color:var(--cyan);font:700 11px var(--mono);cursor:pointer;transform:rotate(45deg)}.map-pin.active{background:var(--cyan);color:var(--ink)}.map-pin.danger{border-color:var(--red);color:var(--red)}.zone-card{border:1px solid var(--line);padding:34px;background:var(--panel);display:flex;flex-direction:column;justify-content:center}.zone-card h3{font-size:42px}.zone-card p{color:var(--muted);line-height:1.6}.zone-card dl,.facts dl{margin-top:30px}.zone-card dl div,.facts dl div{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding:15px 0}.zone-card dt,.facts dt{font:700 9px var(--mono);color:var(--muted)}.zone-card dd,.facts dd{margin:0;text-align:right;font:700 11px var(--mono)}.calculator{background:#dce5dc;color:#071415}.calculator .eyebrow,.calculator .section-head p{color:#385557}.calc-grid{display:grid;grid-template-columns:1.4fr 1fr;border:1px solid #9ab0aa}.controls{padding:34px}.controls label{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:28px;font:700 11px var(--mono)}.controls input,.controls select{grid-column:1/-1;width:100%;accent-color:#ff6247}.controls select{height:44px;background:transparent;border:1px solid #9ab0aa;padding:0 10px}.calc-result{border-left:1px solid #9ab0aa;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:38px}.calc-result span{font:700 10px var(--mono)}.calc-result strong{font:800 clamp(48px,7vw,100px) var(--mono);color:#d43f2c}.calc-result p{max-width:380px}.economy-board{display:grid;grid-template-columns:1fr 1fr 1.2fr;border:1px solid var(--line)}.economy-board>div{padding:30px;border-right:1px solid var(--line)}.economy-board p{display:flex;justify-content:space-between;color:var(--muted);border-bottom:1px solid rgba(39,64,68,.5);padding-bottom:9px}.economy-board b{color:var(--paper);font:700 11px var(--mono)}.economy-board .rule{background:var(--cyan);color:var(--ink);display:flex;flex-direction:column;justify-content:center}.economy-board .rule small,.economy-board .rule p{color:#214644;border:0}.economy-board .rule strong{font-size:32px;line-height:1.1;margin:24px 0}.token{background:#091719}.token-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.token-grid article{border:1px solid var(--line);padding:30px;min-height:330px}.token-grid li{margin:18px 0;color:var(--muted)}.facts{background:#0d2426}.roadmap-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.roadmap-grid article{padding:28px;border-right:1px solid var(--line);min-height:240px}.roadmap-grid b{font:700 10px var(--mono);color:var(--red)}.comms{min-height:620px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(rgba(3,12,13,.78),rgba(3,12,13,.94)),url('/assets/deepwake-hero.png') center/cover}.comms h2{font-size:clamp(50px,8vw,120px)}footer{padding:44px clamp(24px,8vw,140px);display:grid;grid-template-columns:1fr 1fr auto;gap:28px;align-items:center;color:var(--muted);font-size:11px}.toast{position:fixed;z-index:99;bottom:28px;right:28px;background:var(--cyan);color:var(--ink);padding:14px 18px;font:800 11px var(--mono);transform:translateY(90px);transition:.25s}.toast.show{transform:none}@media(max-width:980px){.nav nav{display:none}.x-link{margin-left:auto}.hero-copy{width:90vw}.tide-strip{display:none}.hero-stats{grid-template-columns:repeat(2,1fr);gap:16px}.section-head{display:block}.loop-grid,.roadmap-grid{grid-template-columns:repeat(2,1fr)}.map-layout,.calc-grid{grid-template-columns:1fr}.calc-result{border-left:0;border-top:1px solid #9ab0aa}.economy-board,.token-grid{grid-template-columns:1fr}.economy-board>div{border-right:0;border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr}}@media(max-width:640px){.nav{height:64px}.brand strong{font-size:16px}.brand em,.x-link{display:none}.hero{min-height:720px}.hero-image{object-position:64% center}.hero-shade{background:linear-gradient(90deg,rgba(3,12,13,.96),rgba(3,12,13,.36)),linear-gradient(0deg,rgba(3,12,13,.9),transparent)}.hero-copy{padding:60px 20px 160px;width:100%}h1{font-size:52px}.hero-stats{left:20px;right:20px;bottom:44px}.contract-bar code{font-size:8px;text-align:center}.section,.game-section{padding:78px 18px}.loop-grid,.roadmap-grid{grid-template-columns:1fr}.loop-grid article{min-height:200px}.game-top{grid-template-columns:repeat(2,1fr);height:auto}.game-top div{min-height:64px}.game-canvas{height:500px}.game-controls{align-items:flex-end;flex-wrap:wrap}.game-controls p{width:100%;margin:0}.depth-map{min-height:480px}.zone-card h3{font-size:34px}.comms{min-height:520px}footer{padding:38px 20px}}