:root{--a:#53e5ff;--red:#ff4e6e;--bg:#070b11}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#03060a;color:#f3f7ff;font-family:Segoe UI,Arial,sans-serif}button,select,input{font:inherit}button{cursor:pointer}#gl{position:fixed;inset:0;width:100%;height:100%;display:block}#fallback{display:none;position:fixed;inset:0;place-items:center;background:#080d14;z-index:100}.layer{display:none;position:fixed;inset:0}.layer.active{display:block}#menu{z-index:10;background:radial-gradient(circle at 72% 42%,rgba(46,142,166,.16),transparent 30%),linear-gradient(120deg,rgba(4,8,14,.97),rgba(6,11,18,.83))}.menu-bg{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(83,229,255,.06) 50%,transparent 50.2%);background-size:55px 55px;opacity:.5;transform:skew(-12deg)}header{height:80px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;position:relative;border-bottom:1px solid rgba(255,255,255,.06)}.logo{display:flex;align-items:center;gap:14px;font-weight:900;letter-spacing:.16em}.logo i{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--a);color:var(--a);font-style:italic;transform:skew(-8deg);box-shadow:0 0 25px rgba(83,229,255,.25)}.logo small{display:block;color:var(--a);font-size:9px;margin-top:3px}#profile{font-size:11px;letter-spacing:.15em;color:#9dacbf}main{position:relative;height:calc(100% - 80px);display:grid;grid-template-columns:1.25fr .6fr;gap:7vw;align-items:center;padding:4vh 7vw}.hero h1{font-size:clamp(54px,7.3vw,112px);line-height:.82;margin:0;font-style:italic;letter-spacing:-.065em}.hero h1 em{color:transparent;-webkit-text-stroke:2px var(--a);font-style:inherit;text-shadow:0 0 35px rgba(83,229,255,.22)}.hero>p:not(.eyebrow){max-width:650px;color:#99a7b8;line-height:1.65}.eyebrow{font-size:10px;letter-spacing:.25em;color:var(--a);font-weight:900}.features{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.features span{padding:9px 12px;border:1px solid #263b4b;background:rgba(10,20,30,.7);font-size:9px;letter-spacing:.13em}.panel{background:linear-gradient(145deg,rgba(15,25,38,.96),rgba(6,12,20,.96));border:1px solid #2c4054;box-shadow:0 30px 100px rgba(0,0,0,.5)}.setup{padding:26px}.setup h2,.modal-card h2{margin:0 0 22px;font-size:29px;font-style:italic}.setup label,.modal-card label{display:block;margin:13px 0;color:#8998aa;font-size:9px;font-weight:900;letter-spacing:.15em}.setup select,.modal-card select{width:100%;margin-top:7px;border:1px solid #2f465d;background:#09121d;color:#fff;padding:11px}.setup input,.modal-card input{width:100%;margin-top:11px;accent-color:var(--a)}output{float:right;color:var(--a)}button{width:100%;border:0;padding:13px 18px;background:var(--a);color:#041016;font-weight:900;letter-spacing:.12em;margin-top:10px}.ghost{background:#111d2b;color:#dbe7f4;border:1px solid #30465d}.danger{background:rgba(255,54,86,.08);border:1px solid var(--red);color:#ff6e87}.modal{z-index:40;background:rgba(2,5,9,.76);backdrop-filter:blur(6px);align-items:center;justify-content:center}.modal.active{display:flex}.modal-card{width:min(470px,90vw);padding:30px}.controls{font-size:11px;line-height:2;color:#97a7b9;margin:18px 0}.controls b{color:var(--a);margin-left:8px}.controls b:first-child{margin-left:0}#hud{z-index:20;pointer-events:none;text-shadow:0 2px 4px #000}#minimapWrap{position:absolute;left:18px;top:18px;width:164px;background:rgba(3,7,12,.72);border:1px solid rgba(83,229,255,.35)}#minimap{width:162px;height:162px;display:block}#mapName{display:block;padding:5px 8px;font-size:8px;letter-spacing:.15em;color:var(--a)}.hudtop{position:absolute;top:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px}.hudtop>div{background:rgba(3,7,12,.74);padding:10px 17px;min-width:100px;font-size:11px;font-weight:800}.hudtop>div:last-child{text-align:right}.clock{text-align:center;border-top:2px solid var(--a)}.clock span{display:block;color:#95a5b7;font-size:8px;letter-spacing:.17em}.clock b{font-size:23px}#killfeed{position:absolute;right:20px;top:80px;width:330px;text-align:right;font-size:11px}.feed{margin:4px}.feed b{color:var(--a)}.feed em{color:var(--red);font-style:normal}#objective{position:absolute;top:150px;left:50%;transform:translateX(-50%);color:#ffd258;font-size:11px;font-weight:900;letter-spacing:.1em}#announce{position:absolute;top:26%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:1000;font-style:italic;opacity:0}#crosshair,#hitmarker{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%)}#crosshair i{position:absolute;background:#fff;box-shadow:0 0 3px #000}#crosshair i:nth-child(1){width:7px;height:2px;left:0;top:16px}#crosshair i:nth-child(2){width:7px;height:2px;right:0;top:16px}#crosshair i:nth-child(3){width:2px;height:7px;left:16px;top:0}#crosshair i:nth-child(4){width:2px;height:7px;left:16px;bottom:0}#crosshair b{position:absolute;width:3px;height:3px;left:15.5px;top:15.5px;background:#fff;border-radius:50%}#hitmarker{opacity:0}#hitmarker i{position:absolute;width:8px;height:2px;background:#fff}#hitmarker i:nth-child(1){left:3px;top:6px;transform:rotate(45deg)}#hitmarker i:nth-child(2){right:3px;top:6px;transform:rotate(-45deg)}#hitmarker i:nth-child(3){left:3px;bottom:6px;transform:rotate(-45deg)}#hitmarker i:nth-child(4){right:3px;bottom:6px;transform:rotate(45deg)}#damage{position:absolute;inset:0;background:radial-gradient(circle,transparent 44%,rgba(255,18,53,.72));opacity:0}.bottom{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;align-items:end}.health,.ammo{min-width:210px;padding:11px 15px;background:linear-gradient(90deg,rgba(3,8,14,.8),transparent)}.ammo{text-align:right;background:linear-gradient(-90deg,rgba(3,8,14,.8),transparent)}.bottom small{display:block;color:#93a2b4;font-size:8px;letter-spacing:.16em}.bottom b{font-size:35px}.health span{display:block;width:170px;height:6px;background:#29343f}.health span i{display:block;width:100%;height:100%;background:var(--a)}.bottom em{display:block;font-size:9px;color:#bbc7d3;font-style:normal;margin-top:5px}.ammo span{font-size:16px;color:#93a1b2}#slidebar{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:78px;height:4px;background:rgba(255,255,255,.18)}#slidebar i{display:block;height:100%;background:var(--a);width:100%}#death{display:none;position:absolute;inset:0;background:rgba(3,7,12,.48);place-content:center;text-align:center}#death h2{font-size:56px;color:var(--red);margin:0}#death p{color:#bac5d1}#scoreboard{z-index:35}.board{width:min(760px,92vw);padding:24px}.board h2{margin-top:0}.score-row{display:grid;grid-template-columns:42px 1fr 70px 70px 90px;padding:9px;border-bottom:1px solid #243244;font-size:12px}.score-row.you{background:rgba(83,229,255,.09);color:var(--a)}.end-card{width:min(560px,92vw);padding:32px;text-align:center}.end-card h2{font-size:58px;font-style:italic;margin:5px}.endstats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}.endstats div{background:#101c2a;padding:14px}.endstats small{display:block;font-size:8px;color:#8998a9}.endstats b{font-size:24px}#toast{position:fixed;z-index:80;bottom:20px;left:50%;transform:translateX(-50%);padding:10px 18px;background:#0b1622;border-left:3px solid var(--a);opacity:0;transition:.2s;font-size:11px}#toast.show{opacity:1;bottom:32px}@media(max-width:850px){main{grid-template-columns:1fr;padding:30px}.hero{display:none}.setup{max-width:500px;margin:auto}.hudtop{top:8px}#minimapWrap{transform:scale(.75);transform-origin:top left}.endstats{grid-template-columns:1fr 1fr}}
/* v0.3 controls */
.modal-card{max-height:min(92vh,820px);overflow:auto}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.toggle-row input{width:auto!important;margin:0!important;accent-color:var(--a);transform:scale(1.2)}.settings-divider{display:flex;align-items:center;justify-content:space-between;margin-top:20px;color:#dbe7f4;font-size:10px;font-weight:900;letter-spacing:.16em}.settings-divider .mini{width:auto;margin:0;padding:7px 10px;font-size:8px}.bind-help{margin:8px 0 13px;color:#8495a8;font-size:10px;line-height:1.5}.binding-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.binding-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;background:#0a1420;border:1px solid #25394d}.binding-row span{font-size:9px;color:#9bacc0;letter-spacing:.1em}.bind-button{width:106px!important;margin:0!important;padding:8px 9px!important;background:#142337!important;color:#eaf3ff!important;border:1px solid #39536d!important;font-size:9px!important;white-space:nowrap}.bind-button.listening{border-color:var(--a)!important;color:var(--a)!important;animation:bindPulse .8s infinite alternate}.bind-button.conflict{border-color:var(--red)!important;color:#ff8196!important}@keyframes bindPulse{to{background:#1b3444}}.mouse-bindings{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.mouse-bindings span{padding:7px 9px;background:#0a1420;border:1px solid #25394d;color:#91a2b5;font-size:9px}.mouse-bindings b{color:var(--a)}#inputStatus{position:absolute;left:50%;bottom:78px;transform:translateX(-50%);padding:8px 12px;background:rgba(2,7,12,.8);border:1px solid rgba(83,229,255,.45);color:var(--a);font-size:9px;letter-spacing:.13em;opacity:0;transition:.18s}#inputStatus.show{opacity:1}.bot-state{font-size:8px;color:#ffd258}@media(max-width:600px){.binding-grid{grid-template-columns:1fr}.modal-card{padding:20px}}

/* v0.4 premium combat HUD and post effects */
#gl{filter:saturate(1.12) contrast(1.055) brightness(.98)}
#postFx{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 52%,rgba(0,5,12,.34) 100%);mix-blend-mode:multiply}
#damageNumbers{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.damage-number{position:absolute;transform:translate(-50%,-50%);font-family:Segoe UI,Arial,sans-serif;font-weight:1000;font-style:italic;letter-spacing:-.04em;text-shadow:0 2px 3px #000,0 0 10px currentColor;white-space:nowrap;will-change:transform,opacity}
.damage-number.body{color:#f8fbff}.damage-number.limb{color:#c9e5f3}.damage-number.head{color:#ffd84f;font-size:1.18em}.damage-number.head:after{content:' CRIT';font-size:.45em;letter-spacing:.08em;margin-left:4px;color:#ff6b65}
#minimapWrap{width:184px;padding:7px;background:linear-gradient(145deg,rgba(4,10,17,.94),rgba(9,20,31,.84));border:1px solid rgba(83,229,255,.5);clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,8% 100%,0 92%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 22px rgba(23,139,169,.13)}
.map-frame{position:relative;border:1px solid rgba(130,188,214,.34);overflow:hidden;background:#03070d}
#minimap{width:168px;height:168px}.scanline{position:absolute;left:0;right:0;height:2px;top:0;background:linear-gradient(90deg,transparent,var(--a),transparent);opacity:.35;animation:scanMap 3.4s linear infinite;box-shadow:0 0 10px var(--a)}
@keyframes scanMap{from{transform:translateY(-4px)}to{transform:translateY(172px)}}
.map-caption{display:flex;justify-content:space-between;align-items:center;padding:7px 3px 1px}.map-caption #mapName{padding:0}.map-caption b{font-size:7px;letter-spacing:.14em;color:#65798d}
.hudtop>div{clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);border:1px solid rgba(114,155,184,.25);box-shadow:inset 0 0 18px rgba(83,229,255,.035)}
.clock{min-width:148px!important;background:linear-gradient(180deg,rgba(8,20,31,.9),rgba(3,8,14,.83))!important;border-top:2px solid var(--a)!important}
.hud-card{min-width:260px;padding:12px 16px!important;background:linear-gradient(110deg,rgba(4,11,19,.92),rgba(8,18,29,.72),transparent)!important;border-left:2px solid var(--a);clip-path:polygon(0 0,94% 0,100% 20%,100% 100%,0 100%);box-shadow:inset 0 0 24px rgba(83,229,255,.04)}
.ammo.hud-card{background:linear-gradient(-110deg,rgba(4,11,19,.92),rgba(8,18,29,.72),transparent)!important;border-left:0;border-right:2px solid var(--a);clip-path:polygon(6% 0,100% 0,100% 100%,0 100%,0 20%)}
.hud-label{display:flex;align-items:center;justify-content:space-between}.hud-label em{font-size:7px!important;color:var(--a)!important;letter-spacing:.12em}.health-row,.ammo-row{display:flex;align-items:end;gap:12px}.health-row b,.ammo-row b{line-height:.9;font-size:42px!important}.health-track{position:relative;flex:1;width:auto!important;height:10px!important;margin-bottom:4px;border:1px solid rgba(141,180,203,.28);background:rgba(28,42,54,.85)!important;overflow:hidden}.health-track i{transition:width .2s ease,background .2s ease;box-shadow:0 0 13px currentColor}.health-track u{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 18%,rgba(3,8,13,.55) 18.5%,rgba(3,8,13,.55) 20%);text-decoration:none}.ammo-row{justify-content:flex-end}.ammo-row span{padding-bottom:3px}.hud-sub{height:11px;margin-top:6px;color:#77899d;font-size:7px;letter-spacing:.14em}.ammo .hud-sub{color:#ffd758}
#slidebar{height:7px;width:112px;background:rgba(2,7,12,.8);border:1px solid rgba(83,229,255,.25)}#slidebar span{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:.14em;color:#71879b}#slidebar i{transition:width .08s linear;box-shadow:0 0 10px var(--a)}
#crosshair i,#crosshair b{transition:transform .06s,opacity .1s;background:#eefaff}#hitmarker i{box-shadow:0 0 5px #fff}
#killfeed .feed{padding:4px 8px;background:linear-gradient(90deg,transparent,rgba(2,7,12,.72));border-right:2px solid rgba(83,229,255,.35)}
#objective{padding:7px 14px;background:rgba(3,9,15,.68);border:1px solid rgba(255,210,88,.3);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
#damage{transition:opacity .05s}
#inputStatus{bottom:96px;background:rgba(2,8,14,.9);box-shadow:0 0 25px rgba(83,229,255,.12)}
@media(max-width:700px){.hud-card{min-width:185px}.health-row b,.ammo-row b{font-size:32px!important}#minimapWrap{transform:scale(.68)}.bottom{left:10px;right:10px}}

/* v0.5 LAN duel */
.lan-setup{margin:14px 0 4px;padding:12px;border:1px solid rgba(83,229,255,.24);background:rgba(4,12,20,.74)}
.lan-setup input{border:1px solid #2f465d;background:#09121d;color:#fff;padding:10px 11px;outline:none}.lan-setup input:focus{border-color:var(--a)}
.lan-status-row{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:8px;letter-spacing:.1em;color:#9fb0c1}.lan-status-row span{width:8px;height:8px;border-radius:50%;background:#647181;box-shadow:0 0 8px currentColor}.lan-status-row span.online{background:#6df29a;color:#6df29a}.lan-status-row span.waiting{background:#ffd258;color:#ffd258;animation:lanPulse .8s infinite alternate}.lan-status-row span.offline{background:#ff4e6e;color:#ff4e6e}@keyframes lanPulse{to{opacity:.35}}
.share-url{margin-top:9px;padding:8px 9px;background:#07101a;border-left:2px solid var(--a);color:#8296aa;font-size:8px;line-height:1.45;word-break:break-all}.share-url b{color:var(--a);font-size:9px}
.lobby-card{width:min(620px,92vw);padding:32px;text-align:center}.lobby-card h2{font-size:38px;font-style:italic;margin:8px 0 25px}.lobby-slots{display:grid;grid-template-columns:1fr 74px 1fr;gap:12px;align-items:center}.lobby-slots>div:not(.versus){padding:22px 14px;background:#0a1521;border:1px solid #2b4054}.lobby-slots small{display:block;color:#778a9d;font-size:8px;letter-spacing:.15em}.lobby-slots b{display:block;margin:8px 0;font-size:19px}.lobby-slots i{display:block;color:#ff8a9d;font-style:normal;font-size:8px;letter-spacing:.13em}.lobby-slots i.ready{color:#6df29a}.versus{font-size:20px;color:var(--a);font-weight:1000;font-style:italic}.lobby-card p:not(.eyebrow){color:#8ea0b2;font-size:11px;line-height:1.6;margin:20px auto;max-width:500px}
#netStatus{position:absolute;right:18px;bottom:118px;display:flex;align-items:center;gap:7px;padding:7px 10px;background:rgba(3,9,15,.78);border:1px solid rgba(117,154,181,.25);font-size:7px;letter-spacing:.12em}#netStatus span{width:7px;height:7px;border-radius:50%;background:#687485}#netStatus.online span{background:#6df29a;box-shadow:0 0 8px #6df29a}#netStatus.waiting span{background:#ffd258}#netStatus.offline span{background:#ff4e6e}#netStatus b{color:#dce8f4}#netStatus em{color:#8094a7;font-style:normal}
@media(max-width:700px){.lobby-slots{grid-template-columns:1fr}.versus{padding:3px}.share-url{font-size:7px}#netStatus{right:10px;bottom:102px}}

/* v0.8 team lobby, fixed optics, aim assist and recoil pass */
.lobby-card{width:min(880px,94vw);max-height:92vh;overflow:auto}
.lobby-summary{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;margin:-10px 0 20px}
.lobby-summary span,.lobby-summary b,.lobby-summary em{padding:7px 10px;background:#07121d;border:1px solid #2a4054;font-size:8px;letter-spacing:.13em;font-style:normal}
.lobby-summary span{color:var(--a);border-color:rgba(83,229,255,.45)}.lobby-summary em{color:#ffd258}
.lobby-teams{display:grid;grid-template-columns:1fr 64px 1fr;gap:14px;align-items:center}
.lobby-teams section{padding:14px;background:linear-gradient(145deg,rgba(8,19,30,.96),rgba(4,10,17,.9));border:1px solid #2b4054;min-height:190px}
.lobby-teams section>header{height:auto;padding:0 0 10px;border:0;font-size:10px;font-weight:900;letter-spacing:.17em}
.lobby-teams .blue-team>header{color:#53e5ff}.lobby-teams .red-team>header{color:#ff647e}
.team-roster{display:grid;gap:7px}.roster-slot{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:9px 10px;background:#091522;border-left:2px solid #3b5065;text-align:left}
.roster-slot.blue{border-left-color:#53e5ff}.roster-slot.red{border-left-color:#ff4e6e}.roster-slot.me{box-shadow:inset 0 0 18px rgba(83,229,255,.08)}
.roster-slot .slot-num{display:grid;place-items:center;width:25px;height:25px;background:#111f2e;color:#7e91a5;font-size:9px;font-weight:900}
.roster-slot .slot-name{min-width:0}.roster-slot .slot-name b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;margin:0}.roster-slot .slot-name small{display:block;color:#6f8296;font-size:7px;letter-spacing:.1em;margin-top:3px}
.roster-slot .slot-state{font-size:7px;letter-spacing:.11em;color:#ff8397}.roster-slot .slot-state.ready{color:#6df29a}.roster-slot.open{opacity:.58}
@media(max-width:760px){.lobby-teams{grid-template-columns:1fr}.lobby-teams .versus{padding:0}.lobby-card{padding:20px}}

#scopeOverlay{position:absolute;inset:0;display:none;pointer-events:none;opacity:0;transition:opacity .09s ease;--optic:#65edff}
#scopeOverlay.active{display:block;opacity:1}
.scope-mask{position:absolute;inset:0;background:transparent}
.scope-body{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden}
.scope-glass{position:absolute;inset:0;pointer-events:none}
.reticle-lines{position:absolute;inset:0}.reticle-lines i{position:absolute;background:rgba(231,251,255,.92);filter:drop-shadow(0 0 2px rgba(54,220,255,.62))}.reticle-lines i:nth-child(1),.reticle-lines i:nth-child(2){height:1px;top:50%}.reticle-lines i:nth-child(3),.reticle-lines i:nth-child(4){width:1px;left:50%}.reticle-lines b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#ff536d;box-shadow:0 0 6px #ff536d,0 0 12px rgba(255,83,109,.45)}
.mil-dots{position:absolute;left:50%;top:50%;transform:translateX(-50%)}
.optic-readout{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);display:flex;gap:7px;padding:3px 7px;background:rgba(2,8,13,.58);border:1px solid rgba(98,226,255,.2);font-size:6px;letter-spacing:.13em;white-space:nowrap}.optic-readout span{color:#91a8b9}.optic-readout b{color:var(--optic)}
/* AR: compact clean holographic window, much less obstruction. */
#scopeOverlay.scope-ar .scope-body{width:min(25vh,30vw);height:min(17vh,21vw);border-radius:9px;border:2px solid rgba(68,86,99,.92);box-shadow:0 0 0 3px rgba(8,15,21,.92),0 0 0 5px rgba(77,101,116,.38),inset 0 0 18px rgba(0,0,0,.52)}
#scopeOverlay.scope-ar .scope-glass{border-radius:7px;background:linear-gradient(145deg,rgba(92,231,250,.035),rgba(3,14,22,.07));box-shadow:inset 0 0 15px rgba(0,0,0,.28)}
#scopeOverlay.scope-ar .reticle-lines i:nth-child(1),#scopeOverlay.scope-ar .reticle-lines i:nth-child(2){width:31%}#scopeOverlay.scope-ar .reticle-lines i:nth-child(1){left:5%}#scopeOverlay.scope-ar .reticle-lines i:nth-child(2){right:5%}#scopeOverlay.scope-ar .reticle-lines i:nth-child(3),#scopeOverlay.scope-ar .reticle-lines i:nth-child(4){height:31%}#scopeOverlay.scope-ar .reticle-lines i:nth-child(3){top:5%}#scopeOverlay.scope-ar .reticle-lines i:nth-child(4){bottom:5%}#scopeOverlay.scope-ar .reticle-lines b{width:4px;height:4px;border:1px solid #ff536d;background:transparent}#scopeOverlay.scope-ar .mil-dots{display:none}#scopeOverlay.scope-ar .optic-readout{display:none}
/* SMG: tiny reflex dot only. */
#scopeOverlay.scope-smg .scope-body{width:min(16vh,19vw);height:min(13vh,16vw);border-radius:8px;border:2px solid rgba(56,73,85,.78);box-shadow:0 0 0 2px rgba(6,12,18,.86),inset 0 0 12px rgba(0,0,0,.34)}
#scopeOverlay.scope-smg .scope-glass{border-radius:6px;background:rgba(36,119,137,.025)}#scopeOverlay.scope-smg .reticle-lines i,#scopeOverlay.scope-smg .mil-dots,#scopeOverlay.scope-smg .optic-readout{display:none}#scopeOverlay.scope-smg .reticle-lines b{display:block;width:4px;height:4px;border:0}
/* Shotgun: open ring, no dark visual tunnel. */
#scopeOverlay.scope-shotgun .scope-body{width:min(14vh,17vw);height:min(14vh,17vw);border-radius:50%;border:2px solid rgba(126,145,157,.72);box-shadow:0 0 0 2px rgba(8,13,18,.55),inset 0 0 10px rgba(0,0,0,.2)}#scopeOverlay.scope-shotgun .scope-glass{background:transparent}#scopeOverlay.scope-shotgun .reticle-lines i:nth-child(1),#scopeOverlay.scope-shotgun .reticle-lines i:nth-child(2){width:22%}#scopeOverlay.scope-shotgun .reticle-lines i:nth-child(1){left:7%}#scopeOverlay.scope-shotgun .reticle-lines i:nth-child(2){right:7%}#scopeOverlay.scope-shotgun .reticle-lines i:nth-child(3),#scopeOverlay.scope-shotgun .reticle-lines i:nth-child(4),#scopeOverlay.scope-shotgun .mil-dots,#scopeOverlay.scope-shotgun .optic-readout{display:none}#scopeOverlay.scope-shotgun .reticle-lines b{width:6px;height:6px;background:transparent;border:1px solid #ff6074}
/* Sniper: fixed precision scope with clean fine reticle and unobstructed centre. */
#scopeOverlay.scope-sniper .scope-mask{background:radial-gradient(circle at 50% 50%,transparent 0,transparent 34%,rgba(0,0,0,.76) 34.4%,rgba(0,0,0,.985) 49%,#000 100%)}
#scopeOverlay.scope-sniper .scope-body{width:min(71vh,71vw);height:min(71vh,71vw);border-radius:50%;border:2px solid rgba(117,143,159,.72);box-shadow:0 0 0 5px rgba(3,8,12,.96),inset 0 0 38px rgba(0,0,0,.58)}
#scopeOverlay.scope-sniper .scope-glass{border-radius:50%;background:radial-gradient(circle at 47% 43%,rgba(93,211,226,.025),rgba(7,26,36,.035) 60%,rgba(0,0,0,.19));box-shadow:inset 0 0 48px rgba(0,0,0,.45)}#scopeOverlay.scope-sniper .reticle-lines i:nth-child(1),#scopeOverlay.scope-sniper .reticle-lines i:nth-child(2){width:43%}#scopeOverlay.scope-sniper .reticle-lines i:nth-child(1){left:0}#scopeOverlay.scope-sniper .reticle-lines i:nth-child(2){right:0}#scopeOverlay.scope-sniper .reticle-lines i:nth-child(3),#scopeOverlay.scope-sniper .reticle-lines i:nth-child(4){height:43%}#scopeOverlay.scope-sniper .reticle-lines i:nth-child(3){top:0}#scopeOverlay.scope-sniper .reticle-lines i:nth-child(4){bottom:0}#scopeOverlay.scope-sniper .reticle-lines b{width:3px;height:3px;border:0}#scopeOverlay.scope-sniper .mil-dots{width:1px;height:24%;top:51%;background:repeating-linear-gradient(to bottom,transparent 0,transparent 13%,rgba(238,250,255,.82) 14%,rgba(238,250,255,.82) 15%)}#scopeOverlay.scope-sniper .optic-readout{bottom:5%;opacity:.72}
#zoomStatus{display:none!important}
#crosshair.assist-lock b{background:#ffd45b!important;box-shadow:0 0 7px #ffd45b,0 0 14px rgba(255,212,91,.5)}
.assist-note{margin:12px 0;padding:10px 11px;background:rgba(83,229,255,.055);border-left:2px solid var(--a);display:grid;gap:4px}.assist-note b{font-size:8px;letter-spacing:.14em;color:var(--a)}.assist-note span{font-size:9px;line-height:1.45;color:#8fa2b5}
/* Additional high-contrast weapon movement feedback */
#postFx:after{content:"";position:absolute;inset:0;background:linear-gradient(112deg,rgba(41,137,165,.018),transparent 34%,rgba(255,86,110,.012));mix-blend-mode:screen;pointer-events:none}
#reload{transition:color .12s,letter-spacing .12s}.ammo.reloading #reload{color:#ffd258;letter-spacing:.18em}.ammo.reloading{border-right-color:#ffd258}
#crosshair.ads-hidden{opacity:0}


/* v1.0 balanced arsenal, rebuilt operators, enhanced hit feedback */
#scopeOverlay{--optic:#eafaff}
#scopeOverlay .optic-readout,#scopeOverlay .mil-dots{display:none!important}
#scopeOverlay .scope-body{overflow:visible;border:0!important;box-shadow:none!important;background:transparent!important}
#scopeOverlay .scope-glass{background:transparent!important;box-shadow:none!important}
#scopeOverlay .reticle-lines i{background:rgba(239,252,255,.96);filter:drop-shadow(0 0 2px rgba(67,220,255,.48))}
#scopeOverlay .reticle-lines b{background:#ff4e68;box-shadow:0 0 4px rgba(255,78,104,.9),0 0 9px rgba(255,78,104,.32)}

/* AR: simple compact ring and dot. No large floating frame. */
#scopeOverlay.scope-ar .scope-body{width:74px;height:74px;border-radius:50%!important}
#scopeOverlay.scope-ar .scope-glass{left:8px;top:8px;right:8px;bottom:8px;border:1px solid rgba(218,247,255,.52);border-radius:50%;box-shadow:0 0 0 1px rgba(5,12,18,.5),inset 0 0 8px rgba(3,10,15,.22)!important}
#scopeOverlay.scope-ar .reticle-lines i:nth-child(1),#scopeOverlay.scope-ar .reticle-lines i:nth-child(2){width:12px;height:1px;top:50%}
#scopeOverlay.scope-ar .reticle-lines i:nth-child(1){left:11px}#scopeOverlay.scope-ar .reticle-lines i:nth-child(2){right:11px}
#scopeOverlay.scope-ar .reticle-lines i:nth-child(3),#scopeOverlay.scope-ar .reticle-lines i:nth-child(4){height:12px;width:1px;left:50%}
#scopeOverlay.scope-ar .reticle-lines i:nth-child(3){top:11px}#scopeOverlay.scope-ar .reticle-lines i:nth-child(4){bottom:11px}
#scopeOverlay.scope-ar .reticle-lines b{width:4px;height:4px;border:0}

/* SMG: clean reflex dot with a nearly invisible guide ring. */
#scopeOverlay.scope-smg .scope-body{width:52px;height:52px;border-radius:50%!important}
#scopeOverlay.scope-smg .scope-glass{left:8px;top:8px;right:8px;bottom:8px;border:1px solid rgba(207,244,255,.30);border-radius:50%}
#scopeOverlay.scope-smg .reticle-lines i{display:none!important}
#scopeOverlay.scope-smg .reticle-lines b{display:block!important;width:4px;height:4px;border:0}

/* Shotgun: open acquisition circle, no tunnel effect. */
#scopeOverlay.scope-shotgun .scope-body{width:82px;height:82px;border-radius:50%!important}
#scopeOverlay.scope-shotgun .scope-glass{left:7px;top:7px;right:7px;bottom:7px;border:2px solid rgba(241,249,255,.62);border-radius:50%;clip-path:polygon(0 0,42% 0,42% 6%,58% 6%,58% 0,100% 0,100% 42%,94% 42%,94% 58%,100% 58%,100% 100%,58% 100%,58% 94%,42% 94%,42% 100%,0 100%,0 58%,6% 58%,6% 42%,0 42%)}
#scopeOverlay.scope-shotgun .reticle-lines i{display:none!important}
#scopeOverlay.scope-shotgun .reticle-lines b{width:7px;height:7px;background:transparent;border:1px solid #ff5c72;box-shadow:0 0 5px rgba(255,92,114,.45)}

/* Sniper: one clear circular view with only a fine cross and centre dot. */
#scopeOverlay.scope-sniper .scope-mask{background:radial-gradient(circle at 50% 50%,transparent 0,transparent 33.5%,rgba(0,0,0,.84) 33.9%,rgba(0,0,0,.985) 48%,#000 100%)}
#scopeOverlay.scope-sniper .scope-body{width:min(69vh,69vw);height:min(69vh,69vw);border-radius:50%!important;overflow:hidden!important;box-shadow:0 0 0 2px rgba(183,218,232,.34),inset 0 0 28px rgba(0,0,0,.35)!important}
#scopeOverlay.scope-sniper .scope-glass{inset:0;border-radius:50%;background:radial-gradient(circle,rgba(76,183,207,.018),rgba(0,0,0,.08) 76%,rgba(0,0,0,.24))!important}
#scopeOverlay.scope-sniper .reticle-lines i:nth-child(1),#scopeOverlay.scope-sniper .reticle-lines i:nth-child(2){width:45%;height:1px;top:50%}
#scopeOverlay.scope-sniper .reticle-lines i:nth-child(1){left:0}#scopeOverlay.scope-sniper .reticle-lines i:nth-child(2){right:0}
#scopeOverlay.scope-sniper .reticle-lines i:nth-child(3),#scopeOverlay.scope-sniper .reticle-lines i:nth-child(4){height:45%;width:1px;left:50%}
#scopeOverlay.scope-sniper .reticle-lines i:nth-child(3){top:0}#scopeOverlay.scope-sniper .reticle-lines i:nth-child(4){bottom:0}
#scopeOverlay.scope-sniper .reticle-lines b{width:3px;height:3px;border:0;background:#f5fbff;box-shadow:0 0 4px rgba(119,229,255,.6)}

#crosshair.assist-lock b{transform:scale(1.45);background:#ffd457!important;box-shadow:0 0 7px #ffd457,0 0 15px rgba(255,212,87,.58)}
#crosshair.assist-lock i{background:#ffe47e!important;opacity:.92}
#hitmarker{transition:transform .055s ease-out,filter .08s}
#hitmarker i{height:2px;border-radius:2px;box-shadow:0 0 6px currentColor}
.damage-number{animation:damagePop .14s ease-out both;text-shadow:0 2px 4px #000,0 0 12px currentColor}
.damage-number.head{color:#ffe05a;filter:drop-shadow(0 0 4px rgba(255,95,82,.8))}
@keyframes damagePop{from{letter-spacing:.08em}to{letter-spacing:-.04em}}

#postFx{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 46%,transparent 44%,rgba(0,5,11,.16) 82%,rgba(0,2,7,.34) 100%);mix-blend-mode:normal}
#postFx:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(88,194,221,.025),transparent 33%,rgba(20,38,50,.010));mix-blend-mode:screen}
#postFx:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.007) 0,rgba(255,255,255,.007) 1px,transparent 1px,transparent 3px);opacity:.22;pointer-events:none}
#damage{mix-blend-mode:normal}


/* Private offline training indicator: intentionally unlabeled and transient. */
#privateAssistDot{position:fixed;left:14px;bottom:14px;width:7px;height:7px;border-radius:50%;z-index:120;opacity:0;pointer-events:none;transition:opacity .12s,transform .12s;transform:scale(.65)}
#privateAssistDot.on{background:#35e879;box-shadow:0 0 8px rgba(53,232,121,.75);opacity:.9;transform:scale(1)}
#privateAssistDot.off,#privateAssistDot.shared-off{background:#53e5ff;box-shadow:0 0 8px rgba(83,229,255,.72);opacity:.9;transform:scale(1)}
#privateAssistDot.shared-on{background:#35e879;box-shadow:0 0 10px rgba(53,232,121,.8);opacity:.95;transform:scale(1)}
#privateAssistDot.pulse{transform:scale(1.45)}
#crosshair.assist-lock b{transform:scale(1.18);opacity:.88}

/* v1.3 responsive combat feedback and network-quality polish */
#netStatus[data-quality="good"] span{background:#35e879;box-shadow:0 0 8px rgba(53,232,121,.72)}
#netStatus[data-quality="fair"] span{background:#ffd258;box-shadow:0 0 8px rgba(255,210,88,.65)}
#netStatus[data-quality="poor"] span{background:#ff4e6e;box-shadow:0 0 9px rgba(255,78,110,.72)}
#netStatus[data-quality="poor"] em{color:#ff8ca0}
#hitmarker.pending{filter:none!important;color:#d7f7ff;opacity:.48}
#hitmarker.pending i{background:#d7f7ff!important;box-shadow:0 0 5px rgba(122,229,255,.58)}
#scopeOverlay.scope-ar .reticle-lines b{
 width:4px;height:4px;background:#ff425e!important;border:1px solid rgba(18,2,7,.88)!important;
 box-shadow:0 0 0 1px rgba(255,235,239,.44),0 0 6px rgba(255,66,94,.88),0 0 12px rgba(255,66,94,.34)!important
}
#scopeOverlay.scope-ar.active .reticle-lines b{animation:opticDotSettle .12s ease-out both}
@keyframes opticDotSettle{from{transform:translate(-50%,-50%) scale(1.22);opacity:.72}to{transform:translate(-50%,-50%) scale(1);opacity:1}}
.damage-number.arm,.damage-number.leg,.damage-number.foot{color:#eaf4fa}
.health-row #hp{min-width:2.2ch}
#combatConfirm{position:absolute;left:50%;top:59%;transform:translate(-50%,18px) scale(.94);display:grid;place-items:center;gap:2px;opacity:0;pointer-events:none;transition:opacity .14s,transform .18s;z-index:15;text-align:center}
#combatConfirm b{font:900 10px/1 Segoe UI,Arial,sans-serif;letter-spacing:.24em;color:#f4fbff;text-shadow:0 2px 5px #000,0 0 12px rgba(83,229,255,.48)}
#combatConfirm span{font:800 8px/1.2 Segoe UI,Arial,sans-serif;letter-spacing:.13em;color:#8eefff;text-shadow:0 2px 4px #000}
#combatConfirm.show{opacity:1;transform:translate(-50%,0) scale(1)}
#combatConfirm.head b{color:#ffe05a;text-shadow:0 2px 5px #000,0 0 14px rgba(255,87,77,.72)}
#combatConfirm.head span{color:#ff8b84}

/* v1.3.1 named lobby */
#callsignLabel{position:relative}
.required-mark{float:right;color:#ff6f86;font-size:.68rem;letter-spacing:.12em}
.field-hint{display:block;margin-top:.42rem;color:#7990a2;font-size:.68rem;letter-spacing:.045em;text-transform:none}
.field-error{display:none;margin-top:.42rem;color:#ff6f86;font-size:.72rem;font-style:normal;letter-spacing:.035em}
#callsignLabel.invalid .field-error{display:block}
#callsignLabel.invalid input{border-color:#ff4e6e!important;box-shadow:0 0 0 2px rgba(255,78,110,.14),0 0 18px rgba(255,78,110,.12)}
#callsignLabel.valid input{border-color:#53e5ff}
.roster-slot.me .slot-name b::after{content:'  · YOU';color:#53e5ff;font-size:.66em;letter-spacing:.08em}


/* v1.4 mobile combat, landscape controls and desktop fullscreen */
html,body,#gl{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
#mobileOrientation{display:none;position:fixed;inset:0;z-index:250;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 40%,rgba(33,119,145,.24),transparent 42%),#03070c;text-align:center}
.orientation-card{max-width:420px;padding:30px;border:1px solid rgba(83,229,255,.38);background:rgba(7,16,25,.96);box-shadow:0 20px 70px rgba(0,0,0,.65)}
.orientation-card i{display:block;color:var(--a);font-size:54px;font-style:normal;animation:rotatePrompt 1.6s ease-in-out infinite}.orientation-card h2{margin:8px 0;font-size:23px;letter-spacing:.08em}.orientation-card p{margin:0;color:#93a7b9;font-size:12px;line-height:1.55}@keyframes rotatePrompt{50%{transform:rotate(90deg)}}
#mobileControls{display:none;position:absolute;inset:0;pointer-events:none;z-index:60;text-shadow:0 2px 5px #000}
#mobileLookZone{position:absolute;left:39%;right:0;top:0;bottom:0;pointer-events:auto;touch-action:none}
#mobileLookZone span{position:absolute;right:20%;top:50%;opacity:.16;font-size:8px;letter-spacing:.18em}
.mobile-pad{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:132px;height:132px;pointer-events:auto;touch-action:none}
.mobile-pad-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(137,229,248,.36);background:radial-gradient(circle,rgba(83,229,255,.14),rgba(3,10,17,.48) 70%);box-shadow:inset 0 0 22px rgba(83,229,255,.09),0 8px 28px rgba(0,0,0,.32)}
.mobile-pad-ring:before,.mobile-pad-ring:after{content:"";position:absolute;background:rgba(191,242,252,.14)}.mobile-pad-ring:before{left:50%;top:12%;bottom:12%;width:1px}.mobile-pad-ring:after{top:50%;left:12%;right:12%;height:1px}
#mobileMoveKnob{position:absolute;left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(145deg,rgba(126,237,255,.50),rgba(21,92,112,.62));border:1px solid rgba(222,250,255,.72);box-shadow:0 0 18px rgba(83,229,255,.28);will-change:transform;transition:none;contain:paint;touch-action:none}
.mobile-pad>span{position:absolute;left:50%;bottom:-15px;transform:translateX(-50%);font-size:7px;letter-spacing:.16em;color:#a6bed0}
.mobile-action{position:absolute;width:auto!important;margin:0!important;padding:0!important;border-radius:50%;pointer-events:auto;touch-action:none;color:#edfaff;background:rgba(5,15,24,.65)!important;border:1px solid rgba(174,224,239,.35)!important;box-shadow:inset 0 0 14px rgba(83,229,255,.07),0 5px 20px rgba(0,0,0,.30);font-size:8px;letter-spacing:.08em;display:grid;place-items:center}
.mobile-action:active,.mobile-action.active{transform:scale(.94);background:rgba(26,113,136,.70)!important;border-color:rgba(112,237,255,.82)!important;box-shadow:0 0 16px rgba(83,229,255,.35)}
#mobileFire{right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:84px!important;height:84px;border-color:rgba(255,100,122,.66)!important;background:radial-gradient(circle,rgba(255,77,106,.40),rgba(72,11,24,.72))!important}
#mobileFire b{font-size:11px;letter-spacing:.15em;color:#fff}
#mobileAds{right:116px;bottom:31px;width:64px!important;height:64px}
#mobileJump{right:24px;bottom:118px;width:62px!important;height:62px}
#mobileReload{right:103px;bottom:111px;width:55px!important;height:55px}
#mobileDash{left:165px;bottom:22px;width:60px!important;height:60px}
#mobileCrouch{left:161px;bottom:92px;width:53px!important;height:53px}
#mobileScore{right:61px;top:max(10px,env(safe-area-inset-top));width:48px!important;height:34px;border-radius:9px;font-size:7px}
#mobilePause{right:max(10px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));width:38px!important;height:34px;border-radius:9px;font-size:15px}
body.touch-device #inputStatus{display:none!important}
@media (pointer:coarse){body.mobile-portrait #mobileOrientation{display:flex}body:not(.mobile-portrait) #mobileControls{display:block}body:not(.mobile-portrait) #hud.active #mobileControls{display:block}}
@media (pointer:coarse) and (orientation:landscape){
 #menu header{height:50px;padding:0 18px}.logo i{width:32px;height:32px}.logo small{font-size:7px}main{height:calc(100% - 50px);padding:8px 18px}.setup{max-height:calc(100vh - 62px);overflow:auto;padding:16px;max-width:430px}.setup h2{font-size:20px;margin-bottom:8px}.setup label{margin:7px 0}.setup select,.setup input{padding:7px;margin-top:4px}button{padding:9px 12px}
 #minimapWrap{left:7px;top:7px;transform:scale(.48);transform-origin:top left}.hudtop{top:6px;gap:4px}.hudtop>div{min-width:72px;padding:5px 8px;font-size:8px}.clock b{font-size:16px}.clock span{font-size:6px}
 #netStatus{display:flex!important;right:115px;top:8px;bottom:auto;padding:5px 7px;font-size:6px;z-index:75}#netStatus b{display:none}#netStatus em{font-size:8px;color:#dbeaff}
 #killfeed{right:8px;top:48px;width:230px;font-size:8px}.feed{margin:2px}#announce{top:22%;font-size:20px}#objective{top:55px;font-size:8px}
 .bottom{left:9px;right:9px;bottom:4px}.hud-card{min-width:145px!important;padding:6px 8px}.health-row b,.ammo-row b{font-size:25px!important}.health-track{width:105px!important}.hud-sub,#ballisticLabel{display:none!important}.hud-label small{font-size:6px}.ammo span{font-size:12px}
 #slidebar{bottom:8px;width:72px;height:4px}.death h2,#death h2{font-size:34px}.modal-card{max-height:94vh;padding:17px}.board{max-height:90vh;overflow:auto;padding:13px}.score-row{padding:5px;font-size:9px;grid-template-columns:28px 1fr 40px 40px 54px}
 #scopeOverlay.scope-sniper .scope-body{width:min(78vh,58vw);height:min(78vh,58vw)}#combatConfirm{top:63%}
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:430px){.mobile-pad{width:112px;height:112px}.mobile-action{transform:scale(.90);transform-origin:center}#mobileDash{left:140px}#mobileCrouch{left:137px;bottom:79px}#mobileAds{right:102px}#mobileReload{right:93px;bottom:96px}#mobileJump{bottom:104px}#mobileFire{width:76px!important;height:76px}.bottom{opacity:.88}}

/* v1.4.1 fullscreen HUD repair + two-thumb mobile controls */
html:fullscreen,html:-webkit-full-screen{width:100%;height:100%;background:#03060a}
html:fullscreen body,html:-webkit-full-screen body{width:100%;height:100%;overflow:hidden}
html:fullscreen #gl,html:-webkit-full-screen #gl{position:fixed;inset:0;width:100%;height:100%}
html:fullscreen #hud.active,html:-webkit-full-screen #hud.active{display:block!important;visibility:visible!important;opacity:1!important;z-index:20}
html:fullscreen #hud.active #crosshair,html:fullscreen #hud.active #hitmarker,html:fullscreen #hud.active #damage,html:fullscreen #hud.active #killfeed,html:fullscreen #hud.active #announce,html:fullscreen #hud.active #combatConfirm,html:fullscreen #hud.active .bottom,html:-webkit-full-screen #hud.active #crosshair,html:-webkit-full-screen #hud.active #hitmarker,html:-webkit-full-screen #hud.active #damage,html:-webkit-full-screen #hud.active #killfeed,html:-webkit-full-screen #hud.active #announce,html:-webkit-full-screen #hud.active #combatConfirm,html:-webkit-full-screen #hud.active .bottom{visibility:visible!important}
body.touch-device .desktop-only-settings{display:none}
#mobileFire small{display:block;margin-top:4px;font-size:6px;letter-spacing:.08em;color:rgba(255,255,255,.72)}

@media (pointer:coarse) and (orientation:landscape){
 #mobileControls{display:block!important;position:fixed;inset:0;z-index:70}
 #mobileLookZone{left:43%;right:0;top:38px;bottom:0;z-index:1;background:linear-gradient(90deg,transparent,rgba(83,229,255,.015))}
 #mobileLookZone span{right:19%;top:43%;font-size:7px;opacity:.13}
 .mobile-pad{left:max(22px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));width:clamp(126px,34vh,166px);height:clamp(126px,34vh,166px);z-index:4}
 #mobileMoveKnob{width:44%;height:44%}
 .mobile-pad>span{bottom:-18px;width:190px;text-align:center;font-size:7px}
 .mobile-action{z-index:5;min-width:58px;min-height:58px;font-size:9px;font-weight:900;border-width:2px!important;background:rgba(5,15,24,.73)!important;backdrop-filter:blur(3px)}
 #mobileFire{right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:clamp(96px,28vh,116px)!important;height:clamp(96px,28vh,116px)!important;z-index:7}
 #mobileFire b{font-size:13px}
 #mobileAds{right:calc(max(20px,env(safe-area-inset-right)) + clamp(104px,30vh,126px));bottom:max(24px,env(safe-area-inset-bottom));width:74px!important;height:74px}
 #mobileJump{right:max(24px,env(safe-area-inset-right));bottom:calc(max(22px,env(safe-area-inset-bottom)) + clamp(104px,30vh,128px));width:72px!important;height:72px}
 #mobileReload{right:calc(max(22px,env(safe-area-inset-right)) + 78px);bottom:calc(max(22px,env(safe-area-inset-bottom)) + clamp(100px,29vh,124px));width:62px!important;height:62px}
 #mobileDash{left:calc(max(22px,env(safe-area-inset-left)) + clamp(132px,35vh,172px));bottom:max(26px,env(safe-area-inset-bottom));width:70px!important;height:70px}
 #mobileCrouch{left:calc(max(22px,env(safe-area-inset-left)) + clamp(127px,34vh,166px));bottom:calc(max(24px,env(safe-area-inset-bottom)) + 78px);width:64px!important;height:64px}
 #mobileScore{right:70px;top:max(9px,env(safe-area-inset-top));width:58px!important;height:40px;border-radius:10px;font-size:8px}
 #mobilePause{right:max(12px,env(safe-area-inset-right));top:max(9px,env(safe-area-inset-top));width:48px!important;height:40px;border-radius:10px;font-size:16px}
 .bottom{left:31%;right:31%;bottom:7px;gap:6px;justify-content:center}
 .bottom .hud-card{min-width:108px!important;max-width:145px;padding:5px 7px}
 .bottom b{font-size:23px!important}
 .health-track{width:82px!important}
 #slidebar{bottom:52px;width:68px}
 #netStatus{z-index:78}
 #crosshair,#hitmarker{z-index:76}
 #combatConfirm,#announce,#killfeed,#damageNumbers{z-index:77}
 .modal{z-index:120}
}

@media (pointer:coarse) and (orientation:landscape) and (max-height:390px){
 .mobile-pad{width:122px;height:122px;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom))}
 #mobileFire{width:92px!important;height:92px;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}
 #mobileAds{right:112px;bottom:18px;width:66px!important;height:66px}
 #mobileJump{right:18px;bottom:112px;width:64px!important;height:64px}
 #mobileReload{right:88px;bottom:105px;width:56px!important;height:56px}
 #mobileDash{left:140px;bottom:18px;width:64px!important;height:64px}
 #mobileCrouch{left:136px;bottom:88px;width:58px!important;height:58px}
 .bottom{left:32%;right:32%;opacity:.92}
}


/* v1.4.2 mobile HUD rework — layout follows the approved two-thumb sketch */
#mobileMoveKnob b,.mobile-action>b{font:900 18px/1 Segoe UI,Arial,sans-serif;letter-spacing:0;color:#f6fcff;text-shadow:0 2px 5px #000}
.mobile-action>small{display:block;margin-top:3px;font:800 6px/1 Segoe UI,Arial,sans-serif;letter-spacing:.12em;color:rgba(226,246,253,.82)}
#mobileFire b{font-size:24px;letter-spacing:0}
#mobileFire small{font-size:7px;margin-top:5px}
#mobileMoveKnob{display:grid;place-items:center}
#mobileMoveKnob b{font-size:16px;color:rgba(235,252,255,.84)}

@media (pointer:coarse) and (orientation:landscape){
 /* Clean upper HUD: ping left, scores/pause centre, weapon + reload right. */
 #minimapWrap{display:none!important}
 #netStatus{left:max(10px,env(safe-area-inset-left));right:auto!important;top:max(9px,env(safe-area-inset-top));bottom:auto;min-width:82px;justify-content:flex-start;padding:7px 9px;font-size:7px;border-radius:8px}
 #netStatus b{display:block!important;font-size:6px;max-width:44px;overflow:hidden;white-space:nowrap}
 #netStatus em{font-size:9px!important;margin-left:3px}
 .hudtop{top:max(8px,env(safe-area-inset-top));left:50%;z-index:74}
 .hudtop>div{min-width:68px;padding:6px 9px}
 #mobileScore{left:calc(50% - 59px);right:auto;top:54px;width:56px!important;height:38px;z-index:79}
 #mobilePause{left:calc(50% + 5px);right:auto;top:54px;width:42px!important;height:38px;z-index:79}

 .bottom{position:absolute;inset:0!important;display:block!important;pointer-events:none}
 .bottom .health{position:absolute;left:50%;bottom:max(6px,env(safe-area-inset-bottom));transform:translateX(-50%);min-width:132px!important;max-width:150px!important;padding:6px 8px;opacity:.92}
 .bottom .ammo{position:absolute;right:max(10px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));min-width:176px!important;max-width:188px!important;padding:6px 10px 7px 56px;text-align:right;border:1px solid rgba(83,229,255,.28);background:linear-gradient(110deg,rgba(4,13,21,.74),rgba(5,17,26,.92))}
 .bottom .ammo .hud-label small{font-size:7px}
 .bottom .ammo .ammo-row b{font-size:23px!important}
 .bottom .ammo .ammo-row span{font-size:11px}

 /* Reload is attached to the weapon banner instead of occupying the play field. */
 #mobileReload{right:calc(max(10px,env(safe-area-inset-right)) + 130px);top:calc(max(8px,env(safe-area-inset-top)) + 8px);bottom:auto;width:48px!important;height:48px!important;border-radius:13px;z-index:82;background:linear-gradient(145deg,rgba(22,80,98,.85),rgba(4,19,29,.92))!important}
 #mobileReload b{font-size:15px}
 #mobileReload small{font-size:5px}

 /* Left thumb: large movement stick at the bottom and an independent dash above it. */
 .mobile-pad{left:max(22px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:clamp(138px,36vh,178px);height:clamp(138px,36vh,178px);z-index:6}
 .mobile-pad>span{bottom:-16px;font-size:7px}
 #mobileDash{left:calc(max(22px,env(safe-area-inset-left)) + 24px);top:22%;bottom:auto;width:78px!important;height:78px!important;z-index:8}
 #mobileDash b{font-size:22px}

 /* Right thumb: fire in the middle, scope/jump/crouch in a vertical edge stack. */
 #mobileLookZone{left:39%;right:0;top:54px;bottom:0;z-index:2;background:none}
 #mobileLookZone span{right:24%;top:48%;font-size:7px;opacity:.10}
 #mobileFire{right:23%;bottom:24%;width:clamp(88px,24vh,108px)!important;height:clamp(88px,24vh,108px)!important;z-index:10}
 #mobileAds{right:max(16px,env(safe-area-inset-right));top:28%;bottom:auto;width:72px!important;height:72px!important;z-index:9}
 #mobileJump{right:max(14px,env(safe-area-inset-right));top:51%;bottom:auto;width:68px!important;height:68px!important;z-index:9}
 #mobileCrouch{right:max(18px,env(safe-area-inset-right));left:auto;bottom:max(16px,env(safe-area-inset-bottom));width:74px!important;height:74px!important;z-index:9}
 #mobileAds b,#mobileJump b,#mobileCrouch b{font-size:20px}

 #slidebar{left:calc(max(22px,env(safe-area-inset-left)) + 28px);top:calc(22% + 84px);bottom:auto;transform:none;width:68px}
 #killfeed{top:62px;right:12px;width:230px}
 #objective{top:101px}
}

@media (pointer:coarse) and (orientation:landscape) and (max-height:390px){
 .mobile-pad{width:124px;height:124px;left:max(16px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom))}
 #mobileDash{left:24px;top:20%;width:66px!important;height:66px!important}
 #mobileFire{right:24%;bottom:22%;width:84px!important;height:84px!important}
 #mobileAds{right:12px;top:27%;width:62px!important;height:62px!important}
 #mobileJump{right:10px;top:50%;width:60px!important;height:60px!important}
 #mobileCrouch{right:14px;bottom:12px;width:64px!important;height:64px!important}
 .bottom .ammo{min-width:160px!important;max-width:168px!important;padding-left:50px}
 #mobileReload{right:calc(max(10px,env(safe-area-inset-right)) + 118px);width:44px!important;height:44px!important}
 #mobileScore{left:calc(50% - 56px);top:48px}
 #mobilePause{left:calc(50% + 4px);top:48px}
}

/* v1.4.3 professional mobile HUD refinement */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.weapon-silhouette,.weapon-reload-track{display:none}
.weapon-copy{display:contents}
#mobileReload{display:none}
.mobile-icon{width:52%;height:52%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgba(0,0,0,.8))}
#mobileMoveKnob u{display:block;width:12px;height:12px;border:2px solid rgba(235,252,255,.88);border-radius:50%;box-shadow:0 0 10px rgba(83,229,255,.4)}

@media (pointer:coarse) and (orientation:landscape){
 #hud{--mobile-weapon-w:clamp(218px,29vw,292px);--mobile-top:max(9px,env(safe-area-inset-top));--mobile-right:max(10px,env(safe-area-inset-right))}
 #mobileControls{display:block!important;position:fixed;inset:0;z-index:70}
 #mobileLookZone{left:38%;right:0;top:74px;bottom:0;background:none}
 #mobileLookZone span{display:none}

 /* Restore the tactical map and reserve the top-left solely for it. */
 #minimapWrap{display:block!important;left:max(7px,env(safe-area-inset-left));top:max(7px,env(safe-area-inset-top));transform:scale(.48);transform-origin:top left;z-index:73}

 /* Free Fire-style top-right weapon panel with integrated reload control. */
 .bottom{position:absolute;inset:0!important;display:block!important;pointer-events:none}
 .bottom .ammo{position:absolute;right:var(--mobile-right);top:var(--mobile-top);width:var(--mobile-weapon-w)!important;min-width:var(--mobile-weapon-w)!important;max-width:var(--mobile-weapon-w)!important;height:72px;padding:8px 58px 8px 88px!important;text-align:left!important;overflow:hidden;border:1px solid rgba(132,224,245,.42);border-radius:8px 3px 8px 8px;background:linear-gradient(115deg,rgba(5,13,22,.93),rgba(10,30,43,.91) 68%,rgba(5,15,24,.98))!important;box-shadow:0 8px 25px rgba(0,0,0,.35),inset 0 0 18px rgba(83,229,255,.055);clip-path:polygon(9px 0,100% 0,100% 100%,0 100%,0 9px);pointer-events:none;z-index:81}
 .bottom .ammo:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(#7af0ff,#1c7c9b);box-shadow:0 0 14px rgba(83,229,255,.55)}
 .weapon-silhouette{display:grid;place-items:center;position:absolute;left:10px;top:12px;width:70px;height:42px;color:#d9f8ff;opacity:.92}
 .weapon-glyph{display:none;width:100%;height:100%;fill:currentColor;stroke:rgba(1,10,16,.55);stroke-width:1.2;filter:drop-shadow(0 2px 3px #000)}
 #weaponHud[data-weapon="ar"] .weapon-ar,#weaponHud[data-weapon="smg"] .weapon-smg,#weaponHud[data-weapon="sniper"] .weapon-sniper,#weaponHud[data-weapon="shotgun"] .weapon-shotgun{display:block}
 .weapon-copy{display:block;min-width:0}
 .bottom .ammo .hud-label{display:block;margin:0 0 1px}
 .bottom .ammo .hud-label small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;line-height:1.1;letter-spacing:.12em;color:#9deeff}
 .bottom .ammo #ballisticLabel{display:none!important}
 .bottom .ammo .ammo-row{display:flex;align-items:baseline;gap:4px;line-height:1}
 .bottom .ammo .ammo-row b{font-size:29px!important;letter-spacing:-.04em;color:#fff}
 .bottom .ammo .ammo-row span{font-size:13px;color:#a8bdcb}
 .bottom .ammo #reload{position:absolute;left:88px;right:57px;bottom:6px;height:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:6px;color:#79eaff;letter-spacing:.08em}
 .weapon-reload-track{display:block;position:absolute;left:10px;right:9px;bottom:0;height:3px;background:rgba(255,255,255,.08)}
 .weapon-reload-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#53e5ff,#e9fbff);box-shadow:0 0 8px rgba(83,229,255,.7);transition:width .05s linear}
 #mobileReload{display:grid!important;position:absolute;right:8px;top:10px;width:46px!important;height:46px!important;min-width:0;min-height:0;border-radius:8px!important;color:#dffaff!important;background:linear-gradient(145deg,rgba(32,105,128,.72),rgba(7,24,36,.92))!important;border:1px solid rgba(118,229,251,.48)!important;box-shadow:inset 0 0 12px rgba(83,229,255,.08),0 3px 10px rgba(0,0,0,.35);pointer-events:auto;z-index:3}
 #mobileReload .mobile-icon{width:57%;height:57%;stroke-width:2.4}
 .ammo.reloading #mobileReload{color:#fff!important;border-color:#8ef0ff!important;box-shadow:0 0 13px rgba(83,229,255,.36),inset 0 0 14px rgba(83,229,255,.15)}

 /* Compact scoreboard and pause icons immediately to the left of the weapon card. */
 #mobilePause,#mobileScore{top:var(--mobile-top)!important;left:auto!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;border-radius:6px!important;padding:0!important;background:rgba(5,15,24,.86)!important;border:1px solid rgba(174,224,239,.38)!important;z-index:84}
 #mobilePause{right:calc(var(--mobile-right) + var(--mobile-weapon-w) + 7px)!important}
 #mobileScore{right:calc(var(--mobile-right) + var(--mobile-weapon-w) + 39px)!important}
 #mobilePause .mobile-icon,#mobileScore .mobile-icon{width:54%;height:54%;stroke-width:2.7}

 /* Short ping card on the right, with a large scope control directly below. */
 #netStatus{display:none!important}
 #mobilePing{position:absolute;right:var(--mobile-right);top:calc(var(--mobile-top) + 80px);width:76px;height:27px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:5px;background:rgba(4,13,21,.86);border:1px solid rgba(142,218,237,.34);box-shadow:0 4px 14px rgba(0,0,0,.28);font-size:7px;letter-spacing:.12em;color:#9cb5c5;pointer-events:none;z-index:83}
 #mobilePing b{font-size:10px;letter-spacing:0;color:#eafaff}
 #mobilePing[data-quality="good"]{border-color:rgba(83,229,255,.48)}
 #mobilePing[data-quality="fair"]{border-color:rgba(255,210,88,.55)}
 #mobilePing[data-quality="poor"]{border-color:rgba(255,78,110,.62)}
 #mobileAds{right:calc(var(--mobile-right) + 2px)!important;top:calc(var(--mobile-top) + 115px)!important;bottom:auto!important;width:82px!important;height:82px!important;min-width:82px!important;min-height:82px!important;border-radius:50%!important;color:#effdff!important;background:radial-gradient(circle,rgba(24,79,98,.58),rgba(3,12,20,.78))!important;border:2px solid rgba(142,232,252,.48)!important;z-index:83}
 #mobileAds .mobile-icon{width:58%;height:58%;stroke-width:2}
 #mobileAds.active{background:radial-gradient(circle,rgba(44,154,184,.72),rgba(6,35,48,.88))!important;box-shadow:0 0 18px rgba(83,229,255,.45)}

 /* Clean icon-only action buttons. */
 .mobile-action>small,.mobile-action>b{display:none!important}
 .mobile-action{display:grid;place-items:center;color:#e9faff;background:radial-gradient(circle,rgba(22,54,70,.58),rgba(4,13,21,.76))!important;border:2px solid rgba(164,224,239,.40)!important;box-shadow:inset 0 0 15px rgba(83,229,255,.055),0 5px 18px rgba(0,0,0,.34);backdrop-filter:blur(3px)}
 .mobile-action:active,.mobile-action.active{transform:scale(.94);background:radial-gradient(circle,rgba(40,142,168,.72),rgba(5,29,42,.88))!important;border-color:rgba(124,239,255,.85)!important}
 #mobileFire{right:22%!important;bottom:23%!important;width:clamp(90px,24vh,110px)!important;height:clamp(90px,24vh,110px)!important;color:#fff!important;background:radial-gradient(circle,rgba(255,80,106,.42),rgba(63,10,22,.78))!important;border-color:rgba(255,111,134,.72)!important;z-index:82}
 #mobileFire .mobile-icon{width:59%;height:59%;stroke-width:1.8}
 #mobileJump{right:calc(var(--mobile-right) + 7px)!important;top:auto!important;bottom:calc(max(15px,env(safe-area-inset-bottom)) + 94px)!important;width:70px!important;height:70px!important}
 #mobileJump .mobile-icon{width:54%;height:54%}
 #mobileCrouch{right:calc(var(--mobile-right) + 2px)!important;left:auto!important;top:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important;width:84px!important;height:84px!important;min-width:84px!important;min-height:84px!important}
 #mobileCrouch .mobile-icon{width:58%;height:58%}
 #mobileDash{left:calc(max(22px,env(safe-area-inset-left)) + 26px)!important;right:auto!important;top:21%!important;bottom:auto!important;width:76px!important;height:76px!important}
 #mobileDash .mobile-icon{width:58%;height:58%}

 /* Joystick remains large and readable. */
 .mobile-pad{left:max(22px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:clamp(138px,36vh,178px);height:clamp(138px,36vh,178px);z-index:6}
 #mobileMoveKnob{display:grid;place-items:center;width:44%;height:44%}
 .mobile-pad>span{bottom:-15px;font-size:7px}

 /* Dash recharge is centered just below the aiming reticle. */
 #slidebar{left:50%!important;right:auto!important;top:58%!important;bottom:auto!important;transform:translateX(-50%)!important;width:112px!important;height:5px!important;z-index:79}
 #slidebar span{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);font-size:6px;letter-spacing:.18em;color:rgba(222,244,250,.72)}

 /* Keep health compact at the lower center and keep notifications clear of the weapon stack. */
 .bottom .health{position:absolute;left:50%;bottom:max(6px,env(safe-area-inset-bottom));transform:translateX(-50%);min-width:132px!important;max-width:150px!important;padding:6px 8px;opacity:.92}
 #killfeed{top:50px;right:calc(var(--mobile-right) + var(--mobile-weapon-w) + 12px);width:210px;font-size:8px}
 #objective{top:64px}
}

@media (pointer:coarse) and (orientation:landscape) and (max-height:390px){
 #hud{--mobile-weapon-w:clamp(195px,28vw,235px)}
 .bottom .ammo{height:62px;padding:6px 50px 6px 75px!important}
 .weapon-silhouette{left:8px;top:10px;width:60px;height:36px}
 .bottom .ammo .ammo-row b{font-size:25px!important}
 .bottom .ammo #reload{left:75px;right:50px;bottom:5px}
 #mobileReload{right:7px;top:8px;width:40px!important;height:40px!important}
 #mobilePing{top:calc(var(--mobile-top) + 68px);width:70px;height:24px}
 #mobileAds{top:calc(var(--mobile-top) + 100px)!important;width:70px!important;height:70px!important;min-width:70px!important;min-height:70px!important}
 #mobileFire{right:21%!important;bottom:21%!important;width:84px!important;height:84px!important}
 #mobileJump{bottom:92px!important;width:62px!important;height:62px!important}
 #mobileCrouch{width:74px!important;height:74px!important;min-width:74px!important;min-height:74px!important}
 #mobileDash{left:24px!important;top:20%!important;width:66px!important;height:66px!important}
 .mobile-pad{width:124px;height:124px;left:max(16px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom))}
 #slidebar{top:59%!important;width:98px!important}
}
@media (pointer:coarse) and (orientation:landscape){
 .hudtop{left:42%;top:var(--mobile-top);gap:3px;transform:translateX(-50%) scale(.82);transform-origin:top center;z-index:74}
 .hudtop>div{min-width:56px;padding:5px 7px;font-size:7px}
 .clock b{font-size:15px}.clock span{font-size:6px}
}

/* v1.4.4 functional weapon HUD */
@media (pointer:coarse) and (orientation:landscape){
 #mobileDash{left:calc(max(22px,env(safe-area-inset-left)) + 58px)!important}
 .bottom .ammo#weaponHud{pointer-events:auto!important;touch-action:manipulation;cursor:pointer;transition:border-color .14s,box-shadow .14s,transform .10s,filter .14s}
 .bottom .ammo#weaponHud.reload-ready{border-color:rgba(112,239,255,.70);box-shadow:0 8px 25px rgba(0,0,0,.35),0 0 13px rgba(83,229,255,.18),inset 0 0 18px rgba(83,229,255,.09)}
 .bottom .ammo#weaponHud.hud-pressed{transform:scale(.975);filter:brightness(1.12)}
 .bottom .ammo#weaponHud.reload-denied{animation:weaponHudDenied .22s ease-out}
 .bottom .ammo#weaponHud[aria-disabled="true"]{cursor:default}
 #mobileReload{pointer-events:auto!important}
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:390px){#mobileDash{left:52px!important}}
@keyframes weaponHudDenied{0%,100%{transform:translateX(0)}35%{transform:translateX(-3px)}70%{transform:translateX(3px)}}

/* v1.5 premium landing page, live lobby, admin and seat controls */
#menu{background:
 radial-gradient(circle at 18% 18%,rgba(83,229,255,.11),transparent 28%),
 radial-gradient(circle at 82% 30%,rgba(46,105,255,.12),transparent 30%),
 linear-gradient(125deg,#03070d 0%,#07111d 54%,#040912 100%)}
.menu-noise{position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.landing-header{height:76px;background:rgba(3,9,16,.55);backdrop-filter:blur(18px);border-bottom:1px solid rgba(121,224,248,.12)}
.header-room-state{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.13em;color:#9eb2c6}.header-room-state>span{width:8px;height:8px;border-radius:50%;background:#465462;box-shadow:0 0 0 4px rgba(255,255,255,.025)}.header-room-state>span.online{background:#61ef9b;box-shadow:0 0 13px rgba(97,239,155,.7)}.header-room-state>span.waiting{background:#ffd15c;box-shadow:0 0 13px rgba(255,209,92,.55);animation:roomPulse 1.2s infinite}.header-room-state b{color:#e8f8ff}.header-room-state em{font-style:normal;margin-left:12px;color:#71859a}
.landing-main{height:calc(100% - 76px);grid-template-columns:minmax(0,1.2fr) minmax(320px,.58fr);gap:clamp(30px,5vw,84px);padding:clamp(28px,5vh,62px) clamp(28px,6vw,92px)}
.premium-hero{display:grid;align-content:center;gap:24px;min-width:0}.hero-copy h1{font-size:clamp(58px,7.2vw,116px)}.hero-copy>p:not(.eyebrow){max-width:680px;font-size:clamp(13px,1.15vw,17px)}
.live-room-card{width:min(680px,100%);padding:18px 20px;border-color:rgba(83,229,255,.26);background:linear-gradient(135deg,rgba(9,23,37,.88),rgba(4,11,19,.92));box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.03)}
.live-room-head,.live-room-foot{display:flex;align-items:center;justify-content:space-between;gap:16px}.live-room-head>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.live-room-head small{font-size:8px;color:#7f94a9;letter-spacing:.16em}.live-room-head b{grid-column:2;font-size:14px;letter-spacing:.08em}.live-room-head em{font-style:normal;font-size:19px;font-weight:900;color:var(--a)}.pulse-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#5cf1a0;box-shadow:0 0 13px rgba(92,241,160,.8);animation:roomPulse 1.35s infinite}.live-room-foot{padding-top:11px;margin-top:10px;border-top:1px solid rgba(255,255,255,.07);font-size:8px;letter-spacing:.13em;color:#7890a5}.live-room-foot b.online{color:#69f0a2}.live-room-foot b.waiting{color:#ffd15c}.live-room-foot b.offline{color:#ff6c85}
.activity-feed{display:grid;gap:6px;overflow:auto;scrollbar-width:thin;scrollbar-color:#29465a transparent}.landing-activity{height:124px;margin-top:13px}.activity-item{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:8px 9px;background:rgba(5,14,23,.72);border:1px solid rgba(126,188,211,.09);font-size:9px;color:#b8c9d7}.activity-item i{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:rgba(83,229,255,.09);color:var(--a);font-style:normal;font-weight:900}.activity-item time{font-size:7px;color:#60778d}.activity-item.join i,.activity-item.ready i{color:#6ff0a5}.activity-item.leave i{color:#ff6b83}.activity-item.admin i{color:#ffd563}.activity-item.seat i{color:#8ab9ff}.activity-empty{display:grid;place-items:center;height:100%;min-height:54px;color:#637a8f;font-size:9px;letter-spacing:.09em;text-align:center}
.premium-setup{position:relative;padding:24px 25px;border-color:rgba(123,199,225,.2);background:linear-gradient(160deg,rgba(13,28,44,.94),rgba(5,12,20,.96));box-shadow:0 35px 100px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.035)}.premium-setup:before{content:"";position:absolute;left:0;top:28px;width:3px;height:78px;background:linear-gradient(var(--a),transparent);box-shadow:0 0 18px rgba(83,229,255,.65)}.setup-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.setup-title-row h2{margin:3px 0 16px;font-size:25px}.admin-crown{display:none;place-items:center;width:40px;height:40px;border:1px solid rgba(255,214,99,.45);background:rgba(255,205,66,.08);color:#ffd76a;font-size:20px;box-shadow:0 0 20px rgba(255,205,66,.08)}.admin-crown.active{display:grid}.room-role-notice{display:grid;gap:3px;margin-top:9px;padding:9px 10px;border:1px solid rgba(131,173,202,.16);background:rgba(4,11,18,.56)}.room-role-notice b{font-size:7px;letter-spacing:.15em;color:#8da4b9}.room-role-notice span{font-size:8px;line-height:1.45;color:#6f8599}.room-role-notice.admin{border-color:rgba(255,211,86,.26);background:rgba(87,66,10,.12)}.room-role-notice.admin b{color:#ffd66c}.premium-setup select:disabled{opacity:.52;cursor:not-allowed}.premium-setup #deploy{background:linear-gradient(90deg,#58e7ff,#79f2c0);box-shadow:0 10px 28px rgba(83,229,255,.17)}
.premium-lobby{width:min(1120px,95vw);max-height:94vh;padding:26px;text-align:left}.lobby-topline{display:flex;align-items:center;justify-content:space-between;gap:20px}.lobby-topline h2{margin:4px 0 15px;font-size:34px}.lobby-admin-pill{display:flex;align-items:center;gap:10px;min-width:190px;padding:10px 13px;border:1px solid rgba(255,211,92,.25);background:linear-gradient(120deg,rgba(86,65,10,.19),rgba(6,14,22,.72))}.lobby-admin-pill>span{font-size:22px;color:#ffd766}.lobby-admin-pill small{display:block;font-size:7px;letter-spacing:.15em;color:#8d856e}.lobby-admin-pill b{display:block;margin-top:2px;font-size:11px;color:#f8e9b5}.lobby-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.65fr);gap:16px;margin-top:16px}.lobby-arena{min-width:0}.lobby-live{padding:13px;background:rgba(4,11,19,.72);border:1px solid rgba(123,191,216,.16)}.lobby-live-head{display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07);font-size:8px;letter-spacing:.15em;color:#b7cad7}.lobby-activity{height:310px;margin-top:9px}.lobby-teams section>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.lobby-teams section>header small{font-size:6px;color:#5e7489;letter-spacing:.11em}.roster-slot{width:100%;margin:0;border-top:0;border-right:0;border-bottom:0;color:#eef8ff;font:inherit;cursor:pointer;transition:transform .12s,border-color .12s,background .12s,opacity .12s}.roster-slot:hover{transform:translateX(2px);background:#0d2030}.roster-slot:active{transform:scale(.985)}.roster-slot.me{background:rgba(83,229,255,.09)}.roster-slot.me .slot-name b::after{content:none}.roster-slot .slot-name b u{color:#53e5ff;text-decoration:none;font-size:.62em;letter-spacing:.1em}.roster-slot .slot-name b em{color:#ffd76c;font-style:normal;font-size:.62em;letter-spacing:.08em}.roster-slot.open{opacity:.7}.roster-slot.open:hover{opacity:1}.lobby-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.lobby-actions button{margin:0}.premium-lobby #lobbyHelp{max-width:none;margin:14px 0 0;text-align:left}
@keyframes roomPulse{0%,100%{transform:scale(.85);opacity:.65}50%{transform:scale(1.08);opacity:1}}

@media(max-width:980px){.landing-main{grid-template-columns:1fr;overflow:auto;align-content:start;padding:28px}.premium-hero{grid-template-columns:1.15fr .85fr;align-items:end}.hero-copy h1{font-size:clamp(52px,9vw,82px)}.premium-setup{width:100%}.lobby-grid{grid-template-columns:1fr}.lobby-activity{height:150px}.lobby-live{order:2}}
@media(max-width:720px){.landing-header{height:64px;padding:0 16px}.landing-header .logo span{font-size:11px}.landing-header .logo small{font-size:6px}.header-room-state em{display:none}.landing-main{height:calc(100% - 64px);padding:18px 14px 28px;gap:18px}.premium-hero{display:grid;grid-template-columns:1fr;gap:15px}.hero-copy h1{font-size:clamp(46px,15vw,70px);line-height:.85}.hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.55}.features{margin-top:16px}.features span{font-size:7px;padding:7px 8px}.live-room-card{padding:13px}.landing-activity{height:108px}.premium-setup{padding:19px 16px}.setup-title-row h2{font-size:22px}.premium-lobby{padding:17px 13px;width:96vw}.lobby-topline{align-items:flex-start}.lobby-topline h2{font-size:25px}.lobby-admin-pill{min-width:132px;padding:8px}.lobby-admin-pill>span{font-size:17px}.lobby-teams{grid-template-columns:1fr}.lobby-teams .versus{padding:2px;text-align:center}.lobby-teams section{min-height:0}.lobby-actions{grid-template-columns:1fr}.lobby-activity{height:130px}.activity-item{font-size:8px}.activity-item time{display:none}}
@media (pointer:coarse) and (orientation:landscape){#menu{overflow:auto}.landing-header{height:54px;padding:0 18px}.landing-main{height:auto;min-height:calc(100% - 54px);grid-template-columns:1.05fr .72fr;gap:18px;padding:14px 18px 20px;align-items:start}.premium-hero{display:block}.hero-copy h1{font-size:clamp(36px,8.5vw,58px)}.hero-copy>p:not(.eyebrow){font-size:9px;line-height:1.45}.features{margin-top:10px}.features span{padding:5px 7px;font-size:6px}.live-room-card{margin-top:12px;padding:10px}.landing-activity{height:70px}.activity-item{padding:5px 6px}.premium-setup{padding:13px 14px}.premium-setup label{margin:7px 0}.premium-setup select,.premium-setup input{padding:7px;margin-top:4px}.setup-title-row h2{font-size:18px;margin-bottom:8px}.premium-setup button{padding:9px}.room-role-notice{padding:6px}.premium-lobby{max-height:96vh;overflow:auto;padding:13px}.lobby-topline h2{font-size:22px;margin-bottom:8px}.lobby-grid{grid-template-columns:1fr .52fr;gap:9px;margin-top:9px}.lobby-teams{gap:7px}.lobby-teams section{padding:8px;min-height:0}.roster-slot{padding:5px 6px}.lobby-activity{height:190px}.premium-lobby #lobbyHelp{font-size:8px;margin-top:7px}.lobby-actions{margin-top:8px}}

/* Individual precision status: same blue/green language as the in-match dot. */
.precision-state{display:inline-block;width:6px;height:6px;margin-left:5px;border-radius:50%;vertical-align:middle;background:#53e5ff;box-shadow:0 0 6px rgba(83,229,255,.72)}
.precision-state.on{background:#35e879;box-shadow:0 0 7px rgba(53,232,121,.78)}
.precision-state.off{background:#53e5ff}

/* v1.6 Eclipse Observatory + stable responsive lobby */
#menu.active{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain}
#menu .landing-header{position:sticky;top:0;z-index:8;height:68px;padding:0 clamp(16px,4vw,52px);background:rgba(3,9,16,.90)}
.header-room-state em{display:none}
.landing-main{width:min(1220px,100%);height:auto!important;min-height:calc(100vh - 68px);margin:0 auto;grid-template-columns:minmax(0,1fr) minmax(340px,430px);gap:clamp(22px,4vw,58px);align-items:start;padding:clamp(24px,5vh,54px) clamp(18px,4vw,52px) 56px}
.premium-hero{align-content:start;gap:18px;padding-top:10px}.hero-copy h1{font-size:clamp(54px,7vw,92px);line-height:.84}.hero-copy>p:not(.eyebrow){max-width:620px;font-size:14px;line-height:1.55}.features{margin-top:18px}.features span{padding:7px 9px;font-size:8px}
.live-room-card{width:100%;padding:15px 16px}.landing-activity{height:104px}.premium-setup{width:100%;padding:21px 22px;align-self:start}.premium-setup label{margin:10px 0}.premium-setup #deploy{margin-top:13px}
.modal.active{overflow-y:auto;overscroll-behavior:contain;padding:12px}.premium-lobby{max-height:none!important;min-height:min-content;overflow:visible!important;margin:auto;width:min(1050px,96vw);padding:21px}.lobby-topline h2{font-size:29px}.lobby-grid{grid-template-columns:minmax(0,1.75fr) minmax(220px,.55fr);gap:12px}.lobby-activity{height:250px}.lobby-actions{position:sticky;bottom:0;padding-top:10px;background:linear-gradient(transparent,rgba(5,12,20,.98) 30%)}
.activity-item{padding:7px 8px}.activity-feed{scroll-behavior:smooth}.landingConnectionStatus.online{color:#69f0a2}
@media(max-height:760px) and (min-width:981px){.landing-main{padding-top:22px}.hero-copy h1{font-size:60px}.landing-activity{height:82px}.premium-setup{padding:17px 19px}.premium-setup label{margin:7px 0}.premium-setup select,.premium-setup input{padding:8px}.room-role-notice{padding:7px}.premium-lobby{padding:17px}.lobby-activity{height:190px}}
@media(max-width:980px){#menu .landing-header{height:60px}.landing-main{min-height:calc(100vh - 60px);grid-template-columns:1fr;padding:20px 18px 42px}.premium-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);align-items:start}.hero-copy h1{font-size:clamp(48px,9vw,72px)}.premium-setup{max-width:none}.lobby-grid{grid-template-columns:1fr}.lobby-live{order:2}.lobby-activity{height:135px}}
@media(max-width:720px){#menu .landing-header{position:sticky;height:56px}.landing-main{min-height:calc(100vh - 56px);padding:14px 11px 32px;gap:13px}.premium-hero{grid-template-columns:1fr;gap:12px}.hero-copy h1{font-size:48px}.hero-copy>p:not(.eyebrow){font-size:11px}.features{margin-top:11px}.features span{font-size:6px;padding:6px 7px}.live-room-card{padding:11px}.landing-activity{height:82px}.premium-setup{padding:15px 13px}.premium-setup label{margin:7px 0}.premium-lobby{width:97vw;padding:13px 10px}.lobby-topline{display:grid;grid-template-columns:1fr auto;gap:8px}.lobby-topline h2{font-size:22px;margin-bottom:7px}.lobby-admin-pill{min-width:112px;padding:7px}.lobby-summary{gap:5px}.lobby-grid{margin-top:9px}.lobby-activity{height:105px}.lobby-actions{grid-template-columns:1fr 1fr;gap:7px}.lobby-actions button{padding:9px 7px;font-size:8px}}
@media (pointer:coarse) and (orientation:landscape){#menu.active{overflow-y:auto!important}.landing-main{height:auto!important;min-height:calc(100vh - 52px);grid-template-columns:minmax(0,1fr) minmax(290px,.75fr);padding:10px 14px 24px}.premium-hero{display:block}.hero-copy h1{font-size:38px}.hero-copy>p:not(.eyebrow){font-size:8px}.features{margin-top:8px}.live-room-card{margin-top:9px}.landing-activity{height:58px}.premium-setup{padding:11px 12px}.premium-lobby{max-height:none!important;overflow:visible!important}.lobby-grid{grid-template-columns:1fr .48fr}.lobby-activity{height:150px}}

/* v1.7.8 human-operator and eco-renderer polish */
body.killcam-active #scopeOverlay,
body.killcam-active #hitmarker,
body.killcam-active #slidebar{opacity:0!important}
body.killcam-active #death{background:linear-gradient(180deg,rgba(2,5,9,.08),rgba(2,5,9,.18) 54%,rgba(2,5,9,.76));place-content:end center;padding:0 0 7vh}
#killcamTag{display:block;color:var(--a);font-size:10px;font-weight:900;letter-spacing:.22em;margin-bottom:10px;text-transform:uppercase}
#death h2{font-size:38px;letter-spacing:.04em;text-shadow:0 2px 18px rgba(0,0,0,.85)}
#death p{margin:7px 0 5px;font-weight:700}
#death b{font-size:10px;letter-spacing:.16em;color:#d5e3ef}
.hudtop .friendly-score{border-bottom:2px solid var(--a);box-shadow:inset 0 -12px 22px rgba(83,229,255,.06)}
.score-head{position:sticky;top:0;z-index:2;background:#0a121c}
.score-team{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;margin-top:8px;border-left:3px solid;font-size:10px;letter-spacing:.13em;background:rgba(255,255,255,.035)}
.score-team.blue{border-color:#53e5ff;color:#7eeaff}
.score-team.red{border-color:#ff4e6e;color:#ff7890}
.score-team span{font-size:9px;color:#9eacba}
.score-row.blue>span:nth-child(2){border-left:2px solid rgba(83,229,255,.45);padding-left:9px}
.score-row.red>span:nth-child(2){border-left:2px solid rgba(255,78,110,.45);padding-left:9px}
.score-row em{font-size:8px;font-style:normal;color:var(--a);letter-spacing:.12em}
@media(max-width:850px){
 body.killcam-active #death{padding-bottom:12vh}
 #death h2{font-size:30px}
 #killcamTag{font-size:8px}
}

/* v1.8.3 performance telemetry */
#fpsCounter{position:fixed;right:18px;top:78px;z-index:45;min-width:66px;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(3,8,12,.72);backdrop-filter:blur(5px);font:800 12px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;text-align:center;color:#d6f4ff;pointer-events:none;box-shadow:0 4px 18px rgba(0,0,0,.28)}
#fpsCounter[data-level=good]{color:#7ef0b6;border-color:rgba(126,240,182,.42)}#fpsCounter[data-level=fair]{color:#ffd36a;border-color:rgba(255,211,106,.42)}#fpsCounter[data-level=poor]{color:#ff7c8c;border-color:rgba(255,124,140,.5)}
@media(pointer:coarse){#fpsCounter{top:10px;right:10px;min-width:58px;padding:5px 7px;font-size:10px;background:rgba(3,8,12,.62)}}

/* v1.8.5 frame-time hotfix / 90 FPS rendering / stable simulation */
.damage-number{left:0;top:0;contain:layout style paint;pointer-events:none;backface-visibility:hidden;transform-origin:center center}
#gl{image-rendering:auto}
@media(pointer:coarse){
 #gl{filter:none}
 #fpsCounter{backdrop-filter:none;-webkit-backdrop-filter:none}
}


/* v1.8.6 desktop focus-frame and compositor stability hotfix */
#gl,#gl:focus,#gl:focus-visible{outline:none!important;border:0!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}
#postFx,#postFx:before,#postFx:after{mix-blend-mode:normal!important}
#postFx:before{background:linear-gradient(180deg,rgba(88,194,221,.020),transparent 36%,rgba(20,38,50,.010))!important}


/* v1.8.8 screen-flash hotfix: neutral, frame-synchronised feedback only. */
#hud{isolation:isolate}
#damage{
  position:absolute;inset:0;pointer-events:none;visibility:hidden;opacity:0;
  background:radial-gradient(ellipse at 50% 50%,transparent 0,transparent 62%,rgba(92,0,18,.16) 82%,rgba(62,0,14,.34) 100%)!important;
  mix-blend-mode:normal!important;transition:none!important;filter:none!important;
  will-change:opacity;contain:strict;transform:translateZ(0);backface-visibility:hidden;
}
#postFx{background:radial-gradient(circle at 50% 46%,transparent 48%,rgba(0,5,11,.14) 83%,rgba(0,2,7,.30) 100%)!important;mix-blend-mode:normal!important}
#postFx:before,#postFx:after{content:none!important;display:none!important;background:none!important;animation:none!important;mix-blend-mode:normal!important}
#gl{outline:0!important;border:0!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important}

/* v2.9.19 — AAA CINEMATIC LANDING UI REBUILD
   Complete replacement of the previous landing/menu presentation.
   Gameplay HUD rules below this block remain intentionally isolated. */
#gl{
  filter:none!important;
  opacity:1!important;
  transform:none!important;
  isolation:isolate;
  background:#05060a;
}
#damage,#postFx,#postFx:before,#postFx:after{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  content:none!important;
  background:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  animation:none!important;
  transition:none!important;
}

#menu{
  --sl-bg:#08090d;
  --sl-panel:rgba(13,16,23,.82);
  --sl-panel-solid:#0d1017;
  --sl-panel-2:#111722;
  --sl-cyan:#20e7ff;
  --sl-cyan-soft:rgba(32,231,255,.18);
  --sl-cyan-line:rgba(32,231,255,.32);
  --sl-gold:#d6b86a;
  --sl-red:#ff5576;
  --sl-green:#62f0aa;
  --sl-ink:#f4f7fb;
  --sl-muted:#8992a3;
  --sl-line:rgba(255,255,255,.095);
  --sl-radius:20px;
  z-index:10;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scroll-behavior:smooth;
  background:rgba(5,6,10,.78)!important;
  color:var(--sl-ink);
  text-shadow:none;
}
#menu *{scroll-margin-top:86px}
#menu a{color:inherit;text-decoration:none}
#menu button,#menu select,#menu input{font-family:inherit}
#menu button:focus-visible,#menu a:focus-visible,#menu select:focus-visible,#menu input:focus-visible{outline:2px solid var(--sl-cyan);outline-offset:3px}

.sl-cinematic-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(90deg,rgba(5,6,10,.96) 0%,rgba(5,7,11,.78) 42%,rgba(6,8,13,.50) 68%,rgba(5,6,10,.78) 100%)}
.sl-cinematic-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 24%,rgba(32,231,255,.16),transparent 26%),radial-gradient(circle at 67% 72%,rgba(214,184,106,.06),transparent 22%),linear-gradient(to bottom,rgba(4,5,8,.18),rgba(4,5,8,.58) 62%,#08090d 100%)}
.sl-cinematic-bg:after{content:"";position:absolute;inset:-30%;opacity:.18;background-image:repeating-linear-gradient(115deg,transparent 0 68px,rgba(255,255,255,.025) 69px,transparent 70px),radial-gradient(circle,rgba(255,255,255,.18) 0 1px,transparent 1.2px);background-size:auto,6px 6px;transform:rotate(-4deg)}
.sl-cinematic-bg i{position:absolute;border:1px solid rgba(32,231,255,.11);transform:skewX(-22deg) rotate(-10deg);filter:drop-shadow(0 0 20px rgba(32,231,255,.08))}
.sl-cinematic-bg i:nth-child(1){width:42vw;height:18vh;right:-9vw;top:12vh}.sl-cinematic-bg i:nth-child(2){width:34vw;height:28vh;right:8vw;top:40vh;border-color:rgba(214,184,106,.08)}.sl-cinematic-bg i:nth-child(3){width:28vw;height:10vh;left:-8vw;bottom:16vh}
.sl-cinematic-bg b{position:absolute;width:30vw;height:30vw;right:7vw;top:18vh;border-radius:50%;background:radial-gradient(circle,rgba(32,231,255,.07),transparent 64%);filter:blur(18px);animation:slAmbient 8s ease-in-out infinite alternate}
@keyframes slAmbient{to{transform:translate3d(3vw,-2vh,0) scale(1.12);opacity:.65}}

.sl-nav{position:sticky!important;top:0!important;z-index:30!important;height:74px!important;padding:0 clamp(18px,3.5vw,58px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:26px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;background:rgba(8,9,14,.78)!important;backdrop-filter:blur(18px) saturate(130%)!important;-webkit-backdrop-filter:blur(18px) saturate(130%)!important;box-shadow:0 18px 50px rgba(0,0,0,.25)!important}
.sl-brand{display:flex;align-items:center;gap:11px;flex:0 0 auto}.sl-brand-mark{position:relative;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(32,231,255,.52);border-radius:11px;background:linear-gradient(145deg,rgba(32,231,255,.17),rgba(255,255,255,.025));color:var(--sl-cyan);font-weight:1000;font-style:italic;letter-spacing:-.08em;box-shadow:inset 0 0 20px rgba(32,231,255,.08),0 0 24px rgba(32,231,255,.08)}
.sl-brand-mark:after{content:"";position:absolute;right:-4px;bottom:-4px;width:10px;height:10px;border-right:1px solid var(--sl-gold);border-bottom:1px solid var(--sl-gold)}
.sl-brand-copy{display:grid;line-height:1}.sl-brand-copy b{font-size:14px;letter-spacing:.20em}.sl-brand-copy small{margin-top:6px;color:#697487;font-size:6px;letter-spacing:.31em}
.sl-nav-links{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.5vw,36px);margin-left:auto}.sl-nav-links a{position:relative;padding:27px 0;color:#8d96a8;font-size:8px;font-weight:900;letter-spacing:.15em;transition:.2s ease}.sl-nav-links a:after{content:"";position:absolute;left:50%;bottom:18px;width:0;height:1px;background:var(--sl-cyan);box-shadow:0 0 10px var(--sl-cyan);transform:translateX(-50%);transition:.2s ease}.sl-nav-links a:hover{color:#fff}.sl-nav-links a:hover:after{width:100%}
.sl-nav-right{display:flex;align-items:center;gap:14px;flex:0 0 auto}.sl-live-pill{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--sl-line);border-radius:12px;background:rgba(255,255,255,.025)}.sl-live-pill>span{width:7px;height:7px;border-radius:50%;background:#667080;box-shadow:0 0 0 4px rgba(102,112,128,.08)}.sl-live-pill>span.online{background:var(--sl-green);box-shadow:0 0 12px rgba(98,240,170,.7),0 0 0 4px rgba(98,240,170,.09)}.sl-live-pill>span.waiting{background:var(--sl-gold);box-shadow:0 0 10px rgba(214,184,106,.45)}.sl-live-pill small{color:#5f6879;font-size:6px;letter-spacing:.12em}.sl-live-pill b{color:#dce4ef;font-size:8px;letter-spacing:.08em}.sl-nav-right #profile{font-size:8px!important;color:#788396!important;font-style:normal;letter-spacing:.11em}.sl-nav-cta{display:grid;place-items:center;min-width:112px;height:40px;padding:0 17px;border:1px solid var(--sl-cyan-line);border-radius:12px;background:var(--sl-cyan);color:#031014!important;font-size:8px;font-weight:1000;letter-spacing:.13em;box-shadow:0 0 28px rgba(32,231,255,.18);transition:.2s ease}.sl-nav-cta:hover{transform:translateY(-1px) scale(1.025);filter:brightness(1.1);box-shadow:0 0 38px rgba(32,231,255,.30)}

.sl-page{position:relative;z-index:2;width:100%;min-height:100%;overflow:hidden}
.sl-hero{width:min(1500px,100%);min-height:calc(100svh - 74px);margin:0 auto;padding:clamp(42px,7vh,88px) clamp(20px,5vw,78px) clamp(54px,8vh,96px);display:grid;grid-template-columns:minmax(0,1.06fr) minmax(430px,.72fr);gap:clamp(36px,6vw,100px);align-items:center}
.sl-hero-copy{min-width:0;max-width:800px}.sl-kicker{display:flex;align-items:center;gap:10px;margin:0 0 20px!important;color:#8f9aac!important;font-size:8px!important;font-weight:900;letter-spacing:.18em}.sl-kicker span{color:var(--sl-cyan)}.sl-kicker b{padding:5px 8px;border:1px solid rgba(214,184,106,.25);border-radius:999px;color:var(--sl-gold);font-size:7px;letter-spacing:.14em;background:rgba(214,184,106,.05)}
.sl-hero h1{margin:0;font-size:clamp(68px,8.1vw,128px);line-height:.79;letter-spacing:-.068em;font-style:normal;font-weight:1000;text-transform:uppercase;text-wrap:balance}.sl-hero h1 span{display:inline-block;color:transparent;-webkit-text-stroke:1px rgba(244,247,251,.88);text-shadow:0 0 42px rgba(32,231,255,.11)}
.sl-hero-lead{max-width:670px;margin:28px 0 0!important;color:#969faf!important;font-size:clamp(13px,1.15vw,17px)!important;line-height:1.72!important}
.sl-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.sl-btn{width:auto!important;min-width:174px;height:50px;padding:0 24px!important;margin:0!important;border-radius:14px!important;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:8px;font-weight:1000;letter-spacing:.14em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,filter .2s ease}.sl-btn i{font-size:15px;font-style:normal;line-height:1}.sl-btn-primary{border:1px solid transparent;background:var(--sl-cyan);color:#031014!important;box-shadow:0 0 32px rgba(32,231,255,.17)}.sl-btn-primary:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.08);box-shadow:0 0 42px rgba(32,231,255,.28)}.sl-btn-ghost{border:1px solid rgba(32,231,255,.30);background:rgba(8,12,18,.48);color:#dce8ef!important;backdrop-filter:blur(12px)}.sl-btn-ghost:hover{transform:translateY(-2px);background:rgba(32,231,255,.10);border-color:rgba(32,231,255,.65)}
.sl-hero-metrics{display:flex;align-items:center;gap:19px;margin-top:42px;max-width:620px}.sl-hero-metrics span{display:grid;gap:4px}.sl-hero-metrics b{font-size:22px;line-height:1}.sl-hero-metrics small{color:#657083;font-size:6px;letter-spacing:.15em}.sl-hero-metrics>i{width:1px;height:32px;background:linear-gradient(transparent,rgba(32,231,255,.35),transparent)}
.sl-scroll-cue{display:inline-flex;align-items:center;gap:10px;margin-top:36px;color:#596476!important;font-size:6px;font-weight:900;letter-spacing:.18em}.sl-scroll-cue i{position:relative;width:18px;height:29px;border:1px solid rgba(255,255,255,.18);border-radius:10px}.sl-scroll-cue i:after{content:"";position:absolute;left:50%;top:6px;width:2px;height:5px;border-radius:2px;background:var(--sl-cyan);transform:translateX(-50%);animation:slScroll 1.5s ease-in-out infinite}@keyframes slScroll{60%{transform:translate(-50%,8px);opacity:.15}}

.sl-terminal{position:relative!important;width:100%!important;max-width:540px!important;justify-self:end!important;padding:25px!important;margin:0!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(17,22,31,.92),rgba(8,11,17,.88))!important;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);box-shadow:0 34px 100px rgba(0,0,0,.50),inset 0 1px rgba(255,255,255,.04)!important;overflow:hidden}
.sl-terminal:before{content:"";position:absolute;left:0;top:28px;width:2px;height:78px;background:linear-gradient(var(--sl-cyan),transparent);box-shadow:0 0 14px rgba(32,231,255,.65)}.sl-terminal:after{content:"";position:absolute;right:-70px;top:-70px;width:180px;height:180px;border:1px solid rgba(32,231,255,.10);border-radius:50%}.sl-terminal-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 90% 4%,rgba(32,231,255,.09),transparent 24%),linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.018) 49%,transparent 50%)}
.sl-terminal-head{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.sl-terminal-head h2{margin:3px 0 0!important;color:#fff;font-size:31px!important;font-style:normal!important;letter-spacing:-.04em}.sl-terminal-head>div>p:last-child{max-width:360px;margin:8px 0 0;color:#7f8999;font-size:9px;line-height:1.5}.sl-terminal-eyebrow{margin:0;color:var(--sl-cyan);font-size:7px;font-weight:900;letter-spacing:.21em}.admin-crown{position:relative!important;z-index:2;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;flex:0 0 40px!important;border:1px solid rgba(214,184,106,.28)!important;border-radius:12px!important;background:rgba(214,184,106,.055)!important;color:var(--sl-gold)!important;box-shadow:inset 0 0 18px rgba(214,184,106,.04)!important}
.play-path-switch{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.play-path{position:relative;display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;height:64px!important;margin:0!important;padding:0 12px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:15px!important;background:rgba(7,10,15,.76)!important;color:#8792a3!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important;touch-action:manipulation;transition:.18s ease}.play-path>*{pointer-events:none}.play-path>i{width:9px;height:9px;flex:0 0 9px;border:2px solid #566173;border-radius:50%;box-shadow:0 0 0 4px rgba(86,97,115,.08)}.play-path span{display:grid;gap:4px;min-width:0}.play-path b{color:#dfe5ed;font-size:9px;letter-spacing:.095em;white-space:nowrap}.play-path small{overflow:hidden;color:#626d7d;font-size:5.5px;letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis}.play-path>em{position:absolute;right:9px;top:8px;padding:3px 5px;border-radius:999px;background:rgba(255,255,255,.045);color:#667184;font-size:5px;font-style:normal;font-weight:900;letter-spacing:.12em}.play-path:hover{transform:translateY(-1px);border-color:rgba(32,231,255,.26)!important;background:rgba(14,21,29,.88)!important}.play-path.active{border-color:rgba(32,231,255,.55)!important;background:linear-gradient(145deg,rgba(15,39,48,.92),rgba(7,14,21,.92))!important;box-shadow:inset 0 0 24px rgba(32,231,255,.045),0 0 24px rgba(32,231,255,.05)!important}.play-path.active>i{border-color:var(--sl-cyan);background:var(--sl-cyan);box-shadow:0 0 14px rgba(32,231,255,.8),0 0 0 4px rgba(32,231,255,.08)}.play-path.active b{color:#fff}.play-path.active>em{color:var(--sl-cyan);background:rgba(32,231,255,.08)}.play-path.recommended{border-color:rgba(214,184,106,.58)!important;box-shadow:0 0 24px rgba(214,184,106,.08)!important}
.room-full-hint{display:none;margin-top:9px;padding:9px 11px;border:1px solid rgba(214,184,106,.2);border-radius:10px;background:rgba(214,184,106,.05);color:#a8adba;font-size:7px;line-height:1.45}.room-full-hint.show{display:flex;gap:8px}.room-full-hint b{color:var(--sl-gold)}
.sl-terminal-fields{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:18px}.sl-terminal label{margin:0!important;color:#778294!important;font-size:7px!important;font-weight:900!important;letter-spacing:.14em!important}.sl-terminal select,.sl-terminal input:not([type="range"]){width:100%;height:42px;margin-top:7px!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:11px!important;background:rgba(5,8,13,.76)!important;color:#edf3fa!important;outline:none!important;transition:.18s ease}.sl-terminal select:hover,.sl-terminal input:not([type="range"]):hover{border-color:rgba(32,231,255,.25)!important}.sl-terminal select:focus,.sl-terminal input:not([type="range"]):focus{border-color:rgba(32,231,255,.62)!important;box-shadow:0 0 0 3px rgba(32,231,255,.07)!important}.sl-terminal option{background:#0b0e14}.sl-bots{position:relative;z-index:2;display:block;margin-top:14px!important}.sl-bots output{color:var(--sl-cyan)!important}.sl-bots input{height:18px!important;margin-top:7px!important;border:0!important;background:transparent!important;accent-color:var(--sl-cyan)}
.sl-online-panel{position:relative;z-index:2;margin:14px 0 0!important;padding:12px!important;border:1px solid rgba(32,231,255,.12)!important;border-radius:14px!important;background:rgba(4,8,13,.58)!important}.sl-online-panel .field-hint{display:block;margin-top:6px;color:#5f6979;font-size:6px;letter-spacing:.07em}.sl-online-panel .lan-status-row{margin-top:10px}.sl-online-panel .room-role-notice{margin-top:8px}.sl-online-panel .share-url{margin-top:8px}.required-mark{color:var(--sl-gold)!important}
.sl-room-snapshot{position:relative;z-index:2;margin-top:14px;padding:12px 13px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(6,9,14,.60)}.sl-room-top,.sl-room-foot{display:flex;align-items:center;justify-content:space-between;gap:14px}.sl-room-top>div{display:grid;gap:4px;min-width:0}.sl-room-top small{color:#596475;font-size:6px;letter-spacing:.15em}.sl-room-top b{overflow:hidden;color:#dfe8f2;font-size:8px;letter-spacing:.07em;white-space:nowrap;text-overflow:ellipsis}.sl-room-top em{flex:0 0 auto;color:var(--sl-cyan);font-size:11px;font-style:normal;font-weight:900}.sl-room-snapshot .landing-activity{height:58px!important;margin:9px 0!important;overflow:auto}.sl-room-foot{padding-top:8px;border-top:1px solid rgba(255,255,255,.06);color:#647082;font-size:6px;letter-spacing:.10em}.sl-room-foot b{color:#8b96a6}.sl-room-foot b.online{color:var(--sl-green)}.sl-room-foot b.waiting{color:var(--sl-gold)}.sl-room-foot b.offline{color:#8490a1}
#menu .activity-item{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;min-height:28px!important;padding:5px 7px!important;border:0!important;border-radius:8px!important;background:rgba(255,255,255,.028)!important}.activity-item i{display:grid!important;place-items:center!important;width:20px!important;height:20px!important;border-radius:7px!important;background:rgba(32,231,255,.08)!important;color:var(--sl-cyan)!important}.activity-item span{font-size:6px!important;color:#a6afbc!important}.activity-item time{font-size:5px!important;color:#586273!important}.activity-feed{scrollbar-color:rgba(32,231,255,.25) transparent}
.sl-terminal-actions{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(108px,.65fr);gap:9px;margin-top:14px}.sl-terminal-actions button{display:flex!important;align-items:center!important;justify-content:center!important;height:46px!important;min-width:0!important;margin:0!important;padding:0 12px!important;border-radius:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:8px!important;line-height:1!important;letter-spacing:.12em!important;transition:.18s ease}.sl-terminal-actions #deploy{border:1px solid transparent!important;background:var(--sl-cyan)!important;color:#031014!important;box-shadow:0 0 26px rgba(32,231,255,.14)!important}.sl-terminal-actions #deploy:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 0 35px rgba(32,231,255,.25)!important}.sl-terminal-actions #deploy:disabled{opacity:.55!important;cursor:default!important;filter:saturate(.55)!important;box-shadow:none!important}.sl-terminal-actions #settingsBtn{border:1px solid rgba(255,255,255,.11)!important;background:rgba(255,255,255,.035)!important;color:#cbd3df!important}.sl-terminal-actions #settingsBtn:hover{border-color:rgba(32,231,255,.30)!important;background:rgba(32,231,255,.065)!important}.sl-terminal-note{position:relative;z-index:2;margin:10px 0 0!important;text-align:center;color:#556071;font-size:5.5px;letter-spacing:.09em;line-height:1.45}

.sl-trust{position:relative;z-index:2;min-height:74px;padding:18px clamp(20px,5vw,78px);display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.5vw,34px);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:rgba(5,7,11,.86);backdrop-filter:blur(14px);color:#626d7d}.sl-trust span{color:#4d5766;font-size:6px;font-weight:900;letter-spacing:.22em}.sl-trust b{font-size:8px;letter-spacing:.14em}.sl-trust i{width:1px;height:16px;background:rgba(255,255,255,.08)}
.sl-section{position:relative;z-index:2;width:min(1360px,100%);margin:0 auto;padding:clamp(76px,9vw,126px) clamp(20px,5vw,72px)}.sl-section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.sl-section-head>div>p{margin:0 0 11px;color:var(--sl-cyan);font-size:7px;font-weight:900;letter-spacing:.2em}.sl-section-head h2{margin:0;font-size:clamp(35px,4.2vw,62px);line-height:.93;letter-spacing:-.045em}.sl-section-head h2 span{color:var(--sl-cyan)}.sl-section-head>p{max-width:410px;margin:0;color:#747f90;font-size:10px;line-height:1.7}
.sl-bento{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:minmax(220px,1fr) minmax(220px,1fr);gap:14px}.sl-bento-card{position:relative;min-height:220px;padding:26px;border:1px solid rgba(255,255,255,.085);border-radius:22px;background:linear-gradient(145deg,rgba(18,22,31,.82),rgba(8,11,16,.72));backdrop-filter:blur(12px);overflow:hidden;box-shadow:0 26px 60px rgba(0,0,0,.18);transition:.25s ease}.sl-bento-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 10%,rgba(32,231,255,.08),transparent 26%);opacity:.8}.sl-bento-card:hover{transform:translateY(-4px);border-color:rgba(32,231,255,.24);box-shadow:0 30px 72px rgba(0,0,0,.28),0 0 30px rgba(32,231,255,.035)}.sl-bento-large{grid-row:1/3}.sl-bento-wide{grid-column:2/4}.sl-card-index{position:absolute;right:22px;top:20px;color:#3e4857;font-size:7px;letter-spacing:.15em}.sl-card-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(32,231,255,.25);border-radius:14px;background:rgba(32,231,255,.05);color:var(--sl-cyan);font-size:20px}.sl-bento-card h3{position:relative;margin:54px 0 10px;font-size:18px;letter-spacing:-.02em}.sl-bento-card p{position:relative;max-width:440px;margin:0;color:#7f899a;font-size:10px;line-height:1.7}.sl-bento-large h3{margin-top:110px;font-size:26px}.sl-card-lines{position:absolute;left:26px;right:26px;bottom:26px;display:grid;gap:7px}.sl-card-lines i{display:block;height:1px;background:linear-gradient(90deg,var(--sl-cyan),rgba(32,231,255,.05),transparent)}.sl-card-lines i:nth-child(2){width:72%}.sl-card-lines i:nth-child(3){width:44%}.sl-mini-map{position:absolute;right:24px;bottom:20px;width:160px;height:80px;border:1px solid rgba(32,231,255,.13);border-radius:13px;background:linear-gradient(90deg,transparent 48%,rgba(32,231,255,.05) 49% 51%,transparent 52%),linear-gradient(transparent 48%,rgba(32,231,255,.05) 49% 51%,transparent 52%);background-size:28px 28px}.sl-mini-map i{position:absolute;display:block;background:#283240;border:1px solid #465260}.sl-mini-map i:nth-child(1){left:12px;top:12px;width:46px;height:20px}.sl-mini-map i:nth-child(2){right:13px;top:9px;width:36px;height:28px}.sl-mini-map i:nth-child(3){left:49px;bottom:11px;width:55px;height:20px}.sl-mini-map i:nth-child(4){right:12px;bottom:10px;width:24px;height:20px}.sl-mini-map b{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:var(--sl-cyan);box-shadow:0 0 14px rgba(32,231,255,.8);transform:translate(-50%,-50%)}

.sl-gameplay{width:100%;max-width:none;padding-inline:0}.sl-gameplay .sl-section-head{width:min(1360px,100%);margin-left:auto;margin-right:auto;padding-inline:clamp(20px,5vw,72px)}.sl-carousel{display:flex;gap:16px;width:100%;padding:0 clamp(20px,5vw,72px) 15px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.sl-carousel::-webkit-scrollbar{display:none}.sl-shot{position:relative;flex:0 0 min(72vw,980px);aspect-ratio:16/7;min-height:300px;border:1px solid rgba(255,255,255,.09);border-radius:24px;overflow:hidden;scroll-snap-align:center;background-color:#0e1218;box-shadow:0 28px 70px rgba(0,0,0,.28)}.sl-shot:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,6,10,.92),transparent 48%),linear-gradient(90deg,rgba(5,6,10,.64),transparent 34%,rgba(5,6,10,.22));z-index:1}.sl-shot:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.035) 12.2% 14%,transparent 14.2% 24%),linear-gradient(0deg,transparent 0 62%,rgba(255,255,255,.035) 62% 63%,transparent 63%);mix-blend-mode:screen;opacity:.5}.sl-shot-estate{background:radial-gradient(circle at 66% 40%,rgba(32,231,255,.15),transparent 15%),linear-gradient(150deg,#15171a 0 22%,#292118 22% 28%,#12151a 28% 48%,#203427 48% 60%,#0a0e12 60%)}.sl-shot-refinery{background:radial-gradient(circle at 38% 32%,rgba(214,184,106,.16),transparent 18%),linear-gradient(135deg,#17130f 0 18%,#242a2e 18% 35%,#111418 35% 54%,#2a2018 54% 69%,#090b0e 69%)}.sl-shot-terminal{background:radial-gradient(circle at 62% 42%,rgba(232,194,123,.16),transparent 20%),linear-gradient(145deg,#25333b 0 18%,#4b4540 18% 39%,#72736d 39% 55%,#39454b 55% 72%,#151d23 72%)}.sl-shot-hud{position:absolute;left:28px;bottom:25px;z-index:3;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center}.sl-shot-hud b{grid-row:1/3;color:var(--sl-cyan);font-size:36px;letter-spacing:-.05em}.sl-shot-hud span{font-size:15px;font-weight:1000;letter-spacing:.06em}.sl-shot-hud em{color:#768092;font-size:7px;font-style:normal;letter-spacing:.14em}.sl-shot-reticle{position:absolute;left:50%;top:50%;z-index:3;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(32,231,255,.35);border-radius:50%;color:var(--sl-cyan);font-weight:100;transform:translate(-50%,-50%);box-shadow:0 0 28px rgba(32,231,255,.12)}.sl-progress-dots{display:flex;justify-content:center;gap:7px;margin-top:10px}.sl-progress-dots i{width:22px;height:2px;background:#2f3743}.sl-progress-dots i.active{background:var(--sl-cyan);box-shadow:0 0 10px rgba(32,231,255,.5)}

.sl-stats{position:relative;z-index:2;width:min(1220px,calc(100% - 40px));margin:16px auto 0;padding:34px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(255,255,255,.07);border-radius:22px;background:rgba(8,10,15,.72);backdrop-filter:blur(14px)}.sl-stats>div{display:grid;gap:6px;text-align:center;flex:1}.sl-stats b{font-size:clamp(28px,3vw,44px);line-height:1;color:#f6f8fb}.sl-stats span{color:#626d7d;font-size:6px;letter-spacing:.16em}.sl-stats>i{width:1px;height:42px;background:linear-gradient(transparent,rgba(32,231,255,.25),transparent)}

.sl-class-selector{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:rgba(8,11,16,.68);overflow:hidden}.sl-class-selector>input{position:absolute;opacity:0;pointer-events:none}.sl-class-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.07)}.sl-class-tabs label{position:relative;padding:18px 12px;color:#697486;font-size:7px;font-weight:900;letter-spacing:.11em;text-align:center;cursor:pointer;transition:.2s ease}.sl-class-tabs label:after{content:"";position:absolute;left:50%;bottom:-1px;width:0;height:2px;background:var(--sl-cyan);box-shadow:0 0 13px rgba(32,231,255,.65);transform:translateX(-50%);transition:.2s ease}.sl-class-tabs label:hover{color:#dfe6ef}.sl-class-panel{display:none;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px;min-height:390px;padding:45px}.sl-class-panel>div:last-child{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:7px 12px}.sl-class-panel small,.sl-class-panel h3,.sl-class-panel p{grid-column:1/3}.sl-class-panel small{color:var(--sl-cyan);font-size:7px;letter-spacing:.18em}.sl-class-panel h3{margin:8px 0 0;font-size:40px;letter-spacing:-.04em}.sl-class-panel p{max-width:500px;margin:4px 0 18px;color:#7e8999;font-size:10px;line-height:1.7}.sl-class-panel span{color:#626d7e;font-size:6px;font-weight:900;letter-spacing:.12em}.sl-class-panel b{overflow:hidden;color:var(--sl-cyan);font-size:7px;letter-spacing:.02em}.sl-weapon-art{position:relative;min-height:240px;border-radius:20px;background:radial-gradient(circle at 52% 50%,rgba(32,231,255,.12),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.025),transparent 60%)}.sl-weapon-art:before{content:"";position:absolute;left:10%;right:5%;top:48%;height:28px;border-radius:5px 18px 7px 5px;background:linear-gradient(90deg,#252d37,#5a6470 52%,#161b22 53% 73%,#303944);box-shadow:0 20px 50px rgba(0,0,0,.45);transform:skewX(-8deg)}.sl-weapon-art:after{content:"";position:absolute;left:44%;top:41%;width:68px;height:26px;border:7px solid #202831;border-bottom-width:4px;border-radius:18px 18px 5px 5px;box-shadow:inset 0 0 0 2px rgba(32,231,255,.14)}.sl-weapon-art i{position:absolute;display:block;background:#1c232c}.sl-weapon-art i:nth-child(1){left:23%;top:55%;width:24px;height:92px;transform:skewX(-11deg)}.sl-weapon-art i:nth-child(2){left:57%;top:56%;width:20px;height:72px;transform:skewX(13deg)}.sl-weapon-art i:nth-child(3){right:6%;top:47%;width:25%;height:15px;border-radius:0 12px 12px 0}.sl-class-panel.smg .sl-weapon-art:before{left:18%;right:12%;height:32px}.sl-class-panel.sniper .sl-weapon-art:before{left:5%;right:2%;height:20px}.sl-class-panel.sniper .sl-weapon-art:after{left:48%;width:92px;height:18px;border-radius:8px}.sl-class-panel.shotgun .sl-weapon-art:before{left:7%;right:3%;height:30px}.sl-class-panel.shotgun .sl-weapon-art:after{display:none}
#slClassAr:checked~.sl-class-tabs label[for="slClassAr"],#slClassSmg:checked~.sl-class-tabs label[for="slClassSmg"],#slClassSniper:checked~.sl-class-tabs label[for="slClassSniper"],#slClassShotgun:checked~.sl-class-tabs label[for="slClassShotgun"]{color:#fff;background:rgba(32,231,255,.035)}
#slClassAr:checked~.sl-class-tabs label[for="slClassAr"]:after,#slClassSmg:checked~.sl-class-tabs label[for="slClassSmg"]:after,#slClassSniper:checked~.sl-class-tabs label[for="slClassSniper"]:after,#slClassShotgun:checked~.sl-class-tabs label[for="slClassShotgun"]:after{width:64%}
#slClassAr:checked~.sl-class-stage .ar,#slClassSmg:checked~.sl-class-stage .smg,#slClassSniper:checked~.sl-class-stage .sniper,#slClassShotgun:checked~.sl-class-stage .shotgun{display:grid}

.sl-field-notes{position:relative;z-index:2;width:100%;overflow:hidden;padding:12px 0 70px}.sl-note-track{display:flex;gap:12px;width:max-content;animation:slMarquee 26s ease-in-out infinite alternate}.sl-note-track:hover{animation-play-state:paused}.sl-note-track article{width:360px;min-height:150px;padding:21px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(10,13,19,.70);backdrop-filter:blur(12px)}.sl-note-track small{color:var(--sl-gold);font-size:6px;letter-spacing:.15em}.sl-note-track b{display:block;margin-top:9px;font-size:12px;letter-spacing:.05em}.sl-note-track p{margin:12px 0 0;color:#727d8d;font-size:9px;line-height:1.65}@keyframes slMarquee{to{transform:translateX(-18%)}}
.sl-mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.sl-mode-cards article{position:relative;display:flex;flex-direction:column;min-height:320px;padding:29px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(150deg,rgba(17,21,30,.82),rgba(8,11,16,.78));box-shadow:0 25px 60px rgba(0,0,0,.18);transition:.22s ease}.sl-mode-cards article:hover{transform:translateY(-4px);border-color:rgba(32,231,255,.23)}.sl-mode-cards article.featured{transform:scale(1.035);border-color:rgba(32,231,255,.42);background:linear-gradient(150deg,rgba(16,35,43,.90),rgba(8,11,16,.82));box-shadow:0 25px 70px rgba(0,0,0,.28),0 0 36px rgba(32,231,255,.065)}.sl-mode-cards article.featured:hover{transform:translateY(-4px) scale(1.035)}.sl-mode-cards em{position:absolute;right:22px;top:-10px;padding:7px 10px;border-radius:999px;background:var(--sl-cyan);color:#041014;font-size:6px;font-style:normal;font-weight:1000;letter-spacing:.12em}.sl-mode-cards small{color:var(--sl-gold);font-size:6px;letter-spacing:.16em}.sl-mode-cards h3{margin:18px 0 12px;font-size:28px}.sl-mode-cards p{margin:0;color:#7b8596;font-size:10px;line-height:1.7}.sl-mode-cards a{display:grid;place-items:center;height:42px;margin-top:auto;border:1px solid rgba(32,231,255,.25);border-radius:12px;color:#dfe8ef!important;font-size:7px;font-weight:900;letter-spacing:.12em;transition:.2s ease}.sl-mode-cards a:hover{background:var(--sl-cyan);color:#041014!important;box-shadow:0 0 28px rgba(32,231,255,.15)}
.sl-final-cta{position:relative;z-index:2;width:min(1250px,calc(100% - 40px));margin:0 auto 85px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:24px;background:linear-gradient(115deg,var(--sl-cyan),#63f4ff 70%,#a5fbff);color:#041014;box-shadow:0 30px 80px rgba(32,231,255,.11);overflow:hidden}.sl-final-cta:after{content:"";position:absolute;right:-70px;top:-80px;width:260px;height:260px;border:1px solid rgba(4,16,20,.12);border-radius:50%}.sl-final-cta small{font-size:7px;font-weight:900;letter-spacing:.18em;opacity:.7}.sl-final-cta h2{max-width:760px;margin:8px 0 5px;font-size:clamp(28px,3vw,44px);letter-spacing:-.04em}.sl-final-cta p{margin:0;font-size:9px;opacity:.72}.sl-btn-dark{position:relative;z-index:2;flex:0 0 auto;border:1px solid rgba(4,16,20,.14);background:#070a0e;color:#f3f8fb!important;box-shadow:0 12px 28px rgba(0,0,0,.18)}.sl-btn-dark:hover{transform:translateY(-2px) scale(1.02);background:#111820}
.sl-footer{position:relative!important;z-index:2!important;width:100%!important;min-height:230px!important;height:auto!important;padding:44px clamp(20px,5vw,72px)!important;display:grid!important;grid-template-columns:1.6fr .7fr .7fr 1fr!important;align-items:start!important;gap:40px!important;border-top:1px solid rgba(255,255,255,.07)!important;border-bottom:0!important;background:#06070a!important}.sl-footer>div:not(.sl-brand):not(.sl-footer-meta){display:grid;gap:10px}.sl-footer>div>b{margin-bottom:5px;color:#d8dfe8;font-size:7px;letter-spacing:.16em}.sl-footer>div>a{color:#687384!important;font-size:8px}.sl-footer>div>a:hover{color:var(--sl-cyan)!important}.sl-footer-meta{display:grid;gap:7px;text-align:right}.sl-footer-meta span{color:#8691a1;font-size:7px;letter-spacing:.12em}.sl-footer-meta small{color:#4c5664;font-size:7px}

@keyframes slReveal{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@supports (animation-timeline:view()){
  .sl-reveal:not(.sl-hero-copy):not(.sl-terminal){animation:slReveal both linear;animation-timeline:view();animation-range:entry 4% cover 25%}
}

@media(max-width:1180px){
  .sl-nav-links{display:none}.sl-hero{grid-template-columns:minmax(0,1fr) minmax(400px,.82fr);gap:40px;padding-inline:34px}.sl-hero h1{font-size:clamp(62px,8vw,92px)}
  .sl-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}.sl-bento-large{grid-row:auto}.sl-bento-wide{grid-column:1/3}.sl-bento-large h3{margin-top:54px}
}
@media(max-width:860px){
  .sl-nav{height:64px!important;padding:0 16px!important}.sl-nav-right #profile,.sl-live-pill small{display:none}.sl-nav-cta{min-width:88px;height:36px;padding:0 11px}.sl-live-pill{padding:7px 8px}.sl-brand-mark{width:36px;height:36px}.sl-brand-copy b{font-size:11px}.sl-brand-copy small{font-size:5px}
  .sl-hero{min-height:auto;grid-template-columns:1fr;padding:45px 18px 70px}.sl-hero-copy{max-width:720px}.sl-hero h1{font-size:clamp(62px,14vw,96px)}.sl-terminal{max-width:720px!important;justify-self:stretch!important}.sl-scroll-cue{display:none}
  .sl-section-head{align-items:start;flex-direction:column;gap:14px}.sl-section-head>p{max-width:620px}
  .sl-shot{flex-basis:86vw;min-height:260px}.sl-class-panel{grid-template-columns:1fr;padding:28px}.sl-weapon-art{min-height:210px}.sl-mode-cards{grid-template-columns:1fr}.sl-mode-cards article.featured,.sl-mode-cards article.featured:hover{transform:none}.sl-mode-cards article{min-height:245px}.sl-final-cta{align-items:flex-start;flex-direction:column}.sl-footer{grid-template-columns:1.2fr 1fr 1fr!important}.sl-footer-meta{grid-column:1/4;text-align:left}
}
@media(max-width:620px){
  .sl-nav-right .sl-live-pill{display:none}.sl-nav-cta{min-width:82px}.sl-hero{padding-top:34px}.sl-kicker{margin-bottom:15px!important}.sl-hero h1{font-size:clamp(54px,17vw,82px)}.sl-hero-lead{margin-top:20px!important;font-size:12px!important}.sl-hero-actions{display:grid;grid-template-columns:1fr;margin-top:24px}.sl-btn{width:100%!important}.sl-hero-metrics{gap:12px;margin-top:27px}.sl-hero-metrics b{font-size:18px}.sl-hero-metrics small{font-size:5px}.sl-hero-metrics>i{height:26px}
  .sl-terminal{padding:18px!important;border-radius:19px!important}.sl-terminal-head h2{font-size:27px!important}.sl-terminal-head>div>p:last-child{font-size:8px}.play-path-switch{grid-template-columns:1fr}.play-path{height:58px!important}.play-path small{font-size:5.5px}.sl-terminal-fields{grid-template-columns:1fr 1fr;gap:9px}.sl-terminal select,.sl-terminal input:not([type="range"]){height:40px}.sl-room-top{align-items:flex-start;flex-direction:column;gap:5px}.sl-room-top em{font-size:10px}.sl-terminal-actions{grid-template-columns:1fr}.sl-terminal-actions button{height:44px!important}.sl-terminal-note{font-size:5px}
  .sl-trust{justify-content:flex-start;overflow-x:auto;padding-inline:18px;scrollbar-width:none}.sl-trust::-webkit-scrollbar{display:none}.sl-trust>*{flex:0 0 auto}.sl-section{padding:68px 16px}.sl-bento{grid-template-columns:1fr}.sl-bento-wide{grid-column:auto}.sl-bento-card{min-height:205px;padding:22px}.sl-mini-map{width:120px;height:70px}.sl-shot{flex-basis:91vw;aspect-ratio:4/3;min-height:250px}.sl-shot-hud{left:18px;bottom:17px}.sl-shot-hud b{font-size:28px}.sl-shot-hud span{font-size:11px}.sl-stats{display:grid;grid-template-columns:1fr 1fr;width:calc(100% - 32px);padding:24px 15px}.sl-stats>i{display:none}.sl-stats>div{padding:10px}.sl-class-tabs{grid-template-columns:1fr 1fr}.sl-class-tabs label{border-bottom:1px solid rgba(255,255,255,.05)}.sl-class-panel{padding:20px}.sl-class-panel h3{font-size:31px}.sl-class-panel>div:last-child{grid-template-columns:85px 1fr}.sl-weapon-art{min-height:180px}.sl-note-track article{width:290px}.sl-final-cta{width:calc(100% - 32px);margin-bottom:52px;padding:28px 22px}.sl-footer{grid-template-columns:1fr 1fr!important;padding:34px 18px!important}.sl-footer>.sl-brand{grid-column:1/3}.sl-footer-meta{grid-column:1/3}
}
@media(pointer:coarse) and (orientation:landscape) and (max-height:620px){
  .sl-nav{height:52px!important}.sl-brand-mark{width:32px;height:32px}.sl-nav-cta{height:32px}.sl-hero{grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:20px;padding:16px 18px 28px;align-items:start}.sl-hero-copy{padding-top:14px}.sl-kicker{margin-bottom:10px!important}.sl-hero h1{font-size:44px}.sl-hero-lead{margin-top:12px!important;font-size:8px!important;line-height:1.45!important}.sl-hero-actions{display:flex;margin-top:13px}.sl-btn{min-width:135px!important;width:auto!important;height:36px;padding:0 13px!important;font-size:6px}.sl-hero-metrics{margin-top:14px}.sl-hero-metrics b{font-size:15px}.sl-hero-metrics small{font-size:4.5px}.sl-scroll-cue{display:none}.sl-terminal{padding:13px!important;border-radius:16px!important}.sl-terminal-head h2{font-size:20px!important}.sl-terminal-head>div>p:last-child{display:none}.sl-terminal-eyebrow{font-size:5px}.admin-crown{width:30px!important;height:30px!important;flex-basis:30px!important}.play-path-switch{grid-template-columns:1fr 1fr;margin-top:9px;gap:6px}.play-path{height:42px!important;padding:0 8px!important}.play-path b{font-size:7px}.play-path small{font-size:4px}.play-path>em{font-size:4px;right:6px;top:5px}.sl-terminal-fields{margin-top:9px;gap:6px}.sl-terminal label{font-size:5px!important}.sl-terminal select,.sl-terminal input:not([type="range"]){height:31px;margin-top:4px!important;padding:0 7px!important;font-size:7px}.sl-bots{margin-top:7px!important}.sl-bots input{margin-top:2px!important}.sl-online-panel{margin-top:7px!important;padding:7px!important}.sl-online-panel .field-hint,.sl-online-panel .room-role-notice,.sl-online-panel .share-url{display:none}.sl-room-snapshot{margin-top:7px;padding:7px}.sl-room-snapshot .landing-activity{height:32px!important;margin:5px 0!important}.sl-room-top small,.sl-room-foot{font-size:4px}.sl-room-top b{font-size:6px}.sl-room-top em{font-size:7px}.sl-terminal-actions{margin-top:7px}.sl-terminal-actions button{height:32px!important;font-size:6px!important}.sl-terminal-note{display:none}.sl-section,.sl-trust,.sl-stats,.sl-field-notes,.sl-final-cta,.sl-footer{display:none!important}
}
/* v1.9.1 stable framebuffer presentation: keep the visible canvas on the normal synchronized compositor path. */
#gl{isolation:auto!important;contain:none!important;will-change:auto!important;backface-visibility:visible!important;background:#05080d!important}

/* v2.0 AR/SMG hip-fire reticle: visibly wider while ADS remains unchanged. */
#crosshair{transition:width .09s ease,height .09s ease,opacity .1s}
#crosshair.hip-wide{width:48px;height:48px}
#crosshair.hip-wide i:nth-child(1){left:0;top:23px}
#crosshair.hip-wide i:nth-child(2){right:0;top:23px}
#crosshair.hip-wide i:nth-child(3){left:23px;top:0}
#crosshair.hip-wide i:nth-child(4){left:23px;bottom:0}
#crosshair.hip-wide b{left:22.5px;top:22.5px}

/* STRIKELINE 2.9 — TRUE 3D WEAPON PRESENTATION
   No DOM weapon sprites, hybrid overlays, or fallback gun art are used. */
#scopeOverlay{z-index:76}
#scopeOverlay.scope-ar .scope-body,
#scopeOverlay.scope-smg .scope-body,
#scopeOverlay.scope-shotgun .scope-body{transform:translate(-50%,-64%)}
#scopeOverlay.scope-sniper .scope-body{transform:translate(-50%,-54%);z-index:3}
#scopeOverlay.scope-sniper .scope-mask{background:radial-gradient(circle at 50% 50%,transparent 0,transparent 34%,rgba(0,0,0,.70) 34.6%,rgba(0,0,0,.91) 51%,rgba(0,0,0,.94) 100%)}


/* STRIKELINE 2.9.1 — PROFESSIONAL HANDS / SINGLE-RETICLE / VISIBILITY PASS */
#scopeOverlay{z-index:74}
#scopeOverlay.scope-ar .scope-body,
#scopeOverlay.scope-smg .scope-body,
#scopeOverlay.scope-shotgun .scope-body,
#scopeOverlay.scope-sniper .scope-body{left:50%;top:50%;transform:translate(-50%,-50%)!important}
#crosshair.ads-hidden{opacity:0!important}
#hitmarker,#damageNumbers,#combatConfirm,#announce{z-index:90!important}
#killfeed,.bottom,#netStatus,#fpsCounter{z-index:82}
.damage-number{isolation:isolate;mix-blend-mode:normal}

/* v2.9.1 compact 3D ADS housings provide the frame; DOM supplies one reticle only. */
#scopeOverlay.scope-ar .scope-glass,#scopeOverlay.scope-smg .scope-glass,#scopeOverlay.scope-shotgun .scope-glass{border:0!important;box-shadow:none!important;background:transparent!important}


/* STRIKELINE 2.9.2 — COMPLETE FIRST-PERSON RIG / SINGLE CENTERED ADS RETICLE */
#scopeOverlay{z-index:78!important;display:none;opacity:0;transition:opacity .07s linear}
#scopeOverlay.active{display:block;opacity:1}
#scopeOverlay .scope-mask{background:transparent}
#scopeOverlay .scope-body{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;border:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}
#scopeOverlay .scope-glass,#scopeOverlay .optic-readout,#scopeOverlay .mil-dots{display:none!important}
#scopeOverlay.scope-ar .scope-body,#scopeOverlay.scope-smg .scope-body{width:54px!important;height:54px!important}
#scopeOverlay.scope-ar .reticle-lines i,#scopeOverlay.scope-smg .reticle-lines i{display:none!important}
#scopeOverlay.scope-ar .reticle-lines b,#scopeOverlay.scope-smg .reticle-lines b{display:block!important;left:50%!important;top:50%!important;width:4px!important;height:4px!important;transform:translate(-50%,-50%)!important;border:0!important;background:#ff526b!important;box-shadow:0 0 4px #ff526b,0 0 10px rgba(255,82,107,.45)!important}
#scopeOverlay.scope-shotgun .scope-body{width:68px!important;height:68px!important}
#scopeOverlay.scope-shotgun .reticle-lines i{display:none!important}
#scopeOverlay.scope-shotgun .reticle-lines b{display:block!important;left:50%!important;top:50%!important;width:22px!important;height:22px!important;transform:translate(-50%,-50%)!important;border:1px solid rgba(242,251,255,.88)!important;background:transparent!important;box-shadow:0 0 5px rgba(91,229,255,.25)!important}
#scopeOverlay.scope-sniper .scope-mask{background:radial-gradient(circle at 50% 50%,transparent 0,transparent 34%,rgba(0,0,0,.78) 34.5%,rgba(0,0,0,.96) 50%,#000 100%)!important}
#scopeOverlay.scope-sniper .scope-body{width:min(72vh,72vw)!important;height:min(72vh,72vw)!important;border-radius:50%!important;overflow:hidden!important;box-shadow:0 0 0 2px rgba(185,218,230,.34),inset 0 0 30px rgba(0,0,0,.42)!important}
#scopeOverlay.scope-sniper .scope-glass{display:block!important;inset:0!important;border-radius:50%!important;background:radial-gradient(circle,rgba(72,187,211,.025),rgba(0,0,0,.08) 74%,rgba(0,0,0,.24))!important}
#scopeOverlay.scope-sniper .reticle-lines i{display:block!important}
#scopeOverlay.scope-sniper .reticle-lines i:nth-child(1),#scopeOverlay.scope-sniper .reticle-lines i:nth-child(2){width:45%!important;height:1px!important;top:50%!important}
#scopeOverlay.scope-sniper .reticle-lines i:nth-child(1){left:0!important}#scopeOverlay.scope-sniper .reticle-lines i:nth-child(2){right:0!important}
#scopeOverlay.scope-sniper .reticle-lines i:nth-child(3),#scopeOverlay.scope-sniper .reticle-lines i:nth-child(4){height:45%!important;width:1px!important;left:50%!important}
#scopeOverlay.scope-sniper .reticle-lines i:nth-child(3){top:0!important}#scopeOverlay.scope-sniper .reticle-lines i:nth-child(4){bottom:0!important}
#scopeOverlay.scope-sniper .reticle-lines b{display:block!important;left:50%!important;top:50%!important;width:3px!important;height:3px!important;transform:translate(-50%,-50%)!important;border:0!important;background:#f4fbff!important;box-shadow:0 0 4px rgba(107,226,255,.65)!important}
#crosshair.ads-hidden{opacity:0!important;visibility:hidden!important}

/* v2.9.3 first-person presentation hardening */
#crosshair.ads-hidden{opacity:0!important;visibility:hidden!important}
#scopeOverlay{z-index:78!important;pointer-events:none!important}
#scopeOverlay.scope-ar .reticle-lines i,
#scopeOverlay.scope-smg .reticle-lines i,
#scopeOverlay.scope-shotgun .reticle-lines i{display:none!important}
#scopeOverlay.scope-ar .reticle-lines b,
#scopeOverlay.scope-smg .reticle-lines b{display:block!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:4px!important;height:4px!important;border:0!important;background:#ff526b!important}
#scopeOverlay.scope-shotgun .reticle-lines b{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}

/* v2.9.5 — dedicated ADS HUD plane: the weapon canvas can never occlude the reticle. */
#hud{z-index:30}
#scopeOverlay{
  position:fixed!important;
  inset:0!important;
  z-index:140!important;
  isolation:isolate;
  pointer-events:none!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  transition:opacity .055s linear!important;
}
#scopeOverlay.active{display:block!important}
#scopeOverlay .scope-mask{z-index:0!important}
#scopeOverlay .scope-body{
  left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  z-index:2!important;overflow:visible!important;
}
#scopeOverlay .reticle-lines{z-index:4!important;position:absolute!important;inset:0!important}
#scopeOverlay .reticle-lines b{z-index:5!important}
#scopeOverlay.scope-ar .scope-body{
  width:78px!important;height:60px!important;border-radius:9px!important;
  border:2px solid rgba(61,78,88,.96)!important;
  background:rgba(5,15,21,.22)!important;
  box-shadow:0 0 0 2px rgba(3,8,12,.86),inset 0 0 14px rgba(69,218,244,.08)!important;
}
#scopeOverlay.scope-smg .scope-body{
  width:62px!important;height:54px!important;border-radius:8px!important;
  border:2px solid rgba(61,78,88,.94)!important;
  background:rgba(5,15,21,.18)!important;
  box-shadow:0 0 0 2px rgba(3,8,12,.82),inset 0 0 12px rgba(69,218,244,.07)!important;
}
#scopeOverlay.scope-shotgun .scope-body{
  width:72px!important;height:72px!important;border-radius:50%!important;
  border:2px solid rgba(126,145,157,.88)!important;
  background:rgba(4,12,17,.12)!important;
  box-shadow:0 0 0 2px rgba(3,8,12,.68)!important;
}
#scopeOverlay.scope-ar .scope-glass,#scopeOverlay.scope-smg .scope-glass,#scopeOverlay.scope-shotgun .scope-glass{
  display:block!important;position:absolute!important;inset:5px!important;border:1px solid rgba(154,234,247,.18)!important;
  background:rgba(48,164,186,.035)!important;box-shadow:none!important;
}
#scopeOverlay.scope-ar .scope-glass,#scopeOverlay.scope-smg .scope-glass{border-radius:5px!important}
#scopeOverlay.scope-shotgun .scope-glass{border-radius:50%!important}
#scopeOverlay.scope-ar .reticle-lines i,#scopeOverlay.scope-smg .reticle-lines i{display:none!important}
#scopeOverlay.scope-ar .reticle-lines b,#scopeOverlay.scope-smg .reticle-lines b{
  display:block!important;left:50%!important;top:50%!important;width:5px!important;height:5px!important;
  transform:translate(-50%,-50%)!important;border:0!important;background:#ff4864!important;
  box-shadow:0 0 3px #fff,0 0 7px #ff4864,0 0 13px rgba(255,72,100,.45)!important;
}
#scopeOverlay.scope-shotgun .reticle-lines i{display:none!important}
#scopeOverlay.scope-shotgun .reticle-lines b{
  display:block!important;left:50%!important;top:50%!important;width:20px!important;height:20px!important;
  transform:translate(-50%,-50%)!important;border:1px solid rgba(242,251,255,.95)!important;border-radius:50%!important;
  background:transparent!important;box-shadow:0 0 4px rgba(83,229,255,.35)!important;
}
#scopeOverlay.scope-sniper{z-index:142!important}
#crosshair{z-index:100!important}
#crosshair.ads-hidden{opacity:0!important;visibility:hidden!important}
#hitmarker,#damageNumbers,#combatConfirm,#announce{z-index:160!important}

/* STRIKELINE 2.9.6 — PROFESSIONAL FPS PRESENTATION PASS
   One physical optic (the 3D weapon) + one HUD reticle. Desktop HUD is compact,
   aligned to safe edges, and avoids the previous oversized floating panels. */
#scopeOverlay.scope-ar .scope-body,
#scopeOverlay.scope-smg .scope-body,
#scopeOverlay.scope-shotgun .scope-body{
  width:34px!important;height:34px!important;
  left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;overflow:visible!important;
}
#scopeOverlay.scope-ar .scope-glass,
#scopeOverlay.scope-smg .scope-glass,
#scopeOverlay.scope-shotgun .scope-glass{display:none!important}
#scopeOverlay.scope-ar .reticle-lines,
#scopeOverlay.scope-smg .reticle-lines,
#scopeOverlay.scope-shotgun .reticle-lines{position:absolute!important;inset:0!important}
#scopeOverlay.scope-ar .reticle-lines i,
#scopeOverlay.scope-smg .reticle-lines i,
#scopeOverlay.scope-shotgun .reticle-lines i{display:none!important}
#scopeOverlay.scope-ar .reticle-lines b,
#scopeOverlay.scope-smg .reticle-lines b{
  display:block!important;left:50%!important;top:50%!important;
  width:4px!important;height:4px!important;transform:translate(-50%,-50%)!important;
  border:1px solid rgba(255,236,240,.70)!important;border-radius:50%!important;
  background:#ff405d!important;
  box-shadow:0 0 0 1px rgba(8,10,13,.60),0 0 5px rgba(255,64,93,.78)!important;
}
#scopeOverlay.scope-shotgun .reticle-lines b{
  display:block!important;left:50%!important;top:50%!important;
  width:20px!important;height:20px!important;transform:translate(-50%,-50%)!important;
  border:1.5px solid rgba(239,249,255,.92)!important;border-radius:50%!important;
  background:transparent!important;box-shadow:0 0 4px rgba(83,229,255,.28)!important;
}
#scopeOverlay.scope-sniper .scope-body{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}
#crosshair.ads-hidden{opacity:0!important;visibility:hidden!important}

@media (pointer:fine) and (min-width:851px){
  #hud{font-family:Segoe UI,Arial,sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.85)}
  #minimapWrap{
    left:16px;top:16px;width:150px!important;padding:6px!important;transform:none!important;
    border:1px solid rgba(132,207,228,.38)!important;border-radius:10px!important;clip-path:none!important;
    background:linear-gradient(145deg,rgba(5,12,19,.88),rgba(7,18,27,.78))!important;
    box-shadow:0 8px 28px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.025)!important;
    backdrop-filter:blur(5px);
  }
  #minimap{width:136px!important;height:136px!important;border-radius:6px}
  .map-frame{border:1px solid rgba(143,199,218,.24)!important;border-radius:7px!important}
  .map-caption{padding:6px 2px 0!important}
  .map-caption #mapName{font-size:7px!important;letter-spacing:.12em!important;color:#b5d9e6!important}
  .map-caption b{font-size:6px!important;color:#5e7888!important}

  .hudtop{top:16px!important;left:50%!important;transform:translateX(-50%)!important;gap:5px!important;z-index:96!important}
  .hudtop>div{
    min-width:88px!important;padding:7px 12px!important;border:1px solid rgba(122,166,190,.20)!important;
    background:rgba(5,12,19,.78)!important;box-shadow:0 7px 22px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(5px);font-size:10px!important;letter-spacing:.04em!important;
  }
  .hudtop .clock{min-width:118px!important;border-top:1px solid rgba(83,229,255,.72)!important}
  .hudtop .clock span{font-size:7px!important;color:#8198a7!important}
  .hudtop .clock b{font-size:18px!important;line-height:1.05!important}
  #blueScore{border-left:2px solid rgba(83,229,255,.75)!important}
  #redScore{border-right:2px solid rgba(255,78,110,.72)!important}

  #killfeed{right:18px!important;top:62px!important;width:285px!important;font-size:10px!important;z-index:92!important}
  #killfeed .feed{margin:4px 0!important;padding:5px 8px!important;border-right:1px solid rgba(83,229,255,.34)!important;background:linear-gradient(90deg,transparent,rgba(4,10,16,.70))!important}
  #fpsCounter{right:18px!important;top:18px!important;min-width:62px!important;padding:6px 8px!important;font-size:10px!important;border-radius:6px!important;background:rgba(4,10,16,.72)!important;z-index:97!important}

  .bottom{left:18px!important;right:18px!important;bottom:17px!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;opacity:1!important;pointer-events:none!important}
  .bottom .hud-card{
    clip-path:none!important;border-radius:9px!important;min-width:0!important;
    border:1px solid rgba(126,174,198,.24)!important;
    background:linear-gradient(120deg,rgba(5,12,19,.88),rgba(8,20,29,.72))!important;
    box-shadow:0 10px 30px rgba(0,0,0,.24),inset 0 0 18px rgba(83,229,255,.025)!important;
    backdrop-filter:blur(5px);
  }
  .bottom .health{
    width:235px!important;max-width:235px!important;padding:10px 12px 11px!important;text-align:left!important;
    border-left:2px solid rgba(83,229,255,.82)!important;
  }
  .bottom .ammo{
    width:276px!important;max-width:276px!important;padding:10px 13px 10px!important;text-align:right!important;
    border-right:2px solid rgba(83,229,255,.82)!important;pointer-events:auto!important;
  }
  .bottom .hud-label{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
  .bottom .hud-label small{font-size:8px!important;letter-spacing:.14em!important;color:#a9bcc9!important}
  .bottom .hud-label em{display:block!important;max-width:170px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:7px!important;letter-spacing:.09em!important;color:#60dff5!important}
  .bottom .health-row{display:flex!important;align-items:center!important;gap:11px!important;margin-top:7px!important}
  .bottom .health-row #hp{font-size:31px!important;line-height:.9!important;min-width:2.3ch!important}
  .bottom .health-track{width:150px!important;height:6px!important;border-radius:4px!important;background:rgba(112,132,145,.24)!important;overflow:hidden!important}
  .bottom .health-track i{box-shadow:0 0 7px rgba(83,229,255,.32)!important}
  .bottom .ammo-row{display:flex!important;justify-content:flex-end!important;align-items:baseline!important;gap:7px!important;margin-top:3px!important;line-height:1!important}
  .bottom .ammo-row b{font-size:39px!important;letter-spacing:-.035em!important}
  .bottom .ammo-row span{font-size:15px!important;color:#9db0bd!important;padding-bottom:2px!important}
  .bottom .hud-sub{display:block!important;height:10px!important;margin-top:5px!important;font-size:7px!important;letter-spacing:.12em!important;color:#66dff1!important}
  .weapon-silhouette{display:none!important}
  .weapon-reload-track{display:block!important;position:absolute!important;left:12px!important;right:12px!important;bottom:4px!important;height:2px!important;background:rgba(255,255,255,.08)!important;overflow:hidden!important}
  .weapon-reload-track i{display:block!important;height:100%!important;background:#53e5ff!important;box-shadow:0 0 8px rgba(83,229,255,.55)!important}

  #netStatus{
    display:flex!important;right:18px!important;left:auto!important;top:auto!important;bottom:112px!important;
    min-width:0!important;padding:6px 9px!important;border-radius:6px!important;gap:6px!important;
    border:1px solid rgba(117,154,181,.22)!important;background:rgba(4,10,16,.75)!important;
    font-size:7px!important;letter-spacing:.08em!important;z-index:93!important;backdrop-filter:blur(4px);
  }
  #netStatus b{display:block!important;font-size:7px!important;color:#d6e3eb!important}
  #netStatus em{font-size:8px!important;color:#8fa4b2!important;margin-left:2px!important}
  #netStatus span{width:7px!important;height:7px!important}

  #slidebar{left:50%!important;top:auto!important;bottom:24px!important;transform:translateX(-50%)!important;width:88px!important;height:4px!important;border:0!important;border-radius:4px!important;background:rgba(5,11,17,.48)!important;z-index:88!important}
  #slidebar span{bottom:8px!important;font-size:6px!important;letter-spacing:.16em!important;color:rgba(207,225,234,.54)!important}
  #slidebar i{border-radius:4px!important;box-shadow:0 0 7px rgba(83,229,255,.36)!important}
  #inputStatus{bottom:58px!important;border-radius:6px!important;padding:7px 10px!important;background:rgba(4,10,16,.78)!important;font-size:8px!important}
}


/* STRIKELINE 2.9.7 — TRUE PHYSICAL OPTIC / CLOSE FIRST-PERSON VIEWMODEL
   AR, SMG and shotgun never use a DOM scope/aim graphic. Their sight marker is
   rendered inside the 3D weapon. Only the sniper keeps a screen-space scope mask. */
#scopeOverlay.scope-ar,
#scopeOverlay.scope-smg,
#scopeOverlay.scope-shotgun{display:none!important;opacity:0!important;visibility:hidden!important}
#scopeOverlay:not(.scope-sniper){background:transparent!important}
@media (pointer:fine) and (min-width:851px){
  .bottom{left:18px!important;right:18px!important;bottom:16px!important}
  .bottom .health,.bottom .ammo{transform:scale(.92);transform-origin:bottom left}
  .bottom .ammo{transform-origin:bottom right}
}


/* STRIKELINE 2.9.8 — PREMIUM SCOPE / AIM CLARITY / FIRING FX PASS
   One aiming reference only. The 3D weapon keeps its authored optic housing; HUD provides
   the calibrated centre reticle so bullets, head aim and scope UI agree at screen centre. */
#scopeOverlay{position:absolute!important;inset:0!important;z-index:142!important;pointer-events:none!important;display:none!important;opacity:0;visibility:hidden;transition:opacity .065s linear!important}
#scopeOverlay.active{display:block!important;visibility:visible!important}
#scopeOverlay.scope-ar,#scopeOverlay.scope-smg,#scopeOverlay.scope-shotgun{display:block!important;visibility:visible!important;opacity:1!important;background:transparent!important}
#scopeOverlay.scope-ar .scope-mask,#scopeOverlay.scope-smg .scope-mask,#scopeOverlay.scope-shotgun .scope-mask{display:none!important}
#scopeOverlay.scope-ar .scope-body,#scopeOverlay.scope-smg .scope-body,#scopeOverlay.scope-shotgun .scope-body{
  position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  width:72px!important;height:72px!important;border:0!important;border-radius:50%!important;background:transparent!important;
  box-shadow:none!important;overflow:visible!important;
}
#scopeOverlay.scope-ar .scope-glass,#scopeOverlay.scope-smg .scope-glass,#scopeOverlay.scope-shotgun .scope-glass{display:none!important}
#scopeOverlay.scope-ar .reticle-lines,#scopeOverlay.scope-smg .reticle-lines,#scopeOverlay.scope-shotgun .reticle-lines{position:absolute!important;inset:0!important;display:block!important}
#scopeOverlay.scope-ar .reticle-lines i,#scopeOverlay.scope-smg .reticle-lines i{display:block!important;position:absolute!important;background:rgba(242,249,255,.92)!important;box-shadow:0 0 3px rgba(0,0,0,.9)!important;border-radius:2px!important}
#scopeOverlay.scope-ar .reticle-lines i:nth-child(1),#scopeOverlay.scope-smg .reticle-lines i:nth-child(1){width:7px!important;height:1px!important;left:15px!important;top:35.5px!important}
#scopeOverlay.scope-ar .reticle-lines i:nth-child(2),#scopeOverlay.scope-smg .reticle-lines i:nth-child(2){width:7px!important;height:1px!important;right:15px!important;top:35.5px!important}
#scopeOverlay.scope-ar .reticle-lines i:nth-child(3),#scopeOverlay.scope-smg .reticle-lines i:nth-child(3){width:1px!important;height:7px!important;left:35.5px!important;top:15px!important}
#scopeOverlay.scope-ar .reticle-lines i:nth-child(4),#scopeOverlay.scope-smg .reticle-lines i:nth-child(4){width:1px!important;height:7px!important;left:35.5px!important;bottom:15px!important}
#scopeOverlay.scope-ar .reticle-lines b,#scopeOverlay.scope-smg .reticle-lines b{
  display:block!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  width:4px!important;height:4px!important;border-radius:50%!important;border:0!important;background:#ff3859!important;
  box-shadow:0 0 0 1px rgba(255,246,248,.76),0 0 5px #ff3859,0 0 12px rgba(255,56,89,.50)!important;
}
#scopeOverlay.scope-smg .reticle-lines:before{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);border:1px solid rgba(103,226,255,.52);border-radius:50%;box-shadow:0 0 8px rgba(83,229,255,.13)}
#scopeOverlay.scope-smg .reticle-lines b{background:#ff4966!important;width:3px!important;height:3px!important}
#scopeOverlay.scope-ar .optic-readout,#scopeOverlay.scope-smg .optic-readout{display:flex!important;position:absolute!important;left:50%!important;top:calc(50% + 48px)!important;transform:translateX(-50%)!important;gap:8px!important;align-items:center!important;padding:4px 7px!important;border:1px solid rgba(94,155,176,.22)!important;border-radius:4px!important;background:rgba(3,10,15,.42)!important;backdrop-filter:blur(3px)!important;color:#9cc4d2!important;font-size:6px!important;letter-spacing:.12em!important;white-space:nowrap!important;opacity:.72!important}
#scopeOverlay.scope-ar .optic-readout b,#scopeOverlay.scope-smg .optic-readout b{color:#61e7ff!important;font-size:6px!important}

/* Shotgun: circle is calculated from the same spread values used by firePlayer(). */
#scopeOverlay.scope-shotgun .scope-body{width:var(--shotgun-ring,58px)!important;height:var(--shotgun-ring,58px)!important;transition:width .08s ease,height .08s ease!important}
#scopeOverlay.scope-shotgun .reticle-lines{border:1.5px solid rgba(237,249,255,.92)!important;border-radius:50%!important;box-shadow:0 0 0 1px rgba(4,11,16,.52),0 0 9px rgba(83,229,255,.18),inset 0 0 9px rgba(83,229,255,.06)!important}
#scopeOverlay.scope-shotgun .reticle-lines:before,#scopeOverlay.scope-shotgun .reticle-lines:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}
#scopeOverlay.scope-shotgun .reticle-lines:before{width:var(--shotgun-inner,7px);height:var(--shotgun-inner,7px);border:1px solid rgba(255,255,255,.72);box-shadow:0 0 5px rgba(255,255,255,.20)}
#scopeOverlay.scope-shotgun .reticle-lines:after{width:2px;height:2px;background:#fff;box-shadow:0 0 5px rgba(255,255,255,.75)}
#scopeOverlay.scope-shotgun .reticle-lines i,#scopeOverlay.scope-shotgun .reticle-lines b{display:none!important}
#scopeOverlay.scope-shotgun .optic-readout{display:flex!important;position:absolute!important;left:50%!important;top:calc(50% + 54px)!important;transform:translateX(-50%)!important;gap:7px!important;padding:3px 6px!important;background:rgba(3,9,14,.38)!important;border:1px solid rgba(116,173,194,.18)!important;border-radius:4px!important;color:#a8c7d2!important;font-size:6px!important;letter-spacing:.12em!important;opacity:.66!important}
#scopeOverlay.scope-shotgun .optic-readout b{font-size:6px!important;color:#67e7ff!important}

/* Sniper: clean professional glass with unobstructed central headshot point. */
#scopeOverlay.scope-sniper{display:block!important;visibility:visible!important;background:transparent!important}
#scopeOverlay.scope-sniper .scope-mask{display:block!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 50% 50%,transparent 0,transparent min(35vh,35vw),rgba(0,0,0,.72) min(35.4vh,35.4vw),rgba(0,0,0,.97) min(48vh,48vw),#000 100%)!important}
#scopeOverlay.scope-sniper .scope-body{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(70vh,70vw)!important;height:min(70vh,70vw)!important;border-radius:50%!important;border:1px solid rgba(182,220,232,.38)!important;overflow:hidden!important;background:radial-gradient(circle,rgba(82,190,215,.035),rgba(2,8,12,.04) 70%,rgba(0,0,0,.23))!important;box-shadow:0 0 0 2px rgba(3,9,13,.92),inset 0 0 34px rgba(0,0,0,.36)!important}
#scopeOverlay.scope-sniper .scope-glass{display:block!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 47% 43%,rgba(177,240,255,.045),transparent 35%,rgba(20,70,82,.055) 72%,rgba(0,0,0,.20))!important}
#scopeOverlay.scope-sniper .reticle-lines{position:absolute!important;inset:0!important}
#scopeOverlay.scope-sniper .reticle-lines i{display:block!important;position:absolute!important;background:rgba(236,246,249,.82)!important;box-shadow:0 0 2px rgba(0,0,0,.88)!important}
#scopeOverlay.scope-sniper .reticle-lines i:nth-child(1),#scopeOverlay.scope-sniper .reticle-lines i:nth-child(2){width:44%!important;height:1px!important;top:50%!important}
#scopeOverlay.scope-sniper .reticle-lines i:nth-child(1){left:0!important}#scopeOverlay.scope-sniper .reticle-lines i:nth-child(2){right:0!important}
#scopeOverlay.scope-sniper .reticle-lines i:nth-child(3),#scopeOverlay.scope-sniper .reticle-lines i:nth-child(4){width:1px!important;height:44%!important;left:50%!important}
#scopeOverlay.scope-sniper .reticle-lines i:nth-child(3){top:0!important}#scopeOverlay.scope-sniper .reticle-lines i:nth-child(4){bottom:0!important}
#scopeOverlay.scope-sniper .reticle-lines b{display:block!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:3px!important;height:3px!important;border-radius:50%!important;background:#f8fcff!important;border:0!important;box-shadow:0 0 5px rgba(255,255,255,.56)!important}
#scopeOverlay.scope-sniper .reticle-lines:after{content:"";position:absolute;left:50%;top:50%;width:42px;height:42px;transform:translate(-50%,-50%);border:1px solid rgba(195,232,242,.15);border-radius:50%}
#scopeOverlay.scope-sniper .optic-readout{display:flex!important;position:absolute!important;left:50%!important;bottom:8%!important;top:auto!important;transform:translateX(-50%)!important;gap:10px!important;padding:5px 9px!important;border:1px solid rgba(145,196,211,.20)!important;border-radius:4px!important;background:rgba(2,8,12,.45)!important;color:#b8d0d9!important;font-size:6px!important;letter-spacing:.14em!important;opacity:.72!important}
#scopeOverlay.scope-sniper .optic-readout b{font-size:6px!important;color:#67e7ff!important}

/* Firing response: reticle blooms for a few frames without moving the aim point. */
#scopeOverlay.firing .reticle-lines{filter:drop-shadow(0 0 5px rgba(255,187,92,.30))}
#scopeOverlay.scope-ar.firing .reticle-lines b,#scopeOverlay.scope-smg.firing .reticle-lines b{transform:translate(-50%,-50%) scale(1.55)!important;box-shadow:0 0 0 1px #fff,0 0 8px #ff4d67,0 0 18px rgba(255,169,74,.52)!important}
#scopeOverlay.scope-shotgun.firing .reticle-lines{transform:scale(1.045);transform-origin:center;box-shadow:0 0 0 1px rgba(255,221,164,.44),0 0 14px rgba(255,174,72,.20),inset 0 0 11px rgba(255,194,100,.08)!important}
#crosshair.ads-hidden{opacity:0!important;visibility:hidden!important}
#hitmarker,#damageNumbers,#combatConfirm,#announce{z-index:170!important}

@media (pointer:coarse){
 #scopeOverlay.scope-ar .optic-readout,#scopeOverlay.scope-smg .optic-readout,#scopeOverlay.scope-shotgun .optic-readout{display:none!important}
 #scopeOverlay.scope-ar .scope-body,#scopeOverlay.scope-smg .scope-body{transform:translate(-50%,-50%) scale(.92)!important}
}


/* v2.9.8 FINAL OPTIC RULE — AR/SMG use the actual 3D optic emitter, never a second HUD aim. */
#scopeOverlay.scope-ar .reticle-lines,
#scopeOverlay.scope-smg .reticle-lines{display:none!important;filter:none!important}
#scopeOverlay.scope-ar.firing .reticle-lines,
#scopeOverlay.scope-smg.firing .reticle-lines{display:none!important}
#scopeOverlay.scope-ar .optic-readout,
#scopeOverlay.scope-smg .optic-readout{top:calc(50% + 58px)!important;opacity:.58!important}


/* v2.9.9 — AR/SMG scopes are 100% physical WebGL reflex sights. No DOM optic, label or fake aim. */
#scopeOverlay.scope-ar,#scopeOverlay.scope-smg{display:none!important;visibility:hidden!important;opacity:0!important}

/* v2.9.13 offline-first connection-state affordance */
.landing-v2-actions #deploy:disabled{opacity:.58!important;cursor:wait!important;filter:saturate(.55)!important;box-shadow:none!important}
body[data-play-path="offline"] .landing-v2-online{display:none!important}

/* v2.9.14 — reliable landing controls + centered single-line primary CTA */
.play-path-switch,.landing-v2-actions{position:relative;z-index:3}
.play-path{z-index:2;cursor:pointer!important;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent}
.play-path>*{pointer-events:none}
.play-path:focus-visible{outline:2px solid rgba(80,217,242,.9);outline-offset:2px}
.landing-v2-control:before{pointer-events:none}
.landing-v2-actions button{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1!important;font-size:clamp(8px,.72vw,11px)!important}
.landing-v2-actions #deploy{padding-inline:10px!important}
@media(max-width:720px){.landing-v2-actions button{font-size:9px!important;letter-spacing:.08em!important}}
@media(pointer:coarse) and (orientation:landscape){.landing-v2-actions button{font-size:8px!important;letter-spacing:.07em!important;line-height:1!important}}


/* v2.9.17: online errors stay visibly ONLINE and never masquerade as Bot Match. */
#lanDot.error,#headerLiveDot.error{background:#ff6b7f!important;border-color:#ff6b7f!important;box-shadow:0 0 0 4px rgba(255,107,127,.10),0 0 14px rgba(255,107,127,.32)!important}
#netStatus.error,#landingConnectionStatus.error{color:#ff899a!important;border-color:rgba(255,107,127,.42)!important}
body[data-play-path="online"] #playOnline{cursor:pointer!important}
body[data-play-path="online"] #deploy:disabled{cursor:default!important}

/* v2.9.19 landing boot-state and scroll-glass safeguards */
body[data-play-path="offline"] .sl-online-panel{display:none!important}
@supports (animation-timeline:scroll()) {
  .sl-nav{animation:slNavGlass linear both;animation-timeline:scroll(nearest);animation-range:0 180px}
  @keyframes slNavGlass{from{background:rgba(8,9,14,.28);box-shadow:none}to{background:rgba(8,9,14,.92);box-shadow:0 18px 50px rgba(0,0,0,.28)}}
}
@media (prefers-reduced-motion:reduce){#menu *{scroll-behavior:auto!important}.sl-cinematic-bg b,.sl-scroll-cue i:after,.sl-note-track{animation:none!important}.sl-reveal{animation:none!important}}


/* v2.9.21 — MATCH TERMINAL WIDTH / READABILITY CLEANUP
   Removes redundant nested landing cards, widens the setup terminal and raises type contrast
   without increasing the terminal's vertical footprint. */
#menu .sl-hero{
  grid-template-columns:minmax(0,1fr) minmax(620px,660px);
  gap:clamp(34px,4.4vw,70px);
}
#menu .sl-hero-copy{max-width:730px}
#menu .sl-terminal{
  max-width:660px!important;
  padding:25px 29px 23px!important;
}
#menu .sl-terminal-head h2{font-size:36px!important;line-height:.98!important}
#menu .sl-terminal-head>div>p:last-child{max-width:470px!important;font-size:11px!important;line-height:1.5!important;color:#a5afbd!important}
#menu .sl-terminal-eyebrow{font-size:8.5px!important;color:#63efff!important}
#menu .play-path-switch{gap:12px;margin-top:18px}
#menu .play-path{height:64px!important;padding:0 15px!important;gap:12px!important}
#menu .play-path>i{width:10px;height:10px;flex-basis:10px}
#menu .play-path b{font-size:11px!important;letter-spacing:.075em!important}
#menu .play-path small{font-size:7px!important;letter-spacing:.065em!important;color:#8792a2!important;text-overflow:clip!important}
#menu .play-path>em{right:11px;top:9px;font-size:5.8px!important;padding:4px 6px}
#menu .sl-terminal-fields{gap:12px 14px;margin-top:16px}
#menu .sl-terminal label{font-size:8.5px!important;color:#98a4b5!important;letter-spacing:.12em!important}
#menu .sl-terminal select,#menu .sl-terminal input:not([type="range"]){height:43px!important;margin-top:6px!important;padding:0 13px!important;font-size:10.5px!important;color:#f4f8fc!important}
#menu .sl-bots{margin-top:11px!important}
#menu .sl-bots input{margin-top:4px!important}
#menu .sl-online-panel{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(210px,.75fr);
  align-items:end;
  gap:16px;
  margin-top:12px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
#menu .sl-online-panel .field-hint{margin-top:5px;font-size:7px!important;color:#788496!important}
#menu .sl-online-panel .lan-status-row{
  min-height:43px;
  margin:0!important;
  padding:0 12px;
  border-left:1px solid rgba(32,231,255,.18);
  color:#aeb8c6;
  font-size:8px!important;
  letter-spacing:.085em!important;
  line-height:1.35;
}
#menu .sl-online-panel .lan-status-row span{width:9px;height:9px;flex:0 0 9px}
#menu .sl-terminal-runtime{display:none!important}
#menu .sl-room-snapshot{display:none!important}
#menu .sl-terminal-actions{grid-template-columns:minmax(0,1.72fr) minmax(120px,.55fr);gap:10px;margin-top:13px}
#menu .sl-terminal-actions button{height:47px!important;font-size:9.5px!important;letter-spacing:.11em!important}
#menu .sl-terminal-note{margin-top:8px!important;font-size:6.8px!important;color:#727e8f!important}
#menu .admin-crown{width:42px!important;height:42px!important;flex-basis:42px!important;font-size:16px!important}

@media(max-width:1180px) and (min-width:861px){
  #menu .sl-hero{grid-template-columns:minmax(0,1fr) minmax(520px,590px);gap:28px;padding-inline:28px}
  #menu .sl-terminal{max-width:590px!important;padding-inline:24px!important}
  #menu .play-path b{font-size:10px!important}
  #menu .play-path small{font-size:6.3px!important}
  #menu .sl-online-panel{grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr)}
}
@media(max-width:860px){
  #menu .sl-hero{grid-template-columns:1fr!important}
  #menu .sl-terminal{max-width:760px!important;width:100%!important;justify-self:stretch!important}
}
@media(max-width:620px){
  #menu .sl-terminal{padding:18px!important}
  #menu .sl-terminal-head h2{font-size:30px!important}
  #menu .sl-terminal-head>div>p:last-child{font-size:9.5px!important;color:#9ca7b7!important}
  #menu .sl-terminal-eyebrow{font-size:7.5px!important}
  #menu .play-path b{font-size:10px!important}
  #menu .play-path small{font-size:6.4px!important}
  #menu .sl-terminal label{font-size:7.5px!important}
  #menu .sl-terminal select,#menu .sl-terminal input:not([type="range"]){font-size:9.5px!important}
  #menu .sl-online-panel{grid-template-columns:1fr;gap:8px}
  #menu .sl-online-panel .lan-status-row{min-height:auto;padding:7px 0 0;border-left:0;border-top:1px solid rgba(32,231,255,.15);font-size:7.5px!important}
  #menu .sl-terminal-actions button{font-size:9px!important}
  #menu .sl-terminal-note{font-size:6px!important}
}
@media(pointer:coarse) and (orientation:landscape) and (max-height:620px){
  #menu .sl-hero{grid-template-columns:minmax(0,.78fr) minmax(430px,1.22fr)!important;gap:14px!important;padding:12px 14px 22px!important}
  #menu .sl-terminal{max-width:none!important;padding:11px 13px!important}
  #menu .sl-terminal-head h2{font-size:22px!important}
  #menu .sl-terminal-eyebrow{font-size:6.2px!important}
  #menu .play-path-switch{margin-top:8px!important;gap:7px!important}
  #menu .play-path{height:41px!important;padding:0 9px!important}
  #menu .play-path b{font-size:8.3px!important}
  #menu .play-path small{font-size:5.1px!important}
  #menu .play-path>em{font-size:4.4px!important;top:5px;right:6px}
  #menu .sl-terminal-fields{margin-top:8px!important;gap:6px 8px!important}
  #menu .sl-terminal label{font-size:6px!important}
  #menu .sl-terminal select,#menu .sl-terminal input:not([type="range"]){height:30px!important;margin-top:3px!important;font-size:8px!important}
  #menu .sl-bots{margin-top:5px!important}
  #menu .sl-online-panel{grid-template-columns:minmax(0,1.35fr) minmax(150px,.65fr);gap:8px;margin-top:5px!important}
  #menu .sl-online-panel .field-hint{display:none!important}
  #menu .sl-online-panel .lan-status-row{min-height:30px!important;padding:0 7px!important;border-top:0!important;border-left:1px solid rgba(32,231,255,.15)!important;font-size:5.8px!important}
  #menu .sl-terminal-actions{margin-top:6px!important}
  #menu .sl-terminal-actions button{height:31px!important;font-size:6.8px!important}
}


/* ================================================================
   v2.9.21 ESSENTIAL LANDING / MOBILE CLEANUP
   One-screen landing: brand + hero + match terminal only.
   ================================================================ */
#menu{overflow-x:hidden!important}
#menu .sl-page{min-height:calc(100vh - 72px)!important}
#menu .sl-hero{
  min-height:calc(100vh - 72px)!important;
  max-width:1540px!important;
  margin:0 auto!important;
  padding:34px 46px 42px!important;
  grid-template-columns:minmax(360px,.78fr) minmax(600px,1.22fr)!important;
  gap:54px!important;
  align-items:center!important;
}
#menu .sl-hero-copy{max-width:650px!important;align-self:center!important}
#menu .sl-hero h1{font-size:clamp(68px,6.9vw,118px)!important;line-height:.82!important;margin:20px 0 0!important}
#menu .sl-hero-lead{max-width:590px!important;margin-top:27px!important;font-size:15px!important;line-height:1.65!important;color:#a9b3c2!important}
#menu .sl-terminal{width:100%!important;max-width:690px!important;justify-self:end!important;padding:25px 28px 24px!important}
#menu .sl-terminal-head>div>p:last-child{font-size:11px!important}
#menu .play-path{min-width:0!important}
#menu .play-path b{font-size:11px!important;letter-spacing:.12em!important;white-space:nowrap!important}
#menu .play-path small{font-size:6.5px!important;letter-spacing:.08em!important;white-space:nowrap!important}
#menu .sl-terminal-actions{grid-template-columns:minmax(0,1fr) 150px!important}
#menu .sl-terminal-actions button{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#menu .sl-nav{grid-template-columns:auto 1fr!important}
#menu .sl-nav-right{justify-self:end!important}
#menu .sl-nav-links{display:none!important}

@media(max-width:980px){
  #menu .sl-nav{padding-inline:20px!important}
  #menu .sl-hero{min-height:auto!important;grid-template-columns:1fr!important;gap:24px!important;padding:30px 20px 42px!important}
  #menu .sl-hero-copy{max-width:760px!important;text-align:left!important}
  #menu .sl-hero h1{font-size:clamp(58px,12vw,92px)!important}
  #menu .sl-hero-lead{font-size:13px!important;margin-top:20px!important}
  #menu .sl-terminal{justify-self:stretch!important;max-width:none!important}
}

@media(max-width:620px){
  #menu .sl-nav{height:58px!important;padding:0 12px!important}
  #menu .sl-brand-mark{width:36px!important;height:36px!important}
  #menu .sl-brand-copy b{font-size:12px!important}
  #menu .sl-brand-copy small{font-size:5px!important}
  #menu .sl-nav-right{gap:8px!important}
  #menu .sl-nav-right #profile,#menu .sl-nav-right .sl-live-pill{display:none!important}
  #menu .sl-nav-cta{min-width:64px!important;height:34px!important;padding:0 13px!important;font-size:7px!important;letter-spacing:.12em!important}
  #menu .sl-hero{padding:18px 12px 30px!important;gap:18px!important}
  #menu .sl-kicker{margin-bottom:10px!important}
  #menu .sl-hero h1{font-size:clamp(46px,14vw,68px)!important;line-height:.84!important;margin-top:12px!important}
  #menu .sl-hero-lead{margin-top:14px!important;font-size:10px!important;line-height:1.55!important}
  #menu .sl-terminal{padding:15px!important;border-radius:17px!important}
  #menu .sl-terminal-head{gap:8px!important}
  #menu .sl-terminal-head h2{font-size:25px!important}
  #menu .sl-terminal-head>div>p:last-child{font-size:8px!important;line-height:1.4!important}
  #menu .sl-terminal-eyebrow{font-size:6.5px!important}
  #menu .admin-crown{width:32px!important;height:32px!important;flex-basis:32px!important;font-size:15px!important}
  #menu .play-path-switch{grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:11px!important}
  #menu .play-path{height:44px!important;padding:0 10px!important;justify-content:center!important}
  #menu .play-path i{width:8px!important;height:8px!important;flex:0 0 8px!important}
  #menu .play-path b{font-size:8.5px!important;letter-spacing:.1em!important}
  #menu .play-path small,#menu .play-path>em{display:none!important}
  #menu .sl-terminal-fields{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important}
  #menu .sl-terminal label{font-size:6.5px!important;letter-spacing:.09em!important}
  #menu .sl-terminal select,#menu .sl-terminal input:not([type="range"]){height:37px!important;margin-top:4px!important;padding:0 8px!important;font-size:8.2px!important}
  #menu .sl-bots{margin-top:7px!important}
  #menu .sl-online-panel{margin-top:7px!important;padding:8px!important;grid-template-columns:1fr!important}
  #menu .sl-online-panel .field-hint{display:none!important}
  #menu .sl-online-panel .lan-status-row{min-height:auto!important;padding:7px 0 0!important;font-size:6.5px!important;line-height:1.25!important}
  #menu .room-full-hint{font-size:6px!important}
  #menu .sl-terminal-actions{grid-template-columns:minmax(0,1fr) minmax(0,.62fr)!important;gap:7px!important;margin-top:8px!important}
  #menu .sl-terminal-actions button{height:40px!important;padding:0 8px!important;font-size:8.5px!important;letter-spacing:.12em!important;line-height:1!important}
}

@media(pointer:coarse) and (orientation:landscape) and (max-height:620px){
  #menu .sl-nav{height:46px!important;padding-inline:10px!important}
  #menu .sl-nav-right .sl-live-pill,#menu .sl-nav-right #profile{display:none!important}
  #menu .sl-nav-cta{height:30px!important;min-width:56px!important;font-size:6px!important}
  #menu .sl-hero{min-height:auto!important;grid-template-columns:minmax(220px,.72fr) minmax(420px,1.28fr)!important;gap:12px!important;padding:10px 12px 16px!important;align-items:start!important}
  #menu .sl-hero-copy{padding-top:8px!important}
  #menu .sl-kicker{margin-bottom:7px!important}
  #menu .sl-hero h1{font-size:38px!important;line-height:.84!important;margin-top:7px!important}
  #menu .sl-hero-lead{font-size:7px!important;line-height:1.4!important;margin-top:9px!important}
  #menu .sl-terminal{padding:10px 12px!important;border-radius:14px!important}
  #menu .sl-terminal-head h2{font-size:19px!important}
  #menu .sl-terminal-head>div>p:last-child{display:none!important}
  #menu .admin-crown{width:27px!important;height:27px!important;flex-basis:27px!important}
  #menu .play-path-switch{grid-template-columns:1fr 1fr!important;margin-top:6px!important;gap:5px!important}
  #menu .play-path{height:34px!important;padding:0 7px!important;justify-content:center!important}
  #menu .play-path b{font-size:7px!important}
  #menu .play-path small,#menu .play-path>em{display:none!important}
  #menu .sl-terminal-fields{grid-template-columns:repeat(4,1fr)!important;gap:5px!important;margin-top:6px!important}
  #menu .sl-terminal label{font-size:5px!important}
  #menu .sl-terminal select,#menu .sl-terminal input:not([type="range"]){height:27px!important;margin-top:2px!important;padding:0 5px!important;font-size:6.5px!important}
  #menu .sl-bots{margin-top:4px!important}
  #menu .sl-online-panel{margin-top:4px!important;padding:5px!important;grid-template-columns:minmax(0,1fr) minmax(130px,.55fr)!important;gap:5px!important}
  #menu .sl-online-panel .field-hint{display:none!important}
  #menu .sl-online-panel .lan-status-row{font-size:5.4px!important;min-height:26px!important;padding:0 5px!important}
  #menu .sl-terminal-actions{grid-template-columns:1fr .55fr!important;gap:5px!important;margin-top:5px!important}
  #menu .sl-terminal-actions button{height:28px!important;font-size:6.5px!important;padding:0 6px!important}
}


/* STRIKELINE v3.0 — post-elimination four-weapon respawn selector */
#death{pointer-events:none}
#respawnLoadout{display:none;pointer-events:auto;width:min(680px,calc(100vw - 32px));margin:15px auto 0;padding:10px 12px 12px;border:1px solid rgba(83,229,255,.26);border-radius:14px;background:rgba(4,10,16,.76);backdrop-filter:blur(12px);box-shadow:0 18px 54px rgba(0,0,0,.34)}
#respawnLoadout.active{display:block}
#respawnLoadout>small{display:block;margin:0 0 8px;color:#a9bdca;font-size:9px;font-weight:900;letter-spacing:.18em}
.respawn-weapons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.respawn-weapons button{min-width:0;height:54px;margin:0;padding:8px 7px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(8,15,22,.92);color:#dce8ef;box-shadow:none;letter-spacing:.08em;transition:border-color .14s,background .14s,transform .14s}
.respawn-weapons button:hover,.respawn-weapons button.selected{border-color:#53e5ff;background:rgba(20,77,90,.72);transform:translateY(-1px)}
.respawn-weapons button b{display:block;color:#fff;font-size:15px;line-height:1}
.respawn-weapons button span{display:block;margin-top:4px;color:#94aeba;font-size:8px;letter-spacing:.10em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.killcam-active #death{pointer-events:none}
body.killcam-active #respawnLoadout{pointer-events:auto}
@media(max-width:700px){#death{padding-left:8px;padding-right:8px}#death h2{font-size:27px!important}#death p{margin:4px 0;font-size:10px}#death b#respawn{font-size:9px}#respawnLoadout{width:min(420px,calc(100vw - 16px));margin-top:9px;padding:8px;border-radius:11px}#respawnLoadout>small{font-size:7px;margin-bottom:6px}.respawn-weapons{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.respawn-weapons button{height:45px;padding:6px 3px;border-radius:8px}.respawn-weapons button b{font-size:12px}.respawn-weapons button span{font-size:6.5px;margin-top:3px}}
@media(max-height:480px) and (orientation:landscape){body.killcam-active #death{padding-bottom:2.5vh}#death h2{font-size:22px!important}#death p{font-size:8px;margin:2px 0}#respawnLoadout{margin-top:5px;padding:5px 7px 6px;max-width:540px}#respawnLoadout>small{display:none}.respawn-weapons button{height:36px;padding:4px 3px}.respawn-weapons button b{font-size:11px}.respawn-weapons button span{font-size:6px;margin-top:2px}}

#death{z-index:90}


/* v3.1 — TWO-PHASE COMBAT PRESENTATION PASS
   Phase 1: discharge/recoil. Phase 2: hit/incoming-damage readability. */
#hud.active #damage{display:block!important;visibility:visible;opacity:0;pointer-events:none!important;z-index:158!important;background:radial-gradient(ellipse at 50% 48%,transparent 0,transparent 54%,rgba(84,0,12,.10) 70%,rgba(165,12,34,.36) 92%,rgba(110,0,17,.52) 100%)!important;mix-blend-mode:normal!important;filter:none!important;transition:none!important}
#hud.active #damage.critical{background:radial-gradient(ellipse at 50% 48%,transparent 0,transparent 48%,rgba(105,0,14,.15) 66%,rgba(201,18,47,.45) 90%,rgba(120,0,20,.60) 100%)!important}
#damageDirection{position:absolute;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%) rotate(var(--damage-angle,0rad));opacity:0;pointer-events:none;z-index:171!important;transition:opacity .045s linear}
#damageDirection i{position:absolute;left:50%;top:-2px;width:54px;height:5px;transform:translateX(-50%);border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,102,122,.92) 24%,#ffd1d8 50%,rgba(255,102,122,.92) 76%,transparent);box-shadow:0 0 10px rgba(255,58,88,.42)}
#damageDirection.head i{height:6px;background:linear-gradient(90deg,transparent,#ffb84d 28%,#fff1ad 50%,#ffb84d 72%,transparent);box-shadow:0 0 12px rgba(255,176,67,.50)}
#hitmarker.head i{background:#ffd664!important;box-shadow:0 0 7px rgba(255,214,100,.9)!important}
#hitmarker.kill i{background:#67f0c0!important;box-shadow:0 0 8px rgba(103,240,192,.92),0 0 14px rgba(103,240,192,.36)!important}
#hitmarker.kill{filter:none!important}
@media(max-width:850px){#damageDirection{width:144px;height:144px}#damageDirection i{width:42px;height:4px}}
@media(max-height:500px) and (pointer:coarse){#damageDirection{width:124px;height:124px}}


/* ================================================================
   STRIKELINE v3.2 — KILL CAM / MANUAL RESPAWN COMMAND DECK
   Inspired by competitive FPS respawn flows; original StrikeLine UI.
   ================================================================ */
#death{
  z-index:90;
  display:none;
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(3,6,10,.10) 0%,rgba(3,6,10,.06) 46%,rgba(3,6,10,.74) 100%);
  color:#eef7fb;
  text-align:left;
}
body.killcam-active #death{
  display:block;
  padding:0;
  place-content:unset;
  background:linear-gradient(180deg,rgba(2,5,9,.08),rgba(2,5,9,.05) 46%,rgba(2,5,9,.80));
}
.death-killer-card{
  position:absolute;
  top:clamp(18px,3.2vh,42px);
  left:50%;
  transform:translateX(-50%);
  min-width:min(520px,calc(100vw - 36px));
  max-width:720px;
  padding:14px 20px 15px;
  border:1px solid rgba(255,255,255,.12);
  border-top:2px solid #ff4966;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(8,13,20,.88),rgba(8,13,20,.64));
  backdrop-filter:blur(12px);
  box-shadow:0 16px 50px rgba(0,0,0,.34);
  text-align:center;
}
.death-killer-card>small{
  display:block;
  margin:3px 0 3px;
  color:#9caebb;
  font-size:9px;
  font-weight:900;
  letter-spacing:.24em;
}
#killcamTag{
  display:block;
  margin:0 0 6px;
  color:#53e5ff;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.28em;
  text-transform:uppercase;
}
.death-killer-line{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:0;
}
#deathKillerName{
  min-width:0;
  color:#fff;
  font-size:clamp(25px,3vw,42px);
  line-height:1;
  font-weight:1000;
  letter-spacing:.015em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-shadow:0 4px 24px rgba(0,0,0,.65);
}
#deathHeadshot{
  display:none;
  flex:0 0 auto;
  padding:5px 7px;
  border:1px solid rgba(255,201,85,.55);
  border-radius:6px;
  color:#ffd15a;
  background:rgba(118,74,8,.24);
  font-size:8px;
  font-style:normal;
  font-weight:1000;
  letter-spacing:.14em;
}
#deathHeadshot.show{display:inline-flex}
#deathBy{
  margin:7px 0 0!important;
  color:#c0ced8!important;
  font-size:11px;
  font-weight:800!important;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.death-command{
  position:absolute;
  left:50%;
  bottom:clamp(20px,4.5vh,54px);
  transform:translateX(-50%);
  width:min(720px,calc(100vw - 32px));
  pointer-events:auto;
  text-align:center;
}
#respawn{
  display:block;
  min-height:16px;
  margin:0 0 9px;
  color:#b9cbd6!important;
  font-size:9px!important;
  font-weight:1000;
  letter-spacing:.18em!important;
  text-transform:uppercase;
  text-shadow:0 2px 10px #000;
}
#respawn.ready{color:#7fffc6!important}
.death-actions{
  display:grid;
  grid-template-columns:1.28fr .72fr;
  gap:10px;
  max-width:620px;
  margin:0 auto;
}
.death-actions button{
  height:58px;
  margin:0;
  padding:0 22px;
  border-radius:12px;
  font-size:13px;
  letter-spacing:.14em;
  box-shadow:0 14px 38px rgba(0,0,0,.34);
  transition:transform .14s ease,filter .14s ease,border-color .14s ease,opacity .14s ease;
}
.death-actions #respawnBtn{
  border:1px solid rgba(83,229,255,.85);
  background:linear-gradient(135deg,#42dff7,#67edff);
  color:#031116;
  box-shadow:0 0 0 1px rgba(83,229,255,.1),0 12px 38px rgba(11,168,198,.25);
}
.death-actions #respawnBtn:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.08)}
.death-actions #respawnBtn:disabled{
  cursor:default;
  border-color:rgba(136,154,166,.22);
  background:rgba(19,28,36,.84);
  color:#647481;
  box-shadow:none;
  opacity:.78;
}
.death-actions #changeClassBtn{
  border:1px solid rgba(255,255,255,.16);
  background:rgba(8,14,21,.88);
  color:#e4edf3;
}
.death-actions #changeClassBtn.active{
  border-color:rgba(255,205,83,.65);
  color:#ffd35f;
  background:rgba(56,43,13,.78);
}
.mobile-label{display:none}
#respawnLoadout{
  display:none;
  width:100%;
  margin:10px auto 0;
  padding:11px 12px 12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:13px;
  background:rgba(5,10,16,.90);
  backdrop-filter:blur(14px);
  box-shadow:0 18px 54px rgba(0,0,0,.42);
  transform-origin:bottom center;
}
#respawnLoadout.active{display:block;animation:slClassDeckIn .16s ease-out both}
@keyframes slClassDeckIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.respawn-loadout-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 2px 9px;
}
.respawn-loadout-head small{
  color:#dce9ef;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.16em;
}
#respawnClassHint{
  color:#8296a3;
  font-size:7px;
  font-weight:900;
  letter-spacing:.12em;
}
.respawn-weapons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.respawn-weapons button{
  min-width:0;
  height:58px;
  margin:0;
  padding:7px 6px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  background:rgba(10,17,24,.96);
  color:#dce8ef;
  box-shadow:none;
  transition:transform .12s ease,border-color .12s ease,background .12s ease;
}
.respawn-weapons button:hover,.respawn-weapons button.selected{
  border-color:#53e5ff;
  background:linear-gradient(180deg,rgba(20,77,90,.82),rgba(10,28,36,.96));
  transform:translateY(-1px);
}
.respawn-weapons button b{display:block;color:#fff;font-size:15px;line-height:1}
.respawn-weapons button span{display:block;margin-top:5px;color:#95aeba;font-size:7.5px;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.killcam-active #scopeOverlay,
body.killcam-active #hitmarker,
body.killcam-active #crosshair,
body.killcam-active #slidebar,
body.killcam-active #mobileControls{opacity:0!important;pointer-events:none!important}
@media(max-width:700px){
  .death-killer-card{top:12px;min-width:calc(100vw - 18px);padding:10px 12px 11px;border-radius:11px}
  #killcamTag{font-size:6.5px;margin-bottom:4px}
  .death-killer-card>small{font-size:7px;margin:2px 0}
  #deathKillerName{font-size:24px}
  #deathHeadshot{font-size:6px;padding:4px 5px}
  #deathBy{font-size:8px!important;margin-top:5px!important}
  .death-command{bottom:12px;width:calc(100vw - 16px)}
  #respawn{font-size:7px!important;margin-bottom:6px}
  .death-actions{grid-template-columns:1.18fr .82fr;gap:6px}
  .death-actions button{height:46px;padding:0 8px;font-size:11px;border-radius:9px}
  .desktop-label{display:none}.mobile-label{display:inline}
  #respawnLoadout{margin-top:6px;padding:7px;border-radius:10px}
  .respawn-loadout-head{margin:0 1px 6px}.respawn-loadout-head small{font-size:7px}#respawnClassHint{display:none}
  .respawn-weapons{gap:4px}.respawn-weapons button{height:43px;padding:5px 2px;border-radius:7px}.respawn-weapons button b{font-size:11px}.respawn-weapons button span{font-size:5.8px;margin-top:3px}
}
@media(max-height:480px) and (orientation:landscape){
  .death-killer-card{top:7px;min-width:390px;width:min(520px,58vw);padding:7px 10px 8px}
  #killcamTag{display:none}.death-killer-card>small{font-size:6px}.death-killer-line{gap:6px}#deathKillerName{font-size:19px}#deathBy{font-size:6.5px!important;margin-top:3px!important}
  .death-command{bottom:6px;width:min(610px,72vw)}
  #respawn{font-size:6px!important;margin-bottom:4px}
  .death-actions button{height:34px;font-size:9px;border-radius:7px}
  #respawnLoadout{margin-top:4px;padding:5px}.respawn-loadout-head{display:none}.respawn-weapons button{height:31px}.respawn-weapons button b{font-size:9px}.respawn-weapons button span{display:none}
}

/* STRIKELINE v3.2.1 — death-menu pointer lifecycle */
body.death-cursor-active #death,
body.death-cursor-active .death-command,
body.death-cursor-active #respawnLoadout{cursor:default!important}
body.death-cursor-active .death-actions button:not(:disabled),
body.death-cursor-active .respawn-weapons button{cursor:pointer!important}
body.death-cursor-active #inputStatus{display:none!important}

/* STRIKELINE v3.3 — sharp mobile presentation: performance adaptation never applies CSS blur or pixelation. */
@media (pointer:coarse){#gl{filter:none!important;image-rendering:auto!important}}

/* v3.3 MOBILE COMPOSITOR BUDGET — preserve the same HUD artwork without expensive live backdrop sampling. */
@media (pointer:coarse){
  #hud *,#death *,#pause *,#settings *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

/* ================================================================
   STRIKELINE v3.4.2 — FLEXIBLE PRIVATE TEAMS + COMPACT SETTINGS
   ================================================================ */
.settings-card{width:min(560px,94vw)!important;padding:22px!important;max-height:min(90vh,680px)!important;overflow:auto!important}
.settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.settings-head h2{margin:3px 0 0!important;font-size:28px!important}.settings-close{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;margin:0!important;border-radius:12px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.12)!important;color:#d9e6f2!important;font-size:22px!important;line-height:1!important}.settings-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-quick>label{display:block;margin:0!important;padding:11px 12px;border:1px solid rgba(115,160,195,.16);border-radius:12px;background:rgba(5,14,23,.72);font-size:8px!important;letter-spacing:.12em;color:#a9bac9}.settings-quick>label output{float:right;color:#eef8ff;font-weight:900}.settings-quick input[type=range]{margin:9px 0 0!important}.settings-quick select{margin:8px 0 0!important;padding:9px 10px!important}.compact-toggle{min-height:58px!important;border:1px solid rgba(115,160,195,.16)!important;border-radius:12px!important;padding:11px 12px!important}.settings-advanced{margin-top:10px;border:1px solid rgba(115,160,195,.16);border-radius:12px;background:rgba(5,14,23,.65);overflow:hidden}.settings-advanced summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 13px;list-style:none;color:#c8d8e6;font-size:8px;font-weight:900;letter-spacing:.14em}.settings-advanced summary::-webkit-details-marker{display:none}.settings-advanced summary span{color:var(--a);font-size:7px}.settings-advanced[open] summary{border-bottom:1px solid rgba(255,255,255,.07)}.settings-advanced .settings-divider{padding:0 12px;margin-top:12px}.settings-advanced .binding-grid{padding:0 12px 12px}.mobile-only-setting{display:none!important}body.touch-device .pc-only-setting{display:none!important}body.touch-device .mobile-only-setting{display:block!important}body.touch-device .settings-card{width:min(480px,95vw)!important;padding:16px!important}body.touch-device .settings-head{margin-bottom:10px}body.touch-device .settings-head h2{font-size:22px!important}body.touch-device .settings-quick{grid-template-columns:1fr 1fr;gap:7px}body.touch-device .settings-quick>label{padding:9px 10px;font-size:7px!important}body.touch-device .settings-close{width:34px!important;height:34px!important;min-width:34px!important}

.v34-lobby{width:min(1040px,96vw)!important;padding:22px!important}.v34-lobby .lobby-summary{margin:-5px 0 12px!important}.lobby-admin-controls{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(190px,.7fr) 1.5fr;gap:10px;align-items:end;margin:10px 0 14px;padding:11px;border:1px solid rgba(116,177,204,.15);border-radius:14px;background:rgba(4,12,20,.70)}.lobby-admin-controls label{margin:0!important;font-size:7px;letter-spacing:.12em;color:#8fa4b6}.lobby-admin-controls select{margin:5px 0 0!important;padding:9px 10px!important}.lobby-admin-controls button{height:39px!important;margin:0!important;padding:0 14px!important;font-size:8px!important;letter-spacing:.12em}.lobby-admin-controls p{margin:0!important;align-self:center;max-width:none!important;text-align:left!important;font-size:8px!important;line-height:1.45!important;color:#7f93a6!important}.roster-slot:disabled{cursor:default!important;opacity:1!important}.roster-slot:disabled:hover{transform:none!important;background:#091522!important}.roster-slot.selected{background:rgba(255,211,92,.12)!important;box-shadow:inset 0 0 0 1px rgba(255,211,92,.48),0 0 18px rgba(255,211,92,.08)!important}.roster-slot.selected .slot-state{color:#ffd45d!important}.roster-slot.open:not(:disabled){cursor:pointer}.v34-lobby .lobby-actions{grid-template-columns:1fr 1fr!important}.v34-lobby #lobbyHelp{font-size:8px!important;color:#73899b!important}.v34-lobby .lobby-activity{height:252px}

@media(max-width:760px){.settings-quick{grid-template-columns:1fr}.v34-lobby{padding:13px 10px!important}.lobby-admin-controls{grid-template-columns:1fr 1fr;padding:8px;gap:7px}.lobby-admin-controls p{grid-column:1/-1;font-size:7px!important}.lobby-admin-controls button{height:36px!important}.v34-lobby .lobby-grid{grid-template-columns:1fr!important}.v34-lobby .lobby-live{display:none}.v34-lobby .lobby-teams{gap:6px}.v34-lobby .lobby-teams section{padding:7px!important}.v34-lobby .roster-slot{padding:5px 6px!important;grid-template-columns:25px minmax(0,1fr) auto;gap:6px}.v34-lobby .roster-slot .slot-name b{font-size:10px}.v34-lobby .roster-slot .slot-name small{font-size:6px}.v34-lobby .roster-slot .slot-state{font-size:6px}.v34-lobby #lobbyHelp{font-size:7px!important;margin:7px 0!important}.v34-lobby .lobby-actions button{font-size:7px!important;padding:8px!important}}
@media (pointer:coarse) and (orientation:landscape){.v34-lobby{width:98vw!important;padding:9px!important}.v34-lobby .lobby-topline h2{font-size:18px!important}.v34-lobby .lobby-summary{margin:0 0 6px!important}.v34-lobby .lobby-summary span,.v34-lobby .lobby-summary b,.v34-lobby .lobby-summary em{padding:4px 6px!important;font-size:6px!important}.lobby-admin-controls{grid-template-columns:190px 150px 1fr;margin:5px 0 7px;padding:6px}.lobby-admin-controls select{padding:5px 7px!important}.lobby-admin-controls button{height:30px!important;font-size:6px!important}.lobby-admin-controls p{grid-column:auto;font-size:6px!important}.v34-lobby .lobby-grid{grid-template-columns:1fr!important;margin-top:5px!important}.v34-lobby .lobby-live{display:none!important}.v34-lobby .lobby-teams{grid-template-columns:1fr 30px 1fr!important}.v34-lobby .lobby-teams section{padding:5px!important}.v34-lobby .team-roster{gap:3px}.v34-lobby .roster-slot{padding:3px 5px!important}.v34-lobby #lobbyHelp{display:none}.v34-lobby .lobby-actions{margin-top:5px!important;position:static!important;padding-top:0!important;background:none!important}.v34-lobby .lobby-actions button{padding:6px!important;font-size:6px!important}}

/* v4.1 combat-presentation micro polish: GPU-cheap opacity/transform only. */
#hitmarker.pending{opacity:.72;filter:saturate(.72)}
#hitmarker.head:not(.pending){filter:drop-shadow(0 0 5px rgba(255,208,88,.55))}
.killcam-active #scopeOverlay{opacity:0!important}

/* STRIKELINE v4.1.2 — lightweight premium combat confirmation effects. */
#postFx{--confirm-pulse:0;--head-pulse:0;--kill-pulse:0;overflow:hidden}
#postFx:before{content:""!important;display:block!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,calc(var(--head-pulse)*.045)) 0 5%,rgba(255,211,92,calc(var(--head-pulse)*.055)) 10%,transparent 28%)!important;opacity:1!important;mix-blend-mode:screen!important}
#postFx:after{content:""!important;display:block!important;position:absolute!important;inset:-5%!important;pointer-events:none!important;background:radial-gradient(circle at 50% 50%,transparent 46%,rgba(94,242,190,calc(var(--kill-pulse)*.10)) 64%,rgba(94,242,190,calc(var(--kill-pulse)*.055)) 78%,transparent 88%),radial-gradient(circle at 50% 50%,rgba(116,231,255,calc(var(--confirm-pulse)*.025)),transparent 34%)!important;opacity:1!important;mix-blend-mode:screen!important;transform:scale(calc(1 + var(--kill-pulse)*.035));transition:transform .045s linear!important}
#hitmarker:not(.pending){will-change:transform,opacity}
#hitmarker.head:not(.pending){filter:drop-shadow(0 0 7px rgba(255,208,88,.68))}
#hitmarker.kill:not(.pending){filter:drop-shadow(0 0 9px rgba(103,240,192,.70))}
@media(max-width:850px){#postFx:before{background:radial-gradient(circle at 50% 50%,rgba(255,224,116,calc(var(--head-pulse)*.035)),transparent 24%)!important}#postFx:after{background:radial-gradient(circle at 50% 50%,transparent 52%,rgba(94,242,190,calc(var(--kill-pulse)*.065)) 72%,transparent 88%)!important}}


/* v4.4 — complete Settings + browser-saved Mobile HUD editor rebuild */
#settings{z-index:140;background:rgba(2,6,10,.82);backdrop-filter:blur(13px)}
#settings.active{display:flex;align-items:center;justify-content:center;padding:clamp(10px,2.2vw,28px)}
.settings-shell{width:min(1080px,96vw);height:min(760px,92vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(130,190,220,.23);border-radius:20px;background:linear-gradient(145deg,rgba(10,19,30,.985),rgba(5,11,18,.985));box-shadow:0 34px 100px rgba(0,0,0,.58)}
.settings-v44-head{height:82px;flex:0 0 82px;padding:0 22px 0 25px!important;display:flex;align-items:center;justify-content:space-between;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;background:linear-gradient(90deg,rgba(83,229,255,.045),transparent 42%)}
.settings-title-group{position:relative}.settings-title-group .eyebrow{margin:0 0 3px;font-size:7px;letter-spacing:.22em}.settings-title-group h2{display:inline-block;margin:0!important;font-size:27px!important;line-height:1;letter-spacing:.02em;font-style:normal!important}.settings-device-badge{display:inline-flex;margin-left:10px;vertical-align:4px;padding:4px 7px;border:1px solid rgba(83,229,255,.24);border-radius:999px;background:rgba(83,229,255,.06);color:#8eeeff;font-size:7px;font-weight:900;letter-spacing:.14em}
.settings-close-v44{width:42px!important;height:42px!important;min-width:42px;margin:0!important;padding:0!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.11)!important;background:rgba(255,255,255,.035)!important;color:#d9e7f3!important;font-size:24px!important;line-height:1}.settings-close-v44:hover{border-color:rgba(83,229,255,.42)!important;background:rgba(83,229,255,.07)!important}
.settings-v44-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:0;flex:1}.settings-tabs-v44{padding:14px 11px;border-right:1px solid rgba(255,255,255,.07);background:rgba(2,8,14,.42);overflow:auto}.settings-tabs-v44 button{position:relative;width:100%;height:66px;margin:0 0 6px;padding:9px 11px 9px 43px!important;text-align:left;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:#8091a2!important;letter-spacing:0!important}.settings-tabs-v44 button b{position:absolute;left:12px;top:12px;color:#42586a;font-size:8px}.settings-tabs-v44 button span{display:block;color:inherit;font-size:10px;font-weight:900;letter-spacing:.12em}.settings-tabs-v44 button small{display:block;margin-top:4px;color:#5d7183;font-size:8px;font-weight:600;letter-spacing:.03em}.settings-tabs-v44 button.active{border-color:rgba(83,229,255,.22)!important;background:linear-gradient(100deg,rgba(83,229,255,.105),rgba(83,229,255,.015))!important;color:#eafaff!important}.settings-tabs-v44 button.active:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:0 3px 3px 0;background:var(--a);box-shadow:0 0 12px rgba(83,229,255,.55)}.settings-tabs-v44 button.active b,.settings-tabs-v44 button.active small{color:#72d7eb}
.settings-pages-v44{min-width:0;overflow:auto;padding:24px 26px 30px}.settings-page-v44{display:none;animation:settingsPageIn .16s ease-out}.settings-page-v44.active{display:block}@keyframes settingsPageIn{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
.settings-page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding-bottom:18px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}.settings-page-title small{color:var(--a);font-size:7px;font-weight:900;letter-spacing:.18em}.settings-page-title h3{margin:4px 0 0;font-size:24px;font-weight:800;letter-spacing:-.02em}.settings-page-title>p{max-width:350px;margin:0;color:#74889a;font-size:10px;line-height:1.55;text-align:right}
.settings-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setting-tile{display:block!important;margin:0!important;padding:15px!important;border:1px solid rgba(124,168,195,.15);border-radius:13px;background:rgba(5,13,21,.67);color:#a7bac9!important;letter-spacing:0!important}.setting-tile-wide{width:100%;max-width:690px}.setting-tile>span{display:flex;justify-content:space-between;align-items:center}.setting-tile b,.setting-switch-tile b,.settings-feature-card b{color:#e9f5fc;font-size:9px;letter-spacing:.12em}.setting-tile output{float:none;color:var(--a);font-size:10px;font-weight:900}.setting-tile p,.setting-switch-tile p,.settings-feature-card p{margin:6px 0 10px;color:#6f8293;font-size:9px;line-height:1.45;letter-spacing:0}.setting-tile input[type=range],.hud-editor-inspector input[type=range]{width:100%;height:5px;margin:8px 0 1px!important;accent-color:var(--a)}.setting-tile select{width:100%;margin:8px 0 1px!important;padding:9px 10px;border:1px solid rgba(119,180,207,.28);border-radius:8px;background:#07131e;color:#e7f5fc;font-size:9px;font-weight:800;letter-spacing:.08em;outline:none}.setting-tile select:focus{border-color:rgba(83,229,255,.72);box-shadow:0 0 0 2px rgba(83,229,255,.08)}
.setting-switch-tile{grid-column:1/-1;display:flex!important;align-items:center;justify-content:space-between;gap:20px;margin:0!important;padding:14px 15px!important;border:1px solid rgba(124,168,195,.15);border-radius:13px;background:rgba(5,13,21,.67);letter-spacing:0!important}.setting-switch-tile p{margin-bottom:0}.setting-switch-tile input,.hud-snap-row input{width:auto!important;margin:0!important;accent-color:var(--a);transform:scale(1.25)}
.settings-feature-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px;border:1px solid rgba(124,168,195,.15);border-radius:14px;background:linear-gradient(110deg,rgba(8,22,32,.86),rgba(5,13,21,.70))}.settings-feature-card>div{min-width:0}.settings-feature-card p{max-width:600px;margin-bottom:0}.settings-feature-card select{width:min(290px,42%);margin:0!important;padding:10px 11px!important;border-radius:9px}.settings-primary-small,.settings-inline-button{width:auto!important;min-width:150px;margin:0!important;padding:10px 13px!important;border-radius:9px!important;font-size:8px!important;letter-spacing:.12em}.settings-primary-small{background:var(--a)!important;color:#041016!important}.settings-inline-button{min-width:0;border:1px solid rgba(83,229,255,.27)!important;background:rgba(83,229,255,.055)!important;color:#a8f3ff!important}.settings-info-strip{display:flex;gap:12px;margin-top:12px;padding:13px 15px;border:1px solid rgba(83,229,255,.12);border-radius:11px;background:rgba(83,229,255,.035)}.settings-info-strip span{color:var(--a);font-size:7px;font-weight:1000;letter-spacing:.17em}.settings-info-strip p{margin:0;color:#7d92a4;font-size:9px;line-height:1.5}.audio-preview-v44{height:84px;margin-top:12px;padding:17px;display:flex;align-items:end;gap:6px;border:1px solid rgba(124,168,195,.12);border-radius:13px;background:rgba(4,10,17,.52);overflow:hidden}.audio-preview-v44 i{display:block;width:6px;border-radius:4px 4px 1px 1px;background:linear-gradient(var(--a),rgba(83,229,255,.12));opacity:.58}.audio-preview-v44 i:nth-child(1){height:20%}.audio-preview-v44 i:nth-child(2){height:57%}.audio-preview-v44 i:nth-child(3){height:38%}.audio-preview-v44 i:nth-child(4){height:78%}.audio-preview-v44 i:nth-child(5){height:48%}.audio-preview-v44 i:nth-child(6){height:66%}.audio-preview-v44 i:nth-child(7){height:30%}.audio-preview-v44 i:nth-child(8){height:52%}.audio-preview-v44 span{margin-left:10px;align-self:center;color:#5f7688;font-size:7px;letter-spacing:.13em}
.settings-section-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;color:#a9bfd0;font-size:8px;font-weight:900;letter-spacing:.14em}.binding-grid-v44{grid-template-columns:1fr 1fr!important;gap:7px!important}.binding-grid-v44 .binding-row{min-height:48px;padding:8px 10px;border-radius:9px;background:rgba(4,12,20,.72);border-color:rgba(126,171,199,.15)}.binding-grid-v44 .bind-button{border-radius:7px!important}.mobile-control-callout{margin-top:14px}.pc-only-setting{display:block}.mobile-only-setting{display:none!important}body.touch-device .pc-only-setting{display:none!important}body.touch-device .mobile-only-setting{display:block!important}
.hud-summary-v44{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.hud-summary-v44>div{padding:13px;border:1px solid rgba(124,168,195,.14);border-radius:11px;background:rgba(4,12,20,.62)}.hud-summary-v44 span,.hud-summary-v44 small{display:block;color:#62798b;font-size:7px;letter-spacing:.12em}.hud-summary-v44 b{display:block;margin:6px 0 3px;color:#eaf9ff;font-size:17px}.hud-edit-card-v44{border-color:rgba(83,229,255,.22);background:linear-gradient(110deg,rgba(11,38,48,.72),rgba(5,13,21,.72))}.hud-quick-actions-v44{display:flex;gap:7px;margin-top:10px}.hud-quick-actions-v44 button,.hud-editor-buttons button{width:auto!important;margin:0!important;padding:9px 12px!important;border-radius:8px!important;border:1px solid rgba(124,168,195,.18)!important;background:rgba(7,18,28,.74)!important;color:#aebfcd!important;font-size:7px!important}.danger-outline{border-color:rgba(255,78,110,.35)!important;color:#ff8195!important;background:rgba(255,78,110,.045)!important}

.hud-editor-layer{z-index:185;background:rgba(1,5,9,.91);backdrop-filter:blur(14px);padding:clamp(8px,1.6vw,20px)}.hud-editor-layer.active{display:flex;align-items:center;justify-content:center}.hud-editor-shell{width:min(1260px,98vw);height:min(820px,96vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(120,189,218,.24);border-radius:18px;background:#071019;box-shadow:0 30px 100px rgba(0,0,0,.7)}.hud-editor-head{height:68px;flex:0 0 68px;padding:0 18px 0 22px!important;display:flex;align-items:center;justify-content:space-between;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;background:linear-gradient(90deg,rgba(83,229,255,.055),transparent 45%)}.hud-editor-head .eyebrow{margin:0;font-size:6px}.hud-editor-head h2{margin:2px 0 0;font-size:22px}.hud-editor-head-actions{display:flex;gap:7px;align-items:center}.hud-editor-head-actions select{width:180px;margin:0;padding:8px 9px;border:1px solid rgba(126,174,201,.22);border-radius:8px;background:#091621;color:#dcebf4;font-size:8px}.hud-editor-head-actions button{width:auto!important;margin:0!important;padding:9px 14px!important;border-radius:8px!important;font-size:8px!important}.hud-editor-main{display:grid;grid-template-columns:minmax(0,1fr) 270px;min-height:0;flex:1}.hud-editor-canvas-wrap{min-width:0;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 46%,rgba(27,75,92,.14),transparent 45%),#03080d}.hud-editor-stage{position:relative;width:min(100%,920px);aspect-ratio:16/9;max-height:calc(100vh - 165px);overflow:hidden;border:1px solid rgba(118,186,214,.24);border-radius:13px;background:linear-gradient(rgba(5,16,24,.60),rgba(3,10,16,.72)),repeating-linear-gradient(90deg,transparent 0 9.9%,rgba(83,229,255,.035) 10% 10.1%),repeating-linear-gradient(0deg,transparent 0 9.9%,rgba(83,229,255,.035) 10% 10.1%);box-shadow:inset 0 0 50px rgba(0,0,0,.55);touch-action:none}.hud-editor-stage:before{content:"MOBILE LANDSCAPE PREVIEW";position:absolute;left:14px;top:11px;color:#466679;font-size:6px;font-weight:900;letter-spacing:.16em}.hud-editor-safe{position:absolute;inset:5%;border:1px dashed rgba(83,229,255,.25);border-radius:8px;pointer-events:none}.hud-editor-safe span{position:absolute;right:8px;top:-11px;padding:0 4px;background:#061019;color:#3f7d8e;font-size:5px;letter-spacing:.12em}.hud-editor-center{position:absolute;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%);opacity:.34;pointer-events:none}.hud-editor-center i{position:absolute;background:#a9f4ff}.hud-editor-center i:first-child{left:0;right:0;top:50%;height:1px}.hud-editor-center i:last-child{top:0;bottom:0;left:50%;width:1px}.hud-editor-help{margin:9px 0 0;color:#62798b;font-size:8px;letter-spacing:.04em}.hud-edit-control{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(180,225,239,.40);background:rgba(7,20,30,.80);color:#e6f7ff;border-radius:50%;font-size:7px;font-weight:1000;letter-spacing:.08em;user-select:none;touch-action:none;cursor:grab;box-shadow:0 6px 18px rgba(0,0,0,.35),inset 0 0 12px rgba(83,229,255,.06)}.hud-edit-control.rect{border-radius:8px}.hud-edit-control.pad{border:2px solid rgba(83,229,255,.38);background:radial-gradient(circle,rgba(83,229,255,.12),rgba(7,20,30,.70) 68%)}.hud-edit-control.fire{border-color:rgba(255,92,116,.63);background:radial-gradient(circle,rgba(255,76,105,.32),rgba(70,11,23,.74))}.hud-edit-control.selected{border-color:var(--a);box-shadow:0 0 0 2px rgba(83,229,255,.18),0 0 24px rgba(83,229,255,.28)}.hud-edit-control:after{content:"";position:absolute;inset:-7px;border:1px solid transparent;border-radius:inherit}.hud-editor-inspector{padding:17px;border-left:1px solid rgba(255,255,255,.07);background:rgba(4,11,18,.82);overflow:auto}.hud-selected-card{padding:13px;border:1px solid rgba(83,229,255,.18);border-radius:11px;background:rgba(83,229,255,.045)}.hud-selected-card small{display:block;color:#638297;font-size:6px;letter-spacing:.15em}.hud-selected-card b{display:block;margin:5px 0 2px;color:#e8faff;font-size:17px}.hud-selected-card span{color:#6f8799;font-size:8px}.hud-editor-inspector>label{display:block;margin:15px 0 0!important;color:#8da4b5!important;font-size:8px!important;letter-spacing:.1em}.hud-editor-inspector>label>span{display:flex;justify-content:space-between}.hud-editor-inspector output{float:none;color:var(--a);font-weight:900}.hud-snap-row{display:flex!important;align-items:center;justify-content:space-between;padding:12px;border:1px solid rgba(126,174,201,.13);border-radius:9px;background:rgba(4,12,20,.56)}.hud-snap-row b{display:block;color:#d9ebf5;font-size:8px}.hud-snap-row small{display:block;margin-top:3px;color:#607789;font-size:6px;letter-spacing:.02em}.hud-editor-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px}.hud-editor-buttons button{width:100%!important}.hud-editor-save-state{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);color:#608395;font-size:6px;letter-spacing:.13em}.hud-editor-save-state i{width:7px;height:7px;border-radius:50%;background:#55e59b;box-shadow:0 0 10px rgba(85,229,155,.5)}
body.hud-custom-layout.touch-device .bottom .ammo{overflow:visible!important}.hud-user-layout{transition:none!important;transform:none!important}.mobile-action.hud-user-layout:active,.mobile-action.hud-user-layout.active{filter:brightness(1.16)!important}
@media(max-width:820px){.settings-shell{width:98vw;height:95vh}.settings-v44-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.settings-tabs-v44{display:flex;gap:5px;padding:7px;border-right:0;border-bottom:1px solid rgba(255,255,255,.07);overflow-x:auto}.settings-tabs-v44 button{flex:1 0 110px;height:48px;margin:0;padding:8px!important;text-align:center}.settings-tabs-v44 button b,.settings-tabs-v44 button small{display:none}.settings-tabs-v44 button span{font-size:7px}.settings-tabs-v44 button.active:before{left:14px;right:14px;top:auto;bottom:0;width:auto;height:2px}.settings-pages-v44{padding:14px}.settings-page-title{align-items:flex-start;padding-bottom:12px;margin-bottom:10px}.settings-page-title h3{font-size:18px}.settings-page-title>p{font-size:8px}.settings-control-grid{grid-template-columns:1fr 1fr}.setting-tile{padding:10px!important}.settings-feature-card{padding:11px}.binding-grid-v44{grid-template-columns:1fr 1fr!important}.hud-editor-main{grid-template-columns:minmax(0,1fr) 220px}.hud-editor-inspector{padding:11px}.hud-editor-head{height:58px;flex-basis:58px}.hud-editor-head h2{font-size:18px}}
@media(max-width:620px){.settings-control-grid{grid-template-columns:1fr}.setting-switch-tile{grid-column:auto}.settings-feature-card{align-items:stretch;flex-direction:column;gap:10px}.settings-feature-card select{width:100%}.settings-primary-small{width:100%!important}.hud-summary-v44{grid-template-columns:1fr 1fr}.hud-summary-v44>div:last-child{grid-column:1/-1}.hud-editor-main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.hud-editor-inspector{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px;border-left:0;border-top:1px solid rgba(255,255,255,.07)}.hud-selected-card{grid-row:1/3}.hud-editor-inspector>label{margin:0!important}.hud-snap-row,.hud-editor-buttons,.hud-editor-save-state{display:none!important}.hud-editor-canvas-wrap{padding:8px}.hud-editor-help{display:none}.hud-editor-head-actions select{width:130px}}
@media(pointer:coarse) and (orientation:landscape){#settings.active{padding:5px}.settings-shell{width:99vw;height:97vh;border-radius:12px}.settings-v44-head{height:50px;flex-basis:50px;padding:0 12px!important}.settings-title-group .eyebrow{display:none}.settings-title-group h2{font-size:17px!important}.settings-close-v44{width:32px!important;height:32px!important;min-width:32px;font-size:19px!important}.settings-tabs-v44{padding:4px}.settings-tabs-v44 button{height:38px;flex-basis:92px;padding:4px!important}.settings-pages-v44{padding:8px 10px 12px}.settings-page-title{padding-bottom:7px;margin-bottom:7px}.settings-page-title small{font-size:5px}.settings-page-title h3{font-size:14px}.settings-page-title>p{max-width:310px;font-size:6px}.setting-tile{padding:7px 9px!important}.setting-tile p,.setting-switch-tile p,.settings-feature-card p{margin:3px 0 4px;font-size:6px}.setting-tile input[type=range]{margin:4px 0 0!important}.setting-switch-tile{padding:7px 9px!important}.settings-feature-card{padding:8px 10px}.settings-feature-card select{padding:7px!important}.settings-info-strip{padding:7px 9px;margin-top:7px}.audio-preview-v44{height:58px;margin-top:7px;padding:10px}.binding-grid-v44 .binding-row{min-height:37px;padding:5px 7px}.binding-row span{font-size:7px}.bind-button{padding:5px 6px!important;font-size:7px!important}.hud-summary-v44>div{padding:8px}.hud-summary-v44 b{font-size:13px}.hud-editor-layer{padding:4px}.hud-editor-shell{width:99vw;height:98vh}.hud-editor-head{height:48px;flex-basis:48px;padding:0 8px 0 12px!important}.hud-editor-head .eyebrow{display:none}.hud-editor-head h2{font-size:15px}.hud-editor-head-actions select{height:31px;padding:5px 7px}.hud-editor-head-actions button{padding:7px 10px!important}.hud-editor-main{grid-template-columns:minmax(0,1fr) 190px}.hud-editor-canvas-wrap{padding:6px}.hud-editor-stage{max-height:calc(100vh - 65px)}.hud-editor-inspector{padding:8px}.hud-selected-card{padding:8px}.hud-selected-card b{font-size:13px}.hud-editor-inspector>label{margin-top:8px!important}.hud-editor-buttons{margin-top:8px}.hud-editor-save-state{margin-top:7px;padding-top:7px}}

/* v4.4.4 immediate damage + clearer verified hit zones */
.damage-number.predicted{opacity:1!important;filter:none;text-shadow:0 2px 4px #000,0 0 10px rgba(116,231,255,.48),0 0 14px currentColor}
.damage-number.verified{animation:damageVerifyPop .12s cubic-bezier(.2,.8,.25,1.15) both}
.damage-number.rejected{opacity:0!important;transition:opacity .045s linear}
.damage-number.head:after{content:' HEAD';font-size:.43em;letter-spacing:.09em;margin-left:4px;color:#ff806f}
@keyframes damageVerifyPop{0%{filter:brightness(1.55) drop-shadow(0 0 5px currentColor)}100%{filter:none}}
\n/* v4.5 Phase 1 — competitive match presentation */\n.lobby-admin-controls.competitive-config{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(170px,1fr) minmax(180px,.8fr);gap:10px;align-items:end}.lobby-admin-controls.competitive-config label{margin:0}.lobby-admin-controls.competitive-config #lobbyStart{margin:0;height:43px}.board-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(83,229,255,.18);margin-bottom:8px}.board-title h2{margin-bottom:10px}.board-title span{padding-bottom:13px;color:#8ea8b9;font-size:9px;font-weight:900;letter-spacing:.16em}.competitive-board{width:min(980px,96vw)}.competitive-board .score-row{grid-template-columns:34px minmax(180px,1fr) 48px 48px 48px 72px 70px 82px;gap:4px;align-items:center}.competitive-board .score-row>span:not(:nth-child(2)),.competitive-board .score-row>b:not(:nth-child(2)){text-align:center}.score-team{display:flex;justify-content:space-between;padding:9px 10px;margin-top:8px;background:rgba(255,255,255,.035);font-size:9px;letter-spacing:.13em}.score-team.blue{border-left:2px solid #53e5ff}.score-team.red{border-left:2px solid #ff4e6e}.score-team span{color:#91a3b7}.feed small{color:#ffd258;font-size:8px}.competitive-end{width:min(720px,94vw)}.competitive-end .endstats{grid-template-columns:repeat(4,1fr)}.end-mvp{min-height:18px;color:#ffd258;font-size:10px;font-weight:900;letter-spacing:.14em}\n@media(max-width:850px){.lobby-admin-controls.competitive-config{grid-template-columns:1fr 1fr}.lobby-admin-controls.competitive-config #lobbyStart{grid-column:1/-1}.competitive-board{width:98vw;padding:12px}.competitive-board .score-row{grid-template-columns:24px minmax(120px,1fr) 31px 31px 31px 50px 48px 58px;font-size:9px;padding:6px 4px}.competitive-end .endstats{grid-template-columns:repeat(4,1fr);gap:5px}.competitive-end .endstats div{padding:8px}.competitive-end .endstats b{font-size:18px}}\n
/* v4.5.2 Phase 2 — independent room codes + regional endpoint selection */
.phase2-online-panel{grid-template-columns:minmax(170px,.8fr) minmax(190px,.9fr) minmax(310px,1.4fr)!important;gap:9px!important;align-items:end}
.region-select-v452{min-width:0}.region-select-v452 select{width:100%}.region-select-v452 small{display:block;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.room-access-v452{display:grid;grid-template-columns:minmax(112px,.9fr) repeat(2,minmax(105px,.55fr));gap:6px;align-items:end}.room-access-v452 label{min-width:0}.room-access-v452 input{text-transform:uppercase;letter-spacing:.22em;font-weight:900;text-align:center}.room-access-v452 button{height:36px!important;margin:0!important;padding:0 9px!important;font-size:6px!important;letter-spacing:.12em}.room-access-v452 #createRoomBtn{background:linear-gradient(135deg,#54e5ff,#67ffb5)!important;color:#031018!important;border-color:transparent!important}.room-access-v452 #joinRoomBtn{background:#081520!important}
.phase2-online-panel>.lan-status-row{grid-column:1/3}.pre-match-network-v452{grid-column:3;min-height:36px;padding:7px 9px;border:1px solid rgba(89,226,255,.16);border-radius:8px;background:rgba(4,14,22,.68);display:flex;flex-direction:column;justify-content:center;gap:3px}.pre-match-network-v452 b{font-size:5px;letter-spacing:.14em;color:#63e7ff}.pre-match-network-v452 span{font-size:6px;color:#8297aa;line-height:1.3}.pre-match-network-v452.good{border-color:rgba(98,255,180,.28)}.pre-match-network-v452.good b{color:#62ffb4}.pre-match-network-v452.fair{border-color:rgba(255,210,88,.27)}.pre-match-network-v452.fair b{color:#ffd258}.pre-match-network-v452.poor{border-color:rgba(255,78,110,.34)}.pre-match-network-v452.poor b{color:#ff647f}
.phase2-online-panel .sl-terminal-runtime{grid-column:1/-1}.phase2-online-panel.connecting .room-access-v452 button{pointer-events:none;opacity:.55}
.lobby-summary strong,.lobby-summary i{padding:6px 9px;border:1px solid rgba(83,229,255,.16);border-radius:7px;background:rgba(6,18,28,.72);font-style:normal;font-size:7px;letter-spacing:.12em;color:#62eaff}.lobby-summary i{color:#8da4b8}.lobby-summary strong{user-select:all}
#regionSelect:disabled,#roomCodeInput:disabled,#createRoomBtn:disabled,#joinRoomBtn:disabled{opacity:.52;cursor:default}
@media(max-width:980px){.phase2-online-panel{grid-template-columns:1fr 1fr!important}.room-access-v452{grid-column:1/-1}.phase2-online-panel>.lan-status-row,.pre-match-network-v452{grid-column:auto}.lobby-summary{flex-wrap:wrap}}
@media(max-width:620px){.phase2-online-panel{grid-template-columns:1fr!important}.room-access-v452{grid-column:auto;grid-template-columns:1fr 1fr}.room-access-v452 label{grid-column:1/-1}.phase2-online-panel>.lan-status-row,.pre-match-network-v452{grid-column:auto}.region-select-v452 small{display:none}}
@media (pointer:coarse) and (orientation:landscape){#menu .phase2-online-panel{grid-template-columns:minmax(150px,.75fr) minmax(170px,.8fr) minmax(280px,1.3fr)!important;gap:5px!important}#menu .room-access-v452{grid-template-columns:110px 1fr 1fr!important;gap:4px!important}#menu .room-access-v452 input{height:27px!important}#menu .room-access-v452 button{height:27px!important;font-size:5px!important}#menu .region-select-v452 small,#menu .pre-match-network-v452{display:none!important}#menu .phase2-online-panel>.lan-status-row{grid-column:1/-1!important}.lobby-summary strong,.lobby-summary i{padding:4px 6px;font-size:5.5px}}

/* v4.6.3 mobile polish: scope mode is explicit and touch controls avoid browser gesture side-effects. */
@media(pointer:coarse){#mobileAds[data-scope-mode="hold"]{touch-action:none}#mobileAds[data-scope-mode="toggle"]{touch-action:manipulation}.mobile-action{overscroll-behavior:contain}}


/* v4.7.1 FINAL FIVE PHASE 2 — restrained competitive HUD cohesion. No layout coordinates are changed. */
.hudtop>div{border:1px solid rgba(150,186,211,.13);box-shadow:0 8px 26px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(3px)}
.clock{border-top-color:rgba(83,229,255,.9);background:linear-gradient(180deg,rgba(8,18,28,.84),rgba(3,7,12,.74))!important}
#killfeed .feed{display:inline-block;max-width:100%;padding:3px 7px 3px 10px;border-right:2px solid rgba(255,255,255,.15);border-radius:3px;background:linear-gradient(90deg,transparent,rgba(3,8,14,.48));text-shadow:0 1px 3px #000}
#objective{padding:6px 11px;border:1px solid rgba(255,210,88,.18);border-radius:4px;background:rgba(4,8,13,.52);box-shadow:0 8px 24px rgba(0,0,0,.18);text-shadow:0 1px 4px #000}
.health,.ammo{border-bottom:1px solid rgba(255,255,255,.07);filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}
#crosshair i,#crosshair b{filter:drop-shadow(0 1px 1px rgba(0,0,0,.9))}
@media(max-width:900px){#killfeed .feed{padding:2px 5px 2px 7px;background:linear-gradient(90deg,transparent,rgba(3,8,14,.34))}#objective{padding:4px 8px;background:rgba(4,8,13,.40)}}

/* v4.7.2 Final Five Phase 3 */
.mobile-action.interact{display:none;right:25%;bottom:24%;width:62px!important;height:62px!important;border-color:rgba(255,210,88,.62)!important;color:#ffe7a1!important;background:rgba(46,33,8,.78)!important;font-weight:1000}.mobile-action.interact span{font-size:10px;letter-spacing:.12em}#mobileControls #mobileInteract{display:none} @media(pointer:fine){#mobileInteract{display:none!important}}
\n/* v4.7.3 Final Five Phase 4 — gameplay/audio experience */
#combatMedal{position:absolute;left:50%;top:35%;min-width:220px;transform:translate(-50%,-50%) scale(.86);padding:8px 18px;text-align:center;opacity:0;border-top:1px solid rgba(255,210,88,.42);border-bottom:1px solid rgba(255,210,88,.18);background:linear-gradient(90deg,transparent,rgba(4,9,15,.68),transparent);filter:drop-shadow(0 8px 18px rgba(0,0,0,.38));transition:opacity .12s ease,transform .16s cubic-bezier(.2,.8,.2,1);pointer-events:none}#combatMedal.show{opacity:1;transform:translate(-50%,-50%) scale(1)}#combatMedal b{display:block;font-size:23px;font-style:italic;letter-spacing:.05em;color:#ffd258;text-shadow:0 0 18px rgba(255,210,88,.22)}#combatMedal span{display:block;margin-top:2px;font-size:7px;font-weight:900;letter-spacing:.22em;color:#9fb0c2}#combatMedal[data-kind="headshot"] b{color:#fff0a8}#combatMedal[data-kind="multikill"] b,#combatMedal[data-kind="streak"] b{color:#ff8ea2}.phase4-audio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phase4-audio-grid .setting-tile-wide{grid-column:1/-1}#crosshair.near-miss{filter:drop-shadow(0 0 5px rgba(255,195,110,.55))}.low-health #damage{box-shadow:inset 0 0 70px rgba(135,7,25,.10)}.low-health .health{filter:drop-shadow(0 8px 18px rgba(255,35,68,.16))}.low-health #hp{animation:lowHealthPulse 1.15s ease-in-out infinite}@keyframes lowHealthPulse{50%{text-shadow:0 0 12px rgba(255,67,95,.45)}}@media(max-width:820px){#combatMedal{top:31%;min-width:180px;padding:6px 12px}#combatMedal b{font-size:17px}.phase4-audio-grid{grid-template-columns:1fr 1fr}.phase4-audio-grid .setting-tile p{display:none}}

/* ======================================================================
   v4.8.3 PREMIUM LOBBY & UI SHELL
   Presentation-only. Keeps existing gameplay/control IDs intact.
   ====================================================================== */
#menu{
  background:
    radial-gradient(circle at 76% 38%,rgba(48,188,214,.11),transparent 27%),
    linear-gradient(90deg,rgba(2,7,12,.96) 0%,rgba(3,8,14,.90) 35%,rgba(3,8,14,.56) 62%,rgba(2,6,11,.42) 100%)!important;
  backdrop-filter:saturate(1.08);
}
#menu:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 45%,rgba(0,0,0,.08)),radial-gradient(circle at 72% 38%,transparent 0 30%,rgba(2,5,9,.2) 70%);z-index:0}
#menu .sl-cinematic-bg{opacity:.38}
#menu .sl-nav,#menu .sl-page{position:relative;z-index:2}
#menu .sl-nav{height:70px!important;padding:0 34px!important;background:linear-gradient(180deg,rgba(3,8,14,.72),rgba(3,8,14,.24));border-bottom:1px solid rgba(134,216,238,.10);backdrop-filter:blur(10px)}
#menu .sl-nav-right{gap:8px!important}
.sl-nav-link{width:auto!important;height:34px;margin:0!important;padding:0 12px!important;border:1px solid transparent!important;background:transparent!important;color:#9dafbf!important;font-size:7px!important;letter-spacing:.15em!important;border-radius:7px!important}
.sl-nav-link:hover{color:#eafaff!important;border-color:rgba(100,224,248,.18)!important;background:rgba(8,24,34,.55)!important}
#menu .sl-nav-cta{border-radius:7px!important;box-shadow:0 7px 28px rgba(57,218,246,.12)}
#menu .sl-hero{min-height:calc(100vh - 70px)!important;grid-template-columns:minmax(390px,.86fr) minmax(560px,1.14fr)!important;gap:clamp(34px,4vw,70px)!important;padding:28px 42px 36px!important;max-width:1500px!important}
#menu .sl-hero-copy{max-width:620px!important}
#menu .sl-kicker{display:flex;align-items:center;gap:10px;margin-bottom:14px!important}
#menu .sl-kicker span{color:#b7c7d5}.sl-kicker b{padding:4px 7px;border-radius:5px;background:rgba(83,229,255,.09);border:1px solid rgba(83,229,255,.14);color:#61eaff!important}
#menu .sl-hero h1{font-size:clamp(62px,6.5vw,104px)!important;letter-spacing:-.07em!important;text-shadow:0 18px 45px rgba(0,0,0,.4)}
#menu .sl-hero h1 span{color:#72ecff!important;-webkit-text-stroke:0!important;text-shadow:0 0 35px rgba(83,229,255,.18)}
#menu .sl-hero-lead{max-width:530px!important;margin-top:18px!important;font-size:12px!important;line-height:1.6!important;color:#91a1b0!important}

.sl-showcase{position:relative;margin-top:24px;max-width:560px;padding:15px 16px 14px;border:1px solid rgba(132,207,226,.15);border-radius:14px;background:linear-gradient(120deg,rgba(4,13,22,.82),rgba(7,22,31,.50));box-shadow:0 20px 55px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.02);overflow:hidden;backdrop-filter:blur(7px)}
.sl-showcase:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#64eaff,rgba(82,226,255,.1));box-shadow:0 0 20px rgba(83,229,255,.32)}
.sl-showcase-top{display:flex;justify-content:space-between;align-items:center;font-size:6px;font-weight:900;letter-spacing:.18em;color:#7e92a4}.sl-showcase-top em{font-style:normal;color:#ffd66d}
.sl-showcase-main{display:grid;grid-template-columns:170px 1fr;gap:14px;align-items:center;margin-top:9px;min-height:82px}
.sl-showcase-weapon{height:74px;display:grid;place-items:center;position:relative;color:#d9f9ff;filter:drop-shadow(0 8px 14px rgba(0,0,0,.42))}.showcase-gun{display:none;width:100%;max-height:70px;fill:currentColor;stroke:rgba(0,12,18,.74);stroke-width:1.2}.sl-showcase[data-weapon="ar"] .sg-ar,.sl-showcase[data-weapon="smg"] .sg-smg,.sl-showcase[data-weapon="sniper"] .sg-sniper,.sl-showcase[data-weapon="shotgun"] .sg-shotgun{display:block}
.sl-showcase-copy small{display:block;color:#67e8ff;font-size:6px;font-weight:900;letter-spacing:.16em}.sl-showcase-copy b{display:block;margin-top:3px;font-size:22px;line-height:1;letter-spacing:-.02em}.sl-showcase-copy p{margin:6px 0 0;color:#899cad;font-size:8px;line-height:1.45}
.sl-showcase-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}.sl-showcase-stats>div{min-width:0}.sl-showcase-stats span{display:block;margin-bottom:4px;color:#667d90;font-size:5px;font-weight:900;letter-spacing:.12em}.sl-showcase-stats i{display:block;height:3px;background:rgba(255,255,255,.07);overflow:hidden}.sl-showcase-stats i b{display:block;height:100%;width:50%;background:linear-gradient(90deg,#47dff8,#b4f8ff);box-shadow:0 0 8px rgba(83,229,255,.35)}
.sl-showcase-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.sl-mini-action{height:31px!important;margin:0!important;padding:0 10px!important;border-radius:7px!important;font-size:6px!important;letter-spacing:.14em!important}.sl-mini-action.ghost{background:rgba(8,21,30,.7)!important}

#menu .sl-terminal{position:relative;max-width:640px!important;padding:23px 25px 21px!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(5,15,24,.90),rgba(4,11,18,.78))!important;border:1px solid rgba(129,203,222,.17)!important;box-shadow:0 26px 70px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.025)!important;backdrop-filter:blur(12px)}
#menu .sl-terminal:after{content:"";position:absolute;inset:0;border-radius:18px;pointer-events:none;background:linear-gradient(135deg,rgba(95,232,255,.035),transparent 36%)}
#menu .sl-terminal-head,#menu .play-path-switch,#menu .sl-terminal-fields,#menu .sl-bots,#menu .sl-online-panel,#menu .sl-terminal-actions,#menu .room-full-hint{position:relative;z-index:1}
#menu .sl-terminal-head h2{font-size:31px!important;letter-spacing:-.035em!important}.sl-terminal-eyebrow{letter-spacing:.19em!important}
#menu .play-path{border-radius:9px!important;border:1px solid rgba(126,187,205,.13)!important;background:rgba(4,14,23,.64)!important}.play-path.active{background:linear-gradient(120deg,rgba(27,92,109,.44),rgba(4,18,28,.78))!important;border-color:rgba(95,227,251,.40)!important;box-shadow:inset 0 0 24px rgba(83,229,255,.055)}
#menu .sl-terminal select,#menu .sl-terminal input:not([type="range"]){border-radius:7px!important;border-color:rgba(123,183,202,.16)!important;background:rgba(3,12,20,.82)!important}
#menu #deploy{border-radius:8px!important;background:linear-gradient(135deg,#6eeeff,#65f0b5)!important;box-shadow:0 10px 24px rgba(76,227,237,.12)}
#menu #settingsBtn{border-radius:8px!important}

/* Premium secondary shells */
.premium-shell-modal{z-index:54;background:rgba(1,5,9,.80)!important;backdrop-filter:blur(10px)!important;align-items:center;justify-content:center}.premium-shell-modal.active{display:flex}
.premium-shell{width:min(1040px,94vw);max-height:90vh;overflow:auto;padding:22px;border:1px solid rgba(132,205,226,.17);border-radius:18px;background:linear-gradient(145deg,rgba(6,16,25,.98),rgba(3,9,15,.98));box-shadow:0 35px 110px rgba(0,0,0,.58)}
.premium-shell-head{height:auto!important;padding:0 0 17px!important;border-bottom:1px solid rgba(125,193,211,.11)!important}.premium-shell-head>div>p{margin:0 0 5px}.premium-shell-head h2{margin:0;font-size:34px;font-style:italic;letter-spacing:-.04em}.premium-shell-head>div>p:last-child{margin:5px 0 0;color:#7f92a4;font-size:9px}.shell-close{width:40px!important;height:40px!important;margin:0!important;padding:0!important;border-radius:8px!important;background:rgba(9,23,33,.8)!important;border:1px solid rgba(126,195,216,.16)!important;color:#bad1dc!important;font-size:22px!important}
.loadout-layout{display:grid;grid-template-columns:330px 1fr;gap:18px;margin-top:18px}.loadout-cards{display:grid;gap:8px}.loadout-card{position:relative;height:75px!important;margin:0!important;padding:12px 14px 10px 52px!important;text-align:left;border-radius:10px!important;border:1px solid rgba(120,178,198,.13)!important;background:rgba(5,14,22,.72)!important;color:#d9e7ef!important}.loadout-card>span{position:absolute;left:12px;top:14px;width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#0c2330;color:#67e9ff;font-size:7px}.loadout-card b{display:block;font-size:14px;letter-spacing:.02em}.loadout-card small{display:block;margin-top:2px;color:#728697;font-size:6px;letter-spacing:.13em}.loadout-card em{position:absolute;right:12px;bottom:11px;color:#708695;font-style:normal;font-size:6px}.loadout-card.active{border-color:rgba(83,229,255,.42)!important;background:linear-gradient(105deg,rgba(24,83,101,.42),rgba(5,15,24,.8))!important;box-shadow:inset 3px 0 #53e5ff}
.loadout-inspect{min-height:325px;padding:24px;border:1px solid rgba(121,187,206,.12);border-radius:14px;background:radial-gradient(circle at 55% 32%,rgba(65,192,218,.08),transparent 36%),rgba(3,11,18,.62)}.inspect-gun{height:105px;display:grid;place-items:center;color:#ddfaff}.inspect-glyph{width:min(430px,88%);height:105px;fill:currentColor;stroke:rgba(1,10,16,.68);stroke-width:1.3;filter:drop-shadow(0 14px 16px rgba(0,0,0,.55))}.inspect-copy small{color:#60e7ff;font-size:7px;font-weight:900;letter-spacing:.17em}.inspect-copy h3{margin:4px 0 5px;font-size:30px;font-style:italic}.inspect-copy p{margin:0;max-width:620px;color:#8497a8;font-size:9px;line-height:1.6}.inspect-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.inspect-numbers div{padding:10px;border:1px solid rgba(117,180,199,.10);border-radius:8px;background:rgba(6,18,27,.65)}.inspect-numbers small{display:block;color:#6c8193;font-size:6px;letter-spacing:.12em}.inspect-numbers b{display:block;margin-top:4px;font-size:18px}.loadout-inspect>button{height:42px!important;margin:0!important;border-radius:8px!important}
.career-level{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:center;margin:18px 0;padding:17px;border-radius:13px;border:1px solid rgba(120,188,207,.12);background:rgba(5,15,23,.63)}.career-level>div small{display:block;color:#708799;font-size:7px;letter-spacing:.15em}.career-level>div b{font-size:42px;font-style:italic;color:#e9fbff}.career-level section span{display:block;height:8px;border-radius:9px;background:rgba(255,255,255,.06);overflow:hidden}.career-level section span i{display:block;height:100%;width:0;background:linear-gradient(90deg,#53e5ff,#7dffc4);box-shadow:0 0 12px rgba(83,229,255,.25)}.career-level section p{display:flex;justify-content:space-between;margin:7px 0 0;color:#8194a5;font-size:7px}.career-level section em{font-style:normal;color:#ffd56b}.career-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.career-stats div{padding:14px 10px;border-radius:10px;background:rgba(7,20,29,.68);border:1px solid rgba(122,181,201,.10);text-align:center}.career-stats small{display:block;color:#687d8f;font-size:6px;letter-spacing:.12em}.career-stats b{display:block;margin-top:5px;font-size:21px}.career-mastery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.mastery-card{position:relative;padding:13px;border-radius:10px;border:1px solid rgba(120,181,200,.11);background:rgba(5,16,25,.66)}.mastery-card small{display:block;color:#63e7ff;font-size:6px;letter-spacing:.12em}.mastery-card b{display:block;margin-top:4px;font-size:15px}.mastery-card em{display:block;margin-top:3px;color:#798d9e;font-style:normal;font-size:6px}.mastery-card i{display:block;height:3px;margin-top:9px;background:rgba(255,255,255,.06)}.mastery-card i u{display:block;height:100%;background:#53e5ff;text-decoration:none}

/* Private room staging */
.v34-lobby{position:relative;overflow:hidden;width:min(1120px,96vw)!important;padding:20px!important;border-color:rgba(128,201,222,.15)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(5,15,24,.98),rgba(3,9,15,.96))!important}.lobby-stage-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 46%,rgba(50,192,220,.07),transparent 34%)}.v34-lobby>*:not(.lobby-stage-glow){position:relative;z-index:1}.lobby-subtitle{display:block;margin-top:4px;color:#62798b;font-size:6px;font-weight:900;letter-spacing:.14em}.v34-lobby .lobby-topline{padding-bottom:12px;border-bottom:1px solid rgba(127,193,213,.10)}.v34-lobby .lobby-topline h2{font-size:30px!important;margin-top:2px!important}.lobby-admin-pill{border-radius:9px!important;background:rgba(10,27,38,.72)!important;border:1px solid rgba(95,217,240,.14)!important}.v34-lobby .lobby-summary{display:flex!important;gap:6px!important;margin:10px 0!important}.v34-lobby .lobby-summary>*{border-radius:6px!important;background:rgba(5,17,26,.74)!important;border-color:rgba(113,180,201,.11)!important}.lobby-admin-controls{border-radius:11px!important;background:rgba(5,15,23,.58)!important}.v34-lobby .lobby-teams{gap:12px!important}.v34-lobby .lobby-teams section{border-radius:12px!important;background:rgba(5,15,23,.63)!important;border:1px solid rgba(119,180,199,.11)!important}.v34-lobby .blue-team{box-shadow:inset 3px 0 rgba(83,229,255,.68)}.v34-lobby .red-team{box-shadow:inset -3px 0 rgba(255,78,110,.60)}.v34-lobby .versus{color:#7c91a3!important;text-shadow:0 0 18px rgba(83,229,255,.14)}.v34-lobby .roster-slot{border-radius:8px!important;background:rgba(4,14,22,.72)!important;border:1px solid rgba(119,178,198,.09)!important}.v34-lobby .roster-slot:not(.open){box-shadow:0 4px 12px rgba(0,0,0,.12)}.v34-lobby #lobbyStart{border-radius:8px!important;background:linear-gradient(135deg,#66e9ff,#72f1b7)!important}.v34-lobby .lobby-actions button{border-radius:8px!important}

/* Match deployment bridge */
.deployment-overlay{z-index:48;pointer-events:none;background:linear-gradient(90deg,rgba(2,7,12,.94),rgba(2,7,12,.70) 53%,rgba(2,7,12,.18));opacity:0;display:block!important;visibility:hidden;transition:opacity .18s ease,visibility 0s linear .22s}.deployment-overlay.show{visibility:visible;opacity:1;transition:opacity .14s ease}.deployment-scan{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 48%,rgba(91,230,255,.11) 50%,transparent 52%);transform:translateX(-110%)}.deployment-overlay.show .deployment-scan{animation:deployScan 1.05s ease-out forwards}@keyframes deployScan{to{transform:translateX(110%)}}.deployment-copy{position:absolute;left:7vw;top:50%;transform:translateY(-50%)}.deployment-copy p{margin:0;color:#63e8ff;font-size:9px;font-weight:900;letter-spacing:.22em}.deployment-copy h2{margin:7px 0 3px;font-size:clamp(42px,5vw,78px);font-style:italic;letter-spacing:-.06em}.deployment-copy span{color:#8296a7;font-size:8px;font-weight:900;letter-spacing:.18em}.deployment-copy i{display:block;width:190px;height:2px;margin-top:15px;background:linear-gradient(90deg,#53e5ff,transparent);transform-origin:left}.deployment-overlay.show .deployment-copy i{animation:deployLine 1s ease-out}@keyframes deployLine{from{transform:scaleX(.08)}to{transform:scaleX(1)}}

/* Results shell refinement */
.competitive-end{border-radius:17px!important;background:linear-gradient(145deg,rgba(7,18,28,.98),rgba(3,9,15,.98))!important}.competitive-end #endTitle{letter-spacing:-.05em}.end-progression{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin:0 0 14px;padding:10px 12px;border-radius:9px;border:1px solid rgba(119,183,201,.10);background:rgba(4,14,22,.62);text-align:left}.end-progression span small{display:block;color:#6c8192;font-size:5px;letter-spacing:.12em}.end-progression span b{font-size:12px}.end-progression>i{height:5px;background:rgba(255,255,255,.06);overflow:hidden}.end-progression>i u{display:block;width:0;height:100%;background:linear-gradient(90deg,#53e5ff,#76f4bc);text-decoration:none}.end-progression em{color:#ffd66c;font-size:8px;font-style:normal}.end-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.end-actions button{margin:0!important;border-radius:8px!important}

@media(max-width:1080px){
 #menu .sl-hero{grid-template-columns:minmax(320px,.78fr) minmax(520px,1.22fr)!important;gap:28px!important;padding-inline:26px!important}.sl-showcase-main{grid-template-columns:145px 1fr}.sl-showcase-weapon{height:64px}.career-stats{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:860px){
 #menu{overflow-y:auto!important}#menu .sl-hero{grid-template-columns:1fr!important;align-items:start!important;padding:22px 18px 40px!important}.sl-showcase{max-width:none}.loadout-layout{grid-template-columns:1fr}.loadout-cards{grid-template-columns:repeat(2,1fr)}.career-mastery{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
 #menu .sl-nav-link{display:none!important}#menu .sl-hero-copy{display:block!important}.sl-showcase-main{grid-template-columns:120px 1fr}.sl-showcase-copy b{font-size:18px}.sl-showcase-stats{grid-template-columns:repeat(2,1fr)}.premium-shell{padding:14px}.premium-shell-head h2{font-size:26px}.loadout-cards{grid-template-columns:1fr 1fr}.loadout-card{height:68px!important;padding-left:45px!important}.career-level{grid-template-columns:90px 1fr}.career-level>div b{font-size:34px}.career-stats{grid-template-columns:repeat(2,1fr)}.career-mastery{grid-template-columns:1fr 1fr}.deployment-copy{left:6vw}.deployment-copy h2{font-size:42px}
}
@media(pointer:coarse) and (orientation:landscape) and (max-height:620px){
 #menu{overflow:hidden!important}#menu .sl-nav{height:44px!important}.sl-nav-link{display:none!important}#menu .sl-hero{min-height:calc(100vh - 44px)!important;grid-template-columns:minmax(235px,.62fr) minmax(430px,1.38fr)!important;gap:12px!important;padding:9px 12px 12px!important;align-items:start!important}#menu .sl-hero-copy{padding-top:5px!important}#menu .sl-hero h1{font-size:39px!important;margin-top:6px!important}.sl-hero-lead{display:none!important}.sl-showcase{margin-top:10px;padding:8px 10px}.sl-showcase-main{grid-template-columns:88px 1fr;min-height:47px;gap:7px;margin-top:4px}.sl-showcase-weapon{height:42px}.sl-showcase-copy small{font-size:4.6px}.sl-showcase-copy b{font-size:13px}.sl-showcase-copy p{display:none}.sl-showcase-stats{margin-top:3px;gap:4px}.sl-showcase-stats span{font-size:3.7px;margin-bottom:2px}.sl-showcase-actions{margin-top:5px;gap:4px}.sl-mini-action{height:23px!important;font-size:4.5px!important}.loadout-shell,.career-shell{width:96vw;max-height:94vh;padding:10px}.premium-shell-head{padding-bottom:7px!important}.premium-shell-head h2{font-size:20px}.premium-shell-head>div>p:last-child{display:none}.loadout-layout{grid-template-columns:260px 1fr;gap:8px;margin-top:8px}.loadout-cards{gap:4px}.loadout-card{height:47px!important;padding:6px 8px 5px 40px!important}.loadout-card>span{left:7px;top:8px;width:24px;height:24px}.loadout-card b{font-size:10px}.loadout-card small{font-size:4.4px}.loadout-card em{font-size:4.4px;right:7px;bottom:5px}.loadout-inspect{min-height:0;padding:11px}.inspect-gun{height:55px}.inspect-glyph{height:55px}.inspect-copy h3{font-size:19px;margin:2px 0}.inspect-copy p{font-size:5.5px;line-height:1.35}.inspect-numbers{margin:6px 0;gap:4px}.inspect-numbers div{padding:5px}.inspect-numbers small{font-size:4px}.inspect-numbers b{font-size:12px}.loadout-inspect>button{height:28px!important;font-size:6px!important}.career-level{margin:7px 0;padding:8px}.career-stats{grid-template-columns:repeat(6,1fr);gap:4px}.career-stats div{padding:6px}.career-stats small{font-size:4px}.career-stats b{font-size:13px}.career-mastery{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px}.mastery-card{padding:7px}.mastery-card b{font-size:10px}.mastery-card small,.mastery-card em{font-size:4px}.v34-lobby{max-height:98vh;overflow:auto}.deployment-copy h2{font-size:38px}
}


/* ================================================================
   v4.8.6 ONLINE ACCESS FIX
   Fluid private-room setup: no fixed min-width columns can escape
   the match terminal. The compact three-column desktop composition
   is preserved; narrower layouts fold deliberately instead of clipping.
   ================================================================ */
#menu .phase2-online-panel{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  grid-template-columns:minmax(0,.82fr) minmax(0,.98fr) minmax(0,1.45fr)!important;
  column-gap:10px!important;
  row-gap:8px!important;
  overflow:visible!important;
}
#menu .phase2-online-panel>*{min-width:0!important;max-width:100%!important}
#menu .phase2-online-panel label{min-width:0!important}
#menu .phase2-online-panel select,#menu .phase2-online-panel input{min-width:0!important;max-width:100%!important}
#menu .room-access-v452{
  width:100%!important;
  min-width:0!important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.82fr) minmax(0,.82fr)!important;
  gap:6px!important;
}
#menu .room-access-v452>*{min-width:0!important;max-width:100%!important}
#menu .room-access-v452 button{width:100%!important;min-width:0!important;padding-inline:5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#menu .phase2-online-panel>.lan-status-row{grid-column:1/3!important;min-width:0!important;overflow:hidden!important}
#menu .phase2-online-panel>.lan-status-row b{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#menu .pre-match-network-v452{grid-column:3!important;min-width:0!important;overflow:hidden!important}
#menu .pre-match-network-v452 span{overflow-wrap:anywhere}

/* At mid-size desktop widths the explanatory hints are redundant with the
   network card and were the source of the ugly 4-line CALLSIGN spill. */
@media(max-width:1300px){
  #menu .phase2-online-panel .field-hint{display:none!important}
}
@media(max-width:1050px){
  #menu .phase2-online-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  #menu .room-access-v452{grid-column:1/-1!important}
  #menu .phase2-online-panel>.lan-status-row{grid-column:1!important}
  #menu .pre-match-network-v452{grid-column:2!important}
}
@media(max-width:700px){
  #menu .phase2-online-panel{grid-template-columns:1fr!important}
  #menu .room-access-v452{grid-column:1!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  #menu .room-access-v452 label{grid-column:1/-1!important}
  #menu .phase2-online-panel>.lan-status-row,#menu .pre-match-network-v452{grid-column:1!important}
  #menu .phase2-online-panel>.lan-status-row b{white-space:normal!important}
}