.lobby-page{max-width:72rem;min-height:calc(100vh - 64px);margin:0 auto;padding:1rem 1rem 3rem;position:relative}.lobby-hero{border-radius:20px;justify-content:center;align-items:center;width:100%;margin-bottom:1.5rem;display:flex;position:relative;overflow:hidden}.lobby-ash-overlay{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ash-particle{opacity:0;background:#ff6a00;border-radius:50%;width:8px;height:8px;display:block;position:absolute;top:-12px}.ash-particle:first-child{width:7px;height:7px;animation:15s ease-in-out infinite ash-sway;left:2%}.ash-particle:nth-child(2){width:9px;height:9px;animation:19s ease-in-out 1.8s infinite ash-drift;left:8%}.ash-particle:nth-child(3){width:11px;height:10px;animation:14s ease-in-out 5.2s infinite ash-sway;left:14%}.ash-particle:nth-child(4){width:6px;height:6px;animation:21s linear .6s infinite ash-straight;left:19%}.ash-particle:nth-child(5){width:10px;height:9px;animation:17s ease-in-out 3.4s infinite ash-drift;left:25%}.ash-particle:nth-child(6){width:8px;height:8px;animation:16s ease-in-out 7s infinite ash-sway;left:30%}.ash-particle:nth-child(7){width:7px;height:7px;animation:20s linear 2.2s infinite ash-straight;left:35%}.ash-particle:nth-child(8){width:12px;height:11px;animation:15s ease-in-out .4s infinite ash-drift;left:40%}.ash-particle:nth-child(9){width:6px;height:6px;animation:22s ease-in-out 4.8s infinite ash-sway;left:45%}.ash-particle:nth-child(10){width:9px;height:8px;animation:16s linear 8.5s infinite ash-straight;left:50%}.ash-particle:nth-child(11){width:10px;height:10px;animation:18s ease-in-out 1.2s infinite ash-drift;left:55%}.ash-particle:nth-child(12){width:7px;height:7px;animation:21s ease-in-out 3.8s infinite ash-sway;left:60%}.ash-particle:nth-child(13){width:8px;height:8px;animation:15s linear 6.5s infinite ash-straight;left:65%}.ash-particle:nth-child(14){width:11px;height:10px;animation:20s ease-in-out 2s infinite ash-drift;left:70%}.ash-particle:nth-child(15){width:6px;height:6px;animation:17s ease-in-out 9.5s infinite ash-sway;left:75%}.ash-particle:nth-child(16){width:9px;height:9px;animation:16s linear 4.2s infinite ash-straight;left:80%}.ash-particle:nth-child(17){width:8px;height:7px;animation:21s ease-in-out 7.8s infinite ash-drift;left:85%}.ash-particle:nth-child(18){width:10px;height:9px;animation:18s ease-in-out .2s infinite ash-sway;left:90%}.ash-particle:nth-child(19){width:7px;height:7px;animation:14s linear 5.5s infinite ash-straight;left:95%}.ash-particle:nth-child(20){width:8px;height:8px;animation:22s ease-in-out 3s infinite ash-drift;left:5%}.ash-particle:nth-child(21){width:10px;height:9px;animation:16s ease-in-out 10s infinite ash-sway;left:12%}.ash-particle:nth-child(22){width:7px;height:7px;animation:19s ease-in-out 6.2s infinite ash-drift;left:22%}.ash-particle:nth-child(23){width:12px;height:11px;animation:17s linear 1s infinite ash-straight;left:28%}.ash-particle:nth-child(24){width:6px;height:6px;animation:20s ease-in-out 8.8s infinite ash-sway;left:38%}.ash-particle:nth-child(25){width:9px;height:8px;animation:15s ease-in-out 4.5s infinite ash-drift;left:43%}.ash-particle:nth-child(26){width:8px;height:8px;animation:22s linear 11s infinite ash-straight;left:52%}.ash-particle:nth-child(27){width:11px;height:10px;animation:14s ease-in-out 2.6s infinite ash-sway;left:58%}.ash-particle:nth-child(28){width:7px;height:7px;animation:18s ease-in-out 7.2s infinite ash-drift;left:63%}.ash-particle:nth-child(29){width:9px;height:9px;animation:16s linear 5s infinite ash-straight;left:72%}.ash-particle:nth-child(30){width:10px;height:9px;animation:21s ease-in-out .8s infinite ash-sway;left:78%}.ash-particle:nth-child(31){width:6px;height:6px;animation:17s ease-in-out 9.2s infinite ash-drift;left:83%}.ash-particle:nth-child(32){width:8px;height:8px;animation:19s ease-in-out 3.5s infinite ash-sway;left:88%}.ash-particle:nth-child(33){width:10px;height:10px;animation:15s linear 6.8s infinite ash-straight;left:17%}.ash-particle:nth-child(34){width:7px;height:7px;animation:20s ease-in-out 12s infinite ash-drift;left:48%}.ash-particle:nth-child(35){width:9px;height:8px;animation:18s ease-in-out 2.4s infinite ash-sway;left:68%}@keyframes ash-sway{0%{opacity:0;background:#ff6a00;transform:translateY(0)translate(0)rotate(0);box-shadow:0 0 6px #ff6a00,0 0 12px #ff640066}5%{opacity:.9}15%{background:#e85d00;transform:translateY(100px)translate(30px)rotate(40deg);box-shadow:0 0 4px #ff50004d}30%{box-shadow:none;background:#8b4513;transform:translateY(210px)translate(-25px)rotate(-30deg)}45%{opacity:.7;background:#4a3020;transform:translateY(330px)translate(35px)rotate(50deg)}60%{background:#2a1a10;transform:translateY(440px)translate(-20px)rotate(-20deg)}75%{opacity:.5;background:#1a1008;transform:translateY(540px)translate(25px)rotate(35deg)}90%{transform:translateY(650px)translate(-15px)rotate(-15deg)}to{opacity:0;background:#0d0804;transform:translateY(760px)translate(10px)rotate(20deg)}}@keyframes ash-drift{0%{opacity:0;background:#ff8c00;transform:translateY(0)translate(0)rotate(0);box-shadow:0 0 8px #ff6a00,0 0 14px #ff640080}5%{opacity:.85}15%{background:#c50;transform:translateY(120px)translate(-35px)rotate(-40deg);box-shadow:0 0 3px #ff500033}30%{box-shadow:none;background:#6b3a1f;transform:translateY(240px)translate(20px)rotate(25deg)}50%{opacity:.6;background:#3a2010;transform:translateY(380px)translate(-30px)rotate(-35deg)}70%{background:#201008;transform:translateY(520px)translate(15px)rotate(20deg)}85%{opacity:.3;transform:translateY(640px)translate(-20px)rotate(-25deg)}to{opacity:0;background:#0d0804;transform:translateY(760px)translate(10px)rotate(15deg)}}@keyframes ash-straight{0%{opacity:0;background:#ff7b00;transform:translateY(0)translate(0)rotate(0);box-shadow:0 0 6px #ff6a00,0 0 10px #ff64004d}5%{opacity:.8}20%{background:#a04a10;transform:translateY(150px)translate(6px)rotate(60deg);box-shadow:0 0 2px #ff500026}40%{box-shadow:none;background:#5a3018;transform:translateY(300px)translate(-4px)rotate(130deg)}60%{opacity:.5;background:#2a1a0e;transform:translateY(460px)translate(5px)rotate(210deg)}80%{opacity:.3;background:#150c06;transform:translateY(610px)translate(-3px)rotate(290deg)}to{opacity:0;background:#0d0804;transform:translateY(760px)translate(2px)rotate(360deg)}}.ash-particle:nth-child(2n){border-radius:40% 60% 50% 50%}.ash-particle:nth-child(3n){border-radius:50% 30% 60% 40%}@media (prefers-reduced-motion:reduce){.ash-particle{animation:none;display:none}}.lobby-hero-img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.lobby-hero-content{z-index:1;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;padding:6% 1.5rem 0;display:flex;position:absolute;inset:0}.lobby-hero-logo{filter:drop-shadow(0 4px 20px #000c);pointer-events:none;-webkit-user-select:none;user-select:none;width:510px;height:auto;margin-top:-80px;margin-bottom:.75rem}.lobby-hero-cards{grid-template-columns:repeat(4,1fr);gap:.65rem;width:100%;max-width:820px;margin-bottom:.75rem;display:grid}.lobby-hero-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:linear-gradient(160deg,#1a1a2eeb 0%,#0c0c1ceb 100%);border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;min-width:0;padding:1rem;text-decoration:none;transition:transform .2s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.lobby-hero-card:hover{transform:translateY(-3px);box-shadow:0 6px 24px #0006}.hero-card-play{flex-direction:row;grid-column:1/-1;align-items:center;gap:1rem;padding:.65rem 1.5rem}.hero-card-play .lobby-hero-card-icon{margin-bottom:0}.hero-card-play h3{letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg,#fff 0%,#ff9a9a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:0;font-size:1.3rem;font-style:italic;font-weight:900}.hero-card-play p{text-align:center;color:#a0a0b8;flex:1}@keyframes fire-border-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.hero-card-play{border-color:#0000}.hero-card-play:before{content:"";z-index:0;background:conic-gradient(#ed6423,#ff6b35,orange,#fd0,orange,#ff6b35,#ed6423);width:200%;height:200%;animation:2.5s linear infinite fire-border-spin;position:absolute;top:50%;left:50%}.hero-card-play:after{content:"";z-index:1;background:linear-gradient(160deg,#1a1a2ef7 0%,#0c0c1cf7 100%);border-radius:12px;position:absolute;inset:2px}.hero-card-play>*{z-index:2;position:relative}.hero-card-play:hover:before{animation-duration:1.5s}.hero-card-play:hover{box-shadow:0 0 20px #ed64234d,0 0 40px #ff6b3526}.lobby-hero-card-sprite{opacity:.07;pointer-events:none;transition:opacity .3s;position:absolute;bottom:-10px;right:-10px}.lobby-hero-card-sprite img{display:block}.lobby-hero-card:hover .lobby-hero-card-sprite{opacity:.14}.lobby-hero-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:.6rem;transition:background .3s;display:flex}.lobby-hero-card-icon svg{width:20px;height:20px}.lobby-hero-card h3{color:#fff;margin-bottom:.15rem;font-size:.95rem;font-weight:700}.lobby-hero-card p{color:#7a7a9a;text-shadow:none;margin:0;font-size:.75rem;line-height:1.35}.hero-card-play .lobby-hero-card-icon{background:#ed642326}.hero-card-play .lobby-hero-card-icon svg{color:#ed6423}.hero-card-play:hover{border-color:#ed6423}.hero-card-play:hover .lobby-hero-card-icon{background:#ed642340}.hero-card-leaderboard .lobby-hero-card-icon{background:#fabb0126}.hero-card-leaderboard .lobby-hero-card-icon svg{color:#fabb01}.hero-card-leaderboard:hover{border-color:#fabb01}.hero-card-leaderboard:hover .lobby-hero-card-icon{background:#fabb0140}.hero-card-shop .lobby-hero-card-icon{background:#00e7fc26}.hero-card-shop .lobby-hero-card-icon svg{color:#00e7fc}.hero-card-shop:hover{border-color:#00e7fc}.hero-card-shop:hover .lobby-hero-card-icon{background:#00e7fc40}.hero-card-profile .lobby-hero-card-icon{background:#7cfc0026}.hero-card-profile .lobby-hero-card-icon svg{color:#7cfc00}.hero-card-profile:hover{border-color:#7cfc00}.hero-card-profile:hover .lobby-hero-card-icon{background:#7cfc0040}.hero-card-notes .lobby-hero-card-icon{background:#a78bfa26}.hero-card-notes .lobby-hero-card-icon svg{color:#a78bfa}.hero-card-notes:hover{border-color:#a78bfa}.hero-card-notes:hover .lobby-hero-card-icon{background:#a78bfa40}.lobby-hero-tagline{color:#fff;text-shadow:0 2px 6px #000,0 0 16px #000000e6,0 0 40px #000000b3;max-width:420px;margin:5px auto calc(.75rem + 20px);font-size:1.05rem;font-weight:600;line-height:1.6}.lobby-news-sidebar-row{grid-template-columns:1fr 300px;gap:1rem;margin-bottom:1.5rem;display:grid}.lobby-main-column{flex-direction:column;gap:1rem;min-width:0;display:flex}.lobby-sidebar{flex-direction:column;gap:1rem;display:flex}@media (max-width:1024px){.lobby-news-sidebar-row{grid-template-columns:1fr}}.lobby-server-chat-group{background:#1a1a2e;border:1px solid #0f3460;border-radius:12px;overflow:hidden}.lobby-server-chat-group .lobby-room-browser{border:none;border-bottom:1px solid #0f3460;border-radius:0}.lobby-server-chat-group .lobby-chat-panel{border:none;border-radius:0}.lobby-server-chat-group .lobby-spotlight{border:none;border-bottom:1px solid #0f3460;border-radius:0}.lobby-room-browser{background:#1a1a2e;border:1px solid #0f3460;border-radius:12px;overflow:hidden}.lobby-room-browser-header{border-bottom:1px solid #0f3460;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.lobby-room-server-info{align-items:center;gap:8px;display:flex}.lobby-room-server-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;position:relative}.lobby-room-server-dot.online{background:#22c55e}.lobby-room-server-dot.offline{background:#ef4444}.lobby-room-server-dot-ping{background:#22c55e;border-radius:50%;animation:2s ease-out infinite room-dot-ping;position:absolute;inset:0}@keyframes room-dot-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.lobby-room-server-label{color:#fff;letter-spacing:.02em;font-size:13px;font-weight:700}.lobby-room-server-offline{color:#ef4444}.lobby-room-total-players{color:#6b6b80;margin-left:4px;font-size:11px}.lobby-room-rtt-wrap{align-items:center;gap:6px;display:flex}.lobby-room-rtt-value{font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.lobby-room-rtt-dot{border-radius:50%;width:8px;height:8px}.rtt-excellent{color:#22c55e}.rtt-excellent.lobby-room-rtt-dot{background:#22c55e}.rtt-good{color:#eab308}.rtt-good.lobby-room-rtt-dot{background:#eab308}.rtt-difficult{color:#f97316}.rtt-difficult.lobby-room-rtt-dot{background:#f97316}.rtt-terrible{color:#ef4444}.rtt-terrible.lobby-room-rtt-dot{background:#ef4444}.rtt-measuring{color:#6b6b80}.lobby-room-list{flex-direction:column;gap:0;display:flex}.lobby-room-card{border-bottom:1px solid #0f3460}.lobby-room-card:last-child{border-bottom:none}.lobby-room-card-header{justify-content:space-between;align-items:center;padding:10px 16px 6px;display:flex}.lobby-room-card-name{color:#e0e0f0;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.lobby-room-card-icon{color:#ed6423;flex-shrink:0}.lobby-room-card-count{font-size:13px}.lobby-room-card-count-num{color:#fff;font-weight:700}.lobby-room-card-count-sep{color:#6b6b80}.lobby-room-bar-wrap{background:#0a0a15;border-radius:2px;height:3px;margin:0 16px 8px;overflow:hidden}.lobby-room-bar-fill{background:linear-gradient(90deg,#ed6423,#ff6b35);border-radius:2px;height:100%;transition:width .5s}.lobby-room-bar-fill.full{background:#ef4444}.lobby-room-players{flex-direction:column;gap:3px;padding:0 16px 8px;display:flex}.lobby-room-player{border-radius:4px;align-items:center;gap:6px;padding:3px 8px;transition:background .15s;display:flex}.lobby-room-player:hover{background:#0f346040}.lobby-room-player.dead{opacity:.5}.lobby-room-player-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.lobby-room-player-name{color:#e0e0f0;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.lobby-room-player-link{cursor:pointer;text-decoration:none;transition:color .15s}.lobby-room-player-link:hover{color:#ed6423}.lobby-room-player-level{color:#6b6b80;flex-shrink:0;font-size:10px}.lobby-room-player-prestige{color:#eab308;flex-shrink:0;font-size:10px;font-weight:600}.lobby-room-player-dead-badge{color:#f87171;background:#ef44441f;border-radius:6px;flex-shrink:0;padding:1px 5px;font-size:9px}.lobby-room-spectators{color:#6b6b80;padding:2px 8px;font-size:10px;font-style:italic}.lobby-room-players-empty{color:#5a5a7a;text-align:center;padding:12px 16px;font-size:12px}.lobby-room-card-footer{gap:8px;padding:0 16px 10px;display:flex}.lobby-room-join-btn{color:#fff;background:#ed6423;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s;display:flex}.lobby-room-join-btn:hover{background:#d4581e;box-shadow:0 2px 12px #ed64234d}.lobby-room-join-btn.disabled{color:#6b6b80;cursor:default;pointer-events:none;background:#2a2a3e}.lobby-room-spectate-btn{color:#a78bfa;background:#0f3460;border:1px solid #1a1a4e;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s,border-color .2s;display:flex}.lobby-room-spectate-btn:hover{background:#142d54;border-color:#a78bfa;box-shadow:0 2px 12px #a78bfa33}.lobby-room-card-premium{background:linear-gradient(135deg,#fbbf240d 0%,#14142800 50%)}.lobby-room-pro-icon{color:#fbbf24}.lobby-room-pro-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;align-items:center;margin-left:6px;padding:1px 6px;font-size:9px;font-weight:800;display:inline-flex}.lobby-room-bar-fill.premium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.lobby-room-unlock-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b45309,#d97706);border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;font-weight:700;transition:background .2s,box-shadow .2s;display:flex}.lobby-room-unlock-btn:hover{background:linear-gradient(135deg,#92400e,#b45309);box-shadow:0 2px 12px #d9770666}.lobby-room-unlock-confirm{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.lobby-room-unlock-confirm-text{color:#fbbf24;width:100%;font-size:11px;font-weight:600}.lobby-room-unlock-yes{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;flex:1;padding:6px 10px;font-size:11px;font-weight:700;transition:background .2s}.lobby-room-unlock-yes:hover{background:#15803d}.lobby-room-unlock-yes:disabled{opacity:.5;cursor:not-allowed}.lobby-room-unlock-no{color:#9ca3af;cursor:pointer;background:#2a2a3e;border:1px solid #3a3a4e;border-radius:6px;flex:1;padding:6px 10px;font-size:11px;font-weight:700;transition:background .2s}.lobby-room-unlock-no:hover{background:#3a3a4e}.lobby-room-unlock-error{color:#ef4444;width:100%;font-size:10px;font-weight:600}.lobby-room-loading{color:#6b6b80;justify-content:center;align-items:center;gap:10px;padding:2rem 1rem;font-size:12px;display:flex}.lobby-room-spinner{border:2px solid #0f3460;border-top-color:#ed6423;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite room-spin}@keyframes room-spin{to{transform:rotate(360deg)}}.lobby-room-empty{color:#5a5a7a;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:2rem 1rem;display:flex}.lobby-room-empty svg{color:#ef4444;opacity:.4}.lobby-room-empty p{color:#6b6b80;margin:0;font-size:13px}.lobby-room-empty-sub{color:#5a5a7a!important;font-size:11px!important}.lobby-spotlight{background:linear-gradient(135deg,#1a1a32e6,#140e28e6);border:1px solid #f59e0b26;border-radius:14px;position:relative;overflow:hidden}.lobby-spotlight-header{background:linear-gradient(90deg,#f59e0b0f,#0000);border-bottom:1px solid #f59e0b1a;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.lobby-spotlight-title{text-transform:uppercase;letter-spacing:2px;color:#f59e0b;font-family:Orbitron,sans-serif;font-size:12px;font-weight:800}.lobby-spotlight-link{color:#3b82f6;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s}.lobby-spotlight-link:hover{color:#60a5fa;background:#3b82f61a}.lobby-spotlight-items{gap:10px;padding:12px 14px;display:flex}.lobby-spotlight-card{text-align:center;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:14px 10px 12px;font-family:inherit;transition:all .25s;display:flex;position:relative;overflow:hidden}.lobby-spotlight-card:hover{transform:translateY(-4px)scale(1.02)}.lobby-spotlight-card.rarity-legendary{background:linear-gradient(#fbbf241a 0%,#fbbf2405 100%);border:1px solid #fbbf2426}.lobby-spotlight-card.rarity-legendary:hover{border-color:#fbbf2459;box-shadow:0 4px 16px #fbbf241a}.lobby-spotlight-card.rarity-epic{background:linear-gradient(#a855f71a 0%,#a855f705 100%);border:1px solid #a855f726}.lobby-spotlight-card.rarity-epic:hover{border-color:#a855f759;box-shadow:0 4px 16px #a855f71a}.lobby-spotlight-card.rarity-rare{background:linear-gradient(#3b82f61a 0%,#3b82f605 100%);border:1px solid #3b82f626}.lobby-spotlight-card.rarity-rare:hover{border-color:#3b82f659;box-shadow:0 4px 16px #3b82f61a}.lobby-spotlight-card.rarity-uncommon{background:linear-gradient(#22c55e14 0%,#22c55e05 100%);border:1px solid #22c55e26}.lobby-spotlight-card.rarity-uncommon:hover{border-color:#22c55e59;box-shadow:0 4px 16px #22c55e1a}.lobby-spotlight-card.rarity-common{background:linear-gradient(#6b72800f 0%,#6b728005 100%);border:1px solid #6b728026}.lobby-spotlight-card.rarity-common:hover{border-color:#6b728059;box-shadow:0 4px 16px #6b72801a}.lobby-spotlight-accent{border-radius:0 0 3px 3px;height:2px;position:absolute;top:0;left:20%;right:20%}.rarity-legendary .lobby-spotlight-accent{background:linear-gradient(90deg,#0000,#fbbf24,#0000)}.rarity-epic .lobby-spotlight-accent{background:linear-gradient(90deg,#0000,#a855f7,#0000)}.rarity-rare .lobby-spotlight-accent{background:linear-gradient(90deg,#0000,#3b82f6,#0000)}.rarity-uncommon .lobby-spotlight-accent{background:linear-gradient(90deg,#0000,#22c55e,#0000)}.rarity-common .lobby-spotlight-accent{background:linear-gradient(90deg,#0000,#6b6b80,#0000)}.lobby-spotlight-img-wrap{margin-bottom:8px;position:relative}.lobby-spotlight-img{object-fit:contain;width:56px;height:56px;image-rendering:pixelated;border-radius:12px;transition:transform .25s}.lobby-spotlight-card:hover .lobby-spotlight-img{transform:scale(1.12)translateY(-2px)}.lobby-spotlight-img-fallback{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:30px;display:flex}.lobby-spotlight-info{width:100%}.lobby-spotlight-name{color:#fff;margin-bottom:2px;font-size:12px;font-weight:700;display:block}.lobby-spotlight-label{text-transform:uppercase;letter-spacing:.5px;border-radius:3px;margin-top:3px;padding:1px 5px;font-size:8px;font-weight:800;display:inline-block}.lobby-spotlight-meta{color:#555;margin-top:2px;font-size:10px;display:block}.lobby-spotlight-price{color:#fbbf24;text-shadow:0 0 12px #fbbf2433;justify-content:center;align-items:center;gap:3px;margin-top:6px;font-size:15px;font-weight:800;display:flex}.lobby-spotlight-popup-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lobby-spotlight-popup{border-radius:20px;width:380px;max-width:92vw;animation:.35s cubic-bezier(.2,0,0,1) lobby-popup-enter;position:relative;overflow:hidden}@keyframes lobby-popup-enter{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.lobby-spotlight-popup-glow{background:conic-gradient(#fbbf24,#f59e0b,#ef4444,#fbbf24);border-radius:20px;padding:2px;animation:4s linear infinite lobby-border-rotate;position:absolute;inset:0}@keyframes lobby-border-rotate{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.lobby-spotlight-popup-glow-inner{background:linear-gradient(#1a1020,#0d0d1c);border-radius:18px;position:absolute;inset:2px}.lobby-spotlight-popup-close{z-index:3;color:#666;cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:16px;right:18px}.lobby-spotlight-popup-close:hover{color:#fff;background:#ffffff1a}.lobby-spotlight-popup-content{z-index:2;text-align:center;padding:32px 28px 24px;position:relative}.lobby-spotlight-popup-img-wrap{margin-bottom:16px;display:inline-block;position:relative}.lobby-spotlight-popup-img-glow{filter:blur(30px);opacity:.5;border-radius:50%;animation:3s ease-in-out infinite lobby-glow-breathe;position:absolute;inset:-30px}@keyframes lobby-glow-breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.lobby-spotlight-popup-img{z-index:2;object-fit:contain;width:96px;height:96px;image-rendering:pixelated;filter:drop-shadow(0 4px 16px #00000080);position:relative}.lobby-spotlight-popup-img-fallback{z-index:2;justify-content:center;align-items:center;width:96px;height:96px;font-size:52px;display:flex;position:relative}.lobby-spotlight-popup-name{color:#fff;letter-spacing:1px;margin-bottom:6px;font-family:Orbitron,sans-serif;font-size:20px;font-weight:800}.lobby-spotlight-popup-rarity{text-transform:uppercase;letter-spacing:1.5px;border:1px solid;border-radius:6px;margin-bottom:10px;padding:2px 10px;font-size:10px;font-weight:700;display:inline-block}.lobby-spotlight-popup-desc{color:#666;margin-bottom:14px;font-size:13px;line-height:1.4}.lobby-spotlight-popup-stats{background:#0000004d;border-radius:10px;justify-content:center;gap:20px;margin-bottom:16px;padding:10px;display:flex}.lobby-spotlight-popup-stat{text-align:center}.lobby-spotlight-popup-stat-value{color:#fff;font-size:14px;font-weight:800}.lobby-spotlight-popup-stat-value.gold{color:#fbbf24}.lobby-spotlight-popup-stat-value.red{color:#ef4444}.lobby-spotlight-popup-stat-label{color:#555;text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:9px}.lobby-spotlight-popup-divider{background:linear-gradient(90deg,#0000,#ffffff0f,#0000);height:1px;margin:14px 0}.lobby-spotlight-popup-error{color:#ef4444;background:#ef44441a;border-radius:6px;margin-bottom:10px;padding:6px 12px;font-size:12px}.lobby-spotlight-popup-success{color:#22c55e;text-align:center;padding:14px;font-size:16px;font-weight:700;animation:.3s lobby-popup-enter}.lobby-spotlight-popup-btn{cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;text-align:center;border:none;border-radius:12px;width:100%;margin-bottom:8px;padding:14px;font-family:Inter,sans-serif;font-size:15px;font-weight:800;text-decoration:none;transition:all .25s;display:block}.lobby-spotlight-popup-buy{color:#000;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 20px #f59e0b4d}.lobby-spotlight-popup-buy:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-1px);box-shadow:0 6px 30px #f59e0b73}.lobby-spotlight-popup-buy.disabled,.lobby-spotlight-popup-buy:disabled{color:#6b6b80;box-shadow:none;cursor:not-allowed;background:#2a2a3e}.lobby-spotlight-popup-equip{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 20px #22c55e4d}.lobby-spotlight-popup-equip:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 30px #22c55e73}.lobby-spotlight-popup-owned{color:#4ade80;cursor:default;background:#1a3a2a}.lobby-spotlight-popup-login{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 20px #3b82f64d}.lobby-spotlight-popup-login:hover{transform:translateY(-1px);box-shadow:0 6px 30px #3b82f673}.lobby-spotlight-popup-coins-link{color:#f59e0b;background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid #f59e0b4d;font-size:13px;text-decoration:none}.lobby-spotlight-popup-coins-link:hover{background:linear-gradient(135deg,#f59e0b40,#f59e0b1a);border-color:#f59e0b;transform:translateY(-1px)}.lobby-spotlight-popup-cancel{color:#6b6b80;cursor:pointer;background:0 0;border:none;width:100%;padding:10px;font-family:inherit;font-size:13px;font-weight:500;transition:color .2s;display:block}.lobby-spotlight-popup-cancel:hover{color:#a0a0b8}@media (max-width:768px){.lobby-spotlight-items{gap:6px;padding:10px}.lobby-spotlight-card{padding:10px 6px}.lobby-spotlight-img{width:40px;height:40px}.lobby-spotlight-img-fallback{width:40px;height:40px;font-size:22px}.lobby-spotlight-name{font-size:10px}.lobby-spotlight-price{font-size:12px}.lobby-spotlight-popup{width:340px}}.lobby-chat-panel{background:#1a1a2e;border:1px solid #0f3460;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.lobby-chat-header{border-bottom:1px solid #0f3460;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.lobby-chat-body{min-height:220px;max-height:280px;display:flex}.lobby-chat-messages-area{flex-direction:column;flex:1;min-width:0;display:flex}.lobby-chat-messages{flex-direction:column;flex:1;gap:1px;padding:8px 12px;display:flex;overflow-y:auto}.lobby-chat-input{border-top:1px solid #0f3460;align-items:center;display:flex}.lobby-chat-users{background:#0a0a1a66;border-left:1px solid #0f3460;flex-shrink:0;width:160px;padding:8px 6px;overflow-y:auto}.lobby-chat-users-label{color:#6b6b80;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px 4px;font-size:9px;font-weight:600}.lobby-chat-user-row{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:5px;width:100%;padding:3px 6px;transition:background .15s;display:flex}.lobby-chat-user-row:hover{background:#0f34604d}.lobby-chat-user-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.lobby-chat-user-name{color:#e0e0f0;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.lobby-chat-user-badge{border-radius:8px;flex-shrink:0;padding:1px 5px;font-size:9px}.lobby-chat-user-badge.alive{color:#4ade80;background:#22c55e26}.lobby-chat-user-badge.dead{color:#f87171;background:#ef444426}.lobby-chat-user-actions{flex-wrap:wrap;align-items:center;gap:4px;margin-left:18px;padding:3px 0 5px;display:flex}.lobby-chat-action-btn{cursor:pointer;border:none;border-radius:4px;padding:2px 8px;font-size:10px;text-decoration:none;transition:background .15s}.lobby-chat-action-btn.join{color:#fff;background:#ed6423}.lobby-chat-action-btn.join:hover{background:#d4581e}.lobby-chat-action-btn.friend{color:#a0a0b8;background:#0f3460}.lobby-chat-action-btn.friend:hover{background:#16213e}.lobby-chat-action-btn.friend:disabled{opacity:.5;cursor:default}.lobby-chat-messages::-webkit-scrollbar{width:4px}.lobby-chat-users::-webkit-scrollbar{width:4px}.lobby-chat-messages::-webkit-scrollbar-track{background:0 0}.lobby-chat-users::-webkit-scrollbar-track{background:0 0}.lobby-chat-messages::-webkit-scrollbar-thumb{background:#0f3460;border-radius:2px}.lobby-chat-users::-webkit-scrollbar-thumb{background:#0f3460;border-radius:2px}.lobby-chat-messages::-webkit-scrollbar-thumb:hover{background:#16213e}.lobby-chat-users::-webkit-scrollbar-thumb:hover{background:#16213e}@media (max-width:768px){.lobby-chat-body{flex-direction:column;max-height:none}.lobby-chat-users{border-top:1px solid #0f3460;border-left:none;width:100%;max-height:120px}}.lobby-killcam-panel{background:#1a1a2e;border:1px solid #0f3460;border-radius:12px;overflow:hidden}.lobby-killcam-header{border-bottom:1px solid #0f3460;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.lobby-killcam-title{color:#ed6423;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.lobby-killcam-icon{width:14px;height:14px}.lobby-killcam-next{cursor:pointer;color:#6b6b80;background:#0f346066;border:none;border-radius:4px;padding:4px 6px;transition:color .15s,background .15s}.lobby-killcam-next:hover{color:#e0e0f0;background:#0f3460b3}.lobby-killcam-video-wrap{background:#000;position:relative}.lobby-killcam-video{aspect-ratio:16/9;object-fit:contain;background:#000;width:100%;display:block}.lobby-killcam-info{justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.lobby-killcam-player{color:#e0e0f0;font-size:12px;font-weight:600}.lobby-killcam-player-link{color:#e0e0f0;text-decoration:none;transition:color .15s}.lobby-killcam-player-link:hover{color:#ed6423;text-decoration:underline}.lobby-killcam-kills{color:#ed6423;font-size:11px;font-weight:700}.lobby-killcam-vs{color:#6b6b80;font-weight:400}.lobby-killcam-loading,.lobby-killcam-empty{text-align:center;color:#5a5a7a;padding:2rem 1rem;font-size:12px}@media (max-width:768px){.lobby-hero{border-radius:14px;overflow:visible}.lobby-hero-content{margin-top:-70px;padding:0 .5rem}.lobby-hero-logo{width:260px;margin-top:30px}.lobby-hero-cards{flex-wrap:wrap;justify-content:center;gap:.35rem;max-width:100%;margin-bottom:.4rem;padding:0 .5rem;display:flex}.lobby-hero-card{border-radius:8px;flex-direction:row;flex:none;align-items:center;gap:5px;padding:6px 12px}.lobby-hero-card-icon{border-radius:0;width:auto;height:auto;margin-bottom:0;background:0 0!important}.lobby-hero-card-icon svg{width:14px;height:14px}.lobby-hero-card h3{margin-bottom:0;font-size:.7rem}.lobby-hero-card p,.lobby-hero-card-sprite{display:none}.hero-card-play:before{background:#ed6423;width:100%;height:100%;animation:none;inset:0;transform:none}.hero-card-play:after{border-radius:7px;inset:1.5px}.lobby-hero-tagline{margin-top:0;margin-bottom:.3rem;font-size:.7rem}}.lobby-credits-card{background:linear-gradient(160deg,#f59e0b1f 0%,#1a1a2ef2 100%);border:1px solid #f59e0b40;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:transform .2s,border-color .3s,box-shadow .3s;display:flex}.lobby-credits-card:hover{border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 20px #f59e0b33}.lobby-credits-icon{color:#f59e0b;flex-shrink:0;width:32px;height:32px}.lobby-credits-info{flex-direction:column;flex:1;min-width:0;display:flex}.lobby-credits-label{color:#9ca3af;font-size:11px;font-weight:500}.lobby-credits-amount{color:#f59e0b;font-family:Courier New,monospace;font-size:16px;font-weight:700}.lobby-credits-arrow{color:#f59e0b;opacity:0;flex-shrink:0;width:16px;height:16px;transition:opacity .2s,transform .2s;transform:translate(-4px)}.lobby-credits-card:hover .lobby-credits-arrow{opacity:1;transform:translate(0)}.lobby-discord-card{background:linear-gradient(160deg,#5865f21f 0%,#1a1a2ef2 100%);border:1px solid #5865f240;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:transform .2s,border-color .3s,box-shadow .3s;display:flex}.lobby-discord-card:hover{border-color:#5865f2;transform:translateY(-2px);box-shadow:0 4px 20px #5865f233}.lobby-discord-icon{color:#5865f2;flex-shrink:0;width:32px;height:32px}.lobby-discord-text{flex-direction:column;flex:1;min-width:0;display:flex}.lobby-discord-title{color:#fff;font-size:13px;font-weight:700}.lobby-discord-sub{color:#6b6b80;font-size:11px}.lobby-discord-arrow{color:#5865f2;opacity:0;flex-shrink:0;width:16px;height:16px;transition:opacity .2s,transform .2s;transform:translate(-4px)}.lobby-discord-card:hover .lobby-discord-arrow{opacity:1;transform:translate(0)}.lobby-ad{justify-content:center;align-items:center;min-height:90px;margin:1rem 0;display:flex}.lobby-footer{text-align:center;padding-top:.5rem}.lobby-footer p{color:#5a5a7a;font-size:.875rem}.lobby-footer span{color:#ed6423;font-weight:600}.bomb-counter-wrap{z-index:2;flex-direction:column;align-items:center;margin:-45px 0 0;display:flex;position:relative}.bomb-counter-display{background:linear-gradient(#1a0a00 0%,#0d0500 50%,#1a0a00 100%);border:2px solid #ff8c0066;border-radius:12px;gap:3px;padding:10px 18px;display:flex;box-shadow:0 0 20px #ff8c0026,inset 0 1px #ff8c001a,inset 0 -1px #00000080}.bomb-counter-digit{color:#ff8c00;text-shadow:0 0 10px #ff8c00cc,0 0 20px #ff8c0066,0 0 40px #ff640033;text-align:center;background:linear-gradient(#0f0800 0%,#1a0d02 40%,#0f0800 100%);border:1px solid #ff8c0033;border-radius:4px;min-width:1.6ch;padding:2px 8px;font-family:Courier New,Consolas,monospace;font-size:2.4rem;font-weight:700;line-height:1.2;overflow:hidden}.bomb-counter-digit--roll{animation:.35s ease-out bomb-digit-roll}@keyframes bomb-digit-roll{0%{opacity:0;transform:translateY(-100%)}50%{opacity:.6}to{opacity:1;transform:translateY(0)}}.bomb-counter-label{color:#ff8c00;text-transform:uppercase;letter-spacing:.15em;text-shadow:0 2px 6px #000,0 0 12px #000000e6,0 0 24px #0009;margin-top:8px;font-size:.85rem;font-weight:700}@media (max-width:768px){.bomb-counter-wrap{margin:-60px 0 4px}.bomb-counter-digit{padding:2px 5px;font-size:1.6rem}.bomb-counter-display{gap:2px;padding:8px 12px}.bomb-counter-label{margin-top:4px;margin-bottom:2px;font-size:.75rem}}.lobby-news-section{min-width:0;margin-bottom:1rem}.lobby-news-header{justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.lobby-news-header h2{color:#ed6423;text-transform:uppercase;letter-spacing:.03em;font-size:1.25rem;font-weight:800}.lobby-news-more{color:#ed6423;text-transform:uppercase;letter-spacing:.04em;border:1px solid #ed6423;border-radius:4px;padding:.4rem 1rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s}.lobby-news-more:hover{color:#fff;background:#ed6423}.lobby-loading-screen{z-index:120;background:linear-gradient(#0a0a1abf 0%,#0a0a1a80 40% 60%,#0a0a1acc 100%),url(/assets/ui/loading-bg.png) 50%/cover no-repeat;justify-content:center;align-items:center;transition:opacity .6s ease-out;display:flex;position:fixed;inset:64px 0 0}.lobby-loading-screen.lobby-loading-fade-out{opacity:0;pointer-events:none}.lobby-loading-content{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:500px;padding:2rem;display:flex}.lobby-loading-logo{filter:drop-shadow(0 4px 24px #000000e6);pointer-events:none;-webkit-user-select:none;user-select:none;width:400px;max-width:90%;height:auto;animation:2.5s ease-in-out infinite lobby-loading-pulse}@keyframes lobby-loading-pulse{0%,to{filter:drop-shadow(0 4px 24px #000000e6);transform:scale(1)}50%{filter:drop-shadow(0 4px 32px #ed642359);transform:scale(1.02)}}.lobby-loading-status{color:#c0c0d8;letter-spacing:.04em;text-align:center;text-shadow:0 2px 8px #000c;min-height:20px;font-size:14px}.lobby-loading-bar-track{background:#ffffff14;border-radius:4px;width:100%;max-width:360px;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #0006}.lobby-loading-bar-fill{background:linear-gradient(90deg,#ed6423,#ff6b35,orange);border-radius:4px;height:100%;transition:width .3s ease-out;position:relative;box-shadow:0 0 12px #ed642380}.lobby-loading-bar-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);height:100%;animation:1.8s ease-in-out infinite lobby-loading-shimmer;position:absolute;top:0;left:0;right:0}@keyframes lobby-loading-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.lobby-loading-percent{color:#6b6b80;font-variant-numeric:tabular-nums;letter-spacing:.1em;text-shadow:0 1px 4px #0009;font-size:13px}@media (max-width:768px){.lobby-loading-screen{top:64px}.lobby-loading-logo{width:280px}.lobby-loading-bar-track{max-width:260px}.lobby-loading-status{font-size:13px}}