@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#eaf8f6;font-synthesis:none;background:#06101d;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% 10%,#16354a 0,#0000 38%),#06101d;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.brand{letter-spacing:.14em;color:#668292;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(20px,5vw,72px);font-family:DM Mono,monospace;font-size:11px;display:flex}.wordmark{color:#dffcf7;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;font:500 12px DM Mono}.wordmark i,.status-strip i{background:#72edd2;border-radius:50%;width:8px;height:8px;margin-right:10px;display:inline-block;box-shadow:0 0 12px #72edd2}.panel{width:min(1050px,100% - 40px);margin:auto;padding:60px 0}.hero{position:relative}.hero:after{content:"";aspect-ratio:1;pointer-events:none;border:1px solid #71e6ed20;border-radius:50%;width:min(36vw,430px);position:absolute;top:17%;right:3%;box-shadow:0 0 0 55px #71e6ed08,0 0 0 110px #71e6ed05}.eyebrow{letter-spacing:.22em;color:#75dfdc;font:500 11px DM Mono}.danger{color:#ff8b78}h1{letter-spacing:-.07em;max-width:800px;margin:34px 0;font-size:clamp(58px,9vw,128px);font-weight:500;line-height:.82}h1 em{color:#75e3df;font-style:normal}h2{letter-spacing:-.05em;margin:16px 0 40px;font-size:clamp(42px,7vw,78px)}.lede{color:#91aab5;max-width:540px;font-size:17px;line-height:1.75}.actions{flex-wrap:wrap;gap:12px;margin-top:38px;display:flex}button.primary,button.secondary{text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border-radius:2px;padding:14px 22px;font:600 11px DM Mono}.primary{color:#071924;background:#85eadb;border:1px solid #85eadb}.primary:hover{background:#b5fff1}.primary:disabled{opacity:.45}.primary b{margin-left:28px}.secondary{color:#a8c2ca;background:0 0;border:1px solid #34505d}.secondary:hover{color:#e8fffb;border-color:#75e3df}.status-strip{color:#607e8d;text-transform:uppercase;letter-spacing:.1em;border-top:1px solid #ffffff12;gap:40px;margin-top:90px;padding-top:18px;font:10px DM Mono;display:flex}.status-strip i{width:5px;height:5px;margin-right:6px}.game-shell{width:min(1280px,96vw);margin:20px auto}.hud{background:#1b3441;border:1px solid #1b3441;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.hud-item{background:#091725;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.hud-item span{letter-spacing:.12em;text-transform:uppercase;color:#668593;font:9px DM Mono}.hud-item strong{color:#dffcf8;font:500 18px DM Mono}.canvas-wrap{touch-action:none;background:#10283a;position:relative}.canvas-wrap canvas{cursor:crosshair;width:100%;height:auto;display:block}.canvas-label{letter-spacing:.12em;color:#537484;pointer-events:none;font:9px DM Mono;position:absolute;bottom:10px;left:14px}.canvas-label span{color:#79e9d6}.wave-notice{text-align:center;letter-spacing:.2em;color:#dffff7;text-shadow:0 0 25px #6cebd8;font:500 clamp(17px,3vw,30px) DM Mono;position:absolute;inset:40% 0 auto}.hint{text-align:center;color:#557584;text-transform:uppercase;letter-spacing:.12em;font:10px DM Mono}.leaderboard{border-top:1px solid #29434e;max-width:720px}.table-row{color:#92aab3;border-bottom:1px solid #172e39;grid-template-columns:70px 1fr 1fr 70px;padding:14px 10px;font:13px DM Mono;display:grid}.table-row strong{color:#82e8d7}.table-head{text-transform:uppercase;letter-spacing:.12em;color:#526e7b;font-size:9px}.empty{color:#68818c;padding:30px 10px}.local-note{color:#526d79;font-size:11px}.records,.debrief{max-width:900px}.final-score{border-left:2px solid #7ae5d4;flex-direction:column;margin-bottom:26px;padding-left:20px;display:flex}.final-score span{text-transform:uppercase;color:#6d8994;font:10px DM Mono}.final-score strong{font:500 48px DM Mono}.stats{background:#1a3540;grid-template-columns:repeat(4,1fr);gap:1px;margin:20px 0 32px;display:grid}.stats div{background:#0a1825;flex-direction:column;padding:18px;display:flex}.stats strong{color:#dffcf8;font:22px DM Mono}.stats span{color:#617e8a;text-transform:uppercase;margin-top:7px;font:9px DM Mono}.initials{gap:12px;max-width:480px;padding:25px 0;display:grid}.initials label{text-transform:uppercase;color:#88e8d9;font:12px DM Mono}.initials input{color:#eafffb;letter-spacing:.25em;text-transform:uppercase;background:#0a1925;border:1px solid #355462;width:190px;padding:10px 15px;font:40px DM Mono}.initials small{color:#607c88}footer{color:#456473;letter-spacing:.16em;border-top:1px solid #ffffff0d;justify-content:space-between;padding:18px clamp(20px,5vw,72px);font:9px DM Mono;display:flex}@media (width<=700px){.brand{height:56px}.brand>span{display:none}.panel{padding:35px 0}.hud{grid-template-columns:repeat(2,1fr)}.status-strip{flex-wrap:wrap;gap:15px;margin-top:50px}.stats{grid-template-columns:repeat(2,1fr)}.table-row{grid-template-columns:50px 1fr 1fr 45px;font-size:11px}.hero:after{opacity:.45}footer{display:none}}