@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2) format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff) format("woff")}:root{--sky: #2a6cf0;--sky-dark: #0c2a8c;--navy: #0a1450;--panel: #12299c;--panel-hi: #5d9bff;--ink: #000;--text: #fff;--muted: #b9c8ff;--gold: #ffd21f;--orange: #ff8a1f;--red: #ee2c2c;--green: #3ee06a;--soil: #b25a14;--soil-dark: #7a3a0a;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:linear-gradient(var(--sky) 0 62%,#7fc4ff 62% 100%) fixed;color:var(--text);font:11px/1.9 "Press Start 2P",ui-monospace,Cascadia Mono,Consolas,monospace;-webkit-font-smoothing:none;letter-spacing:.02em}body:before{content:"";position:fixed;left:0;right:0;bottom:0;height:18vh;z-index:-1;background:linear-gradient(#4ddf3a 0 12px,#2fa527 12px 20px,transparent 20px),repeating-conic-gradient(var(--soil) 0 25%,var(--soil-dark) 0 50%) 0 20px / 64px 64px;border-top:4px solid var(--ink);animation:scroll-ground 6s linear infinite}@keyframes scroll-ground{to{background-position:0 0,-128px 20px}}@media(prefers-reduced-motion:reduce){body:before{animation:none}}#app{min-height:100%;display:flex}main{width:100%;max-width:760px;margin:0 auto;padding:28px 16px 22vh;display:flex;flex-direction:column;gap:20px}h1,h2{margin:0;font-weight:400}h2{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-bottom:10px;text-shadow:2px 2px 0 var(--ink)}.logo{display:flex;align-items:center;gap:16px;font-size:2.4rem;line-height:1.2;color:var(--gold);text-transform:uppercase;text-shadow:4px 4px 0 var(--ink),-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink)}.logo.small{font-size:1.2rem;text-shadow:3px 3px 0 var(--ink)}.logo .ring{flex:none;width:1.1em;height:1.1em;border-radius:50%;border:.22em solid var(--gold);background:transparent;box-shadow:0 0 0 3px var(--ink),inset 0 0 0 3px var(--ink),4px 4px 0 3px var(--ink);animation:ring-spin 1.4s steps(6) infinite}@keyframes ring-spin{0%{transform:scaleX(1)}50%{transform:scaleX(.25)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.logo .ring{animation:none}}.tagline{color:var(--text);margin:-6px 0 6px;text-shadow:2px 2px 0 var(--ink)}.card,.lobby section,.players li,.choice,details.controls{background:var(--panel);border:4px solid var(--ink);box-shadow:inset 0 0 0 3px var(--panel-hi),6px 6px 0 var(--ink)}.card{padding:22px;display:flex;flex-direction:column;gap:12px}.card p{margin:0;color:var(--muted)}.lobby section{padding:16px 18px 18px}.lobby section>p{margin:8px 0 0}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.field{display:flex;flex-direction:column;gap:8px}.field span{color:var(--gold);text-shadow:2px 2px 0 var(--ink)}input,select{font:inherit;color:var(--text);background:var(--navy);border:4px solid var(--ink);border-radius:0;padding:10px 12px;box-shadow:inset 3px 3px #0000008c,0 3px 0 var(--panel-hi)}input::placeholder{color:#6f82cc}input#code{width:9ch;text-transform:uppercase;letter-spacing:.35em;text-align:center;color:var(--gold)}input.small,select.small{width:9ch}select{width:100%;cursor:pointer}select:disabled{opacity:.7;cursor:default}input:focus-visible,select:focus-visible,button:focus-visible{outline:4px solid var(--gold);outline-offset:2px}button{font:inherit;color:var(--ink);background:#e9edff;text-transform:uppercase;border:4px solid var(--ink);border-radius:0;padding:10px 16px;cursor:pointer;box-shadow:inset -4px -4px #9aa7e6,inset 4px 4px #fff,0 6px 0 var(--ink);transform:translateY(0);transition:none}button:hover:not(:disabled){background:#fff}button:active:not(:disabled){transform:translateY(4px);box-shadow:inset -4px -4px #9aa7e6,inset 4px 4px #fff,0 2px 0 var(--ink)}button:disabled{opacity:.45;cursor:default;filter:grayscale(.6)}button.primary{background:var(--gold);box-shadow:inset -4px -4px 0 var(--orange),inset 4px 4px #fff3a8,0 6px 0 var(--ink)}button.primary:hover:not(:disabled){background:#ffe35a}button.primary:active:not(:disabled){box-shadow:inset -4px -4px 0 var(--orange),inset 4px 4px #fff3a8,0 2px 0 var(--ink)}button.danger{color:#fff;background:var(--red);box-shadow:inset -4px -4px #9c1212,inset 4px 4px #ff8c8c,0 6px 0 var(--ink)}button.danger:hover:not(:disabled){background:#ff4a4a}button.danger:active:not(:disabled){box-shadow:inset -4px -4px #9c1212,inset 4px 4px #ff8c8c,0 2px 0 var(--ink)}.status{color:var(--gold);min-height:1.9em;margin:0;text-shadow:2px 2px 0 var(--ink)}footer{color:var(--text);margin-top:auto;padding-top:24px;font-size:9px;line-height:2;text-shadow:2px 2px 0 var(--ink)}.lobby header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.lobby header .code{margin-left:auto;text-align:right;display:flex;flex-direction:column;text-shadow:2px 2px 0 var(--ink)}.lobby header .code small{color:var(--muted);font-size:9px}.lobby header .code strong{font-weight:400;font-size:1.6rem;letter-spacing:.25em;color:var(--gold)}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.choice{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:14px;color:var(--text);text-transform:none;background:var(--panel);box-shadow:inset 0 0 0 3px var(--panel-hi),5px 5px 0 var(--ink)}.choice:hover:not(:disabled){background:#1a38c8}.choice:active:not(:disabled){transform:translate(3px,3px);box-shadow:inset 0 0 0 3px var(--panel-hi),2px 2px 0 var(--ink)}.choice small{color:var(--muted);font-size:9px}.choice.selected{background:#8a6a00;box-shadow:inset 0 0 0 3px var(--gold),5px 5px 0 var(--ink)}.choice.selected small{color:#fff3a8}.choice.selected:before{content:"▶";position:absolute;right:10px;top:8px;color:var(--gold);text-shadow:2px 2px 0 var(--ink)}.choice{position:relative}.char-sonic.selected{background:#1646d8;box-shadow:inset 0 0 0 3px #7fb0ff,5px 5px 0 var(--ink)}.char-tails.selected{background:#b45d00;box-shadow:inset 0 0 0 3px #ffc24d,5px 5px 0 var(--ink)}.char-knuckles.selected{background:#a01820;box-shadow:inset 0 0 0 3px #ff7b80,5px 5px 0 var(--ink)}.players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.players li{display:grid;grid-template-columns:3.2em 1fr auto auto;gap:14px;align-items:center;padding:12px 14px}.players li.ready{background:#0f6b2e;box-shadow:inset 0 0 0 3px var(--green),6px 6px 0 var(--ink)}.players li.ready .state{color:#c8ffd8}.players li.empty{color:var(--muted);grid-template-columns:3.2em 1fr;background:var(--navy)}.players .slot{color:var(--red);text-shadow:2px 2px 0 var(--ink)}.players li.ready .slot{color:var(--gold)}.players .state,.players .char{color:var(--muted);font-size:9px}.actions{margin-top:6px;gap:14px}.hint,.notice{color:var(--muted);margin:0;font-size:9px;line-height:2}.notice{color:var(--gold);font-size:10px;text-shadow:2px 2px 0 var(--ink)}details.controls{color:var(--muted);padding:12px 16px;font-size:9px;line-height:2}details.controls summary{cursor:pointer;color:var(--gold);font-size:11px}main.game{max-width:none;height:100vh;padding:0;gap:0}.game-stage{flex:1;position:relative;display:grid;place-items:center;background:#000;overflow:hidden;min-height:0}.game-stage>canvas{grid-area:1 / 1;image-rendering:pixelated;image-rendering:crisp-edges}.game-overlay{pointer-events:none}.game-status{position:absolute;color:var(--gold);font-size:14px;text-shadow:2px 2px 0 var(--ink)}.dev-panel{position:absolute;top:8px;left:8px;margin:0;padding:8px 10px;background:#000000bf;color:#c8ffc8;font:12px/1.35 ui-monospace,monospace;border:2px solid var(--green);pointer-events:none;max-width:95%;white-space:pre-wrap}.game-bar{display:flex;gap:10px;align-items:center;padding:10px 12px;background:var(--navy);border-top:4px solid var(--ink);box-shadow:inset 0 4px 0 var(--panel-hi);flex-wrap:wrap}.game-bar button{padding:6px 12px;font-size:9px;box-shadow:inset -3px -3px #9aa7e6,inset 3px 3px #fff,0 4px 0 var(--ink)}.game-bar .spacer{flex:1}.game-bar-title{color:var(--gold);font-size:10px;text-shadow:2px 2px 0 var(--ink)}.toast{position:fixed;left:50%;bottom:72px;transform:translate(-50%,20px);opacity:0;transition:all .25s steps(5);background:var(--navy);color:var(--text);border:4px solid var(--ink);box-shadow:inset 0 0 0 3px var(--panel-hi),6px 6px 0 var(--ink);padding:12px 18px;z-index:10;max-width:calc(100% - 32px)}.toast.show{opacity:1;transform:translate(-50%)}.toast.error{box-shadow:inset 0 0 0 3px var(--red),6px 6px 0 var(--ink);color:#ffd5d6}@media(max-width:520px){.logo{font-size:1.5rem}.players li{grid-template-columns:3em 1fr}.players .char,.players .state{grid-column:2}.lobby header .code{margin-left:0;text-align:left}}