*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--panel: #15151f;--border: #3a3a52;--accent: #e8c11c;--green: #3ec54b;--red: #d44a4a;--text: #e6e6e6}body{background:var(--bg);color:var(--text);font-family:"Press Start 2P",monospace;image-rendering:pixelated;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px}.crt{width:100%;max-width:1100px;position:relative}.crt:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 1px,transparent 1px 3px)}.title{font-size:38px;text-align:center;color:var(--accent);text-shadow:4px 4px 0 #7a5a00,8px 8px 0 #1a1a1a;letter-spacing:2px;margin-bottom:8px}.title.small{font-size:24px}.title.gold{color:#ffe97a;animation:pulse .8s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.subtitle{text-align:center;font-size:11px;color:#9aa;margin-bottom:28px}.center-screen{display:flex;flex-direction:column;align-items:center;padding-top:7vh}.panel{background:var(--panel);border:3px solid var(--border);box-shadow:6px 6px #000;padding:22px;width:100%;max-width:560px}.login-panel{max-width:380px;display:flex;flex-direction:column;gap:10px}.login-panel label{font-size:9px;color:#9aa;margin-top:8px}input{font-family:inherit;font-size:12px;padding:10px;background:#0c0c14;border:2px solid var(--border);color:var(--text);outline:none}input:focus{border-color:var(--accent)}.btn{font-family:inherit;font-size:11px;padding:12px 16px;background:#20203a;color:var(--text);border:2px solid var(--border);box-shadow:3px 3px #000;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #000}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:#2a4a1e;border-color:var(--green);color:var(--green)}.btn.primary:hover{color:#aaf0b0;border-color:#aaf0b0}.btn.tiny{font-size:8px;padding:6px 8px}.tabs{display:flex;gap:6px;margin-bottom:12px}.tabs.big{margin:18px 0;justify-content:center}.tab{font-family:inherit;font-size:10px;padding:10px 14px;background:transparent;border:2px solid var(--border);color:#9aa;cursor:pointer}.tab.active{background:var(--border);color:var(--accent)}.error{color:var(--red);font-size:10px;padding:8px 0;text-align:center}.hint{color:#778;font-size:9px;line-height:1.7;text-align:center;margin-top:10px}.blink{animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.25}}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--red);color:#fff;font-size:10px;padding:12px 18px;border:2px solid #fff;box-shadow:4px 4px #000;z-index:50}.lobby{display:flex;flex-direction:column;align-items:center}.lobby-header{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.user-chip{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--green)}.play-panel{text-align:center}.play-panel h2{font-size:13px;color:var(--accent);margin-bottom:14px}.mode-row{display:flex;gap:10px;margin-bottom:16px}.btn.mode{flex:1;display:flex;flex-direction:column;gap:8px}.btn.mode small{font-size:7px;color:#889;text-transform:none}.btn.mode.active{border-color:var(--accent);color:var(--accent)}.join-row{display:flex;gap:8px}.join-row input{flex:1;text-transform:uppercase;letter-spacing:4px;text-align:center}.retro-table{width:100%;border-collapse:collapse;font-size:9px}.retro-table th{color:var(--accent);border-bottom:2px solid var(--border);padding:8px 6px;text-align:left}.retro-table td{padding:8px 6px;border-bottom:1px solid #22222f}.retro-table tr.me td{color:#ffe97a}.retro-table .win{color:var(--green)}.retro-table .loss{color:#99a}.panel h2{font-size:13px;color:var(--accent);margin-bottom:14px}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.skin-card{font-family:inherit;background:#0c0c14;border:2px solid var(--border);color:var(--text);padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.skin-card .skin-swatch{width:26px;height:26px;border:2px solid #000}.skin-card .skin-name{font-size:8px}.skin-card small{font-size:7px;color:#889}.skin-card.selected{border-color:var(--green)}.skin-card.locked{opacity:.4;cursor:not-allowed}.room-panel{text-align:center}.room-code-row{display:flex;justify-content:center;align-items:center;gap:12px}.room-code{font-size:30px;letter-spacing:10px;color:var(--accent);text-shadow:3px 3px 0 #000}.mode-label{font-size:10px;color:var(--green);margin:14px 0}.player-slots{display:flex;flex-direction:column;gap:8px;margin:14px 0 20px}.slot{display:flex;align-items:center;gap:12px;padding:12px;border:2px dashed var(--border);font-size:10px;min-height:46px}.slot.filled{border-style:solid;background:#0c0c14}.slot-tank{width:20px;height:20px;border:2px solid #000}.slot-empty{color:#556}.room-actions{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:12px}.game-layout{display:flex;gap:16px;justify-content:center;align-items:flex-start}.game-main{display:flex;flex-direction:column}.hud-bar{display:flex;align-items:center;gap:18px;background:var(--panel);border:3px solid var(--border);border-bottom:none;padding:10px 14px;font-size:10px;min-height:44px}.hud-timer{color:var(--accent);font-size:14px}.hp-wrap{display:flex;align-items:center;gap:8px}.hp-bar{width:110px;height:12px;background:#000;border:2px solid var(--border)}.hp-fill{height:100%;transition:width .15s}.fx-row{display:flex;gap:6px}.fx{font-style:normal;font-size:7px;padding:4px 5px;border:1px solid currentColor}.minimap{position:absolute;right:8px;bottom:8px;border:2px solid var(--border)!important;background:#0a0a10;image-rendering:pixelated;z-index:6;opacity:.92}.class-hud{background:#101018;border:3px solid var(--border);border-top:none;border-bottom:none;padding:7px 14px;font-size:8px;color:#9aa}.class-hud .hl{color:#aef5f5}.bounty-warn{color:#ffe97a}.streak-chip{color:#ff8c2e;font-size:10px}.strike-chip{color:#ffe97a;font-size:9px}.fx-scope{color:#aef5f5}.sb-streak{color:#ff8c2e;font-size:8px}.banners{position:absolute;top:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;z-index:7}.streak-banner{background:#000000bf;border:2px solid #ffe97a;color:#ffe97a;font-size:10px;padding:8px 16px;animation:kf-in .2s steps(3)}.overlay-top{position:absolute;top:8px;left:50%;transform:translate(-50%);color:#ffe97a;font-size:10px;text-shadow:2px 2px 0 #000;z-index:7;pointer-events:none}.class-role{font-size:7px;color:#7fd;margin-bottom:4px}.range-row{font-size:7px;color:#889;line-height:1.8}.team-red{color:#e04f4f}.team-blue{color:#4f7fe0}.team-none{color:#dadada}.kf-ai{color:#99a}.killfeed{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:4px;pointer-events:none;z-index:5}.kf-entry{background:#0009;border:1px solid #2a2a3a;padding:5px 8px;font-size:8px;display:flex;gap:8px;animation:kf-in .15s steps(2)}.kf-arrow{color:var(--accent)}@keyframes kf-in{0%{transform:translate(-12px);opacity:0}}.class-chip{color:#aef5f5;font-size:9px;text-transform:uppercase}.fx-cloak{color:#b9a8ff}.team-block{margin-bottom:12px;border:1px solid #22222f;padding:6px}.team-block.team-red{border-color:#6a2a2a}.team-block.team-blue{border-color:#2a3a6a}.team-head{display:flex;justify-content:space-between;font-size:9px;padding:4px 2px 8px}.team-block.team-red .team-head{color:#e04f4f}.team-block.team-blue .team-head{color:#4f7fe0}.sb-class{font-size:10px}.mvp-banner{color:#ffe97a;font-size:13px;border:2px solid #ffe97a;padding:10px 22px;margin-bottom:18px;box-shadow:4px 4px #000;animation:pulse .9s infinite alternate}.panel.wide{max-width:760px}.room-panel.wide{max-width:700px}.garage-sub{font-size:11px;color:#aef5f5;margin:16px 0 10px}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.class-card{background:#0c0c14;border:2px solid var(--border);padding:10px;display:flex;flex-direction:column;gap:8px}.class-card.selected{border-color:var(--green)}.class-card.previewing{border-color:#aef5f5}.class-head{font-family:inherit;background:none;border:none;color:var(--text);display:flex;align-items:center;gap:8px;cursor:pointer;padding:0}.class-icon{font-size:16px}.class-name{font-size:10px;color:var(--accent)}.class-desc{font-size:7px;color:#889;line-height:1.6;min-height:34px}.class-bars{display:flex;flex-direction:column;gap:4px}.class-bar{display:flex;align-items:center;gap:6px;font-size:7px;color:#889}.class-bar span{width:26px}.class-bar-track{flex:1;height:6px;background:#000;border:1px solid var(--border)}.class-bar-fill{height:100%;background:var(--accent)}.evo-preview{margin-top:14px;border:2px solid #2a3a52;padding:12px;background:#0c0c14}.ability{font-size:8px;color:#bbc;line-height:1.8;margin-bottom:6px}.ability b{color:#aef5f5}.class-pick-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.class-pick{font-family:inherit;background:#0c0c14;border:2px solid var(--border);color:var(--text);padding:8px 10px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.class-pick small{font-size:6px}.class-pick.active{border-color:var(--green);color:var(--green)}.class-pick:hover{border-color:var(--accent)}.player-slots.grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.player-slots.grid .slot{min-height:38px;padding:8px;font-size:8px}.slot-class{font-size:12px}.tier-badge{color:#ffe97a}.tier-badge small{font-size:7px;color:#889}.sb-tier{color:#ffe97a;min-width:22px;text-align:right}.tier-cell{color:#ffe97a}.fx-shield{color:#33e0e0}.fx-speed{color:#e8c11c}.fx-rapid{color:#ff8c2e}.fx-double{color:#e6e6e6}.canvas-wrap{position:relative;line-height:0}canvas{border:3px solid var(--border);background:#0c0c0c;image-rendering:pixelated;max-width:100%}.overlay-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--red);text-shadow:3px 3px 0 #000;background:#00000059}.scoreboard{background:var(--panel);border:3px solid var(--border);padding:14px;width:230px;font-size:9px}.scoreboard h3{color:var(--accent);font-size:10px;margin-bottom:12px}.sb-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #22222f}.sb-row.me .sb-name{color:#ffe97a}.sb-dot{width:12px;height:12px;border:1px solid #000;flex-shrink:0}.sb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-score{color:var(--accent)}.sb-kd{color:#889}.legend{margin-top:18px;line-height:2.2}.legend p{color:#889;font-size:8px}.legend b{font-size:9px;margin-right:4px}.pw-shield{color:#33e0e0}.pw-speed{color:#e8c11c}.pw-rapid{color:#ff8c2e}.pw-heal{color:#3ec54b}.pw-double{color:#e6e6e6}.pw-bomb{color:#f44}@media (max-width: 1080px){.game-layout{flex-direction:column;align-items:center}.scoreboard{width:100%;max-width:806px}}