:root{font-family:Segoe UI,Tahoma,sans-serif;color:#111827;background-color:#f3f4f6;--retro-bg: #012246;--retro-panel: #f4e6c4;--retro-border: #e8a83d;--retro-glow: #00d4aa;--retro-text: #1a1a2e;--retro-muted: #5c4a32}*{box-sizing:border-box}body{margin:0}html.results-active,body.results-active{background:var(--retro-bg)!important;min-height:100vh}body.home-active,body.character-select-active,body.lobby-active,body.countdown-active,body.results-active{background:var(--retro-bg);color:var(--retro-panel);min-height:100vh}body.character-select-active,body.lobby-active,body.countdown-active,body.results-active{font-family:Share Tech Mono,Orbitron,monospace}button,input{font:inherit}#app{min-height:100vh;display:grid;place-items:center;padding:24px}body.results-active #app{background:var(--retro-bg);padding:24px}.top-left-controls{position:fixed;top:12px;left:12px;z-index:1000;display:flex;gap:8px}.mute-btn,.github-btn{width:44px;height:44px;padding:0;border:2px solid var(--retro-border);border-radius:8px;background:var(--retro-panel);color:var(--retro-text);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .12s ease,background .12s ease}.mute-btn:hover,.github-btn:hover{transform:scale(1.05)}.mute-btn-icon{display:block;width:24px;height:24px;object-fit:contain}.github-btn-icon{display:block;width:22px;height:22px}.shell{width:100%}.card{background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:24px}h1{margin:0 0 12px;font-size:28px}p{margin:0 0 12px}.row{display:flex;flex-wrap:wrap;gap:12px}button{border:1px solid #9ca3af;background:#f9fafb;color:#111827;border-radius:8px;padding:10px 14px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.field{display:grid;gap:8px;margin-bottom:16px;max-width:320px}.field--inline{margin:0}input{border:1px solid #9ca3af;border-radius:8px;padding:10px 12px;text-transform:uppercase}.home-active{font-family:Share Tech Mono,Orbitron,monospace}.home-screen{max-width:520px;position:relative}.home-screen:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);z-index:1}.home-card{position:relative;z-index:2;text-align:center;padding:32px 28px;background:var(--retro-panel);border:4px solid var(--retro-border);border-radius:4px;box-shadow:0 0 0 2px var(--retro-bg),inset 0 2px #fff6,8px 8px #00000040;color:var(--retro-text)}.home-title{display:flex;justify-content:center;margin-bottom:28px}.home-title-img{display:block;width:100%;max-width:360px;height:auto;margin:0 auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.home-form{text-align:left;max-width:320px;margin:0 auto}.home-form .field{font-family:Orbitron,Share Tech Mono,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--retro-muted)}.home-form input{background:var(--retro-bg);border:2px solid var(--retro-border);border-radius:4px;color:var(--retro-panel);font-family:Share Tech Mono,monospace;font-size:1rem;letter-spacing:.15em;padding:12px 14px}.home-form input::placeholder{color:#f4e6c480}.home-form input:focus{outline:none;border-color:var(--retro-glow);box-shadow:0 0 12px #00d4aa59}.home-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-top:20px;margin-bottom:0;align-items:stretch}.home-btn{display:flex;align-items:center;justify-content:center;width:100%;height:52px;padding:0;border:none;background:transparent;cursor:pointer;border-radius:4px;overflow:hidden;transition:transform .12s ease,filter .12s ease}.home-btn img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.home-btn:hover:not(:disabled){transform:scale(1.03);filter:brightness(1.1)}.home-btn:active:not(:disabled){transform:scale(.98)}.home-btn:disabled{opacity:.5;filter:grayscale(.6);cursor:not-allowed}.home-screen .note--status{color:#0d9488}.home-screen .note--error{color:#dc2626}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.character-card{min-height:96px;border:2px solid #9ca3af;border-radius:8px;background:#e5e7eb}.character-card--selected{border-color:#111827;background:#d1d5db}.character-select-screen{max-width:560px}.character-select-card{background:var(--retro-panel);border:4px solid var(--retro-border);border-radius:4px;box-shadow:0 0 0 2px var(--retro-bg),inset 0 2px #fff6,8px 8px #00000040;color:var(--retro-text);padding:28px 24px}.character-select-title{font-family:Orbitron,Share Tech Mono,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--retro-text);margin:0 0 8px;text-align:center}.character-select-subtitle{font-size:.8rem;color:var(--retro-muted);text-align:center;margin:0 0 24px}.character-select-screen .character-grid{gap:16px;margin-bottom:24px}.character-select-screen .character-card{display:flex;flex-direction:column;align-items:center;min-height:140px;padding:12px;border:3px solid var(--retro-border);border-radius:4px;background:var(--retro-panel);box-shadow:inset 0 0 0 1px #00000014;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.character-select-screen .character-card:hover{transform:scale(1.02);border-color:var(--retro-muted)}.character-select-screen .character-card--selected{border-color:var(--retro-glow);background:#00d4aa14;box-shadow:0 0 0 2px var(--retro-glow),inset 0 0 0 1px #00d4aa33}.character-card-img{display:block;width:100%;max-height:100px;object-fit:contain;margin-bottom:8px}.character-card-name{font-family:Orbitron,Share Tech Mono,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--retro-text)}.character-select-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.character-select-btn{font-family:Orbitron,Share Tech Mono,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:12px 20px;border-radius:4px;border:2px solid var(--retro-border);background:var(--retro-panel);color:var(--retro-text);cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.character-select-btn:hover:not(:disabled){border-color:var(--retro-muted);background:#e8a83d26;transform:scale(1.02)}.character-select-btn--ready:not(:disabled){border-color:var(--retro-glow);background:#00d4aa1f;color:var(--retro-text)}.character-select-btn--ready:hover:not(:disabled){border-color:var(--retro-glow);background:#00d4aa40}.character-select-btn:disabled{opacity:.5;cursor:not-allowed}.character-select-screen .note--status{color:#0d9488}.character-select-screen .note--error{color:#dc2626}.lobby-screen{max-width:520px}.lobby-card{background:var(--retro-panel);border:4px solid var(--retro-border);border-radius:4px;box-shadow:0 0 0 2px var(--retro-bg),inset 0 2px #fff6,8px 8px #00000040;color:var(--retro-text);padding:28px 24px}.lobby-title{font-family:Orbitron,Share Tech Mono,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--retro-text);margin:0 0 20px;text-align:center}.lobby-room-code{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:20px;padding:12px 16px;background:var(--retro-bg);border:2px solid var(--retro-border);border-radius:4px}.lobby-room-code-label{font-family:Orbitron,Share Tech Mono,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--retro-border)}.lobby-room-code-value{font-family:Share Tech Mono,monospace;font-size:1.5rem;font-weight:700;letter-spacing:.25em;color:var(--retro-glow)}.lobby-map-selector{margin-bottom:20px}.lobby-map-selector-label{display:block;font-family:Orbitron,Share Tech Mono,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--retro-muted);margin-bottom:10px}.lobby-map-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.lobby-map-option{font-family:Share Tech Mono,Orbitron,sans-serif;font-size:.85rem;font-weight:600;padding:12px 8px;background:var(--retro-bg);color:var(--retro-panel);border:2px solid var(--retro-border);border-radius:4px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .12s ease}.lobby-map-option:hover:not(:disabled){background:#002246e6;border-color:var(--retro-glow);transform:translateY(-1px)}.lobby-map-option--selected{background:#e8a83d40;border-color:var(--retro-border);color:var(--retro-bg)}.lobby-map-option:disabled{opacity:.7;cursor:default}.lobby-map-option-label{display:block;text-align:center}.lobby-avatar{object-fit:contain;object-position:center;flex-shrink:0}.lobby-player-avatar-crop{display:block;width:40px;height:40px;overflow:hidden;flex-shrink:0}.lobby-avatar--player{width:100%;height:200%;object-fit:cover;object-position:top center;display:block}.lobby-player-list{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:8px}.lobby-controls-note{margin:0 0 20px;padding:12px 14px;border:2px dashed rgba(232,168,61,.8);border-radius:4px;background:#0122461a}.lobby-controls-note-title{margin:0 0 6px;font-family:Orbitron,Share Tech Mono,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--retro-muted)}.lobby-controls-note-text{margin:0;font-size:.86rem;line-height:1.45;color:var(--retro-text)}.lobby-controls-key{display:inline-block;min-width:1.6em;padding:1px 6px;border:1px solid var(--retro-border);border-radius:3px;background:var(--retro-bg);color:var(--retro-panel);font-family:Share Tech Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-align:center}.lobby-player{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#0000000f;border:2px solid var(--retro-border);border-radius:4px;font-size:.9rem}.lobby-player .lobby-player-avatar-crop{margin:-4px 0}.lobby-player--you{border-color:var(--retro-glow);background:#00d4aa14}.lobby-player--empty{justify-content:center;color:var(--retro-muted);font-style:italic}.lobby-player-name{flex:1;font-weight:700;color:var(--retro-text)}.lobby-player-role,.lobby-player-ready{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--retro-muted)}.lobby-player-ready--yes{color:#0d9488;font-weight:700}.lobby-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.lobby-btn{font-family:Orbitron,Share Tech Mono,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:12px 18px;border-radius:4px;border:2px solid var(--retro-border);background:var(--retro-panel);color:var(--retro-text);cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.lobby-btn:hover:not(:disabled){border-color:var(--retro-muted);background:#e8a83d26;transform:scale(1.02)}.lobby-btn--start:not(:disabled){border-color:var(--retro-glow);background:#00d4aa1f}.lobby-btn--start:hover:not(:disabled){border-color:var(--retro-glow);background:#00d4aa40}.lobby-btn:disabled{opacity:.5;cursor:not-allowed}.lobby-screen .note--error{color:#dc2626}.match-screen{font-family:Share Tech Mono,Orbitron,monospace;width:100%;min-height:100vh;padding:12px 16px 10px;overflow:hidden;display:flex;justify-content:center}.match-card{background:var(--retro-panel);border:4px solid var(--retro-border);border-radius:4px;box-shadow:0 0 0 2px var(--retro-bg),inset 0 2px #fff6,8px 8px #00000040;color:var(--retro-text)}.match-screen h1{font-family:Orbitron,Share Tech Mono,sans-serif;letter-spacing:.08em;text-transform:uppercase}.match-screen .controls-note{color:var(--retro-muted)}.match-screen .match-hud{border-top:2px solid rgba(232,168,61,.35);padding-top:12px}.match-screen .hud-player{border-color:var(--retro-border);box-shadow:0 4px #5c4a3259}.match-screen .hud-player__name{color:var(--retro-text)}.match-screen .hud-player__status{color:var(--retro-muted)}.match-stage{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;margin:0 auto}.match-status-chip{display:inline-flex;align-items:center;justify-content:center;margin:0 0 12px;padding:8px 14px;border:2px solid rgba(232,168,61,.35);border-radius:999px;background:#011630b8;color:#f4e6c4f2;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.player-list{margin:0 0 16px;padding-left:20px}.note{margin:0}.note--status{color:#065f46}.note--error{color:#991b1b}.countdown{font-size:48px;font-weight:700}.countdown-screen{max-width:420px}.countdown-card{background:var(--retro-panel);border:4px solid var(--retro-border);border-radius:4px;box-shadow:0 0 0 2px var(--retro-bg),inset 0 2px #fff6,8px 8px #00000040;color:var(--retro-text);padding:36px 28px;text-align:center}.countdown-title{font-family:Orbitron,Share Tech Mono,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--retro-text);margin:0 0 12px}.countdown-stage{font-size:.8rem;color:var(--retro-muted);margin:0 0 24px}.countdown-stage strong{color:var(--retro-text)}.countdown-number{font-family:Orbitron,Share Tech Mono,sans-serif;font-size:4.5rem;font-weight:900;line-height:1;color:var(--retro-border);margin:0 0 16px;text-shadow:0 0 0 2px var(--retro-bg)}.countdown-subtitle{font-size:.85rem;color:var(--retro-muted);margin:0}.countdown-screen .note--error{color:#dc2626;margin-top:16px}.controls-note{color:#374151}.arena{position:relative;border:2px solid var(--retro-border);border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#123764,#0c2f59 55%,#072548);margin-bottom:12px}.arena--stage-491{background-image:url(/assets/stages/491.png);background-size:cover;background-position:center;border:none}.arena--stage-bucs{background-image:url(/assets/stages/bucs.png);background-size:cover;background-position:center;border:none}@keyframes results-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}80%{transform:scale(.96)}to{transform:scale(1);opacity:1}}@keyframes results-shine{0%,to{opacity:1}50%{opacity:.85}}.results-screen{max-width:520px;min-height:0;display:flex;align-items:center;justify-content:center}.results-card{background:var(--retro-bg);border:4px solid var(--retro-border);border-radius:8px;box-shadow:0 0 0 2px #f4e6c426,0 12px 32px #0006,inset 0 1px #ffffff14;color:var(--retro-panel);padding:48px 36px;text-align:center;animation:results-pop .5s ease-out;width:100%}.results-victory-badge{font-family:Orbitron,Share Tech Mono,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.4em;text-transform:uppercase;margin:0 0 24px;padding-bottom:12px;animation:results-pop .4s ease-out .1s both}.results-victory-badge--victory{color:var(--retro-border);border-bottom:2px solid rgba(232,168,61,.4)}.results-victory-badge--defeat{color:#f4e6c499;border-bottom:2px solid rgba(244,230,196,.25)}.results-outcome{font-family:Orbitron,Share Tech Mono,sans-serif;font-size:1.75rem;font-weight:900;letter-spacing:.25em;margin:0 0 20px;animation:results-shine 1.5s ease-in-out infinite}.results-outcome--win{color:var(--retro-glow)}.results-outcome--lose{color:#e07c7c}.results-winner-label{font-size:.7rem;color:#f4e6c499;letter-spacing:.25em;text-transform:uppercase;margin:0 0 6px}.results-winner-value{font-family:Share Tech Mono,monospace;font-size:2.25rem;font-weight:700;letter-spacing:.08em;color:var(--retro-panel);margin:0 0 8px;line-height:1.2}.results-winner-value--glow{color:#fff;text-shadow:0 0 20px rgba(244,230,196,.6);animation:results-shine 2s ease-in-out infinite}.results-eliminated{font-size:.8rem;color:#f4e6c480;margin:0 0 32px}.results-eliminated-label{font-weight:700;text-transform:uppercase;letter-spacing:.1em}.results-eliminated-value{margin-left:6px}.results-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.results-btn{font-family:Share Tech Mono,Orbitron,monospace;font-weight:700;letter-spacing:.1em;padding:14px 28px;background:transparent;color:var(--retro-panel);border:3px solid var(--retro-border);border-radius:4px;cursor:pointer;transition:transform .12s ease,background .12s ease,color .12s ease}.results-btn--primary{background:var(--retro-border);color:var(--retro-bg)}.results-btn--primary:hover{background:var(--retro-panel);color:var(--retro-bg)}.results-btn:hover{background:#e8a83d33;color:#fff;transform:translateY(-2px)}.results-btn:active{transform:translateY(0)}.results-screen .note--error{color:#fca5a5;margin-top:16px}.arena-floor{position:absolute;left:20%;right:16%;height:12px;border:none;background:transparent;box-shadow:none;z-index:0;pointer-events:none}.arena-floor:after{content:none}.respawn-platform{position:absolute;height:8px;transform:translate(-50%,-50%);background:#10b98159;border:1px solid #10b981;border-radius:8px}.arena-player{position:absolute;width:52px;height:118px;border-radius:10px;overflow:visible;display:flex;justify-content:center;align-items:flex-end}.arena-player--ko{opacity:.5}.arena-player--invulnerable{box-shadow:0 0 0 3px #10b98180}@keyframes fighter-hit-flash{0%,to{filter:saturate(1) brightness(1);opacity:1}35%{filter:brightness(1.15) sepia(1) saturate(8) hue-rotate(-28deg);opacity:.92}65%{filter:brightness(1.35) sepia(1) saturate(10) hue-rotate(-38deg);opacity:1}}.arena-player--anim-attack .arena-player__sprite{filter:brightness(1.16) saturate(1.2) contrast(1.05)}.arena-player--anim-hitstun .arena-player__sprite{animation:fighter-hit-flash .15s ease-in-out 3;filter:brightness(1.2) sepia(1) saturate(7) hue-rotate(-30deg)}.arena-player--anim-respawn .arena-player__sprite{filter:brightness(1.08) saturate(1.15)}.arena-player--anim-ko .arena-player__sprite{filter:grayscale(.3) brightness(.9)}.arena-player__label{position:absolute;left:50%;top:-18px;transform:translate(-50%);font-size:10px;white-space:nowrap;background:#ffffffeb;border-radius:4px;padding:1px 5px;pointer-events:none}.arena-player__sprite{height:100%;width:auto;max-width:none;object-fit:contain;object-position:center bottom;transform-origin:center bottom;display:block}.arena-player__charge-tint{position:absolute;inset:0;background:#ff1818e6;mix-blend-mode:multiply;pointer-events:none}.match-hud{display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:12px;margin:12px 0 16px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin}.hud-player{flex:0 0 min(260px,calc(50% - 6px));min-width:220px;border-radius:14px;border:2px solid #1e293b;background:linear-gradient(180deg,#f8fafcfa,#e2e8f0f2);box-shadow:0 5px #0f172a59;padding:10px 12px}.match-hud--multi .hud-player{flex-basis:min(260px,calc(50% - 6px));min-width:300px}.hud-player--ko{filter:grayscale(.3) saturate(.5);opacity:.85}.hud-player__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.hud-player__name{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0f172a}.hud-player__status{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#334155}.hud-player__bottom{margin-top:6px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.hud-player__stocks{display:flex;align-items:center;gap:5px}.hud-player__stock{width:13px;height:13px;border-radius:4px;transform:rotate(45deg);border:1px solid #334155}.hud-player__stock--filled{background:linear-gradient(180deg,#fde047,#f59e0b);box-shadow:0 0 0 1px #fbbf2459}.hud-player__stock--empty{background:#cbd5e1;opacity:.55}.hud-player__damage-wrap{display:flex;align-items:baseline;line-height:1}.hud-player__damage{font-size:clamp(2rem,4.5vw,2.8rem);font-weight:900;letter-spacing:-.04em;-webkit-text-stroke:1.25px #0f172a;text-shadow:0 2px 0 rgba(15,23,42,.4),0 0 10px rgba(255,255,255,.22)}.hud-player__percent{margin-left:2px;font-size:1.2rem;font-weight:900;color:#0f172a}.hud-player__damage--low{color:#f8fafc}.hud-player__damage--mid{color:#fde047}.hud-player__damage--high{color:#fb923c}.hud-player__damage--danger{color:#f97316}.hud-player__damage--critical{color:#ef4444;text-shadow:0 2px 0 rgba(15,23,42,.45),0 0 12px rgba(239,68,68,.45)}@media(max-width:640px){.card{padding:16px}.home-card{padding:24px 20px}.home-title-img{max-width:280px}.home-actions{grid-template-columns:1fr}.character-select-card,.lobby-card{padding:20px 16px}.lobby-room-code-value{font-size:1.25rem;letter-spacing:.15em}.character-grid{grid-template-columns:1fr}.match-screen{padding-left:8px;padding-right:8px}.hud-player{flex-basis:240px;min-width:240px}.hud-player__damage{font-size:2.2rem}}