@import"https://fonts.googleapis.com/css2?family=Oxanium:wght@400;600;800&display=swap";:root{color-scheme:dark;font-family:Oxanium,system-ui,sans-serif;background:#03050e;color:#e8fbff}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(circle at 50% 10%,#172051 0,#080b20 35%,#03050e 75%);overflow-x:hidden}.shell{display:grid;grid-template-columns:minmax(280px,680px) minmax(220px,320px);gap:clamp(14px,3vw,34px);max-width:1060px;margin:auto;padding:max(clamp(10px,2vw,24px),env(safe-area-inset-top)) max(clamp(10px,2vw,24px),env(safe-area-inset-right)) max(clamp(10px,2vw,24px),env(safe-area-inset-bottom)) max(clamp(10px,2vw,24px),env(safe-area-inset-left));align-items:center;min-height:100svh}.brand{position:fixed;left:18px;top:18px;display:flex;flex-direction:column;line-height:.72;transform:rotate(-3deg);filter:drop-shadow(0 0 12px #43e6ff80);z-index:2}.brand span,.brand strong{font-size:clamp(22px,4vw,44px);font-weight:800;letter-spacing:-.08em}.brand span{color:#43e6ff}.brand strong{color:#ff3cab}.brand small{font-size:8px;letter-spacing:.35em;margin-top:10px}.cabinet{background:linear-gradient(135deg,#121a3a,#070a18);border:1px solid #3ddff855;border-radius:24px;padding:12px;box-shadow:0 20px 80px #000b,inset 0 0 30px #43e6ff0d}.hud{display:flex;justify-content:space-between;font-size:clamp(11px,2vw,15px);padding:3px 7px 10px;color:#8ca4bf}.hud b{display:block;color:#fff17a;font-size:1.3em;letter-spacing:.08em}.screen-wrap{position:relative;aspect-ratio:224/288;max-height:calc(100svh - 150px);margin:auto;border:2px solid #273664;border-radius:12px;overflow:hidden;background:#02040c;box-shadow:inset 0 0 35px #000,0 0 25px #43e6ff18}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#030515bb;backdrop-filter:blur(3px);padding:20px}.overlay.hidden{display:none}.overlay h1{margin:0;font-size:clamp(34px,8vw,72px);color:#43e6ff;text-shadow:3px 3px #ff3cab;transform:skew(-7deg)}.overlay p{color:#b7c5dc}.enemy-table{margin:12px auto 0;border-collapse:collapse;color:#e8fbff;font-size:clamp(9px,1.8vw,12px);background:#02040ccc}.start-options{display:flex;gap:10px;justify-content:center}.enemy-table th,.enemy-table td{padding:3px 8px;border:1px solid #273664}.enemy-table th{color:#43e6ff}.enemy-table td:not(:first-child){color:#fff17a;text-align:right}.keys{font-size:12px;line-height:1.8}button{font:inherit;color:#07111c;background:#43e6ff;border:0;border-radius:8px;padding:12px 20px;font-weight:800;cursor:pointer;box-shadow:0 0 18px #43e6ff55}button:active{transform:translateY(2px)}button:focus-visible,input:focus-visible{outline:3px solid #fff17a;outline-offset:3px}.touch{display:none;grid-template-columns:1fr 1.2fr 1fr;gap:12px;padding-top:12px}.touch button{font-size:24px;min-height:52px}.touch #fire{background:#ff3cab;box-shadow:0 0 18px #ff3cab55}.panel{display:grid;gap:18px}.panel>div,.panel>.quiet{border:1px solid #273664;background:#0b1026cc;border-radius:14px;padding:16px}.panel h2{font-size:14px;letter-spacing:.18em;margin:0 0 12px;color:#43e6ff}.panel ol{padding-left:30px;margin:0;line-height:2.15}.panel li::marker{color:#ff3cab}.panel li{display:list-item}.panel li span{float:right;color:#fff17a}.instructions p{font-size:13px;line-height:1.6;color:#a7b7ce;margin:0}.quiet{color:#9cb1ca!important;box-shadow:none!important;width:100%}dialog{border:1px solid #43e6ff66;border-radius:18px;background:#0b1026;color:#fff;box-shadow:0 20px 80px #000;padding:26px}dialog::backdrop{background:#02040ddd;backdrop-filter:blur(4px)}dialog form{display:grid;gap:16px;min-width:min(320px,75vw)}dialog input{display:block;width:100%;margin-top:7px;background:#03050e;color:#fff;border:1px solid #394a77;border-radius:7px;padding:11px;font:inherit;text-transform:uppercase}dialog form>div{display:flex;gap:10px;justify-content:flex-end}.initials{display:flex;justify-content:center;gap:.35em;color:#fff17a;font:800 42px/1 monospace;letter-spacing:0}.initials span{min-width:1em;text-align:center;border-bottom:3px solid transparent}.initials span.active{border-color:#43e6ff;animation:initial-flash .65s steps(1) infinite}.initial-controls{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:8px}#initial-entry{text-align:center}#initial-entry h3,#initial-entry p{margin:6px 0}#initial-entry p{color:#a7b7ce;font-size:11px}#initial-entry.complete .initial-controls,#initial-entry.complete #initial-timer,#initial-entry.complete>p:last-child{display:none}#callsign-area small{display:block;margin-top:6px;color:#a7b7ce;font-size:11px}@keyframes initial-flash{50%{opacity:.25}}#submit-status{min-height:1em;color:#fff17a;font-size:12px;margin:0}@media(max-width:760px){.shell{grid-template-columns:1fr;padding-top:58px}.panel{grid-template-columns:1fr 1fr;align-items:start}.panel>.quiet{grid-column:1/-1}.touch{display:grid}.screen-wrap{max-height:none}.brand{position:absolute}.keys{display:none}}@media(max-width:480px){.shell{padding:54px 6px 12px}.cabinet{border-radius:12px;padding:7px}.panel{grid-template-columns:1fr}.panel>.quiet{grid-column:auto}.instructions{display:none}.hud{padding-top:0}}@media(hover:none)and (pointer:coarse){.touch{display:grid}}.brand{left:14px;transform:rotate(-3deg) scale(.72);transform-origin:top left}.hidden{display:none!important}.screen-wrap,.touch{touch-action:none}button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.connection{margin:0;text-align:center;font-size:11px;letter-spacing:.18em;color:#67f7a5}.connection.offline{color:#ff9d3c}.reduced-motion .brand,.reduced-motion .overlay h1{transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.panel>.connection{padding:4px;background:transparent;border:0}