@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}.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}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 18px}.option{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;cursor:pointer}.option span{color:var(--text)}.option small{grid-column:2;color:var(--muted);font-size:9px;line-height:1.6}.option.select{grid-template-columns:1fr}.option.select small,.option.select span{grid-column:1}.option.select select{order:3}.option input[type=checkbox]{width:22px;height:22px;padding:0;margin:0;accent-color:var(--gold);cursor:pointer}.option input:disabled,.option select:disabled{cursor:default}.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}}img.pixel{image-rendering:pixelated;display:block}main.lobby{max-width:960px}.game-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.game-card{position:relative;display:flex;flex-direction:column;padding:0;text-align:left;text-transform:none;color:var(--text);background:var(--navy);overflow:hidden;box-shadow:inset 0 0 0 3px var(--panel-hi),6px 6px 0 var(--ink);transition:transform .12s steps(3)}.game-card .cover{position:relative;display:block;aspect-ratio:424 / 240;background:#000;border-bottom:4px solid var(--ink);overflow:hidden}.game-card .cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.game-card .cover img.back{opacity:0;transition:opacity .24s steps(4)}.game-card:hover:not(:disabled) .cover img.back,.game-card:focus-visible .cover img.back{opacity:1}.game-card .cover-text{position:absolute;inset:0;display:grid;place-items:center;font-size:1.4rem;color:var(--gold);text-shadow:3px 3px 0 var(--ink);background:repeating-linear-gradient(45deg,#102a9c 0 12px,#0c2283 12px 24px)}.game-card .caption{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px}.game-card .caption small{color:var(--muted);font-size:8px;line-height:1.6}.game-card:hover:not(:disabled){transform:translateY(-3px);background:#1a38c8}.game-card:active:not(:disabled){transform:translate(3px,3px);box-shadow:inset 0 0 0 3px var(--panel-hi),2px 2px 0 var(--ink)}.game-card.selected{background:#8a6a00;transform:translateY(-4px);box-shadow:inset 0 0 0 4px var(--gold),6px 10px 0 var(--ink),0 0 0 4px var(--ink)}.game-card.selected .caption small{color:#fff3a8}.game-card.selected:after{content:"▶Selected";position:absolute;top:8px;left:8px;padding:4px 8px;font-size:8px;color:var(--ink);background:var(--gold);box-shadow:3px 3px 0 var(--ink);text-transform:uppercase}.game-card:disabled{opacity:.55;filter:grayscale(.7)}.game-card.readonly:disabled{cursor:default}.game-card.selected:disabled{opacity:1;filter:none}.char-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.char-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px;color:var(--text);text-transform:none;background:var(--panel);box-shadow:inset 0 0 0 3px var(--panel-hi),5px 5px 0 var(--ink)}.char-card .portrait,.char-card .portrait-text{width:128px;height:128px;border:4px solid var(--ink);box-shadow:4px 4px #0006}.char-card .portrait-text{display:grid;place-items:center;font-size:3rem;color:var(--gold);background:var(--navy)}.char-card:hover:not(:disabled){background:#1a38c8}.char-card:hover:not(:disabled) .portrait{animation:hop .4s steps(2) infinite alternate}.char-card:active:not(:disabled){transform:translate(3px,3px);box-shadow:inset 0 0 0 3px var(--panel-hi),2px 2px 0 var(--ink)}.char-card.selected:before{content:"▶";position:absolute;right:10px;top:8px;color:var(--gold);text-shadow:2px 2px 0 var(--ink)}.char-card.selected .portrait{animation:hop .5s steps(2) infinite alternate}.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)}@keyframes hop{to{transform:translateY(-4px)}}.stage-pick{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:18px;align-items:end}.stage-pick>:only-child{grid-column:1 / -1}.stage-preview{position:relative;margin:0;border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#000}.stage-preview img{width:100%;aspect-ratio:424 / 240}.stage-preview figcaption{position:absolute;left:0;bottom:0;display:flex;flex-direction:column;gap:4px;padding:10px 14px;color:var(--gold);text-transform:uppercase;text-shadow:2px 2px 0 var(--ink);background:#0a1450d9;border-top-right-radius:0;box-shadow:4px -4px 0 var(--ink)}.stage-preview figcaption small{color:var(--text);font-size:9px}.home-covers{display:flex;justify-content:center;gap:0;margin:4px 0 8px;padding:0 20px}.home-covers[hidden]{display:none}.home-cover{margin:0 -14px;width:34%;border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#000;transform:rotate(-4deg);animation:bob 2.4s steps(4) infinite alternate}.home-cover:nth-child(2){transform:rotate(2deg) translateY(-8px);z-index:1;animation-delay:-.8s}.home-cover:nth-child(3){transform:rotate(5deg);animation-delay:-1.6s}.home-cover img{width:100%;aspect-ratio:424 / 240}@keyframes bob{to{translate:0 -6px}}@media(prefers-reduced-motion:reduce){.home-cover,.char-card .portrait{animation:none!important}.game-card,.game-card .cover img.back{transition:none}}@media(max-width:560px){.home-cover{margin:0 -8px}.game-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-card .caption small{display:none}.stage-pick{grid-template-columns:1fr}.char-card .portrait,.char-card .portrait-text{width:96px;height:96px}}main.game{height:100vh;height:100dvh}main.game.touch .game-stage{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}main.game.touch .game-bar{display:none}main.game.touch.bar-open .game-bar{display:flex;position:absolute;top:0;left:0;right:0;z-index:5;padding-top:max(10px,env(safe-area-inset-top));padding-left:calc(max(10px,env(safe-area-inset-left)) + 56px);padding-right:max(12px,env(safe-area-inset-right));border-top:0;border-bottom:4px solid var(--ink)}main.game.touch.bar-open .game-bar-title{display:none}main.game.touch .game-bar button{padding:10px 14px;font-size:10px}.touch-controls{position:absolute;inset:0;z-index:6;pointer-events:none}main.game.touch.bar-open .touch-controls>:not(.touch-menu){visibility:hidden}.touch-controls>*{pointer-events:auto}.touch-stick-zone{position:absolute;left:0;top:56px;bottom:0;width:50%;touch-action:none}.touch-stick{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.1) 0 55%,rgba(255,255,255,.22) 56% 60%,transparent 61%);border:3px solid rgba(255,255,255,.35)}.touch-stick[hidden]{display:none}.touch-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#ffd21fbf;border:3px solid rgba(0,0,0,.6)}.touch-btn,.touch-small{position:absolute;font:inherit;color:#fff;text-transform:uppercase;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;border:3px solid rgba(0,0,0,.55);box-shadow:none;padding:0;transform:none}.touch-btn{width:78px;height:78px;border-radius:50%;font-size:18px;background:#ee2c2c8c;text-shadow:2px 2px 0 #000}.touch-btn.touch-jump{right:max(22px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));width:92px;height:92px}.touch-btn.touch-jump2{right:calc(max(22px,env(safe-area-inset-right)) + 104px);bottom:max(14px,env(safe-area-inset-bottom));width:66px;height:66px;font-size:14px;background:#2a6cf08c}.touch-btn.held,.touch-btn:active{background:#ffd21fcc;color:#000;text-shadow:none}.touch-small{top:max(8px,env(safe-area-inset-top));height:40px;padding:0 12px;font-size:9px;background:#0a145099}.touch-small:active{background:#ffd21fcc;color:#000}.touch-controls .touch-small:hover:not(:active){background:#0a145099;color:#fff}.touch-controls .touch-btn:hover:not(.held):not(:active){background:#ee2c2c8c;color:#fff}.touch-controls .touch-jump2:hover:not(.held):not(:active){background:#2a6cf08c}.touch-regroup{right:max(10px,env(safe-area-inset-right))}.touch-menu{left:max(10px,env(safe-area-inset-left));width:44px;font-size:16px;padding:0}main.game.touch .toast{bottom:auto;top:56px}main.game.touch .dev-panel{top:56px}.rotate-hint{display:none}@media(orientation:portrait){main.game.touch .rotate-hint{display:block;position:absolute;top:60px;left:50%;transform:translate(-50%);z-index:3;pointer-events:none;padding:10px 14px;color:var(--gold);font-size:10px;white-space:nowrap;text-shadow:2px 2px 0 var(--ink);background:#0a1450d9;border:3px solid var(--ink);animation:hint-fade 6s steps(6) forwards}main.game.touch .game-stage{place-items:start center;padding-top:104px}}@keyframes hint-fade{0%,80%{opacity:1}to{opacity:0}}