:root{--display: "Lilita One", "Arial Rounded MT Bold", Nunito, system-ui, sans-serif;--panel: rgba(10, 14, 28, .78);--edge: rgba(255, 255, 255, .12);--gold: #ffd23f;--muted: #9fb3d9}*{box-sizing:border-box}body{margin:0;font-family:Nunito,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#89d3ff;color:#fff;overflow:hidden}button,input,select{font:inherit}button{border:3px solid #0f172a;border-radius:8px;padding:10px 13px;color:#fff;background:#1f2937;box-shadow:inset 0 -3px #00000040,0 3px #0000004d,0 2px #ffffff1f;cursor:pointer;font-weight:800;text-shadow:0 2px 0 #0008}button:disabled{opacity:.45;cursor:not-allowed}.gl-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:10px;padding:9px 14px;font-weight:700;font-size:14px;line-height:1;color:#0b1020;background:linear-gradient(135deg,#6ea8fe,#b388ff);box-shadow:none;text-shadow:none;cursor:pointer;text-decoration:none;white-space:nowrap}.gl-btn:hover{filter:brightness(1.08)}.gl-btn:active{transform:translateY(1px)}.gl-btn--ghost{background:#0f172ad1;color:#e8ecf6;border:1px solid rgba(255,255,255,.3)}.gl-btn--sm{padding:6px 10px;font-size:12px}.pause-actions{display:flex;gap:10px;justify-content:center;margin-top:10px}.gl-pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#050810d1}.gl-pause-card{background:#0f1830;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:26px 30px;text-align:center;color:#e8ecf6;box-shadow:0 20px 60px #00000080;max-width:min(460px,calc(100vw - 30px))}.gl-pause-card h2{margin:0 0 12px;text-shadow:none}.gl-pause-card .pause-controls{margin:0 0 18px;font-size:13px;color:#9aa6c2}.gl-pause-actions{display:flex;gap:12px;justify-content:center}.pause-setting{margin:0 0 20px;padding:14px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#05081047;text-align:left}.pause-setting label{margin:0 0 8px;color:#dbeafe}.pause-setting p{margin:7px 0 0;color:#9aa6c2;font-size:12px;line-height:1.35}.graphics-quality-select{width:100%;min-height:42px;padding:8px 34px 8px 11px;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:#0f172a;color:#e8ecf6;font-weight:700;outline:none;cursor:pointer;color-scheme:dark}.graphics-quality-select:hover{border-color:#ffffff80}.graphics-quality-select:focus-visible{border-color:#6ea8fe;box-shadow:0 0 0 3px #6ea8fe40}.graphics-quality-select--compact{width:auto;min-height:36px;font-size:12px}input{width:100%;border:3px solid #101827;border-radius:8px;padding:11px 12px;background:#fff;color:#111827;font-weight:700;outline:none}label{display:block;margin:12px 0 6px;color:#dbeafe;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:0}.lobby,.match{width:100vw;height:100vh;position:relative}.ambient-scene{position:fixed;top:0;right:0;bottom:0;left:0;filter:saturate(1.12)}.visual-capture{position:fixed;top:0;right:0;bottom:0;left:0}.ambient-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0a1220c7,#0a122029);pointer-events:none}.lobby-shell{position:relative;width:min(1180px,calc(100vw - 28px));height:calc(100vh - 28px);margin:14px auto;overflow-x:hidden;overflow-y:auto;padding-bottom:14px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}h1{font-size:clamp(42px,7vw,86px);line-height:.9;margin:0;color:#fff;text-shadow:0 5px 0 #111827,0 12px 30px #0009;letter-spacing:0}.brand p{margin:8px 0 0;font-weight:900;color:#e0f2fe;text-shadow:0 2px 0 #111827}.icon-btn{width:48px;height:48px;display:grid;place-items:center;padding:0}.lobby-grid{display:grid;grid-template-columns:1fr 1.25fr 1.35fr;gap:14px;align-items:start;flex:1;min-height:0}.panel,.chat.panel,.modal,.hud{border:4px solid #111827;border-radius:8px;background:#0f172ad1;box-shadow:0 8px #00000059,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel{padding:14px}.panel h2,.chat h2,.modal h2{margin:0 0 12px;font-size:20px;text-shadow:0 3px 0 #000;display:flex;gap:8px;align-items:center}.row{display:flex;gap:8px}.primary{width:100%;margin-top:12px;background:#ff7a18;color:#fff;border-color:#7c2d12}.segmented{display:flex;flex-wrap:wrap;gap:7px}.segmented button,.weapon-select button{background:#334155;font-size:13px;padding:9px 10px;border-color:#111827}.segmented .active,.weapon-select .active{background:#22c55e;color:#052e16;text-shadow:none;border-color:#14532d}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.stats div{background:#0f172a;border:3px solid #263142;border-radius:8px;padding:10px;text-align:center}.stats b{display:block;font-size:24px}.stats span,.coming,.game-row span{color:#bfdbfe;font-size:12px;font-weight:800}.coming{margin-top:10px}.lobby-side{display:flex;flex-direction:column;gap:14px;min-height:0;max-height:100%}.wide{min-height:0}.games{display:grid;gap:9px;max-height:28vh;overflow-y:auto}.game-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;background:#111827;border-radius:8px;padding:9px;border:2px solid #2f3a4d}.game-row strong{display:block}.empty,.error{padding:12px;background:#111827;border-radius:8px;font-weight:800}.error{margin-bottom:10px;background:#7f1d1d;border:3px solid #fecaca}.chat{padding:12px}.messages{display:grid;align-content:end;gap:6px;min-height:180px;max-height:240px;overflow:hidden}.chat.panel{display:flex;flex-direction:column;min-height:0}.lobby-side .chat.panel{flex:1}.chat.panel .messages{flex:1;min-height:120px;max-height:none;overflow-y:auto}.messages div{display:flex;gap:8px;align-items:baseline}.messages b{color:#fbbf24;text-shadow:0 2px 0 #000}.messages span{overflow-wrap:anywhere}.weapon-select{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.weapon-select button{min-height:48px;text-align:left}.weapon-select span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#0f172a;margin-right:6px;color:#fff}.weapon-select.compact{grid-template-columns:repeat(5,auto)}.weapon-select.compact button{min-height:36px;font-size:12px;padding:7px 8px}.hud{position:absolute;z-index:5;padding:10px 12px;pointer-events:none}.scope-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;background:radial-gradient(circle at center,transparent 0 43vmin,rgba(0,0,0,.94) 43.5vmin 100%);display:grid;place-items:center}.scope-ring{width:86vmin;aspect-ratio:1;border:5px solid rgba(5,8,12,.95);border-radius:50%;box-shadow:inset 0 0 28px #000000b8,0 0 0 999px #00000073;position:relative}.scope-line{position:absolute;background:#0a0f14db;left:50%;top:50%;transform:translate(-50%,-50%)}.scope-line.horizontal{width:88%;height:2px}.scope-line.vertical{width:2px;height:88%}.scope-ring:after{content:"";position:absolute;width:10px;height:10px;border:2px solid rgba(10,15,20,.9);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffff59}.scope-shot-cue{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;background:radial-gradient(circle at center,rgba(147,232,255,.45) 0 1.6vmin,transparent 1.8vmin 100%);animation:scope-shot-flash .15s ease-out forwards}@keyframes scope-shot-flash{0%{opacity:1;transform:scale(.96)}to{opacity:0;transform:scale(1.04)}}.chat-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;background:#060a128c}.chat-placeholder,.chat-hint{color:#dbeafe9e;font-size:13px;font-weight:900}.chat-placeholder{align-self:end}.modal{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);padding:18px;width:min(520px,calc(100vw - 30px));text-align:center;pointer-events:auto}.modal p{color:#dbeafe;font-weight:700;line-height:1.5}.round-summary{width:min(780px,calc(100vw - 28px));max-height:calc(100vh - 24px);overflow-y:auto;text-align:left}.round-summary h2{justify-content:center}.summary-winner{text-align:center;font-size:22px;font-weight:900;margin-bottom:12px;color:#e0f2fe}.summary-winner strong{color:#fef08a;text-shadow:0 3px 0 #000}.team-totals{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.team-totals span{border:3px solid #111827;border-radius:8px;background:#0f172a;padding:10px;text-align:center;font-weight:900}.summary-table{display:grid;gap:4px;max-height:45vh;overflow:auto}.summary-row{display:grid;grid-template-columns:42px minmax(0,1fr) 52px 52px 64px 72px;gap:6px;align-items:center;padding:8px 10px;border:2px solid #263142;border-radius:8px;background:#111827;font-weight:800}.summary-row.header{color:#bfdbfe;background:#0f172a;text-transform:uppercase;font-size:12px}.summary-row.mine{border-color:#86efac;color:#dcfce7}.summary-row span:nth-child(n+3){text-align:right}.round-summary .primary{display:block;margin-left:auto;margin-right:auto;max-width:220px}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:8px;background:#060a1257;border:0;border-radius:0;box-shadow:none;pointer-events:auto}.play-overlay strong{padding:14px 22px;border:4px solid #111827;border-radius:8px;background:#ff7a18;color:#fff;font-size:clamp(24px,4vw,42px);line-height:1;box-shadow:0 6px #0000006b,inset 0 1px #ffffff40;text-shadow:0 3px 0 #7c2d12}.play-overlay span{padding:8px 12px;border:3px solid #111827;border-radius:8px;background:#0f172ae0;color:#dbeafe;font-size:13px;font-weight:900;text-shadow:none}.loading{display:grid;place-items:center;width:100vw;height:100vh;background:#111827;color:#fff;font-size:28px;font-weight:900}@media (max-width: 900px){body{overflow:auto}.lobby-shell{height:auto;min-height:calc(100vh - 28px);overflow:visible}.lobby-grid{grid-template-columns:1fr}.lobby-side{max-height:none}.wide{grid-row:auto}.games{max-height:none}.weapon-select.compact{grid-template-columns:repeat(2,1fr)}}.sound-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.sound-heading label{margin:0}.sound-settings input[type=range]{padding:0;margin-top:12px;border:0;height:18px;accent-color:#7dd3fc;cursor:pointer}.brand-actions{display:flex;gap:8px;align-items:center}.fps-counter{position:absolute;top:46px;left:14px;z-index:6;font:800 12px ui-monospace,SFMono-Regular,Menlo,monospace;color:#a3e635;text-shadow:0 1px 0 #000;pointer-events:none}.xhair{position:absolute;left:50%;top:50%;width:0;height:0;z-index:6;pointer-events:none;--gap: 6px;--len: 9px;--thick: 2px;color:var(--xhair-color, #fff)}.xhair i{position:absolute;background:currentColor;box-shadow:0 0 0 1px #0009;border-radius:1px}.xh-top{width:var(--thick);height:var(--len);left:calc(var(--thick) / -2);bottom:var(--gap)}.xh-bottom{width:var(--thick);height:var(--len);left:calc(var(--thick) / -2);top:var(--gap)}.xh-left{height:var(--thick);width:var(--len);top:calc(var(--thick) / -2);right:var(--gap)}.xh-right{height:var(--thick);width:var(--len);top:calc(var(--thick) / -2);left:var(--gap)}.xhair b{position:absolute;width:2px;height:2px;left:-1px;top:-1px;background:currentColor;border-radius:50%;box-shadow:0 0 0 1px #00000080}.hitmark{position:absolute;top:50%;left:50%;width:34px;height:34px;transform:translate(-50%,-50%) rotate(45deg);color:#fff;z-index:9;pointer-events:none;filter:drop-shadow(0 1px 1px #000);animation:hitmark .2s ease-out both}.hitmark i{position:absolute;background:currentColor;border-radius:2px}.hitmark i:nth-child(1),.hitmark i:nth-child(2){left:calc(50% - 1px);width:2px;height:30%}.hitmark i:nth-child(2){bottom:0}.hitmark i:nth-child(3),.hitmark i:nth-child(4){top:calc(50% - 1px);height:2px;width:30%}.hitmark i:nth-child(4){right:0}.hitmark--head{color:var(--gold);width:40px;height:40px}.hitmark--kill{color:#ff3b3b;width:48px;height:48px;animation-duration:.42s}.hitmark--kill i:nth-child(1),.hitmark--kill i:nth-child(2){width:4px;left:calc(50% - 2px)}.hitmark--kill i:nth-child(3),.hitmark--kill i:nth-child(4){height:4px;top:calc(50% - 2px)}@keyframes hitmark{0%{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1.25)}to{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(1)}}.damage-ring{position:absolute;left:50%;top:50%;width:0;height:0;z-index:6;pointer-events:none}.damage-arc{position:absolute;left:0;top:0;width:0;height:0}.damage-arc i{position:absolute;left:-54px;top:-160px;width:108px;height:26px;border-radius:50% 50% 0 0/100% 100% 0 0;border-top:6px solid rgba(255,46,46,.92);filter:drop-shadow(0 0 6px rgba(255,0,0,.7))}.damage-arc.heavy i{border-top-width:10px}.low-health{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at center,transparent 42%,rgba(170,0,0,.32) 72%,rgba(110,0,0,.7) 100%);animation:low-pulse 1.1s ease-in-out infinite}.low-health.critical{animation-duration:.7s}@keyframes low-pulse{0%,to{filter:brightness(.85)}50%{filter:brightness(1.25)}}.streak-banner{position:absolute;top:21%;left:50%;transform:translate(-50%);z-index:8;text-align:center;pointer-events:none;animation:banner-in 2.2s ease-out both}.streak-banner strong{display:block;font-family:var(--display);font-size:clamp(34px,5.4vw,62px);line-height:1;color:var(--gold);letter-spacing:1px;text-shadow:0 4px 0 #a14a00,0 0 26px rgba(255,170,0,.55)}.streak-banner span{display:block;margin-top:4px;font-weight:900;color:#fff;text-shadow:0 2px 0 #000}@keyframes banner-in{0%{opacity:0;transform:translate(-50%) scale(1.6)}12%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.elim-popup{position:absolute;top:61%;left:50%;transform:translate(-50%);z-index:8;text-align:center;pointer-events:none;animation:elim-in 1.8s ease-out both}.elim-popup span{display:block;font-size:13px;font-weight:900;letter-spacing:3px;color:#ff6b6b;text-shadow:0 2px 0 #000}.elim-popup strong{font-family:var(--display);font-size:30px;color:#fff;text-shadow:0 3px 0 #000}@keyframes elim-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}10%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0}}.hud-top{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:5;pointer-events:none}.solo-score,.team-score{display:flex;align-items:stretch;gap:8px}.clock{min-width:132px;padding:6px 16px;border-radius:14px;background:var(--panel);border:2px solid var(--edge);text-align:center;box-shadow:0 5px #00000040}.clock strong{display:block;font-family:var(--display);font-size:30px;line-height:1;color:#fff;text-shadow:0 2px 0 #000}.clock small{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.team-score .team{display:grid;place-items:center;min-width:66px;padding:4px 12px;border-radius:14px;font-family:var(--display);font-size:32px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.45);box-shadow:0 5px #00000040}.team.red{background:linear-gradient(#ff5a5f,#c0262c)}.team.green{background:linear-gradient(#3fd17a,#1d8a4a)}.team.mine{outline:3px solid #fff;outline-offset:-3px}.my-rank{display:grid;place-content:center;padding:4px 12px;border-radius:14px;background:var(--panel);border:2px solid var(--edge);text-align:center}.my-rank b{font-family:var(--display);font-size:24px;line-height:1;color:var(--gold)}.my-rank span{font-size:11px;font-weight:800;color:#cbd5e1;white-space:nowrap}.kill-feed{position:absolute;top:12px;right:12px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:none;max-width:min(380px,46vw)}.kf-row{display:flex;align-items:center;gap:7px;padding:4px 10px;border-radius:9px;background:#0a0e1cb8;font-weight:800;font-size:13px;color:#fff;animation:kf-in .18s ease-out}.kf-row.mine{background:#ffaa0057;box-shadow:inset 0 0 0 1px #ffd23fb3}.kf-row.me-died{background:#c81e1e80}.kf-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.kf-icon{width:36px;height:16px;flex:none;color:#e2e8f0}.kf-head{color:var(--gold);font-size:15px}@keyframes kf-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.vitals{position:absolute;left:18px;bottom:18px;z-index:5;width:min(300px,42vw);pointer-events:none}.hp-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:var(--panel);border:2px solid var(--edge);box-shadow:0 5px #00000040}.hp-icon{width:22px;height:22px;fill:#4ade80;flex:none}.vitals.low .hp-icon{fill:#f87171;animation:blink .8s ease-in-out infinite}.hp-row strong{font-family:var(--display);font-size:34px;line-height:1;min-width:54px;color:#fff;text-shadow:0 2px 0 #000}.hp-track{flex:1;height:12px;border-radius:6px;background:#ffffff1f;overflow:hidden}.hp-track div{height:100%;border-radius:6px;background:linear-gradient(90deg,#16a34a,#86efac);transition:width .16s ease}.vitals.low .hp-track div{background:linear-gradient(90deg,#b91c1c,#f87171)}.stamina-track{margin:6px 8px 0;height:5px;border-radius:3px;background:#ffffff24;overflow:hidden}.stamina-track div{height:100%;background:#38bdf8;transition:width .12s linear}.shield-tag{display:inline-block;margin-bottom:6px;padding:3px 10px;border-radius:999px;background:#38bdf840;border:1px solid rgba(125,211,252,.8);color:#e0f2fe;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}@keyframes blink{50%{opacity:.35}}.weapon-panel{position:absolute;right:18px;bottom:18px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.ammo-block{position:relative;display:flex;align-items:center;gap:12px;min-width:230px;padding:8px 14px 10px;border-radius:14px;background:var(--panel);border:2px solid var(--edge);box-shadow:0 5px #00000040;pointer-events:none}.ammo-icon{width:64px;height:28px;color:#e2e8f0;flex:none}.ammo-text span{display:block;font-size:11px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.ammo-text strong{font-family:var(--display);font-size:36px;line-height:1;color:#fff;text-shadow:0 2px 0 #000}.ammo-text strong.low{color:#ff6b6b}.ammo-text small{margin-left:4px;font-size:16px;font-weight:900;color:var(--muted)}.reload-bar{position:absolute;left:12px;right:12px;bottom:5px;height:4px;border-radius:2px;background:#ffffff26}.reload-bar div{height:100%;border-radius:2px;background:var(--gold)}.reload-bar em{position:absolute;right:0;bottom:6px;font-size:10px;font-style:normal;font-weight:900;color:var(--gold);text-transform:uppercase}.reload-hint{position:absolute;right:12px;top:-22px;font-size:12px;font-weight:900;color:var(--gold);text-shadow:0 2px 0 #000;animation:blink 1s steps(2) infinite}.hotbar,.respawn-weapons{display:flex;gap:4px;pointer-events:auto}.hotbar button,.respawn-weapons button{position:relative;width:58px;height:38px;padding:5px 4px 3px;border-radius:10px;border:2px solid var(--edge);background:#0a0e1ca8;box-shadow:none;color:#94a3b8;text-shadow:none;transition:transform .12s ease,border-color .12s ease}.hotbar button.active,.respawn-weapons button.active{border-color:var(--gold);color:#fff;background:#ffd23f33;transform:translateY(-3px)}.hotbar kbd,.respawn-weapons kbd{position:absolute;left:4px;top:1px;font:900 10px Nunito,system-ui,sans-serif;color:#cbd5e1}.hotbar .weapon-icon,.respawn-weapons .weapon-icon{width:100%;height:100%}.hotbar.locked button:not(.active){opacity:.35}.death-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:grid;place-items:center;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,rgba(70,0,0,.5) 100%)}.death-card{pointer-events:auto;margin-top:18vh;text-align:center;padding:16px 26px;border-radius:18px;background:#0a0e1cd6;border:2px solid rgba(255,90,90,.5);box-shadow:0 20px 50px #00000080;animation:death-in .28s ease-out}.death-label{display:block;font-size:13px;font-weight:900;letter-spacing:2px;color:#ff8a8a;text-transform:uppercase}.death-killer{display:block;font-family:var(--display);font-size:clamp(30px,5vw,46px);line-height:1.1;color:#fff;text-shadow:0 3px 0 #000}.death-weapon{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0 10px;color:#cbd5e1;font-weight:800}.death-weapon .weapon-icon{width:46px;height:20px}.respawn-count{font-weight:900;color:#e2e8f0}.respawn-count b{margin-left:4px;font-family:var(--display);font-size:26px;color:var(--gold)}.respawn-weapons{justify-content:center;margin-top:10px}.death-card small{display:block;margin-top:6px;color:#94a3b8;font-weight:700}@keyframes death-in{0%{transform:translateY(12px) scale(.96)}to{transform:none}}.scoreboard-full{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:11;width:min(660px,calc(100vw - 32px));padding:16px;border-radius:18px;background:#080c18ed;border:2px solid var(--edge);box-shadow:0 24px 60px #00000080;pointer-events:none}.sb-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.sb-head strong{font-family:var(--display);font-size:26px}.sb-head span{color:var(--muted);font-weight:800}.sb-row{display:grid;grid-template-columns:34px minmax(0,1fr) 46px 46px 60px 54px;gap:6px;align-items:center;padding:7px 10px;border-radius:10px;font-weight:800}.sb-row:nth-child(odd){background:#ffffff0a}.sb-cols{color:var(--muted);font-size:11px;text-transform:uppercase;background:none!important}.sb-row.mine{background:#ffd23f2e!important;color:#fff3c4}.sb-row.team-red .sb-name{color:#ff9a9e}.sb-row.team-green .sb-name{color:#86efac}.sb-row.dead{opacity:.55}.sb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-row span:nth-child(n+3){text-align:right}.scoreboard-full small{display:block;margin-top:8px;text-align:center;color:#64748b;font-weight:700}.chat.compact{position:absolute;left:14px;bottom:112px;width:min(360px,calc(100vw - 28px));z-index:8;padding:0;background:transparent;pointer-events:none}.chat.compact .messages{min-height:0;max-height:170px;gap:3px}.chat.compact .messages div{width:fit-content;max-width:100%;padding:3px 9px;border-radius:7px;background:#0a0e1c99;animation:kf-in .18s ease-out}.chat.compact.open{pointer-events:auto;padding:10px;border-radius:12px;background:#0a0e1ceb;border:2px solid var(--edge)}.chat.compact.open .messages div{background:none;padding:1px 0}.summary-banner{text-align:center;font-family:var(--display);font-size:clamp(38px,6vw,66px);line-height:1;color:#cbd5e1;text-shadow:0 4px 0 #000;margin:4px 0 8px}.summary-banner.victory{color:var(--gold);text-shadow:0 4px 0 #8a4b00,0 0 30px rgba(255,200,0,.5)}.team-totals .red{background:#e5484d4d}.team-totals .green{background:#30a46c4d}.settings-card{width:min(560px,calc(100vw - 30px));max-height:calc(100vh - 40px);overflow:auto;text-align:left}.settings-card h2{text-align:center}.settings-panel{display:grid;gap:12px;margin-bottom:16px}.settings-panel section{padding:12px 14px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.settings-panel h3{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.slider{display:block;margin:8px 0;color:#e2e8f0;font-size:13px;text-transform:none;letter-spacing:0}.slider span{display:flex;justify-content:space-between;font-weight:800}.slider b{color:var(--gold)}.slider input[type=range]{width:100%;height:20px;padding:0;border:0;background:transparent;accent-color:var(--gold);cursor:pointer}.toggle{display:flex;align-items:center;gap:8px;margin:8px 0 0;color:#e2e8f0;font-size:13px;text-transform:none;letter-spacing:0;cursor:pointer}.toggle input{width:auto;accent-color:var(--gold)}.swatches{display:flex;align-items:center;gap:7px;margin-top:10px;color:#e2e8f0;font-size:13px;font-weight:800}.swatches span{margin-right:4px}.swatches button{width:24px;height:24px;padding:0;border-radius:50%;border:2px solid rgba(0,0,0,.55);box-shadow:none}.swatches button.active{outline:3px solid #fff;outline-offset:1px}.quality-row{display:flex;gap:6px}.quality-row button{flex:1;padding:8px;border-radius:10px;border:2px solid rgba(255,255,255,.1);background:#1e293b;box-shadow:none;font-size:13px}.quality-row button.active{background:var(--gold);border-color:var(--gold);color:#1a1300;text-shadow:none}.settings-panel .hint{margin:6px 0 0;color:#94a3b8;font-size:12px}@media (max-width: 900px){.kill-feed{display:none}.ammo-block{min-width:0}.hotbar button{width:46px}}@media (prefers-reduced-motion: reduce){.hitmark,.streak-banner,.elim-popup,.low-health,.kf-row{animation:none}}h1{font-family:var(--display);letter-spacing:2px;background:linear-gradient(180deg,#fff 30%,#ffe08a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 5px 0 #111827) drop-shadow(0 12px 24px rgba(0,0,0,.45))}.lobby-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.25fr)}.lobby-col{display:flex;flex-direction:column;gap:14px}.play-now{position:relative;display:grid;gap:4px;padding:22px 18px;border-radius:18px;border:4px solid #7c2d12;background:linear-gradient(180deg,#ffa340,#ff7a18 55%,#e85d04);box-shadow:0 8px #7c2d12,0 18px 30px #00000059,inset 0 2px #fff6;text-align:center;transition:transform .12s ease,box-shadow .12s ease;animation:play-glow 2.4s ease-in-out infinite}.play-now strong{font-family:var(--display);font-size:clamp(34px,4vw,48px);line-height:1;letter-spacing:2px;color:#fff;text-shadow:0 4px 0 #9a3412}.play-now span{font-size:13px;font-weight:900;color:#fff7ed;text-shadow:0 2px 0 rgba(0,0,0,.3)}.play-now:hover{transform:translateY(-2px) scale(1.01)}.play-now:active{transform:translateY(4px);box-shadow:0 4px #7c2d12,0 10px 20px #00000059,inset 0 2px #fff6}@keyframes play-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.08) saturate(1.1)}}.player-card .player-head{display:flex;align-items:center;gap:12px}.player-card .player-head strong{display:block;font-size:20px}.player-card .player-head span{color:#bfdbfe;font-size:12px;font-weight:800}.avatar-badge{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;border:3px solid #111827;background:linear-gradient(#5b8cff,#3e63dd);font-family:var(--display);font-size:26px;color:#fff;text-shadow:0 2px 0 #1e3a8a}.player-card .stats{grid-template-columns:repeat(3,1fr)}.panel .hint{margin:10px 0 0;color:#94a3b8;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{padding:7px 11px;border-radius:999px;border:2px solid #111827;background:#334155;font-size:13px;text-transform:capitalize}.chips button.active{background:#22c55e;color:#052e16;border-color:#14532d;text-shadow:none}.chips.small button{padding:4px 10px;font-size:12px}.mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mode-cards button{display:grid;gap:2px;padding:8px;border-radius:12px;background:#1e293b;border:2px solid #111827;text-align:left}.mode-cards strong{font-size:13px}.mode-cards span{font-size:11px;color:#94a3b8;font-weight:700;text-shadow:none;line-height:1.2}.mode-cards button.active{background:#14532d;border-color:#22c55e}.mode-cards button.active span{color:#bbf7d0}.toggles{display:grid;gap:8px;margin-top:12px}.switch{display:flex;align-items:center;gap:8px;margin:0;text-transform:none;letter-spacing:0;font-size:14px;color:#e2e8f0;cursor:pointer}.switch input{width:18px;height:18px;accent-color:#22c55e}.game-row .count{font-weight:900;color:#e2e8f0}.game-row .count em{font-style:normal;color:#94a3b8;font-size:11px}.corner-actions{position:absolute;top:12px;left:12px;z-index:6;display:flex;gap:6px;align-items:center}.invite-btn{background:linear-gradient(135deg,#34d399,#22c55e);color:#052e16}.private-tag{padding:4px 9px;border-radius:999px;background:#0a0e1ccc;color:#fde68a;font-size:11px;font-weight:900}.toast{position:absolute;top:56px;left:50%;transform:translate(-50%);z-index:12;padding:8px 14px;border-radius:10px;background:#22c55e;color:#052e16;font-weight:900;box-shadow:0 8px 20px #00000059;animation:kf-in .18s ease-out}.bot-tag{margin-left:6px;padding:1px 5px;border-radius:4px;background:#94a3b840;color:#cbd5e1;font-size:10px;font-style:normal;font-weight:900;letter-spacing:.5px;vertical-align:middle}.next-round{text-align:center;font-size:16px}.next-round b{font-family:var(--display);font-size:24px;color:var(--gold);margin-left:4px}.summary-actions{display:flex;gap:10px;justify-content:center}.round-summary .hint{text-align:center;color:#fde68a;font-size:13px}@media (max-width: 900px){.mode-cards{grid-template-columns:1fr}}.primary-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.primary-picker button{display:grid;justify-items:center;gap:2px;padding:8px 6px 7px;border-radius:12px;border:2px solid #111827;background:#1e293b;box-shadow:none;text-shadow:none;color:#cbd5e1}.primary-picker button .weapon-icon{width:100%;height:26px;color:#e2e8f0}.primary-picker button strong{font-size:12px;line-height:1.1;color:#fff}.primary-picker .blurb{font-size:10px;font-weight:800;color:#94a3b8;line-height:1.15;text-align:center}.primary-picker .bars{display:grid;gap:2px;width:100%;margin-top:3px}.primary-picker .bars i{display:block;height:3px;border-radius:2px;background:#64748b}.primary-picker .bars i:nth-child(1){background:#f87171}.primary-picker .bars i:nth-child(2){background:#facc15}.primary-picker .bars i:nth-child(3){background:#38bdf8}.primary-picker button.active{border-color:var(--gold);background:#ffd23f29}.primary-picker button.active .blurb{color:#fde68a}.primary-picker.compact{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:10px}.primary-picker.compact button{padding:5px 4px}.primary-picker.compact button .weapon-icon{height:20px}.primary-picker.compact button strong{font-size:9px}.loadout-card h2{margin-bottom:8px}.death-card{max-width:min(560px,calc(100vw - 24px))}.damage-numbers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;overflow:hidden}.dmg-num{position:absolute;left:0;top:0;font-family:var(--display);font-size:26px;line-height:1;color:#fff;-webkit-text-stroke:1px rgba(0,0,0,.6);text-shadow:0 2px 0 rgba(0,0,0,.65),0 0 10px rgba(0,0,0,.35);will-change:transform,opacity}.dmg-num.head{color:var(--gold);font-size:32px}.dmg-num.kill{color:#ff4d4d;font-size:34px}.dmg-num.kill:after{content:" ✕";font-size:.7em}.level-badge{flex:none;display:grid;place-items:center;align-content:center;width:52px;height:52px;border-radius:14px;border:3px solid #111827;background:radial-gradient(circle at 30% 25%,#ffe08a,#f59e0b 60%,#b45309);box-shadow:0 4px #111827,inset 0 2px #ffffff80;color:#fff;text-shadow:0 2px 0 #7c2d12;line-height:.9}.level-badge small{font-size:10px;font-weight:900;letter-spacing:1px}.level-badge b{font-family:var(--display);font-size:24px}.level-badge.level-sm{width:38px;height:38px;border-radius:10px}.level-badge.level-sm b{font-size:17px}.level-badge.level-lg{width:66px;height:66px;border-radius:18px}.level-badge.level-lg b{font-size:31px}.xp-bar{flex:1;min-width:0;display:grid;gap:4px}.xp-track{height:14px;border-radius:999px;border:3px solid #111827;background:#1e293b;overflow:hidden}.xp-track div{height:100%;border-radius:999px;background:linear-gradient(90deg,#38bdf8,#a78bfa 60%,#f472b6);box-shadow:inset 0 2px #ffffff59;transition:width .22s ease-out}.xp-bar span{font-size:12px;font-weight:900;color:#e0f2fe}.progress-card{margin:12px 0 4px;display:grid;gap:8px}.progress-row{display:flex;align-items:center;gap:10px}.next-unlock{margin:0;font-size:12px;font-weight:800;color:#fde68a}.locker-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 12px;border-radius:12px;border:3px solid #4c1d95;background:linear-gradient(180deg,#a78bfa,#7c3aed);box-shadow:0 5px #4c1d95;font-family:var(--display);font-size:20px;letter-spacing:1px;color:#fff;text-shadow:0 2px 0 #4c1d95}.locker-btn em{font-family:Nunito,system-ui,sans-serif;font-style:normal;font-size:12px;font-weight:900;opacity:.9;text-shadow:none}.locker-btn:active{transform:translateY(3px);box-shadow:0 2px #4c1d95}.locker{width:min(980px,calc(100vw - 24px));max-height:calc(100vh - 24px);display:flex;flex-direction:column;border:4px solid #111827;border-radius:16px;background:#0f172a;box-shadow:0 10px #0006,0 30px 80px #0000008c;overflow:hidden}.locker-head{display:flex;align-items:center;gap:14px;padding:14px 16px;background:linear-gradient(180deg,#1e1b4b,#172554);border-bottom:4px solid #111827}.locker-title{flex:1;min-width:0;display:grid;gap:6px}.locker-title h2{margin:0;font-family:var(--display);font-size:30px;letter-spacing:1px;text-shadow:0 3px 0 #000}.locker-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);min-height:0;flex:1}.locker-preview{position:relative;min-height:360px;background:#121a2e;border-right:4px solid #111827}.locker-preview canvas{position:absolute;top:0;right:0;bottom:0;left:0}.locker-items{display:flex;flex-direction:column;gap:12px;padding:14px;min-height:0;overflow-y:auto}.locker-tabs{display:flex;flex-wrap:wrap;gap:6px}.locker-tabs button{padding:8px 12px;border-radius:999px;border:2px solid #111827;background:#334155;font-size:13px}.locker-tabs button.active{background:#22c55e;color:#052e16;border-color:#14532d;text-shadow:none}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px}.item-card{position:relative;display:grid;justify-items:center;gap:6px;padding:12px 8px 10px;border-radius:12px;border:3px solid #111827;background:#1e293b;box-shadow:0 4px #0b1220;text-align:center;transition:transform .12s ease}.item-card:hover{transform:translateY(-2px)}.item-card strong{font-size:14px}.item-card span{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.item-card.equipped{border-color:#22c55e;background:#14301f;box-shadow:0 4px #14532d,0 0 0 2px #22c55e59}.item-card.equipped span{color:#86efac}.item-card.locked{filter:grayscale(.85) brightness(.75);cursor:not-allowed}.item-card.locked span{color:#fde68a}.swatch{display:block;width:46px;height:46px;border-radius:12px;border:3px solid #111827;box-shadow:inset 0 3px #ffffff59,inset 0 -4px #00000040}.swatch-hat{border-radius:50% 50% 10px 10px}.swatch-wrap{width:58px;height:30px;border-radius:6px;transform:skew(-12deg)}.swatch-fx{border-radius:50%;box-shadow:0 0 14px currentColor,inset 0 3px #ffffff59}.locker-items .hint{margin:0;color:#94a3b8;font-size:12px;font-weight:700}.elim-xp{display:block;margin-top:2px;font-style:normal;font-family:var(--display);font-size:20px;color:#a78bfa;text-shadow:0 2px 0 #1e1b4b}.xp-summary{margin:12px 0 6px;padding:12px 14px;border-radius:12px;border:3px solid #111827;background:linear-gradient(180deg,#1e1b4b,#172554)}.xp-summary.leveled{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b59,0 0 30px #f59e0b40}.xp-summary-head{display:flex;align-items:center;gap:12px}.xp-summary-main{flex:1;min-width:0;display:grid;gap:6px}.xp-summary-main strong{font-family:var(--display);font-size:24px;letter-spacing:1px;color:#c4b5fd;text-shadow:0 3px 0 #000}.xp-summary-main .level-up{color:var(--gold);animation:level-pop .6s cubic-bezier(.2,1.6,.4,1) both}@keyframes level-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.xp-items{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:4px 14px}.xp-items li{display:flex;justify-content:space-between;font-size:13px;font-weight:800;color:#cbd5e1}.xp-items li b{color:#a78bfa}.xp-items li.capped{color:#fde68a}.unlocks{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:13px;font-weight:900;color:#fde68a}.unlocks em{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:2px solid #111827;background:#0f172a;font-style:normal;color:#fff}.unlocks em i{width:12px;height:12px;border-radius:4px;border:2px solid #111827}@media (max-width: 760px){.locker-body{grid-template-columns:1fr}.locker-preview{min-height:220px;border-right:0;border-bottom:4px solid #111827}.item-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}@media (prefers-reduced-motion: reduce){.xp-summary-main .level-up{animation:none}}.progress-panel{padding:12px 14px}.progress-panel .progress-card{margin:0}.map-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.map-card{display:grid;gap:2px;padding:0 0 7px;border-radius:10px;border:3px solid #111827;background:#1e293b;overflow:hidden;text-align:left;box-shadow:0 4px #0b1220;transition:transform .12s ease,border-color .12s ease}.map-card:hover{transform:translateY(-2px)}.map-card img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#0f172a}.map-card strong{padding:4px 8px 0;font-size:13px}.map-card span{padding:0 8px;font-size:10px;font-weight:800;line-height:1.25;color:#94a3b8}.map-card.active{border-color:#22c55e;box-shadow:0 4px #14532d,0 0 0 2px #22c55e59}.map-card.active strong{color:#86efac}.game-row{grid-template-columns:auto 1fr auto auto}.game-thumb{width:64px;aspect-ratio:16 / 9;object-fit:cover;border-radius:6px;border:2px solid #111827}@media (max-width: 900px){.map-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.mode-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.duel-score .clock strong{font-size:22px}.duel-score .team{min-width:54px;font-size:30px}.duel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;display:grid;place-items:start center;padding-top:15vh}.duel-banner{display:grid;justify-items:center;gap:2px;text-align:center;animation:duel-pop .26s cubic-bezier(.2,1.5,.4,1) both}.duel-banner small{font-size:15px;font-weight:900;letter-spacing:3px;text-transform:uppercase;color:#e0f2fe;text-shadow:0 2px 0 #000}.duel-banner strong{font-family:var(--display);font-size:clamp(54px,9vw,110px);line-height:1;color:#fff;text-shadow:0 6px 0 #111827,0 0 40px rgba(0,0,0,.45)}.duel-banner.countdown strong{animation:duel-count 1s ease-out both}.duel-banner.fight strong{color:var(--gold);text-shadow:0 6px 0 #8a4b00,0 0 40px rgba(255,200,0,.5)}.duel-banner.result strong{font-size:clamp(34px,5.5vw,66px)}.duel-banner.result.red strong{color:#fecaca;text-shadow:0 5px 0 #7f1d1d,0 0 30px rgba(229,72,77,.55)}.duel-banner.result.green strong{color:#bbf7d0;text-shadow:0 5px 0 #14532d,0 0 30px rgba(48,164,108,.55)}.switch-team{position:absolute;bottom:22%;left:50%;transform:translate(-50%);padding:7px 14px;border-radius:999px;border:2px solid #111827;background:#0f172ad9;font-size:13px;font-weight:900;color:#e2e8f0}.switch-team kbd{display:inline-block;padding:0 6px;margin:0 2px;border-radius:4px;border:2px solid #111827;background:#fde68a;color:#111827;font-family:inherit}.team-totals small{display:block;width:100%;text-align:center;font-size:11px;font-weight:900;letter-spacing:2px;color:#94a3b8;text-transform:uppercase}@keyframes duel-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes duel-count{0%{transform:scale(1.5);opacity:0}25%{transform:scale(1);opacity:1}to{transform:scale(.92);opacity:.85}}@media (prefers-reduced-motion: reduce){.duel-banner,.duel-banner.countdown strong{animation:none}}
