*{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 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{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.char-card{width:120px;border-radius:16px;border:3px solid transparent;background:var(--color-surface);cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:12px 8px;gap:8px;transition:all .15s}.char-card:hover{transform:scale(1.05);border-color:var(--color-text-dim)}.char-card.selected{border-color:var(--color-gold);background:var(--color-secondary);transform:scale(1.08);box-shadow:0 0 20px #ffd7004d}.char-preview{width:96px;height:96px;border-radius:12px;overflow:hidden;pointer-events:none}.char-card-name{font-family:var(--font-display);font-size:16px;color:var(--color-text);letter-spacing:1px}.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{border-color:var(--color-gold)}.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}.controls-guide{display:flex;gap:24px;color:var(--color-text);font-size:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 24px}.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: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}.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}.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-body{display:flex;gap:24px;align-items:flex-start;justify-content:center;width:100%;max-width:800px}.lobby-left{display:flex;flex-direction:column;align-items:center;gap:16px;flex:1;min-width:0}.lobby-right{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.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}.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}.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 1.5s ease-out}.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%}.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(135deg,#0a0a2e,#1a1a4e);display:flex;flex-direction:column;padding:20px;overflow-y:auto}.room-browser-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.room-browser-back{display:flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:8px;padding:8px 14px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.room-browser-back:hover{background:#ffffff26}.room-browser-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.2rem);font-weight:900;color:#fff;text-shadow:2px 2px 0 #000;flex:1}.room-browser-actions{display:flex;gap:10px}.btn-room-create,.btn-room-quick{font-family:var(--font-display);font-size:14px;font-weight:700;padding:10px 20px;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-browser-list{display:flex;flex-direction:column;gap:8px}.room-browser-empty{text-align:center;color:#ffffff80;padding:40px 20px;font-size:16px}.room-card{display:flex;align-items:center;justify-content:space-between;background:#16213ee6;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 18px;transition:border-color .2s,background .2s}.room-card:hover{border-color:#ffffff40;background:#16213e}.room-card-left{display:flex;flex-direction:column;gap:4px}.room-card-name{font-family:var(--font-display);font-size:16px;font-weight:700;color:#fff;text-transform:uppercase}.room-card-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:#fff9}.room-card-phase{font-weight:600}.room-card-right{display:flex;align-items:center;gap:16px}.room-card-players{font-family:var(--font-display);font-size:18px;font-weight:700;color:gold}.btn-room-join{font-family:var(--font-display);font-size:13px;font-weight:700;padding:8px 18px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--color-primary),#c0392b);color:#fff;cursor:pointer;letter-spacing:1px;transition:transform .15s,opacity .2s}.btn-room-join:hover:not(:disabled){transform:translateY(-1px)}.btn-room-join:disabled{opacity:.4;cursor:not-allowed}.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}