:root{--accent:#e13d35;--accent-green:#28a745;--accent-bg:#e13d3524;--accent-contrast:#fff7ed;--bg:#101217;--border:#2a2f3a;--panel:#171b23;--text:#aeb6c6;--text-h:#f7f0df;--track:#252a31;--sans:Inter, ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;--mono:"Cascadia Code", Consolas, ui-monospace, monospace;color:var(--text);background:var(--bg);font:16px/1.5 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}.migration-shell{width:min(1200px,100vw - 32px);min-height:100svh;margin:0 auto;padding:18px 0}.migration-shell header p{color:var(--accent);font:700 12px/1 var(--mono);text-transform:uppercase;margin:0}.migration-shell h1{color:var(--text-h);letter-spacing:0;margin:5px 0 0;font-size:34px}.migration-connect{border:1px solid var(--border);background:var(--panel);border-radius:8px;gap:14px;width:min(520px,100%);margin-top:32px;padding:20px;display:grid}.migration-tabs,.migration-options,.migration-actions,.migration-topbar,.migration-summary,.migration-controls{gap:10px;display:flex}.migration-tabs button{flex:1}.migration-tabs .active{border-color:var(--accent);color:var(--text-h)}.migration-connect label,.migration-actions label{flex:1;gap:5px;font-size:12px;display:grid}.migration-connect input,.migration-connect select,.migration-actions input{border:1px solid var(--border);width:100%;min-height:42px;color:var(--text-h);font:inherit;background:#101217;border-radius:5px;padding:0 10px}.migration-primary{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:800}.migration-error{color:#ff8b85;margin:0}.migration-closed{border:1px solid var(--border);background:var(--panel);width:min(520px,100%);margin-top:28px;padding:18px}.migration-topbar{justify-content:space-between;align-items:center;margin-bottom:12px}.migration-summary{align-items:center}.migration-summary span{border:1px solid var(--border);border-radius:5px;padding:8px 10px}.migration-sound{min-width:92px}.migration-lobby{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:16px;display:grid}.migration-actions{border:1px solid var(--border);background:var(--panel);align-items:end;padding:14px}.migration-roster{border:1px solid var(--border);max-height:62svh;overflow:auto}.migration-roster div,.migration-scoreboard div{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;gap:12px;padding:10px 12px;display:grid}.migration-track{border:1px solid var(--border);cursor:crosshair;background:#252a31;border-radius:6px;height:min(72svh,720px);position:relative;overflow:visible}.migration-lane{border-bottom:1px solid #ffffff14;height:5%;position:relative}.migration-racer{z-index:2;transform-origin:50%;background:var(--suit);width:20px;height:21px;image-rendering:pixelated;border:2px solid #111;grid-template-rows:8px 10px;place-items:center;transition:left 80ms linear;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)scale(1.08);box-shadow:2px 2px #0000006b,inset 0 -4px #0003}.migration-racer .racer-head{background:var(--head);border-radius:3px 3px 2px 2px;width:11px;height:8px;margin-top:1px;position:relative}.migration-racer .racer-head:before{content:"";background:#111;width:2px;height:2px;position:absolute;top:2px;left:2px;box-shadow:5px 0 #111}.migration-racer .racer-body{background:var(--head);border-radius:4px 4px 3px 3px;width:11px;height:8px;box-shadow:inset 0 -2px #00000014}.migration-racer .racer-shadow{background:#00000052;width:18px;height:3px;position:absolute;bottom:-5px;left:3px}.migration-racer.shape-0:before{content:"";background:var(--suit);clip-path:polygon(0 100%,20% 0,40% 100%,60% 100%,80% 0,100% 100%);width:16px;height:5px;position:absolute;top:-5px;left:2px}.migration-racer.shape-0:after{content:"";background:var(--trim);border-radius:2px 0 0 2px;width:6px;height:3px;position:absolute;top:8px;left:-6px}.migration-racer.shape-1:before{content:"";background:var(--suit);width:4px;height:8px;box-shadow:7px 0 0 var(--suit);border-radius:2px 2px 0 0;position:absolute;top:-8px;left:4px}.migration-racer.shape-1:after{content:"";background:var(--head);border-radius:50%;width:5px;height:5px;position:absolute;top:11px;left:-5px}.migration-racer.shape-2:before{content:"";background:var(--suit);width:6px;height:6px;box-shadow:11px 0 0 var(--suit);border-radius:50%;position:absolute;top:-4px;left:1px}.migration-racer.shape-2 .racer-head:after{content:"";background:var(--trim);width:4px;height:3px;position:absolute;bottom:1px;left:4px}.migration-racer.shape-3:before{content:"";background:var(--suit);clip-path:polygon(0 100%,22% 0,44% 100%,56% 100%,78% 0,100% 100%);width:18px;height:7px;position:absolute;top:-7px;left:1px}.migration-racer.shape-3:after{content:"";background:linear-gradient(90deg,var(--head) 0 3px,var(--suit) 3px);border-radius:3px 0 0 3px;width:8px;height:4px;position:absolute;top:8px;left:-8px}.migration-racer.shape-4:before{content:"";background:var(--suit);width:6px;height:6px;box-shadow:10px 0 0 var(--suit);border-radius:50%;position:absolute;top:-4px;left:2px}.migration-racer.shape-4:after{content:"";background:#111;border-radius:50%;width:2px;height:2px;position:absolute;top:-2px;left:4px;box-shadow:10px 0 #111}.migration-racer.shape-4 .racer-head:before{display:none}.migration-racer.shape-4 .racer-head:after{content:"";background:#315942;width:6px;height:2px;position:absolute;bottom:1px;left:3px}.migration-racer.shape-5:before{content:"";background:var(--suit);width:5px;height:5px;box-shadow:11px 0 0 var(--suit);border-radius:2px 4px 0;position:absolute;top:-3px;left:2px}.migration-racer.shape-5 .racer-head:after{content:"";background:var(--trim);border-radius:2px;width:6px;height:4px;position:absolute;top:4px;left:3px}.migration-racer.shape-5:after{content:"";background:var(--trim);border-radius:50%;width:3px;height:3px;position:absolute;top:11px;left:-3px}.migration-racer.shape-6:before{content:"";background:var(--trim);width:3px;height:4px;box-shadow:-3px 1px 0 var(--trim);border-radius:2px 2px 0 0;position:absolute;top:-4px;left:8px}.migration-racer.shape-6 .racer-head:after{content:"";background:var(--trim);clip-path:polygon(0 0,100% 50%,0 100%);width:5px;height:5px;position:absolute;top:2px;right:-5px}.migration-racer.shape-6:after{content:"";background:var(--suit);clip-path:polygon(100% 0,0 50%,100% 100%);width:4px;height:4px;position:absolute;top:10px;left:-4px}.migration-racer.shape-7:before{content:"";background:var(--suit);width:8px;height:8px;box-shadow:12px 0 0 var(--suit);border-radius:50%;position:absolute;top:-6px;left:0}.migration-racer.shape-7 .racer-head:after{content:"";background:var(--trim);border-radius:50%;width:3px;height:3px;position:absolute;top:4px;right:-2px}.migration-racer.shape-7:after{content:"";background:var(--trim);border-radius:2px;width:8px;height:2px;position:absolute;top:12px;left:-8px}.migration-racer.archetype-peach{--head:#fdeacc;--suit:#f5a86a;--trim:#c96b34}.migration-racer.archetype-sky{--head:#eaf6ff;--suit:#8ec8e8;--trim:#4a7fb5}.migration-racer.archetype-mint{--head:#e9fbef;--suit:#8fd8ad;--trim:#3f9d6d}.migration-racer.archetype-honey{--head:#fdf3cf;--suit:#f3cf5e;--trim:#c08a2d}.migration-racer.archetype-berry{--head:#fbe7f1;--suit:#eba6c8;--trim:#b25585}.migration-racer.walking,.migration-racer.idle{animation:.56s ease-in-out infinite migration-step}.migration-racer.running{animation:.33s ease-in-out infinite migration-step}.migration-racer .racer-dust,.migration-racer .racer-sweat{pointer-events:none;display:none;position:absolute}.migration-racer.running .racer-dust{background:#ffffff80;width:4px;height:4px;animation:.36s steps(3,jump-none) infinite migration-dust;display:block;bottom:-1px;left:-8px}.migration-racer.winded{filter:saturate(.7);animation:.85s ease-in-out infinite migration-step}.migration-racer.winded .racer-sweat{background:#7dd3fc;width:3px;height:5px;animation:.7s steps(4,jump-none) infinite migration-sweat;display:block;top:-7px;right:-4px}.migration-racer.eliminated{opacity:.55;filter:saturate(.5);animation:none;transform:translate(-50%,-30%)rotate(90deg)scale(1.08)}.migration-racer:has(.migration-reveal-name){z-index:3;box-shadow:0 0 0 2px #facc15,2px 2px #0000006b}.migration-reveal-name{color:#facc15;font:800 7px/1 var(--mono);white-space:nowrap;background:#101217;padding:2px 3px;position:absolute;bottom:calc(100% + 5px);left:50%;translate:-50%}@keyframes migration-step{50%{transform:translate(-50%,-55%)scale(1.08)}}@keyframes migration-dust{to{opacity:0;transform:translate(-8px,-5px)scale(1.7)}}@keyframes migration-sweat{0%{opacity:0}40%{opacity:1}to{opacity:0;transform:translateY(7px)}}.migration-finish{z-index:1;background:repeating-conic-gradient(#fff 0 25%, #111 0 50%) 0/12px 12px;width:12px;position:absolute;inset:0 6% 0 auto}.migration-crosshair{z-index:4;color:#ff6158;width:24px;height:24px;font:900 24px/1 var(--mono);pointer-events:none;transition:left 50ms linear,top 50ms linear;position:absolute;translate:-50% -50%}.migration-crosshair span{place-items:center;display:grid;position:absolute;inset:0}.migration-crosshair i{background:#ffd34d;border:1px solid #251b0b;width:4px;height:9px;position:absolute;bottom:-2px;right:-3px;box-shadow:inset 0 -2px #bc7721}.migration-crosshair.color-1{color:#61d7ff}.migration-crosshair.color-2{color:#ffca5c}.migration-crosshair.color-3{color:#75e59a}.migration-crosshair.color-4{color:#e989ff}.migration-crosshair.color-5{color:#ff9561}.migration-crosshair.color-6{color:#77a2ff}.migration-crosshair.color-7{color:#f4ef8c}.migration-crosshair.spent{color:#999;opacity:.5}.migration-ko{z-index:3;color:#fff;font:900 11px/1 var(--mono);text-shadow:1px 1px #111;pointer-events:none;position:absolute;top:-4px;translate:-50%}.migration-ko small{color:#ff8b85;font-size:7px;display:block}.migration-kill-feed{z-index:5;font:700 10px/1.2 var(--mono);pointer-events:none;background:#0a0c10c7;gap:3px;padding:7px;display:grid;position:absolute;top:8px;right:28px}.migration-kill-feed div{gap:5px;display:flex}.migration-kill-feed strong{color:#ff8b85}.migration-track.local-eliminated{box-shadow:inset 0 0 0 2px #e13d3559}.migration-hit-flash{z-index:6;pointer-events:none;animation:.26s ease-out both migration-flash;position:absolute;inset:0}.migration-hit-flash.shooter{background:#ffffff59}.migration-hit-flash.victim{background:#e12d267a;animation-duration:.52s}.migration-track.effect-shooter{animation:.26s ease-out migration-shake-small}.migration-track.effect-victim{animation:.52s ease-out migration-shake-large}@keyframes migration-flash{0%{opacity:1}to{opacity:0}}@keyframes migration-shake-small{25%{transform:translate(3px)}50%{transform:translate(-2px)}75%{transform:translate(1px)}}@keyframes migration-shake-large{15%{transform:translate(7px,-3px)}30%{transform:translate(-6px,2px)}50%{transform:translate(5px,3px)}70%{transform:translate(-3px,-2px)}}.migration-countdown{z-index:5;color:#fff;background:#10121759;place-items:center;font-size:42px;font-weight:900;display:grid;position:absolute;inset:0}.migration-controls{justify-content:center;align-items:center;margin-top:8px;font-size:12px}.migration-controls span,.migration-controls strong{border:1px solid var(--border);padding:7px 9px}.migration-controls kbd{color:var(--text-h)}.migration-controls span.pressed{border-color:var(--accent);background:#e13d3524;transform:translateY(1px)}.migration-controls span.spent{opacity:.5}.migration-controls.spectating{opacity:.55}.migration-sprint{position:relative}.migration-sprint>b{background:#171b23;border:1px solid #394154;height:4px;position:absolute;bottom:calc(100% + 3px);left:7px;right:7px;overflow:hidden}.migration-sprint>b i{width:calc(var(--stamina) * 100%);background:hsl(calc(var(--stamina) * 118) 82% 52%);height:100%;transition:width .1s linear;display:block}.migration-sprint.exhausted>b i{animation:.7s ease-in-out infinite migration-stamina-pulse}@keyframes migration-stamina-pulse{50%{opacity:.35}}.migration-postround{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:14px;display:grid}.migration-reveal-track .migration-track{height:min(69svh,680px)}.migration-results{min-width:0}.migration-results>p{color:var(--accent);font:700 11px/1.3 var(--mono);margin:0}.migration-results h2{color:var(--text-h);margin:8px 0 12px}.migration-scoreboard{border:1px solid var(--border);margin:14px 0}.migration-scoreboard div{grid-template-columns:1fr auto 44px}.migration-scoreboard b{color:var(--text-h);text-align:right}@media (width<=720px){.migration-lobby,.migration-postround{grid-template-columns:1fr}.migration-actions,.migration-topbar,.migration-controls{flex-wrap:wrap}.migration-track{height:68svh}}@media (prefers-reduced-motion:reduce){.migration-track.effect-shooter,.migration-track.effect-victim,.migration-hit-flash{animation:none}}