*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #1a1a2e;--color-surface: #16213e;--color-primary: #e94560;--color-secondary: #0f3460;--color-text: #eee;--color-text-dim: #888;--color-gold: #ffd700;--font-display: "Bangers", cursive;--font-body: "Inter", sans-serif}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none}.lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:24px;padding:20px}.lobby--prematch-compact{gap:14px;padding:12px 16px 48px}.lobby--prematch-compact h1{font-size:clamp(1.8rem,6vw,3.2rem)}.lobby--prematch-compact h2{font-size:clamp(.95rem,3vw,1.2rem)}.lobby--prematch-compact .auth-profile{margin:4px 0;padding:10px 16px}.lobby--prematch-compact .controls-guide{transform:scale(.94);transform-origin:top center}.lobby--prematch-compact .prematch-stepper{gap:8px}.lobby--prematch-compact .prematch-stepper__item{padding:8px 12px}.lobby--prematch-compact .prematch-flow{gap:12px}.lobby--prematch-compact .prematch-step{gap:14px;padding:14px;border-radius:22px}.lobby--prematch-compact .prematch-step__title{font-size:clamp(24px,2.4vw,32px)}.lobby--prematch-compact .prematch-step__body{font-size:13px;line-height:1.45}.lobby--prematch-compact .fighter-carousel{gap:10px}.lobby--prematch-compact .fighter-stage{min-height:272px;grid-template-columns:220px minmax(0,1fr);gap:14px;padding:16px}.lobby--prematch-compact .fighter-stage__preview{width:220px;height:220px}.lobby--prematch-compact .fighter-carousel__peek{padding:10px 8px}.lobby--prematch-compact .fighter-carousel__peek .char-preview{width:64px;height:64px}.lobby--prematch-compact .fighter-carousel__rail{gap:8px}.lobby--prematch-compact .fighter-carousel__chip{min-width:98px;padding:8px 12px;font-size:13px}.lobby--prematch-compact .prematch-picked-banner{padding:12px 14px}.lobby--prematch-compact .prematch-match-grid{gap:12px}.lobby--prematch-compact .quick-match-card,.lobby--prematch-compact .room-action-hub{padding:14px}.lobby--prematch-compact .quick-match-card__title{font-size:clamp(22px,2.4vw,28px)}.lobby--prematch-compact .quick-match-card__body,.lobby--prematch-compact .room-action-hub__body,.lobby--prematch-compact .room-action-card__description{font-size:13px;line-height:1.45}.lobby--prematch-compact .room-action-card{min-height:154px;padding:14px}.lobby--prematch-compact .room-action-card__input{height:44px}.lobby h1{font-family:var(--font-display);font-size:clamp(2rem,8vw,4rem);color:var(--color-primary);text-shadow:3px 3px 0 #000;letter-spacing:2px;text-align:center}.lobby h2{font-family:var(--font-display);font-size:clamp(1rem,4vw,1.5rem);color:var(--color-gold);text-shadow:2px 2px 0 #000}.lobby input{padding:12px 20px;font-size:18px;border:2px solid var(--color-secondary);border-radius:8px;background:var(--color-surface);color:var(--color-text);outline:none;width:min(300px,80vw);text-align:center;font-family:var(--font-body)}.lobby input:focus{border-color:var(--color-primary)}.character-select{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:14px;justify-content:center}.char-card{width:100%;min-width:0;border-radius:18px;border:3px solid transparent;background:linear-gradient(180deg,#ffffff0f,#ffffff05),#13224eeb;cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:12px 10px;gap:10px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:inset 0 1px #ffffff0a}.char-card:hover{transform:translateY(-3px);border-color:var(--color-text-dim);box-shadow:0 14px 28px #0000002e}.char-card.selected{border-color:var(--color-gold);background:linear-gradient(180deg,#ffffff12,#ffffff08),#143069f5;transform:translateY(-4px);box-shadow:0 18px 32px #0b142c59,0 0 0 1px #ffd7002e}.char-preview{width:96px;height:96px;border-radius:12px;overflow:hidden;pointer-events:none}.char-preview-fallback{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.25),transparent 55%),linear-gradient(160deg,#141822e6,#0e1018f2);border:1px solid color-mix(in srgb,var(--char-preview-accent) 45%,transparent)}.char-preview-fallback-emoji{font-size:38px;line-height:1;filter:drop-shadow(0 2px 10px color-mix(in srgb,var(--char-preview-accent) 70%,transparent))}.char-card-name{font-family:var(--font-display);font-size:16px;color:var(--color-text);letter-spacing:.04em;text-align:center}.char-stats{width:100%;display:flex;flex-direction:column;gap:2px;padding:0 2px}.stat-row{display:flex;align-items:center;gap:4px}.stat-label{font-family:var(--font-body);font-size:9px;font-weight:700;letter-spacing:.5px;width:24px;text-align:right;flex-shrink:0}.stat-bar-bg{flex:1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:2px;transition:width .2s}.char-dropdown-wrap{position:relative;width:100%;max-width:520px}.char-dropdown-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border-radius:10px;border:2px solid var(--color-secondary);background:var(--color-surface);cursor:pointer;transition:all .15s;color:var(--color-text);font-family:var(--font-display);font-size:15px;letter-spacing:1px;text-align:left}.char-dropdown-trigger:hover:not(:disabled){border-color:var(--color-gold)}.char-dropdown-trigger:disabled{opacity:.45;cursor:not-allowed}.char-dropdown-thumb{width:36px;height:36px;border-radius:6px;overflow:hidden;flex-shrink:0;pointer-events:none}.char-dropdown-thumb .char-preview{width:36px;height:36px}.char-dropdown-name{flex:1}.char-dropdown-arrow{font-size:14px;color:var(--color-text-dim);transition:transform .2s}.char-dropdown-arrow.open{transform:rotate(180deg)}.char-dropdown-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;display:flex;flex-direction:column;gap:2px;padding:4px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:var(--color-surface);box-shadow:0 8px 32px #00000080;max-height:320px;overflow-y:auto}.char-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:var(--color-text);cursor:pointer;transition:background .1s;text-align:left}.char-dropdown-item:hover{background:#ffffff0f}.char-dropdown-item.selected{background:#ffd7001a}.char-dropdown-item .char-dropdown-thumb{width:40px;height:40px;border-radius:6px}.char-dropdown-item .char-dropdown-thumb .char-preview{width:40px;height:40px}.char-dropdown-item-info{flex:1;min-width:0}.char-dropdown-item-name{font-family:var(--font-display);font-size:14px;letter-spacing:.5px;margin-bottom:2px}.char-dropdown-item-info .char-stats{gap:1px}.char-dropdown-check{color:var(--color-gold);font-size:16px;font-weight:700;flex-shrink:0}.char-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.char-modal{background:var(--color-surface);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px;max-width:600px;width:90vw;max-height:80vh;overflow-y:auto}.char-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.char-modal-title{font-family:var(--font-display);font-size:20px;color:var(--color-gold);margin:0}.char-modal-close{background:transparent;border:none;color:var(--color-text-dim);font-size:20px;cursor:pointer;padding:4px 8px;line-height:1}.char-modal-close:hover{color:var(--color-text)}.player-card-edit-hint{position:absolute;bottom:4px;right:4px;font-size:14px;opacity:.7}.controls-guide{display:flex;justify-content:center;gap:24px;color:var(--color-text);font-size:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px 24px;width:min(760px,94vw);box-shadow:0 14px 34px #0000002e}.controls-row{display:flex;align-items:center;gap:6px}.controls-row span{margin-left:8px;opacity:.8}.controls-row kbd{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff14;font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--color-text);line-height:1}.btn-play{padding:14px 48px;font-size:20px;font-family:var(--font-display);letter-spacing:2px;border:none;border-radius:12px;background:var(--color-primary);color:#fff;cursor:pointer;transition:all .15s;text-transform:uppercase}.btn-play--hero{width:100%;min-height:58px;justify-content:center;display:inline-flex;align-items:center;box-shadow:0 18px 38px #e945604d}.btn-play:hover{transform:scale(1.05);background:#d63050}.btn-play:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-start{background:#4ade80;color:#000}.btn-start:hover:not(:disabled){background:#22c55e}.lobby-status{display:flex;flex-direction:column;align-items:center;gap:4px}.lobby-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.afk-warning{font-family:var(--font-display);font-size:14px;color:#e94560;text-shadow:1px 1px 0 #000;letter-spacing:1px;animation:buff-blink .6s infinite alternate}.player-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:400px}.player-tag{padding:6px 14px;border-radius:20px;background:var(--color-surface);font-size:14px;border:1px solid var(--color-secondary)}.player-tag.self{border-color:var(--color-gold);color:var(--color-gold)}.player-grid{display:grid;grid-template-columns:repeat(4,120px);grid-template-rows:repeat(2,1fr);gap:12px;justify-content:center}.player-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:12px 8px 10px;border-radius:14px;background:var(--color-surface);border:2px solid var(--color-secondary);overflow:hidden;transition:all .2s}.player-card-self{border-color:var(--color-gold);box-shadow:0 0 16px #ffd70033;cursor:pointer}.player-card-host{border-color:#f59e0b;box-shadow:0 0 12px #f59e0b40}.player-card-ready{background:#4ade801f;border-color:#4ade80}.player-card-bot{background:#ffffff08;border-color:#ffffff1a;opacity:.7}.player-card-closed{background:#ffffff04;border-color:#ffffff0d;opacity:.35;justify-content:center;min-height:120px}.player-card-closed:after{content:"✕";font-size:24px;color:#ffffff4d}.player-card-preview{width:80px;height:80px;border-radius:10px;overflow:hidden;pointer-events:none}.player-card-preview .char-preview{width:80px;height:80px}.player-card-emoji{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:36px}.player-card-name{font-family:var(--font-display);font-size:13px;color:var(--color-text);letter-spacing:.5px;margin-top:6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.player-card-ready-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#4ade8026;font-family:var(--font-display);font-size:24px;color:#4ade80;letter-spacing:3px;opacity:.8;transform:rotate(-8deg);pointer-events:none;animation:ready-bounce .35s cubic-bezier(.22,1,.36,1)}@keyframes ready-bounce{0%{transform:rotate(-8deg) scale(0);opacity:0}60%{transform:rotate(-8deg) scale(1.15);opacity:.9}to{transform:rotate(-8deg) scale(1);opacity:.8}}.lobby-topbar{width:100%;max-width:800px;display:flex;align-items:center;gap:10px}.lobby-room-meta{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.lobby-room-title{font-family:var(--font-display);font-size:18px;font-weight:800;color:#fff;letter-spacing:.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-back-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);color:#ffffffa6;padding:7px 14px 7px 10px;border-radius:20px;font-size:13px;font-family:var(--font-body);cursor:pointer;transition:all .2s ease}.lobby-back-btn svg{flex-shrink:0}.lobby-back-btn:hover{background:#ffffff24;color:#fff;border-color:#ffffff4d}.lobby-back-btn:active{transform:scale(.96)}.lobby-room-code{font-family:var(--font-display);font-size:12px;letter-spacing:.7px;color:#ffffffd9;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;cursor:pointer;transition:background .2s,border-color .2s}.lobby-room-code:hover{background:#ffffff29;border-color:#ffffff52}.lobby-room-visibility{font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:.9px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffd1}.lobby-room-visibility--public{background:#22c55e2e;border-color:#4ade8059;color:#b4ffcb}.lobby-room-visibility--private{background:#60a5fa29;border-color:#60a5fa59;color:#cfe2ff}.lobby-body{display:flex;gap:24px;align-items:stretch;justify-content:center;width:100%;max-width:900px;flex:1;min-height:0;overflow:hidden;padding-bottom:28px}.lobby-left{display:flex;flex-direction:column;align-items:center;gap:16px;flex:1;min-width:0;min-height:0;overflow-y:auto}.lobby-right{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.sidebar-section{display:flex;flex-direction:column;gap:8px}.sidebar-section__header{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 8px;border-radius:6px;transition:background .15s}.sidebar-section__header.clickable{cursor:pointer}.sidebar-section__header.clickable:hover{background:#ffffff0d}.sidebar-section__header.open{background:#e9456014}.sidebar-section__label{font-size:15px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#ffffff73;font-family:var(--font-display)}.sidebar-section__chevron{font-size:14px;color:#ffffff4d;transition:transform .2s,color .15s}.sidebar-section__chevron.open{transform:rotate(180deg);color:var(--color-accent, #e94560)}.lobby-dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8999}.lobby-dropdown-panel{position:fixed;z-index:9000;background:var(--color-surface, #16213e);border:1px solid rgba(255,255,255,.15);border-radius:10px;box-shadow:0 8px 32px #0009;padding:12px;max-height:60vh;overflow-y:auto}.maps-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 4px}.maps-preview-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border-radius:8px;border:2px solid rgba(255,255,255,.1);background:var(--color-surface);position:relative;transition:border-color .15s,background .15s}.maps-preview-item.clickable{cursor:pointer}.maps-preview-item.clickable:hover{border-color:#ffffff40;background:#ffffff0f}.maps-preview-item.active{border-color:var(--color-accent, #e94560);background:#e945601a}.maps-preview-item.random{border-style:dashed;border-color:#e9456066}.maps-preview-random{width:100%;aspect-ratio:1;border-radius:6px;background:#e945601f;display:flex;align-items:center;justify-content:center;animation:randomPulse 1.5s ease-in-out infinite}.maps-preview-thumb{width:100%;aspect-ratio:1;border-radius:6px;object-fit:cover}.maps-preview-round{position:absolute;top:8px;right:8px;font-size:11px;font-weight:800;color:#fff;background:#6366f1d9;padding:1px 6px;border-radius:4px;font-family:var(--font-display)}.maps-preview-name{font-size:12px;font-weight:600;color:#ffffffb3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;font-family:var(--font-display)}.mutators-preview{display:flex;flex-wrap:wrap;gap:4px;padding:0 4px;min-height:28px;align-items:center}.mutators-preview--empty{color:#ffffff40;font-size:14px;font-style:italic}.mutator-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;background:#6366f12e;border:1px solid rgba(99,102,241,.35);font-size:15px;color:#ffffffd9;white-space:nowrap;font-family:var(--font-display)}.mutator-chip--random{background:#e9456026;border-color:#e9456059;border-style:dashed;color:#e94560e6}.mutator-chip__emoji{font-size:16px;line-height:1}.gimmick-preview{padding:0 4px}.gimmick-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:#fbbf241f;border:1px solid rgba(251,191,36,.3);font-size:15px;font-weight:600;color:#fbbf24e6;font-family:var(--font-display);text-transform:capitalize}.gimmick-badge--default{background:#ffffff0a;border-color:#ffffff1a;color:#ffffff59;font-weight:400}.gimmick-badge__icon{font-size:18px}.bot-counter-inline{display:flex;align-items:center;gap:8px}.bot-counter-inline .bot-counter-btn{width:30px;height:30px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.bot-counter-inline .bot-counter-btn:hover:not(:disabled){background:#ffffff26}.bot-counter-inline .bot-counter-btn:disabled{opacity:.3;cursor:not-allowed}.bot-counter-inline .bot-counter-value{font-size:18px;font-weight:700;min-width:22px;text-align:center}.map-panel-title{font-family:var(--font-display);font-size:14px;color:var(--color-text-dim);letter-spacing:2px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}.map-panel-list{display:flex;flex-direction:column;gap:6px}.map-panel-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:2px solid rgba(255,255,255,.08);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all .15s;text-align:left;width:100%}.map-panel-item:hover:not(:disabled){border-color:var(--color-text-dim);background:var(--color-secondary)}.map-panel-item:disabled{cursor:default;opacity:.45;filter:grayscale(.5)}.map-panel-item:disabled .map-panel-color{opacity:.5}.map-panel-item.selected{border-color:var(--color-gold);background:#ffd70014}.map-panel-color{width:32px;height:32px;border-radius:6px;flex-shrink:0}.map-panel-info{flex:1;min-width:0}.map-panel-name{font-family:var(--font-display);font-size:13px;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-panel-tags{display:flex;gap:4px;margin-top:2px}.map-tag{font-size:9px;color:var(--color-text-dim);background:#ffffff0f;padding:1px 6px;border-radius:3px}.map-panel-check{color:var(--color-gold);font-size:16px;font-weight:700;flex-shrink:0}.map-panel-hint{font-size:11px;color:var(--color-text-dim);text-align:center;opacity:.6}.bot-counter{display:flex;align-items:center;justify-content:center;gap:12px}.bot-counter-btn{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.bot-counter-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.bot-counter-btn:disabled{opacity:.3;cursor:default}.bot-counter-value{font-size:20px;font-weight:700;min-width:28px;text-align:center}.map-select{display:flex;gap:10px;align-items:center;justify-content:center}.map-btn{padding:8px 18px;font-family:var(--font-display);font-size:15px;letter-spacing:1px;border:2px solid;border-radius:8px;background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all .15s}.map-btn:hover{transform:scale(1.05);background:var(--color-secondary)}.map-btn.selected{background:var(--color-secondary);box-shadow:0 0 12px #ffd7004d;border-color:var(--color-gold)!important;color:var(--color-gold)}.map-label{font-size:14px;color:var(--color-text-dim)}.map-label strong{color:var(--color-text)}.waiting-text{color:var(--color-text-dim);font-size:14px;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.hud{position:fixed;top:0;left:0;right:0;pointer-events:none;z-index:10;padding:12px 16px;display:flex;justify-content:space-between;align-items:flex-start}.hud-left,.hud-right{display:flex;flex-direction:column;gap:2px}.hud-center{display:flex;flex-direction:column;align-items:center}.hud-round{font-family:var(--font-display);font-size:18px;color:var(--color-primary);text-shadow:2px 2px 0 #000}.hud-map-name{font-family:var(--font-display);font-size:14px;color:#fff9;text-shadow:1px 1px 0 #000}.hud-alive{font-family:var(--font-display);font-size:24px;color:var(--color-gold);text-shadow:2px 2px 0 #000}.hud-timer{font-family:var(--font-display);font-size:20px;color:var(--color-text);text-shadow:2px 2px 0 #000}.hud-score{font-family:var(--font-display);font-size:20px;color:var(--color-gold);text-shadow:2px 2px 0 #000;text-align:right}.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none;background:radial-gradient(circle,#00000080,#000000b3);animation:countdown-bg-in .3s ease-out}@keyframes countdown-bg-in{0%{opacity:0}to{opacity:1}}.countdown-number{position:relative;font-family:var(--font-display);font-size:clamp(140px,30vw,240px);font-weight:900;color:#fff;text-shadow:0 0 40px rgba(233,69,96,1),6px 6px 0 #000;animation:countdown-slam .7s cubic-bezier(.22,1,.36,1);-webkit-text-stroke:2px rgba(255,255,255,.15);will-change:transform,opacity}.countdown-number:after{content:"";position:absolute;top:50%;left:50%;width:200px;height:200px;border-radius:50%;border:3px solid rgba(233,69,96,.6);transform:translate(-50%,-50%) scale(.5);animation:countdown-ring .8s ease-out forwards;pointer-events:none}@keyframes countdown-ring{0%{transform:translate(-50%,-50%) scale(.5);opacity:.8}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.countdown-go{font-size:clamp(160px,35vw,280px);color:#4ade80;text-shadow:0 0 50px rgba(74,222,128,1),6px 6px 0 #000;animation:countdown-go-burst .6s cubic-bezier(.22,1,.36,1);-webkit-text-stroke:2px rgba(255,255,255,.2);will-change:transform,opacity}.countdown-go:after{border-color:#4ade8099;animation:countdown-ring-go .7s ease-out forwards}@keyframes countdown-ring-go{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(3);opacity:0}}@keyframes countdown-slam{0%{transform:scale(3) rotate(-5deg);opacity:0}40%{transform:scale(1) rotate(0);opacity:1}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes countdown-go-burst{0%{transform:scale(4);opacity:0}50%{transform:scale(.9);opacity:1}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.map-announce{position:fixed;top:58%;left:50%;transform:translate(-50%);z-index:101;pointer-events:none;text-align:center;animation:mapAnnounceIn .6s cubic-bezier(.22,1,.36,1),mapAnnounceFadeOut .8s ease-in 3.5s forwards}.map-announce-round{font-family:var(--font-display);font-size:clamp(14px,2.5vw,20px);font-weight:700;color:#ffd700e6;text-shadow:1px 1px 0 #000;letter-spacing:3px;text-transform:uppercase;margin-bottom:4px}.map-announce-name{font-family:var(--font-display);font-size:clamp(36px,7vw,60px);font-weight:900;color:#fff;text-shadow:0 0 30px rgba(233,69,96,.7),0 0 60px rgba(233,69,96,.3),3px 3px 0 #000;letter-spacing:4px;-webkit-text-stroke:1px rgba(255,255,255,.1)}@keyframes mapAnnounceIn{0%{opacity:0;transform:translate(-50%) translateY(30px) scale(.85)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes mapAnnounceFadeOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-15px)}}.eliminated-banner{position:fixed;top:40%;left:50%;transform:translate(-50%);z-index:50;font-family:var(--font-display);font-size:48px;color:var(--color-primary);text-shadow:3px 3px 0 #000;animation:shake .5s ease-out}@keyframes shake{0%,to{transform:translate(-50%) rotate(0)}20%{transform:translate(-50%) rotate(-5deg)}40%{transform:translate(-50%) rotate(5deg)}60%{transform:translate(-50%) rotate(-3deg)}80%{transform:translate(-50%) rotate(3deg)}}.spectate-hint{position:fixed;bottom:120px;left:50%;transform:translate(-50%);z-index:50;font-family:var(--font-body);font-size:18px;color:#ffffffe6;text-shadow:1px 1px 0 #000;background:#0009;padding:10px 20px;border-radius:10px;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.spectate-key{display:inline-block;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:1px 6px;font-size:14px;font-family:var(--font-body);margin:0 2px;pointer-events:none}.damage-percent-display{position:fixed;bottom:28px;left:24px;z-index:20;pointer-events:none;font-family:var(--font-display);font-size:36px;font-weight:900;letter-spacing:2px;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,0 0 8px rgba(0,0,0,.6)}.damage-pulse{animation:damagePulse .6s ease-in-out infinite alternate}@keyframes damagePulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.dash-cooldown-wrap{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:20;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px}.dash-cooldown-ring{width:56px;height:56px;filter:drop-shadow(0 0 4px rgba(0,0,0,.5))}.dash-cooldown-label{font-family:var(--font-display);font-size:14px;letter-spacing:1px;text-shadow:1px 1px 0 #000}.result-screen{display:flex;flex-direction:column;align-items:center;height:100%;gap:12px;padding:24px 20px;overflow-y:auto}.result-title{font-family:var(--font-display);font-size:clamp(2.5rem,10vw,5rem);color:var(--color-gold);text-shadow:0 0 20px rgba(255,215,0,.6),3px 3px 0 #000;animation:title-drop .8s cubic-bezier(.22,1,.36,1);margin:0}@keyframes title-drop{0%{transform:scale(2) translateY(-30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.podium-container{display:flex;align-items:flex-end;justify-content:center;gap:4px;width:min(500px,95vw);min-height:280px}.podium-slot{display:flex;flex-direction:column;align-items:center;flex:1;opacity:0;transform:translateY(40px)}.podium-slot.podium-show{animation:podium-rise .7s cubic-bezier(.22,1,.36,1) forwards}@keyframes podium-rise{0%{opacity:0;transform:translateY(60px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.podium-character{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:0}.podium-canvas-wrap{position:relative}.podium-3d-large{width:180px;height:220px}.podium-3d-small{width:110px;height:140px}.podium-character.podium-me{filter:drop-shadow(0 0 12px rgba(255,215,0,.6))}.podium-medal-block{animation:medal-bounce .5s ease-out .3s both;line-height:1}@keyframes medal-bounce{0%{transform:scale(0) rotate(-30deg)}60%{transform:scale(1.3) rotate(5deg)}to{transform:scale(1) rotate(0)}}.podium-emoji{font-size:48px;line-height:1}.podium-name{font-family:var(--font-display);font-size:28px;text-align:center;text-shadow:2px 2px 0 #000;white-space:nowrap;margin-top:-4px}.podium-you{color:gold;font-size:20px}.podium-block{width:100%;border-radius:8px 8px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:12px;border:1px solid rgba(255,255,255,.15);border-bottom:none}.rankings-rest{display:flex;flex-direction:column;gap:4px;width:min(400px,90vw);opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}.rankings-rest.rankings-show{opacity:1;transform:translateY(0)}.rank-row-mini{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--color-surface);border-radius:6px;border:1px solid var(--color-secondary);font-size:14px}.rank-row-mini.rank-me{border-color:var(--color-gold);background:#ffd70014}.rank-num-mini{font-family:var(--font-display);font-size:16px;color:var(--color-text);opacity:.6;min-width:28px}.rank-emoji-mini{font-size:18px}.rank-name-mini{flex:1;color:var(--color-text)}.auto-play-timer{font-family:var(--font-display);font-size:14px;color:#fff9;text-shadow:1px 1px 0 #000;letter-spacing:1px;margin-bottom:4px}.btn-play-again{opacity:0;transform:translateY(20px);transition:opacity .4s,transform .4s}.btn-play-again.btn-show{opacity:1;transform:translateY(0)}.mobile-controls{position:fixed;bottom:0;left:0;right:0;height:200px;pointer-events:none;z-index:20}.joystick-zone{position:absolute;bottom:20px;left:20px;width:150px;height:150px;pointer-events:auto}.dash-btn{position:absolute;bottom:40px;right:40px;width:80px;height:80px;border-radius:50%;background:var(--color-primary);border:3px solid rgba(255,255,255,.3);color:#fff;font-family:var(--font-display);font-size:16px;letter-spacing:1px;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;transition:all .1s;opacity:.8}.dash-btn:active{transform:scale(.9);opacity:1}.dash-btn.on-cooldown{opacity:.3;background:#555}.buff-bar{position:fixed;bottom:90px;left:16px;z-index:20;display:flex;gap:8px;pointer-events:none}.buff-icon{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px;background:#0009;border-radius:8px;border:2px solid;min-width:44px}.buff-emoji{font-size:24px;line-height:1}.buff-timer-bar{width:32px;height:3px;background:#ffffff26;border-radius:2px;overflow:hidden}.buff-timer-fill{height:100%;border-radius:2px;transition:width .3s linear}.buff-expiring{animation:buff-blink .4s infinite alternate}@keyframes buff-blink{0%{opacity:1}to{opacity:.3}}.active-slot-ui{position:fixed;bottom:24px;left:calc(50% - 80px);z-index:20;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px}.active-slot-icon{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px;background:#000000b3;border-radius:10px;border:2px solid;min-width:48px}.active-slot-emoji{font-size:28px;line-height:1}.active-slot-bar{width:36px;height:4px;background:#ffffff26;border-radius:2px;overflow:hidden}.active-slot-bar-fill{height:100%;border-radius:2px;transition:width .3s linear}.active-slot-hint{font-family:var(--font-display);font-size:12px;color:#fff9;text-shadow:1px 1px 0 #000;letter-spacing:1px}.active-slot-urgent{animation:slot-blink .5s ease-in-out infinite}@keyframes slot-blink{0%,to{opacity:1}50%{opacity:.4}}.trigger-slot-ui{position:fixed;bottom:24px;right:calc(50% - 80px);z-index:20;pointer-events:none}.trigger-slot-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#0009;border-radius:8px;border:2px solid #ff8844}.trigger-slot-emoji{font-size:22px;line-height:1}.skill-btn{position:absolute;bottom:130px;right:40px;width:64px;height:64px;border-radius:50%;background:#8cf9;border:3px solid rgba(255,255,255,.3);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;transition:all .1s;opacity:.9}.skill-btn:active{transform:scale(.9);opacity:1}.kill-feed{position:fixed;top:48px;right:16px;z-index:100;display:flex;flex-direction:column;gap:4px;pointer-events:none}.kill-feed-entry{background:#000000a6;padding:5px 12px;border-radius:6px;font-size:13px;color:var(--color-text);white-space:nowrap;animation:killFeedIn .3s ease-out;transition:opacity .5s}.kill-feed-entry.kill-feed-fade{opacity:0}.kill-feed-emoji{font-size:15px}.kill-feed-arrow{color:var(--color-primary);font-weight:700}@keyframes killFeedIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.level-badge{font-family:var(--font-body);font-size:11px;font-weight:700;margin-right:4px;opacity:.85}.xp-section{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(360px,85vw);opacity:0;transform:translateY(15px);transition:opacity .5s,transform .5s}.xp-section.xp-show{opacity:1;transform:translateY(0)}.xp-earned{font-family:var(--font-display);font-size:28px;color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.5),2px 2px 0 #000}.xp-bar-wrap{width:100%;display:flex;align-items:center;gap:8px}.xp-bar-label{font-family:var(--font-display);font-size:14px;color:var(--color-text-dim);white-space:nowrap}.xp-bar-bg{flex:1;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22d3ee);border-radius:5px;transition:width .12s linear}.xp-level-up{font-family:var(--font-display);font-size:32px;color:var(--color-gold);text-shadow:0 0 20px rgba(255,215,0,.7),3px 3px 0 #000;animation:levelUpPop .6s cubic-bezier(.22,1,.36,1)}@keyframes levelUpPop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}.podium-kills{font-family:var(--font-body);font-size:13px;color:var(--color-text-dim);margin-top:-2px}.rank-kills-mini{color:var(--color-text-dim);font-size:12px;margin-left:auto}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000d9;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}.profile-card{background:var(--color-surface);border:1px solid var(--color-secondary);border-radius:16px;padding:24px;width:min(420px,90vw);max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.profile-header{display:flex;align-items:center;gap:12px}.profile-avatar{font-size:36px;line-height:1}.profile-info{flex:1}.profile-nickname{font-family:var(--font-display);font-size:22px;color:var(--color-text)}.profile-close{background:none;border:none;color:var(--color-text-dim);font-size:24px;cursor:pointer;padding:4px;line-height:1}.profile-close:hover{color:var(--color-text)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.profile-stat{background:#ffffff0a;border-radius:8px;padding:10px 8px;text-align:center}.profile-stat-value{font-family:var(--font-display);font-size:20px;color:var(--color-text)}.profile-stat-label{font-size:11px;color:var(--color-text-dim);margin-top:2px}.profile-xp-section{display:flex;flex-direction:column;gap:4px}.profile-xp-label{display:flex;justify-content:space-between;font-size:12px;color:var(--color-text-dim)}.profile-xp-bar{height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.profile-xp-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22d3ee);border-radius:4px}.profile-history-title{font-family:var(--font-display);font-size:16px;color:var(--color-text-dim);letter-spacing:1px}.profile-history{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.history-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff08;border-radius:6px;font-size:12px;color:var(--color-text-dim)}.history-rank{font-family:var(--font-display);font-size:14px;min-width:28px;color:var(--color-text)}.history-xp{margin-left:auto;color:#4ade80;font-weight:600}.profile-btn{background:none;border:1px solid var(--color-secondary);border-radius:8px;color:var(--color-text-dim);padding:6px 12px;font-size:13px;cursor:pointer;transition:all .15s}.profile-btn:hover{border-color:var(--color-text-dim);color:var(--color-text)}.auth-choice{display:flex;flex-direction:column;align-items:center;gap:12px;margin:16px 0}.google-login-btn{display:flex;align-items:center;gap:10px;padding:12px 28px;border:none;border-radius:8px;background:#fff;color:#333;font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:box-shadow .2s}.google-login-btn:hover{box-shadow:0 2px 12px #4285f466}.auth-divider{display:flex;align-items:center;gap:12px;width:200px;color:var(--color-text-dim);font-size:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff26}.guest-btn{background:none;border:1px solid rgba(255,255,255,.2);color:var(--color-text-dim);padding:8px 24px;border-radius:6px;font-size:14px;font-family:var(--font-body);cursor:pointer;transition:color .2s,border-color .2s}.guest-btn:hover{color:var(--color-text);border-color:#fff6}.auth-loading{color:var(--color-text-dim);font-size:14px;margin:24px 0}.auth-profile{display:flex;flex-direction:column;align-items:center;gap:6px;margin:12px 0;padding:12px 20px;background:#ffffff0f;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.auth-profile.guest{border-color:#ffffff0f}.auth-profile-info{display:flex;align-items:center;gap:8px}.auth-avatar{width:28px;height:28px;border-radius:50%}.auth-nickname{font-size:16px;font-weight:600}.auth-profile-actions{display:flex;gap:8px}.profile-btn-small,.logout-btn{background:none;border:1px solid rgba(255,255,255,.15);color:var(--color-text-dim);padding:4px 12px;border-radius:4px;font-size:12px;font-family:var(--font-body);cursor:pointer}.profile-btn-small:hover,.logout-btn:hover{color:var(--color-text);border-color:#ffffff4d}.guest-notice{font-size:12px;color:var(--color-text-dim)}.login-prompt{background:var(--color-surface);border-radius:16px;padding:32px;max-width:360px;width:90%;text-align:center;border:1px solid rgba(255,255,255,.1)}.login-prompt-title{font-family:var(--font-display);font-size:28px;color:var(--color-gold);margin-bottom:8px}.login-prompt-desc{color:var(--color-text);font-size:15px;margin-bottom:16px}.login-prompt-perks{list-style:none;text-align:left;margin:0 auto 20px;max-width:240px}.login-prompt-perks li{color:var(--color-text-dim);font-size:14px;padding:4px 0}.login-prompt-perks li:before{content:"✓ ";color:#4ade80}.login-prompt .google-login-btn{margin:0 auto 12px}.login-prompt .guest-btn{border:none;font-size:13px}.lb-card{background:var(--color-surface);border:1px solid var(--color-secondary);border-radius:16px;padding:20px;width:min(440px,92vw);max-height:80vh;display:flex;flex-direction:column;gap:12px}.lb-header{display:flex;align-items:center;justify-content:space-between}.lb-title{font-family:var(--font-display);font-size:22px;color:var(--color-gold);letter-spacing:1px}.lb-tabs{display:flex;gap:4px;background:#ffffff0a;border-radius:8px;padding:3px}.lb-tab{flex:1;padding:7px 0;border:none;border-radius:6px;background:transparent;color:var(--color-text-dim);font-family:var(--font-display);font-size:14px;letter-spacing:1px;cursor:pointer;transition:all .15s}.lb-tab:hover{color:var(--color-text)}.lb-tab.active{background:var(--color-secondary);color:var(--color-gold)}.lb-list{display:flex;flex-direction:column;gap:3px;overflow-y:auto;max-height:50vh;padding-right:4px}.lb-empty{text-align:center;color:var(--color-text-dim);padding:24px 0;font-size:14px}.lb-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#ffffff05;transition:background .1s}.lb-row:hover{background:#ffffff0d}.lb-row-top{background:#ffd7000d}.lb-rank{font-family:var(--font-display);font-size:15px;min-width:32px;text-align:center;color:var(--color-text-dim)}.lb-row-top .lb-rank{font-size:20px}.lb-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0}.lb-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:#ffffff14;flex-shrink:0}.lb-name{flex:1;font-size:14px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-value{font-family:var(--font-body);font-size:13px;color:var(--color-text-dim);white-space:nowrap;flex-shrink:0}.lb-footer{text-align:center;font-size:12px;color:var(--color-text-dim);padding-top:4px;border-top:1px solid rgba(255,255,255,.06)}.session-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000000d9;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}.session-dialog{background:var(--color-surface);border:1px solid var(--color-secondary);border-radius:16px;padding:24px;width:min(360px,90vw);text-align:center}.session-dialog-title{font-size:18px;font-weight:700;margin-bottom:12px}.session-dialog p{color:#ffffffb3;margin-bottom:20px;line-height:1.5}.session-dialog-actions{display:flex;gap:12px;justify-content:center}.session-dialog-actions button{padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;border:1px solid var(--color-secondary);background:transparent;color:var(--color-text)}.session-dialog-actions .btn-primary{background:var(--color-primary);border-color:var(--color-primary)}.round-slots{display:flex;gap:8px;margin-bottom:8px}.round-slot{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:8px;border:2px solid var(--color-secondary);background:#0f346066;cursor:pointer;transition:border-color .2s,background .2s;color:var(--color-text)}.round-slot:disabled{cursor:default;opacity:.7}.round-slot.active{border-color:var(--color-primary);background:#e9456026}.round-slot-label{font-family:var(--font-display);font-size:14px;color:var(--color-primary)}.round-slot-thumb{width:48px;height:48px;border-radius:6px;object-fit:cover}.round-slot-name{font-size:11px;color:#ffffffb3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.round-slot-random{width:48px;height:48px;border-radius:6px;background:#e9456033;border:2px dashed rgba(233,69,96,.5);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:28px;color:var(--color-primary);animation:randomPulse 1.5s ease-in-out infinite}.round-slot.random .round-slot-name{color:var(--color-primary);font-style:italic}@keyframes randomPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.btn-random-maps{width:100%;padding:8px;border-radius:8px;border:1px solid var(--color-secondary);background:#0f346080;color:var(--color-text);font-family:var(--font-display);font-size:14px;cursor:pointer;margin-bottom:8px;transition:background .2s}.btn-random-maps:hover{background:#e945604d}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px;max-height:220px;overflow-y:auto;overflow-x:hidden;padding:4px;margin-bottom:8px}.map-grid-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;border-radius:6px;border:2px solid transparent;background:#0f34604d;cursor:pointer;transition:border-color .2s,background .2s;color:var(--color-text)}.map-grid-item:hover{background:#e9456026}.map-grid-item.selected{border-color:var(--color-gold);background:#ffd7001a}.map-grid-thumb{width:100%;aspect-ratio:1;border-radius:4px;object-fit:cover}.map-grid-name{font-size:10px;color:#ffffffb3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.map-grid-random-icon{width:100%;aspect-ratio:1;border-radius:4px;background:#ffd70026;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--color-gold)}.map-random-card{width:100%;aspect-ratio:1;border-radius:6px;background:#ffd70026;color:var(--color-gold);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.map-random-card.compact{background:#e945601f;color:var(--color-accent, #e94560)}.map-random-card__icon{font-family:var(--font-display);font-size:28px;line-height:1}.map-random-card__label{font-size:10px;font-weight:800;letter-spacing:.08em}.round-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:40;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.round-result-title{font-family:var(--font-display);font-size:clamp(1.5rem,5vw,2.5rem);color:var(--color-gold);text-shadow:3px 3px 0 #000;margin-bottom:16px}.round-result-table{background:#16213ee6;border-radius:12px;padding:12px 16px;width:min(500px,90vw);border:1px solid rgba(255,255,255,.1)}.round-result-header,.round-result-row{display:grid;grid-template-columns:30px 1fr 50px 40px 50px;gap:8px;padding:6px 0;align-items:center}.round-result-header{border-bottom:1px solid rgba(255,255,255,.15);font-size:12px;color:#ffffff80}.round-result-row{font-size:14px}.round-result-row.rr-me{color:var(--color-gold)}.rr-rank,.rr-score,.rr-kills,.rr-total{text-align:center}.rr-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round-result-next{margin-top:16px;font-family:var(--font-display);font-size:16px;color:#fffc}.round-breakdown{margin-top:4px;width:min(600px,90vw);animation:fadeIn .5s ease-out}.round-breakdown-title{font-family:var(--font-display);font-size:18px;color:var(--color-gold);text-shadow:2px 2px 0 #000;margin-bottom:8px;text-align:center}.round-breakdown-table{width:100%;border-collapse:collapse;background:#16213ecc;border-radius:8px;overflow:hidden;font-size:13px}.round-breakdown-table th,.round-breakdown-table td{padding:6px 8px;text-align:center}.round-breakdown-table th{color:#ffffff80;font-weight:500;border-bottom:1px solid rgba(255,255,255,.1);font-size:11px}.round-breakdown-table td:first-child,.round-breakdown-table th:first-child{text-align:left}.round-breakdown-table tr.breakdown-me td{color:var(--color-gold)}.breakdown-total{font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gimmick-announce{position:fixed;top:56px;left:50%;transform:translate(-50%);z-index:60;pointer-events:none;display:flex;align-items:center;gap:10px;padding:10px 20px;border-radius:12px;background:#16213ee6;border:1px solid rgba(255,215,0,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:gimmickSlideIn .4s cubic-bezier(.22,1,.36,1),gimmickFadeOut .6s ease-in 2.9s forwards;box-shadow:0 4px 24px #00000080}.gimmick-announce-emoji{font-size:28px;line-height:1;flex-shrink:0}.gimmick-announce-text{display:flex;flex-direction:column;gap:1px}.gimmick-announce-name{font-family:var(--font-display);font-size:18px;color:var(--color-gold);text-shadow:1px 1px 0 #000;letter-spacing:1px}.gimmick-announce-desc{font-family:var(--font-body);font-size:13px;color:#ffffffbf}@keyframes gimmickSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes gimmickFadeOut{0%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.currency-bar{display:flex;gap:12px;align-items:center}.currency-item{display:flex;align-items:center;gap:4px;background:#ffffff14;padding:4px 10px;border-radius:20px;font-family:var(--font-body);font-size:14px;font-weight:600}.currency-icon{font-size:16px}.currency-value{color:var(--color-text);transition:all .3s ease}.currency-gem .currency-value{color:#a78bfa}.currency-coin .currency-value{color:var(--color-gold)}.coin-section{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;text-align:center;margin-top:8px}.coin-section.coin-show{opacity:1;transform:translateY(0)}.coin-earned{font-family:var(--font-display);font-size:clamp(1.2rem,4vw,1.8rem);color:var(--color-gold);text-shadow:2px 2px 0 #000;letter-spacing:1px}.lobby-topbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.shop-btn-lobby{background:linear-gradient(135deg,#a78bfa,#7c3aed)!important;color:#fff!important;border:none!important}.shop-btn-lobby:hover{filter:brightness(1.1)}.shop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000d9;display:flex;align-items:center;justify-content:center}.shop-screen{width:min(900px,95vw);max-height:90vh;background:var(--color-bg);border-radius:16px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden}.shop-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.shop-close-btn{background:none;border:none;color:var(--color-text);cursor:pointer;padding:4px;display:flex;align-items:center}.shop-close-btn:hover{color:var(--color-primary)}.shop-title{font-family:var(--font-display);font-size:1.5rem;color:var(--color-gold);letter-spacing:2px;flex:1}.shop-tabs{display:flex;gap:4px;padding:8px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.shop-tab{padding:8px 20px;border:none;background:transparent;color:var(--color-text-dim);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;border-radius:8px;transition:all .15s}.shop-tab:hover{background:#ffffff0d;color:var(--color-text)}.shop-tab.active{background:var(--color-secondary);color:var(--color-text)}.shop-content{flex:1;overflow-y:auto;padding:20px}.shop-loading,.shop-empty{text-align:center;color:var(--color-text-dim);padding:40px 0;font-size:14px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.shop-card{background:var(--color-surface);border:2px solid #aaa;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:transform .15s,box-shadow .15s}.shop-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.shop-card-thumb{width:100%;aspect-ratio:1;background:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.shop-card-emoji{font-size:48px}.shop-card-info{display:flex;flex-direction:column;gap:4px}.shop-card-name{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--color-text)}.shop-card-sub{display:flex;gap:6px;align-items:center}.shop-card-rarity{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.rarity-common{color:#aaa}.rarity-rare{color:#48f}.rarity-epic{color:#a4f}.rarity-legendary{color:gold}.shop-card-category{font-size:11px;color:var(--color-text-dim)}.shop-card-actions{margin-top:auto}.shop-buy-btns{display:flex;gap:6px}.shop-btn{padding:6px 12px;border:none;border-radius:6px;font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;width:100%}.shop-btn-buy{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff}.shop-btn-buy.coin{background:linear-gradient(135deg,#fbbf24,#d97706);color:#000}.shop-btn-buy:hover:not(:disabled){filter:brightness(1.1)}.shop-btn-equip{background:var(--color-secondary);color:var(--color-text)}.shop-btn-equip:hover{background:#1a4a8a}.shop-btn-equipped{background:#4ade80;color:#000;cursor:default}.gem-packages{display:flex;flex-direction:column;gap:16px}.gem-packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.gem-package-card{position:relative;background:linear-gradient(135deg,var(--color-surface),#1a1a3e);border:2px solid #a78bfa;border-radius:12px;padding:20px 16px;text-align:center;cursor:pointer;transition:all .15s}.gem-package-card:hover:not(:disabled){transform:translateY(-2px);border-color:#c4b5fd;box-shadow:0 4px 20px #a78bfa33}.gem-package-badge{position:absolute;top:-8px;right:-8px;background:var(--color-primary);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}.gem-package-amount{font-family:var(--font-display);font-size:1.5rem;color:#c4b5fd;letter-spacing:1px}.gem-package-label{font-size:13px;color:var(--color-text-dim);margin:4px 0}.gem-package-price{font-size:16px;font-weight:700;color:var(--color-text);margin-top:8px}.ad-free-card{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);border:2px solid #4ade80;border-radius:12px;padding:16px 20px;cursor:pointer;transition:all .15s}.ad-free-card:hover:not(:disabled){border-color:#86efac;box-shadow:0 2px 12px #4ade8026}.ad-free-label{font-size:15px;font-weight:600;color:var(--color-text)}.ad-free-price{font-size:16px;font-weight:700;color:#4ade80}.skin-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000b3;display:flex;align-items:center;justify-content:center}.skin-preview-modal{position:relative;width:min(400px,90vw);background:var(--color-bg);border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.skin-preview-close{position:absolute;top:12px;right:12px;z-index:10;background:#00000080;border:none;color:var(--color-text);font-size:18px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.skin-preview-canvas{width:100%;aspect-ratio:1;background:radial-gradient(circle,#1a1a3e,var(--color-bg))}.skin-preview-info{padding:16px 20px;text-align:center}.skin-preview-info h3{font-family:var(--font-display);font-size:1.2rem;color:var(--color-text);margin-bottom:4px}.skin-preview-info p{font-size:13px;color:var(--color-text-dim);margin-top:8px}.shop-free-tab{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 0}.shop-free-title{font-family:var(--font-display);font-size:1.2rem;color:var(--color-text)}.shop-free-buttons{display:flex;flex-direction:column;gap:12px;width:min(400px,100%)}.daily-missions{margin-top:16px;background:var(--color-surface);border-radius:12px;padding:12px}.daily-missions-title{font-family:var(--font-display);font-size:1rem;color:var(--color-gold);letter-spacing:1px;margin-bottom:8px}.daily-missions-loading{color:var(--color-text-dim);font-size:13px;text-align:center;padding:12px 0}.daily-missions-list{display:flex;flex-direction:column;gap:8px}.mission-item{background:#ffffff0a;border-radius:8px;padding:8px 10px;position:relative}.mission-item.claimed{opacity:.5}.mission-item.done{background:#4ade8014}.mission-top{display:flex;align-items:center;gap:6px;font-size:13px}.mission-check{font-size:14px}.mission-desc{flex:1;color:var(--color-text)}.mission-reward{font-weight:600;color:var(--color-gold);font-size:12px}.mission-progress-bar{height:4px;background:#ffffff1a;border-radius:2px;margin-top:6px;overflow:hidden}.mission-progress-fill{height:100%;background:#4ade80;border-radius:2px;transition:width .3s ease}.mission-progress-text{font-size:11px;color:var(--color-text-dim);margin-top:2px}.mission-claim-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#4ade80;color:#000;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:700;cursor:pointer}.mission-claim-btn:hover:not(:disabled){filter:brightness(1.1)}.daily-missions-bonus{text-align:center;font-size:13px;color:#4ade80;font-weight:600;margin-top:8px;padding:6px;background:#4ade8014;border-radius:6px}.ad-banner{margin-top:12px;width:100%;max-width:728px;margin-inline:auto}.ad-banner-placeholder{width:100%;height:90px;background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center}.ad-banner-label{color:#ffffff26;font-size:24px;font-weight:700;letter-spacing:4px}.reward-ad-btn{display:flex;align-items:center;gap:10px;width:100%;padding:14px 20px;background:var(--color-surface);border:2px solid var(--color-secondary);border-radius:12px;cursor:pointer;transition:all .15s}.reward-ad-btn:hover:not(:disabled){border-color:var(--color-gold);background:#ffd7000d}.reward-ad-btn:disabled{opacity:.5;cursor:not-allowed}.reward-ad-icon{font-size:20px;color:#4ade80}.reward-ad-text{flex:1;text-align:left;font-size:14px;font-weight:600;color:var(--color-text)}.reward-ad-remaining{font-size:12px;color:var(--color-text-dim)}.room-browser{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:linear-gradient(160deg,#0a0a2e,#12123a 40%,#1a1a4e);display:flex;flex-direction:column;padding:24px 32px;overflow-y:auto}.room-browser-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-shrink:0}.room-browser-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;border-radius:10px;cursor:pointer;transition:background .2s,color .2s;padding:0}.room-browser-back:hover{background:#ffffff1f;color:#fff}.room-browser-title{font-family:var(--font-display);font-size:clamp(1.3rem,3.5vw,1.8rem);font-weight:900;color:#fff;text-shadow:2px 2px 0 #000;flex:1;letter-spacing:2px}.room-browser-actions{display:flex;gap:10px}.room-browser-join-by-code{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.room-browser-hint{margin-bottom:8px;color:#ffffff94;font-size:12px;font-weight:500;letter-spacing:.2px}.room-browser-summary{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px 12px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.room-browser-summary-title{font-family:var(--font-display);font-size:13px;font-weight:700;color:#ffffffeb;letter-spacing:.7px}.room-browser-summary-detail{flex:1;min-width:240px;font-size:12px;font-weight:500;color:#ffffff9e;line-height:1.45}.room-code-input{min-width:240px;flex:1;font-family:var(--font-body);font-size:14px;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:10px 12px}.room-code-input::placeholder{color:#fff6}.btn-room-join-code,.btn-room-copy-code{font-family:var(--font-display);font-size:12px;font-weight:700;padding:10px 14px;border-radius:10px;border:none;cursor:pointer;letter-spacing:.7px}.btn-room-join-code{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.btn-room-copy-code{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-room-join-code:disabled,.btn-room-copy-code:disabled{opacity:.5;cursor:not-allowed}.room-browser-error{min-height:18px;margin-bottom:8px;color:#ffe378f2;font-size:13px;font-weight:600}.btn-room-create,.btn-room-quick{font-family:var(--font-display);font-size:13px;font-weight:700;padding:10px 22px;border-radius:10px;border:none;cursor:pointer;letter-spacing:1px;transition:transform .15s,box-shadow .15s}.btn-room-create{background:linear-gradient(135deg,#4ade80,#22c55e);color:#000}.btn-room-quick{background:linear-gradient(135deg,gold,#f59e0b);color:#000}.btn-room-create:hover:not(:disabled),.btn-room-quick:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.btn-room-create:disabled,.btn-room-quick:disabled{opacity:.5;cursor:not-allowed}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;flex:1;align-content:start}.room-browser-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px}.room-empty-icon{opacity:.5;margin-bottom:4px}.room-empty-text{font-family:var(--font-display);font-size:18px;font-weight:700;color:#ffffff80}.room-empty-hint{font-size:14px;color:#ffffff59}.room-card-v2{background:#121830f2;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;transition:border-color .2s,transform .15s,box-shadow .2s;cursor:pointer}.room-card-v2:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.room-card-v2.joining{border-color:gold;box-shadow:0 0 20px #ffd70026}.room-card-thumb{position:relative;width:100%;aspect-ratio:16 / 8;overflow:hidden;background:#0000004d}.room-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.75);transition:filter .2s}.room-card-v2:hover .room-card-thumb img{filter:brightness(.9)}.room-card-badge{position:absolute;top:10px;left:10px;font-family:var(--font-display);font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px;letter-spacing:.5px;text-transform:uppercase}.room-card-badge.phase-lobby{background:#4ade80e6;color:#000}.room-card-badge.phase-playing{background:#e94560e6;color:#fff}.room-card-badge.phase-countdown{background:#ffd700e6;color:#000}.room-card-badge.phase-default{background:#fff3;color:#ffffffb3}.room-card-body{padding:12px 13px 13px;display:flex;flex-direction:column;gap:8px}.room-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.room-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.room-card-room-name{font-family:var(--font-display);font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-card-map-name{font-size:11px;font-weight:600;color:#ffffff9e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-card-code{font-size:10px;font-family:var(--font-display);color:#ffffff8c;letter-spacing:.55px}.room-card-host-name{font-size:11px;color:#ffffff73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-card-count{display:flex;align-items:baseline;gap:2px;flex-shrink:0}.room-card-count-num{font-family:var(--font-display);font-size:18px;font-weight:800;color:gold}.room-card-count-sep{font-size:14px;color:#ffffff4d;font-weight:600}.room-card-count-max{font-family:var(--font-display);font-size:14px;font-weight:700;color:#fff6}.room-card-bar-bg{width:100%;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.room-card-bar-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:2px;transition:width .3s ease}.room-card-bar-fill.full{background:linear-gradient(90deg,#e94560,#c0392b)}.btn-room-join-v2{width:100%;font-family:var(--font-display);font-size:12px;font-weight:700;padding:8px 0;border-radius:8px;border:none;background:linear-gradient(135deg,var(--color-primary),#c0392b);color:#fff;cursor:pointer;letter-spacing:1px;transition:transform .12s,opacity .2s,filter .2s}.btn-room-join-v2:hover:not(:disabled):not(.disabled){transform:translateY(-1px);filter:brightness(1.15)}.btn-room-join-v2:disabled,.btn-room-join-v2.disabled{opacity:.35;cursor:not-allowed;background:#ffffff1a;color:#ffffff80}.room-create-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;background:#020617b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.room-create-modal{width:min(100%,460px);display:flex;flex-direction:column;gap:18px;padding:20px;border-radius:18px;background:radial-gradient(circle at top right,rgba(74,222,128,.16),transparent 34%),linear-gradient(180deg,#121830fa,#0a0c1cfa);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px #00000080}.room-create-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.room-create-modal-title{font-family:var(--font-display);font-size:22px;font-weight:900;color:#fff;letter-spacing:1px}.room-create-modal-subtitle{margin-top:6px;font-size:13px;line-height:1.45;color:#ffffff9e}.room-create-modal-close{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffb3;cursor:pointer}.room-create-form{display:flex;flex-direction:column;gap:16px}.room-create-field{display:flex;flex-direction:column;gap:8px}.room-create-label{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.8px;color:#ffffffd1}.room-create-input{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#fff;font-size:14px;padding:12px 14px}.room-create-input::placeholder{color:#ffffff61}.room-create-visibility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.room-create-visibility-option{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:108px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;padding:14px;color:#ffffffd1;text-align:left;cursor:pointer}.room-create-visibility-option.active{border-color:#ffffff52;background:#ffffff17;box-shadow:0 12px 30px #0000003d}.room-create-visibility-name{font-family:var(--font-display);font-size:14px;font-weight:800;letter-spacing:.8px}.room-create-visibility-desc{font-size:12px;line-height:1.45;color:#ffffff94}.room-create-actions{display:flex;justify-content:flex-end;gap:10px}.room-create-cancel,.room-create-confirm{min-height:42px;padding:0 16px;border-radius:12px;border:none;font-family:var(--font-display);font-size:12px;font-weight:800;letter-spacing:.9px;cursor:pointer}.room-create-cancel{background:#ffffff14;color:#fffc;border:1px solid rgba(255,255,255,.16)}.room-create-confirm{background:linear-gradient(135deg,#4ade80,#22c55e);color:#07120a}@media(max-width:640px){.lobby-topbar{flex-wrap:wrap}.lobby-room-meta{order:3;width:100%}.room-browser{padding:16px}.room-grid{grid-template-columns:1fr}.room-browser-header{flex-wrap:wrap}.room-browser-actions{width:100%;justify-content:stretch}.room-browser-actions>button{flex:1}.room-browser-join-by-code{flex-direction:column}.room-browser-summary{align-items:flex-start}.room-code-input{min-width:0}.room-create-modal{padding:18px}.room-create-visibility-grid{grid-template-columns:1fr}.room-create-actions{flex-direction:column-reverse}.room-create-cancel,.room-create-confirm{width:100%}.prematch-flow{width:min(96vw,560px)}.prematch-step{padding:16px}.fighter-carousel{grid-template-columns:1fr}.fighter-carousel__peek{display:none}.fighter-stage{min-height:0;grid-template-columns:1fr;padding:18px}.fighter-stage__preview{width:100%;max-width:240px;height:240px;justify-self:center}.fighter-carousel__rail{flex-wrap:wrap;justify-content:center}.fighter-carousel__chip{width:calc(50% - 6px)}.prematch-step__footer{justify-content:stretch}.prematch-next-btn{width:100%;min-width:0}.prematch-picked-banner{flex-direction:column;align-items:flex-start}.prematch-picked-banner__back{width:100%}.prematch-match-grid{grid-template-columns:1fr}.room-action-hub{width:100%;padding:16px}.room-action-grid{grid-template-columns:1fr}.room-action-card{min-height:0}.room-action-card__controls{flex-direction:column;align-items:stretch}.room-action-card__button{width:100%}}.btn-browse-rooms{font-family:var(--font-display);font-size:clamp(14px,2.5vw,18px);font-weight:700;padding:12px 28px;border-radius:12px;border:2px solid rgba(255,255,255,.2);background:#16213ed9;color:#fff;cursor:pointer;letter-spacing:1px;margin-top:10px;transition:background .2s,border-color .2s}.btn-browse-rooms:hover{background:#16213e;border-color:#fff6}.room-action-hub{width:100%;display:flex;flex-direction:column;gap:16px;padding:18px 18px 20px;border-radius:24px;background:linear-gradient(180deg,#ffffff14,#ffffff08),linear-gradient(135deg,#111834eb,#0b122be0);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px #00000047,inset 0 1px #ffffff14}.room-action-hub--nested{min-height:100%}.prematch-stepper{width:min(960px,94vw);display:flex;justify-content:center;gap:12px}.prematch-stepper__item{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#fffc}.prematch-stepper__item.active{background:#2f5cd738;border-color:#78a0ff52;color:#fff}.prematch-stepper__item.completed{background:#ffffff1a;border-color:#ffffff29}.prematch-stepper__number{font-size:11px;font-weight:800;letter-spacing:.14em;color:#ffffff7a}.prematch-stepper__title{font-family:var(--font-display);font-size:16px;color:#fff;letter-spacing:.03em}.prematch-flow{width:min(960px,94vw);display:flex;flex-direction:column;gap:18px}.prematch-step{display:flex;flex-direction:column;gap:18px;padding:18px;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at top right,rgba(255,255,255,.08),transparent 26%),linear-gradient(135deg,#121c40f2,#0c122ceb)}.prematch-step__header{display:flex;flex-direction:column;gap:6px}.prematch-step__eyebrow,.selected-loadout-card__eyebrow,.quick-match-card__eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:#ffffff85}.prematch-step__title{font-family:var(--font-display);font-size:clamp(28px,3vw,38px);line-height:.95;color:#fff}.prematch-step__body{margin:0;font-size:14px;line-height:1.55;color:#ffffffb8;max-width:48ch}.prematch-step__footer{display:flex;justify-content:flex-end}.fighter-carousel{display:grid;grid-template-columns:56px minmax(90px,.28fr) minmax(0,1fr) minmax(90px,.28fr) 56px;gap:14px;align-items:center}.fighter-carousel__arrow{width:56px;height:56px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#fff;font-size:28px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.fighter-carousel__arrow:hover{transform:translateY(-2px);border-color:#ffffff47;background:#ffffff14}.fighter-carousel__peek{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 10px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0a,#ffffff05);cursor:pointer;opacity:.82;transition:transform .18s ease,opacity .18s ease,border-color .18s ease}.fighter-carousel__peek:hover{transform:translateY(-2px);opacity:1;border-color:#fff3}.fighter-carousel__peek .char-preview{width:76px;height:76px}.fighter-carousel__peek-name{font-family:var(--font-display);font-size:14px;color:#ffffffeb;text-align:center}.fighter-stage{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:center;min-height:320px;padding:22px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at top left,rgba(255,255,255,.08),transparent 28%),linear-gradient(180deg,#ffffff0a,#ffffff05)}.fighter-stage__preview{width:260px;height:260px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.2),transparent 45%),#0a1228eb;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0a}.fighter-stage__preview .char-preview{width:100%;height:100%}.fighter-stage__info{display:flex;flex-direction:column;gap:14px;min-width:0}.selected-loadout-card__emoji{font-size:24px;line-height:1}.selected-loadout-card__title{font-family:var(--font-display);font-size:clamp(24px,3vw,34px);line-height:.95;color:#fff}.selected-loadout-card__body{margin:0;font-size:14px;line-height:1.55;color:#ffffffad;max-width:34ch}.fighter-carousel__rail{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.fighter-carousel__chip{min-width:110px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffb8;font-family:var(--font-display);font-size:14px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.fighter-carousel__chip:hover{transform:translateY(-1px);border-color:#ffffff38}.fighter-carousel__chip.selected{color:#fff;background:#2f5cd752;border-color:#ffffff3d;box-shadow:0 12px 24px #15265947}.prematch-next-btn{min-width:280px}.prematch-picked-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0d,#ffffff06)}.prematch-picked-banner__identity{display:flex;flex-direction:column;gap:6px;min-width:0}.prematch-picked-banner__eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:#ffffff85}.prematch-picked-banner__title-row{display:flex;align-items:center;gap:10px;min-width:0}.prematch-picked-banner__emoji{font-size:20px;line-height:1}.prematch-picked-banner__name{font-family:var(--font-display);font-size:clamp(18px,2.2vw,26px);color:#fff;line-height:1}.prematch-picked-banner__back{flex-shrink:0;height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#fff;font-family:var(--font-display);font-size:14px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.prematch-picked-banner__back:hover{transform:translateY(-1px);border-color:#ffffff42;background:#ffffff17}.prematch-match-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1fr);gap:16px;align-items:stretch}.quick-match-card{padding:18px;display:flex;flex-direction:column;justify-content:center;gap:12px;background:radial-gradient(circle at top left,rgba(233,69,96,.14),transparent 28%),linear-gradient(180deg,#ffffff0f,#ffffff06)}.quick-match-card__title{font-family:var(--font-display);font-size:clamp(26px,3vw,34px);line-height:.95;color:#fff}.quick-match-card__body{margin:0;font-size:14px;line-height:1.55;color:#ffffffb3}.quick-match-card__meta{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80}.room-action-hub__header{display:flex;flex-direction:column;gap:6px}.room-action-hub__eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#ffffff85}.room-action-hub__title{font-family:var(--font-display);font-size:clamp(20px,2vw,26px);color:#fff;letter-spacing:.02em}.room-action-hub__body{margin:0;font-size:14px;line-height:1.55;color:#ffffffad;max-width:56ch}.room-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.room-action-card{position:relative;display:flex;flex-direction:column;gap:10px;min-height:176px;padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0f,#ffffff06);overflow:hidden}.room-action-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;opacity:.9}.room-action-card--create:before{background:linear-gradient(90deg,#ffd24a,#ff8a3d)}.room-action-card--join:before{background:linear-gradient(90deg,#58a6ff,#7c9cff)}.room-action-card__eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:#ffffff80}.room-action-card__title{font-family:var(--font-display);font-size:22px;color:#fff;line-height:1}.room-action-card__description{margin:0;min-height:40px;font-size:13px;line-height:1.45;color:#ffffffb3}.room-action-card__controls{display:flex;gap:10px;margin-top:auto;align-items:center}.room-action-card__input{flex:1;min-width:0;height:48px;border-radius:14px;border:1px solid rgba(88,166,255,.28);background:#0e1d43d1;padding:0 16px;color:#fff;font-size:15px;box-shadow:inset 0 1px #ffffff0d}.room-action-card__input::placeholder{color:#ffffff61}.room-action-card__input:focus{outline:none;border-color:#58a6ff99;box-shadow:0 0 0 3px #58a6ff24}.room-action-card__button{height:48px;min-width:110px;border:none;border-radius:14px;padding:0 18px;color:#fff;cursor:pointer;font-family:var(--font-display);font-size:16px;letter-spacing:.05em;transition:transform .18s ease,opacity .18s ease,filter .18s ease}.room-action-card__button--create{background:linear-gradient(135deg,#ffb84d,#ff7a3d);box-shadow:0 10px 28px #ff883d38}.room-action-card__button--join{background:linear-gradient(135deg,#2b73df,#2957c2);box-shadow:0 10px 28px #2957c233}.room-action-card__button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.room-action-card__button:disabled{opacity:.45;cursor:not-allowed}.lite-lobby-panel{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.lite-lobby-panel__title{font-family:var(--font-display);font-size:16px;letter-spacing:1px;color:var(--color-gold)}.lite-lobby-panel__body{font-size:14px;line-height:1.5;color:#fffc}.legal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#000000d9;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}.legal-modal{background:var(--color-surface);border:1px solid var(--color-secondary);border-radius:16px;padding:28px;width:min(620px,92vw);max-height:85vh;overflow-y:auto}.legal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.legal-header h2{font-family:var(--font-body);font-size:20px;font-weight:700;color:var(--color-text);margin:0}.legal-close{background:none;border:none;color:var(--color-text-dim);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s}.legal-close:hover{background:#ffffff1a}.legal-content{color:var(--color-text);line-height:1.7;font-size:13px}.legal-content h3{font-weight:700;font-size:14px;margin-top:20px;margin-bottom:8px;color:var(--color-gold)}.legal-content p{margin-bottom:10px}.legal-content ul{margin-left:18px;margin-bottom:10px}.legal-content li{margin-bottom:5px}.legal-content strong{color:#fff}.site-footer{position:fixed;bottom:0;left:0;right:0;z-index:10;text-align:center;padding:4px 16px;background:#0a0a1ee6;border-top:1px solid rgba(255,255,255,.06);font-size:10px;color:var(--color-text-dim);line-height:1.4;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.site-footer-biz{opacity:.5}.site-footer-links{display:flex;align-items:center;gap:6px}.site-footer-links button{background:none;border:none;color:var(--color-gold);font-size:10px;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.site-footer-links button:hover{opacity:.8}.site-footer-links span,.site-footer-copy{color:var(--color-text-dim);opacity:.4}.mutator-banner{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:65;pointer-events:none;display:flex;gap:8px;animation:mutatorSlideIn .4s cubic-bezier(.22,1,.36,1),mutatorFadeOut .6s ease-in 2.9s forwards}.mutator-banner-item{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;background:#16213eeb;border:1px solid rgba(233,69,96,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 20px #00000080}.mutator-banner-emoji{font-size:22px;line-height:1;flex-shrink:0}.mutator-banner-name{font-family:var(--font-display);font-size:15px;color:var(--color-primary);text-shadow:1px 1px 0 #000;letter-spacing:1px;white-space:nowrap}@keyframes mutatorSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes mutatorFadeOut{0%{opacity:1}to{opacity:0}}.mutator-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:8px 0}.mutator-card{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#ffffff0f;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .15s;text-align:left;overflow:hidden}.mutator-card:hover:not(.disabled):not(.readonly){background:#ffffff1f;border-color:#ffffff40}.mutator-card.selected{background:#ffd70026;border-color:gold;box-shadow:0 0 8px #ffd7004d}.mutator-card.disabled{opacity:.35;cursor:not-allowed}.mutator-card.readonly{cursor:default}.mutator-card-emoji{font-size:1.1rem;flex-shrink:0;width:20px;text-align:center}.mutator-card-info{display:flex;flex-direction:column;min-width:0}.mutator-card-name{font-size:.68rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mutator-card-desc{font-size:.55rem;color:#ffffff73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mutator-card.selected .mutator-card-name{color:gold}.mutator-actions{display:flex;gap:8px;margin-top:6px}.mutator-actions button{flex:1;padding:6px 0;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff14;color:#fff;font-size:.7rem;font-weight:600;cursor:pointer;transition:background .15s}.mutator-actions button:hover{background:#ffffff26}.mutator-mode-hint{font-size:11px;color:var(--color-text-dim);text-align:center;opacity:.6}.streak-badge{margin-left:4px;font-size:.85em;letter-spacing:-1px;animation:streakPulse 1.5s ease-in-out infinite}@keyframes streakPulse{0%,to{opacity:1}50%{opacity:.7}}.streak-bonus{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:12px;background:linear-gradient(135deg,#ff640026,#ff32001a);border:1px solid rgba(255,100,0,.3);animation:streakSlideIn .5s cubic-bezier(.22,1,.36,1)}.streak-bonus-fire{font-size:24px;line-height:1}.streak-bonus-text{font-family:var(--font-display);font-size:18px;color:#f60;text-shadow:1px 1px 0 #000;letter-spacing:1px}.streak-bonus-coins{font-family:var(--font-body);font-size:14px;font-weight:700;color:var(--color-gold)}.streak-bonus-gems{font-family:var(--font-body);font-size:14px;font-weight:700;color:#a855f7}@keyframes streakSlideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.gimmick-mode-tabs{display:flex;gap:6px;margin-bottom:10px}.gimmick-mode-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;border-radius:8px;border:2px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;font-family:var(--font-display);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.gimmick-mode-tab:hover{background:#ffffff14;border-color:#fff3}.gimmick-mode-tab.active{background:#fbbf241f;border-color:#fbbf2480;color:#fbbf24f2}.gimmick-pick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:8px 0}.gimmick-pick-btn{padding:6px 8px;font-family:var(--font-body);font-size:.7rem;font-weight:600;text-transform:capitalize;background:#ffffff0f;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:var(--color-text);cursor:pointer;transition:all .15s;text-align:left}.gimmick-pick-btn:hover{background:#ffffff1f;border-color:#ffffff40}.gimmick-pick-btn.selected{background:#10b98126;border-color:#10b981;color:#10b981;box-shadow:0 0 8px #10b9814d}.event-banner{position:fixed;top:120px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 20px;border-radius:12px;z-index:150;animation:eventSlideIn .4s cubic-bezier(.22,1,.36,1);pointer-events:none}.event-banner-warning{background:linear-gradient(135deg,#ffc80033,#ff960026);border:1px solid rgba(255,200,0,.4)}.event-banner-active{background:linear-gradient(135deg,#ff505033,#c8323226);border:1px solid rgba(255,80,80,.4)}.event-banner-emoji{font-size:28px;line-height:1}.event-banner-name{font-family:var(--font-display);font-size:16px;color:#fff;text-shadow:1px 1px 0 #000}.event-banner-desc{font-family:var(--font-body);font-size:12px;color:#ffffffb3}.event-banner-warning .event-banner-name{color:gold}@keyframes eventSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}