:root{--bg:#0a0d11;--panel:#10151bcc;--line:#2a333d;--text:#e9eef3;--muted:#8794a1;--gold:#f5b800;--red:#e5483f;--green:#4ade80}
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:'Segoe UI',Inter,Arial,sans-serif}
#bg{position:fixed;inset:0;width:100%;height:100%;display:block}
#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,#000a 100%)}
.hidden{display:none!important}
.screen{position:fixed;inset:0;display:flex}
.panel{background:var(--panel);backdrop-filter:blur(6px);border:1px solid var(--line);border-top:3px solid var(--gold);padding:22px}
.logo{margin:0 0 18px;font-size:clamp(34px,6vw,54px);letter-spacing:6px;font-weight:900;text-align:center}
.logo span{color:var(--gold)}
#screen-auth{align-items:center;justify-content:center;padding:16px}
.auth{width:min(380px,100%)}
.tabs{display:flex;gap:6px;margin-bottom:14px}
.tab{flex:1;background:#151b22;border:1px solid var(--line);color:var(--muted);padding:9px;font-weight:700;letter-spacing:1px;cursor:pointer}
.tab.active{color:#111;background:var(--gold);border-color:var(--gold)}
form{display:grid;gap:12px}
label{display:grid;gap:5px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
input{background:#0b1015;border:1px solid var(--line);color:var(--text);padding:10px;font-size:15px;outline:none}
input:focus{border-color:var(--gold)}
.btn{background:#18202a;border:1px solid var(--line);color:var(--text);padding:11px 14px;font-weight:800;letter-spacing:1.5px;cursor:pointer}
.btn:hover{border-color:var(--gold)}
.btn.primary{background:var(--gold);color:#111;border-color:var(--gold)}
.btn.primary:hover{filter:brightness(1.1)}
.btn:disabled{opacity:.5;cursor:wait}
.msg{min-height:18px;margin:10px 0 0;font-size:13px;color:var(--red)}
.msg.ok{color:var(--green)}

.topbar{position:absolute;top:12px;right:12px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.chip{background:var(--panel);border:1px solid var(--line);padding:8px 14px;font-size:13px;letter-spacing:1px;display:flex;align-items:center;gap:8px}
.chip b{color:var(--gold)}.chip.gold b{color:#ffd45a}
.btn-chip{cursor:pointer;color:var(--text);font-size:16px}.btn-chip:hover{border-color:var(--gold)}
.dot{width:8px;height:8px;border-radius:50%;background:#555;display:inline-block}
.dot.on{background:var(--green);box-shadow:0 0 8px var(--green)}.dot.wait{background:var(--gold)}
.side{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:grid;gap:8px;width:min(260px,40vw)}
.who{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--gold);padding:10px 14px}
.who small{display:block;color:var(--muted);font-size:10px;letter-spacing:2px}.who b{font-size:20px}
.menu-btn{text-align:left;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:14px 16px;font-size:15px;font-weight:800;letter-spacing:2px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.menu-btn:not(.disabled):hover{background:var(--gold);color:#111;border-color:var(--gold)}
.menu-btn.disabled{opacity:.45;cursor:not-allowed}
.menu-btn em{font-style:normal;font-size:10px;color:var(--muted);letter-spacing:1px;font-weight:600}
.maps{position:absolute;right:12px;bottom:60px;width:min(320px,45vw)}
.maps h3{margin:0 0 10px;font-size:13px;letter-spacing:3px;color:var(--muted)}
.map-item{border:1px solid var(--line);background:#0c1117;padding:10px;margin-bottom:8px;cursor:pointer}
.map-item.active{border-color:var(--gold);background:#1b1a12}
.map-item b{display:block;font-size:14px}.map-item small{color:var(--muted);font-size:11px}
.bottombar{position:absolute;left:16px;bottom:14px;font-size:12px;letter-spacing:1px;color:var(--muted)}
.modal{position:fixed;inset:0;background:#000b;display:flex;align-items:center;justify-content:center;padding:16px;z-index:20}
.settings{width:min(400px,100%);display:grid;gap:12px}
.settings h2{margin:0;font-size:15px;letter-spacing:3px}
.boot{position:fixed;inset:0;background:#0a0d11ee;display:flex;align-items:center;justify-content:center;z-index:30;text-align:center}
.boot b{display:block;font-size:32px;letter-spacing:6px;margin-bottom:8px}
.boot span{display:block;color:var(--muted);font-size:13px;margin-bottom:14px}
.bar{width:260px;height:5px;background:#222;margin:0 auto}.bar i{display:block;height:100%;width:0;background:var(--gold);transition:width .2s}
@media(max-height:700px){.side{top:8px;transform:none;gap:5px;max-height:calc(100% - 16px);overflow-y:auto}.menu-btn{padding:9px 12px;font-size:13px}.who{padding:6px 12px}.who b{font-size:16px}.maps{bottom:44px;max-height:40vh;overflow:auto}}
@media(max-width:700px){.maps{left:12px;right:12px;width:auto;bottom:44px}.side{top:60px;transform:none}}

body.ingame #bg,body.ingame #vignette{display:none}
select{background:#0b1015;border:1px solid var(--line);color:var(--text);padding:10px;font-size:14px;outline:none}
select:focus{border-color:var(--gold)}
.panel.wide{width:min(720px,100%);max-height:94vh;overflow:auto}
h2{margin:0 0 12px;font-size:15px;letter-spacing:3px}
h4{margin:12px 0 8px;font-size:11px;letter-spacing:2px;color:var(--muted)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.row{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.row>.btn,.row>input{flex:1}
.row.between{justify-content:space-between;align-items:center}.row.between>*{flex:0 0 auto}
.note{font-size:12px;color:var(--muted);line-height:1.5}
.grp{border-bottom:1px solid var(--line);padding-bottom:12px;display:grid;gap:10px}
label.check{display:flex;align-items:center;gap:8px;text-transform:none;font-size:13px;color:var(--text)}
label.check input{width:auto}
input[type=range]{padding:0}
.list{display:grid;gap:6px;max-height:34vh;overflow:auto}
.room{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);background:#0c1117;padding:10px;cursor:pointer}
.room:hover{border-color:var(--gold)}.room b{letter-spacing:2px}.room small{color:var(--muted)}
.lobby{margin:auto;width:min(760px,calc(100% - 24px));max-height:96vh;overflow:auto}
.code{background:#0c1117;border:1px solid var(--gold);color:var(--gold);font-size:22px;font-weight:900;letter-spacing:6px;padding:6px 14px;cursor:pointer}
.cfg{font-size:13px;color:var(--muted);margin:0 0 10px}
.teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.team{border:1px solid var(--line);background:#0c1117;padding:10px}
.team h3{margin:0 0 8px;font-size:13px;letter-spacing:3px}.team.A h3{color:#5aa2ff}.team.B h3{color:#ff6b61}
.pl{display:flex;justify-content:space-between;gap:8px;padding:6px 4px;border-bottom:1px solid #1b232c;font-size:14px}
.pl em{font-style:normal;font-size:11px;letter-spacing:1px;color:var(--muted)}.pl em.ok{color:var(--green)}.pl em.off{color:var(--red)}
.team .btn{margin-top:8px;width:100%;padding:7px;font-size:11px}
.btn.danger:hover{border-color:var(--red);color:var(--red)}
.hud{position:absolute;inset:0;pointer-events:none}


#hud-debug{position:absolute;top:10px;right:10px;background:#000a;padding:6px 10px;font:11px/1.5 monospace;color:#9fe;white-space:pre}
#countdown{position:absolute;top:30%;left:0;right:0;text-align:center;font-size:clamp(48px,10vw,110px);font-weight:900;color:var(--gold);text-shadow:0 0 18px #000}
#netbanner{position:absolute;top:50px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;padding:6px 18px;letter-spacing:3px;font-weight:800;font-size:13px;z-index:5}
.overlay{position:absolute;inset:0;background:#000a;display:flex;align-items:center;justify-content:center;z-index:6}
.pausebox{display:grid;gap:10px;width:min(320px,calc(100% - 24px))}
.pausebox pre{margin:0;background:#0b1015;border:1px solid var(--line);padding:10px;font-size:12px;line-height:1.7}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#1b0f0f;border:1px solid var(--red);color:#fff;padding:10px 18px;font-size:13px;z-index:40;max-width:90vw}
.toast.ok{background:#0f1b12;border-color:var(--green)}
#screen-game canvas{position:fixed;inset:0;width:100%;height:100%;display:block}
#screen-game .hud,#screen-game .overlay,#netbanner{z-index:2}

.cross{position:absolute;left:50%;top:50%;width:0;height:0}.cross i{position:absolute;background:#fff;box-shadow:0 0 2px #000;opacity:.9}
.cross i:nth-child(1){width:2px;height:9px;left:-1px;top:calc(-9px - var(--g,6px))}.cross i:nth-child(2){width:2px;height:9px;left:-1px;top:var(--g,6px)}
.cross i:nth-child(3){height:2px;width:9px;top:-1px;left:calc(-9px - var(--g,6px))}.cross i:nth-child(4){height:2px;width:9px;top:-1px;left:var(--g,6px)}
.cross.ads i{opacity:.35}.cross.hidden-x{display:none}
.hitmark{position:absolute;left:50%;top:50%;width:0;height:0;opacity:0;transition:opacity .25s}.hitmark.on{opacity:1;transition:none}
.hitmark i{position:absolute;width:10px;height:2px;background:#fff;box-shadow:0 0 3px #000}.hitmark.head i{background:#ff4040}.hitmark.kill i{background:#ffcf33;width:14px}
.hitmark i:nth-child(1){transform:translate(-18px,-18px) rotate(45deg)}.hitmark i:nth-child(2){transform:translate(8px,-18px) rotate(-45deg)}.hitmark i:nth-child(3){transform:translate(-18px,16px) rotate(-45deg)}.hitmark i:nth-child(4){transform:translate(8px,16px) rotate(45deg)}
.dmgflash{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(200,10,10,.55) 100%);transition:opacity .5s}.dmgflash.on{opacity:1;transition:none}
#dmgind{position:absolute;left:50%;top:50%;width:0;height:0}
.dind{position:absolute;left:-90px;top:-170px;width:180px;height:110px;transform-origin:90px 170px;pointer-events:none;animation:dind 1.3s forwards}
.dind:before{content:"";position:absolute;left:30px;top:0;width:120px;height:60px;border-radius:50% 50% 0 0/100% 100% 0 0;background:radial-gradient(ellipse at 50% 100%,rgba(255,40,30,.0) 0%,rgba(255,50,40,.85) 78%,rgba(255,50,40,0) 100%);filter:blur(1px)}
@keyframes dind{0%{opacity:1}70%{opacity:.9}100%{opacity:0}}
#hud-top{position:absolute;top:8px;left:50%;transform:translateX(-50%);text-align:center;text-shadow:0 0 6px #000}
#timer{font-size:26px;font-weight:900;letter-spacing:3px;background:#0a0d11c0;border:1px solid var(--line);border-top:2px solid var(--gold);padding:2px 18px}
#score{margin-top:3px;font-size:12px;letter-spacing:2px;color:#dfe6ee}#score .a{color:#5aa2ff}#score .b{color:#ff6b61}
#killfeed{position:absolute;top:14px;right:12px;display:grid;gap:4px;justify-items:end;font-size:12px}
.kf{background:#0a0d11c0;border-right:3px solid var(--gold);padding:4px 10px;animation:kf 5s forwards;letter-spacing:1px}.kf b{color:var(--gold)}.kf .me{color:#7dff9a}.kf .hs{color:#ff5050}
@keyframes kf{0%{opacity:0;transform:translateX(30px)}6%{opacity:1;transform:none}85%{opacity:1}100%{opacity:0}}
#medals{position:absolute;left:50%;top:15%;transform:translateX(-50%);width:min(400px,60vw);display:grid;gap:0;justify-items:center;pointer-events:none}
.medal{grid-area:1/1;width:min(310px,48vw);animation:medal 2.6s cubic-bezier(.2,.9,.3,1) forwards;filter:drop-shadow(0 0 14px rgba(255,160,40,.55));margin:0}
.medal.big{width:min(390px,56vw);animation-duration:3.2s}.medal.small{width:min(220px,38vw)}
.medal.shake{animation-name:medalshake}
@keyframes medal{0%{opacity:0;transform:scale(1.5)}10%{opacity:1;transform:scale(.92)}16%{transform:scale(1.06)}22%{transform:scale(1)}78%{opacity:1}100%{opacity:0;transform:scale(1.08) translateY(-14px)}}
@keyframes medalshake{0%{opacity:0;transform:scale(1.6) rotate(-4deg)}8%{opacity:1;transform:scale(.9) rotate(2deg)}14%{transform:scale(1.08) rotate(-1deg)}20%{transform:scale(1)}78%{opacity:1}100%{opacity:0;transform:scale(1.1) translateY(-14px)}}
#zkill{position:absolute;left:50%;top:56%;transform:translateX(-50%);font-size:13px;letter-spacing:3px;color:#b8f5a8;text-shadow:0 0 6px #000;opacity:0;transition:opacity .4s}#zkill.on{opacity:1;transition:none}
#hud-bl{position:absolute;left:14px;bottom:12px;width:min(300px,42vw);text-shadow:0 0 5px #000}
#pname{font-size:11px;letter-spacing:2px;color:#cfd8e0;margin-bottom:4px}
.bar2{position:relative;height:16px;background:#0a0d11b8;border:1px solid var(--line);margin-bottom:4px}.bar2 i{position:absolute;left:0;top:0;bottom:0;background:var(--green);transition:width .15s}.bar2.ar i{background:#5aa2ff}.bar2.hp.low i{background:var(--red)}
.bar2 b{position:absolute;right:6px;top:0;font-size:11px;line-height:16px}
#slidecd{height:3px;background:#222;margin-top:2px}#slidecd i{display:block;height:100%;background:var(--gold)}
#hud-ammo{position:absolute;right:14px;bottom:12px;text-align:right;text-shadow:0 0 5px #000}
#wname{font-size:11px;letter-spacing:2px;color:#cfd8e0}
#ammo{font-size:36px;font-weight:900;line-height:1}#ammo b{color:#fff}#ammo span{font-size:16px;color:#9aa6b2;margin-left:4px;font-weight:600}
#ammo.low b{color:var(--red)}
#slots{display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.slot{min-width:34px;padding:2px 6px;background:#0a0d11b8;border:1px solid var(--line);font-size:10px;letter-spacing:1px;color:#8794a1;text-align:center}.slot.on{border-color:var(--gold);color:#fff;background:#1b1a12}.slot.off{opacity:.3}
#reloadbar{height:4px;background:#222;margin-top:4px;opacity:0}#reloadbar.on{opacity:1}#reloadbar i{display:block;height:100%;width:0;background:var(--gold)}
.tutorial{position:absolute;left:50%;bottom:110px;transform:translateX(-50%);width:min(520px,86vw);background:#0a0d11e0;border:1px solid var(--line);border-left:3px solid var(--gold);padding:10px 14px;pointer-events:auto}
.tut-h{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:var(--gold);margin-bottom:6px}.tut-skip{background:none;border:0;color:#8794a1;cursor:pointer;font-size:10px;letter-spacing:2px}
.tut-t{font-size:15px;line-height:1.5}.tut-bar{height:3px;background:#222;margin-top:8px}.tut-bar i{display:block;height:100%;background:var(--gold)}
kbd{display:inline-block;min-width:22px;padding:1px 7px;border:1px solid #556;border-bottom-width:3px;border-radius:4px;background:#171d25;font:700 12px monospace;color:#fff;text-align:center}kbd.none{color:var(--red)}
.death{position:absolute;inset:0;background:radial-gradient(ellipse at center,#00000040,#400000a0);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.d1{font-size:52px;font-weight:900;letter-spacing:8px;color:#ff5a4a;text-shadow:0 0 18px #000}#dwho{margin-top:6px;letter-spacing:2px}#dwait{margin-top:10px;font-size:22px;color:var(--gold)}
.sb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(640px,92vw);max-height:80vh;overflow:auto;background:#0a0d11ee;border:1px solid var(--line);border-top:3px solid var(--gold);padding:14px}
.sb h3{margin:0 0 8px;font-size:12px;letter-spacing:3px;color:var(--gold)}.sb table{width:100%;border-collapse:collapse;font-size:13px}.sb th{color:#8794a1;font-size:10px;letter-spacing:2px;text-align:right;padding:4px}.sb th:first-child,.sb td:first-child{text-align:left}
.sb td{padding:5px 4px;text-align:right;border-bottom:1px solid #1b232c}.sb tr.me td{color:#7dff9a;font-weight:700}.sb .A td:first-child{color:#5aa2ff}.sb .B td:first-child{color:#ff6b61}
#hud{--g:6px}
.krow{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:4px 0;border-bottom:1px solid #1b232c;font-size:13px}.kbtns{display:flex;gap:4px}
.kbtn{min-width:86px;background:#10171e;border:1px solid var(--line);color:#fff;padding:5px 8px;font:700 11px monospace;cursor:pointer}.kbtn.listen{border-color:var(--gold);color:var(--gold)}.kreset{background:none;border:0;color:#8794a1;cursor:pointer;font-size:15px}
#modal-settings .settings{max-height:92vh;overflow:auto}

.tabs2{display:flex;gap:4px;margin-bottom:6px}.tab2{flex:1;background:#151b22;border:1px solid var(--line);color:var(--muted);padding:8px;font-weight:700;letter-spacing:1px;cursor:pointer}.tab2.active{background:var(--gold);color:#111;border-color:var(--gold)}
.pane{display:grid;gap:10px;max-height:62vh;overflow:auto;padding-right:4px}
.scope{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 0,transparent 30vmin,#000 30.4vmin)}
.sc-h{position:absolute;left:calc(50% - 30vmin);right:calc(50% - 30vmin);top:50%;height:1px;background:#000d}.sc-v{position:absolute;top:calc(50% - 30vmin);bottom:calc(50% - 30vmin);left:50%;width:1px;background:#000d}
.sc-dot{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;background:#e33;border-radius:50%}

.who{display:flex;gap:10px;align-items:center;text-align:left;color:var(--text);cursor:pointer;width:100%}.who:hover{border-color:var(--gold)}
.who img{width:44px;height:44px;border:2px solid var(--gold);object-fit:cover}.who span{display:grid;gap:2px;flex:1}
.xpbar{display:block;height:4px;background:#222}.xpbar u{display:block;height:100%;background:var(--gold);text-decoration:none;width:0}
.prof-head{display:flex;gap:14px;align-items:center;margin-bottom:6px}.prof-head img{width:84px;height:84px;border:3px solid var(--gold)}.prof-head b{font-size:20px}
.xpbig{height:8px;background:#222;margin:6px 0 2px;width:260px;max-width:60vw}.xpbig u{display:block;height:100%;background:var(--gold);width:0;text-decoration:none}
.avgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;max-height:48vh;overflow:auto;padding:4px}
.av{position:relative;aspect-ratio:1;border:2px solid var(--line);cursor:pointer;background:#0c1117}.av img{width:100%;height:100%;display:block}
.av.sel{border-color:var(--gold);box-shadow:0 0 0 2px #0008,0 0 12px var(--gold)}.av.lock{cursor:not-allowed}.av.lock img{filter:grayscale(1) brightness(.35)}
.av .lv{position:absolute;inset:auto 0 0 0;background:#000b;font-size:10px;letter-spacing:1px;text-align:center;padding:2px;color:#cfd8e0}.av:not(.lock) .lv{display:none}
.reward{text-align:center}.reward .rw{display:inline-grid;gap:4px;margin:6px;justify-items:center;font-size:12px}.reward img{width:72px;height:72px;border:2px solid var(--gold)}
.pl img.pa{width:28px;height:28px;margin-right:8px;vertical-align:middle;border:1px solid var(--line)}

.lockhint{position:absolute;left:50%;bottom:18%;transform:translateX(-50%);z-index:3;background:#0a0d11e0;border:1px solid var(--gold);color:var(--gold);padding:8px 18px;letter-spacing:3px;font-size:12px;font-weight:800;animation:pulse 1.4s infinite;cursor:pointer}
@keyframes pulse{50%{opacity:.45}}
.who img.rk{width:30px;height:38px;border:0;object-fit:contain}.rkbig{width:70px;height:84px;object-fit:contain;margin-left:-4px}

.maploading{padding:0;display:block;background:#05070a}.maploading #gl-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}
.gl-shade{position:absolute;inset:0;background:linear-gradient(to top,#000d 0%,#0003 55%,#0007 100%)}
.gl-box{position:absolute;left:0;right:0;bottom:9%;text-align:center}.gl-box b{display:block;font-size:34px;letter-spacing:8px;color:#fff;text-shadow:0 0 12px #000}
#gl-map{font-size:20px;letter-spacing:6px;color:var(--gold);margin:6px 0 12px;text-shadow:0 0 10px #000}.gl-box span{color:#e6edf3;text-shadow:0 0 6px #000}.gl-box .bar{width:min(420px,70vw)}

/* ===== abertura: splash LASTLINE + vídeo no tamanho da caixa de login ===== */
.splash{position:fixed;inset:0;z-index:200;background:radial-gradient(ellipse at center,#141a22 0%,#0a0d11 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;opacity:0;pointer-events:none;transition:opacity .35s ease}
.splash.show{opacity:1;pointer-events:auto}
.sp-logo{font-size:clamp(44px,9vw,92px);letter-spacing:10px;font-weight:900;color:#e9eef3}.sp-logo span{color:var(--gold)}
.sp-bar{width:min(360px,60vw);height:4px;background:#1c232c;overflow:hidden}.sp-bar i{display:block;height:100%;width:0;background:var(--gold);transition:width .25s ease-out}
.panel.auth{position:relative;overflow:hidden}
#intro-anim{position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;width:calc(100% + 2px);height:calc(100% + 2px);z-index:5;cursor:pointer;background:#06080b}.panel.auth.intro>*:not(#intro-anim){visibility:hidden}
.pwrap{position:relative;display:block}.pwrap input{width:100%;padding-right:44px}
.eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:34px;height:34px;background:none;border:0;color:#8794a1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.eye:hover{color:var(--gold)}.eye svg{width:20px;height:20px}
.warn{font-size:12px;line-height:1.5;color:#f5d98a;background:#1d1a0c;border:1px solid #5a4a12;border-left:3px solid var(--gold);padding:9px 11px}
.soundhint{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:10px;letter-spacing:2px;color:#cfd8e0;z-index:6;text-shadow:0 0 4px #000;pointer-events:none}

.ret{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}

.hostcfg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;border:1px solid var(--line);border-left:3px solid var(--gold);background:#0c1117;padding:10px;margin:8px 0}
.hostcfg label{font-size:10px}.hostcfg select,.hostcfg input{padding:7px;font-size:13px}.hostcfg .btn{grid-column:1/-1}
#screen-lobby{background-size:cover;background-position:center}
#screen-lobby .lobby{background:#0a0d11e6}
.pl .xfer{background:none;border:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:1px;cursor:pointer;padding:2px 6px;margin-left:8px}.pl .xfer:hover{border-color:var(--gold);color:var(--gold)}
.results{max-height:94vh;overflow:auto}.res-grid{display:grid;grid-template-columns:300px 1fr;gap:16px}@media(max-width:700px){.res-grid{grid-template-columns:1fr}}
.res-char{display:grid;justify-items:center;background:#0c1117;border:1px solid var(--line)}.res-char canvas{width:100%;max-width:300px;height:auto;aspect-ratio:3/4}.res-char b{padding:6px;letter-spacing:2px}
.res-xp span{font-size:26px;font-weight:900;color:var(--gold)}.res-xp .xpbig{width:100%;max-width:none}
#res-rewards{margin:10px 0;display:flex;flex-wrap:wrap;gap:8px}#res-rewards .rw{display:grid;justify-items:center;gap:3px;font-size:11px;border:1px solid var(--gold);padding:6px;background:#1b1a12}#res-rewards img{width:56px;height:56px}
#res-sb table{width:100%;border-collapse:collapse;font-size:13px}#res-sb th{color:#8794a1;font-size:10px;letter-spacing:2px;text-align:right;padding:4px}#res-sb th:first-child,#res-sb td:first-child{text-align:left}#res-sb td{padding:5px 4px;text-align:right;border-bottom:1px solid #1b232c}#res-sb tr.me td{color:#7dff9a;font-weight:700}
#hud-bl.prot{box-shadow:0 0 0 2px #38e0ff88,0 0 14px #38e0ff66}#hud-bl.prot #pname:after{content:" · PROTEGIDO";color:#38e0ff}

.ladder{position:absolute;top:74px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:3px;font-weight:800;color:var(--gold);text-shadow:0 0 6px #000;white-space:nowrap}
.arsenal{border:1px solid var(--line);border-left:3px solid var(--gold);background:#0c1117;padding:10px;margin:8px 0}.arsenal h3{margin:0 0 8px;font-size:12px;letter-spacing:3px;color:var(--gold)}.arsenal h3 small{color:#8794a1;letter-spacing:1px;font-weight:400}
.arsenal .slot{display:grid;grid-template-columns:90px repeat(4,minmax(110px,1fr));gap:8px;align-items:end;margin-bottom:8px}.arsenal .slot>b{font-size:11px;letter-spacing:2px;color:#cfd8e0}.arsenal label{font-size:10px}.arsenal select{padding:6px;font-size:12px}
@media(max-width:760px){.arsenal .slot{grid-template-columns:1fr 1fr}}

/* ===== ARSENAL ===== */
.ars{position:fixed;inset:0;z-index:90;display:grid;grid-template-rows:auto 1fr auto auto auto;gap:10px;padding:14px 18px;background:radial-gradient(ellipse at 40% 20%,#1b222c 0%,#0a0d12 70%);color:#e6edf3;overflow:auto}
.ars-top{display:flex;align-items:center;gap:22px}.ars-logo{font-size:34px;font-weight:900;letter-spacing:6px}.ars-steps{font-size:11px;letter-spacing:3px;color:#8794a1;flex:1}.ars-steps i{color:var(--gold);font-style:normal}
.ars-user{display:grid;gap:3px;min-width:200px;font-size:12px}.ars-user b{font-size:15px}.ars-user span{color:var(--gold);letter-spacing:2px}.ars-user u{display:block;height:5px;background:#222b35}.ars-user u i{display:block;height:100%;background:var(--gold)}
.ars-x{width:38px;height:38px;background:#10161d;border:1px solid var(--line);color:#cfd8e0;font-size:16px;cursor:pointer}.ars-x:hover{border-color:var(--gold);color:var(--gold)}
.ars-main{display:grid;grid-template-columns:190px 1fr 290px;gap:12px;min-height:300px}
.ars-cats{display:grid;gap:6px;align-content:start}.ars-cats button,.ars-tabs button{background:#0e141b;border:1px solid var(--line);color:#aeb9c4;padding:13px 10px;font-weight:800;letter-spacing:2px;font-size:12px;cursor:pointer;text-align:left}.ars-cats button.on,.ars-tabs button.on{border-color:var(--gold);color:var(--gold);background:#1a1810}.ars-cats button:hover,.ars-tabs button:hover{border-color:#3b4856}
.ars-stage{position:relative;border:1px solid var(--line);background:linear-gradient(#0f151c80,#07090c80);min-height:300px}.ars-name{position:absolute;left:18px;top:12px;font-size:32px;font-weight:900;letter-spacing:3px}.ars-sub{position:absolute;left:18px;top:54px;font-size:11px;letter-spacing:3px;color:var(--gold)}.ars-desc{position:absolute;left:18px;top:76px;max-width:340px;font-size:12px;color:#9aa6b2;line-height:1.5}
.ars-view{position:absolute;inset:0;width:100%;height:100%;cursor:grab}.ars-hint{position:absolute;left:14px;bottom:10px;font-size:11px;color:#7d8a97}
.ars-side{display:grid;gap:10px;align-content:start}.ars-box{border:1px solid var(--line);background:#0c1117;padding:10px}.ars-box h4,.ars-adv h4{margin:0 0 8px;font-size:12px;letter-spacing:3px;color:#e6edf3}
.ars-attrs .row{display:grid;grid-template-columns:92px 1fr 28px;gap:8px;align-items:center;font-size:11px;letter-spacing:1px;margin-bottom:6px;color:#aeb9c4}.ars-attrs .row div{height:7px;background:#1d2630}.ars-attrs .row i{display:block;height:100%;background:linear-gradient(90deg,#c58b00,var(--gold))}.ars-attrs .row b{text-align:right;color:#e6edf3}
.ars-mods div{font-size:12px;padding:4px 0;border-bottom:1px solid #18212a}.ars-mods span{color:#7d8a97}
.ars-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ars-tabs button{text-align:center}
.ars-bottom{display:grid;grid-template-columns:1fr 300px;gap:12px}.ars-opts{display:flex;gap:8px;flex-wrap:wrap;border:1px solid var(--line);background:#0c1117;padding:10px;align-content:flex-start;min-height:120px}
.opt{width:150px;background:#101820;border:1px solid var(--line);color:#e6edf3;padding:12px 10px;text-align:left;cursor:pointer;display:grid;gap:4px}.opt b{font-size:13px}.opt small{color:#7d8a97}.opt.on{border-color:var(--gold);background:#1a1810}.opt.lock{opacity:.5}.opt .sw{display:block;height:8px}
.ars-info{display:grid;gap:8px;align-content:start}.ars-adv{border:1px solid var(--line);background:#0c1117;padding:10px;font-size:12px;min-height:96px}.ars-adv .g b{display:block;font-size:10px;letter-spacing:2px;color:#7d8a97;margin:4px 0 2px}.ars-adv .up{color:#4ade80}.ars-adv .dn{color:#ef4444}.ars-adv em{float:right;font-style:normal}
.ars-equip{background:var(--gold);color:#111;border:0;padding:16px;font-weight:900;letter-spacing:3px;font-size:15px;cursor:pointer}.ars-equip:disabled{background:#2a313a;color:#8794a1;cursor:default}.ars-lock{font-size:12px;letter-spacing:2px;color:#cfd8e0}
.ars-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.wc{min-width:170px;background:#0e141b;border:1px solid var(--line);color:#e6edf3;padding:14px 12px;text-align:left;cursor:pointer;display:grid;gap:4px}.wc b{font-size:13px}.wc small{color:#7d8a97}.wc.on{border-color:var(--gold);background:#1a1810}.wc.lock{opacity:.55}
@media(max-width:900px){.ars-main{grid-template-columns:1fr}.ars-bottom{grid-template-columns:1fr}.ars-tabs{grid-template-columns:1fr 1fr}.ars-cats{grid-template-columns:repeat(4,1fr)}}
/* botão PRONTO amarelo e em destaque */
#lobby-ready.ready{background:var(--gold);color:#111;font-size:16px;letter-spacing:4px;font-weight:900;padding:14px 26px;box-shadow:0 0 18px #f5b80055;animation:pulseReady 1.6s ease-in-out infinite}@keyframes pulseReady{50%{box-shadow:0 0 28px #f5b800aa}}

.ranks{width:min(1100px,96vw);max-height:92vh;overflow:auto}.ranks h3{margin:16px 0 8px;font-size:14px;letter-spacing:3px}.ranks h3 small{color:#7d8a97;letter-spacing:1px}
.rk-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:8px}.rk-grid.elos{grid-template-columns:repeat(8,1fr)}
.rk{background:#0c1117;border:1px solid var(--line);padding:10px 6px;display:grid;justify-items:center;gap:4px;text-align:center}.rk img{width:64px;height:64px;object-fit:contain}.rk b{color:var(--gold);font-size:12px}.rk span{font-size:11px;letter-spacing:1px;color:#cfd8e0}.rk small{color:#7d8a97;font-size:10px}.rk.done{opacity:.7}.rk.me{border-color:var(--gold);box-shadow:0 0 14px #f5b80044}
.rk.pres{grid-column:span 1;font-size:10px}.rk.pres em{color:var(--gold);font-style:normal;font-size:11px}
.rk-me{display:flex;gap:14px;align-items:center;margin-top:14px;border:1px solid var(--line);background:#0c1117;padding:12px}.rk-me img{width:72px;height:72px}.rk-me b{font-size:20px;display:block}.rk-me span{color:var(--gold);letter-spacing:2px;font-size:12px}.rk-me .xpbig{width:340px;max-width:100%;margin:6px 0}
@media(max-width:900px){.rk-grid{grid-template-columns:repeat(4,1fr)}.rk-grid.elos{grid-template-columns:repeat(4,1fr)}}

/* ===== sala no estilo da referência ===== */
.mapcard{display:flex;gap:12px;align-items:center;border:1px solid var(--line);background:#0c1117;padding:8px;margin:6px 0}.mapcard img{width:150px;height:84px;object-fit:cover}.mapcard b{display:block;font-size:16px;letter-spacing:3px}.mapcard small{display:block;color:#9aa6b2;font-size:12px;max-width:520px}.mapcard em{color:var(--gold);font-style:normal;font-size:11px;letter-spacing:2px}
.pl{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#0f151c;border:1px solid #1f2a35;border-left:3px solid #2a3846;margin-bottom:6px}.pl .pa{width:46px;height:46px;object-fit:cover;border:1px solid #2a3846}.pl>span{flex:1;font-size:15px}.pl em{font-style:normal;font-size:11px;letter-spacing:2px;color:#facc15}.pl em:before{content:"● ";}.pl em.ok{color:#4ade80}.pl em.off{color:#6b7683}

.special{position:absolute;right:16px;bottom:130px;font-size:12px;letter-spacing:2px;font-weight:800;color:#cfd8e0;background:#0c1117cc;border:1px solid var(--line);border-left:3px solid var(--gold);padding:6px 10px}
#flashbang{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:40}

/* ===== Arsenal: kits, slots, efeito de equipar ===== */
.ars-kits{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.ars-kits>button{background:#0e141b;border:1px solid var(--line);color:#cfd8e0;padding:10px 14px;cursor:pointer;text-align:left;display:grid;gap:3px;min-width:210px}.ars-kits>button b{font-size:12px;letter-spacing:2px}.ars-kits>button em{font-style:normal;font-size:10px;color:#4ade80;letter-spacing:2px}.ars-kits>button.on{border-color:var(--gold);background:#1a1810;color:var(--gold)}
.ars-kits .kd{flex:1;min-width:240px;font-size:12px;color:#9aa6b2;align-self:center;line-height:1.4}.ars-kits .use{background:var(--gold);color:#111;border:0;font-weight:900;letter-spacing:2px;cursor:pointer;padding:0 18px}.ars-kits .use.done{background:#1f3b27;color:#4ade80;cursor:default}
.ars-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ars-slots .sl{background:#0c1117;border:1px solid var(--line);color:#e6edf3;padding:8px 10px;text-align:left;cursor:pointer;display:grid;gap:2px}.ars-slots .sl small{font-size:10px;letter-spacing:2px;color:var(--gold)}.ars-slots .sl b{font-size:13px}.ars-slots .sl:hover{border-color:#3b4856}
.ars-test{position:absolute;right:14px;bottom:12px;background:#10161d;border:1px solid var(--gold);color:var(--gold);font-weight:800;letter-spacing:2px;font-size:12px;padding:10px 14px;cursor:pointer}.ars-test:hover{background:var(--gold);color:#111}
.ars-pop{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%) scale(.7);font-size:30px;font-weight:900;letter-spacing:6px;color:#fff;text-shadow:0 0 22px var(--gold),0 0 4px #000;opacity:0;pointer-events:none;white-space:nowrap}
.ars-stage.flash{animation:eqflash .9s ease-out}.ars-stage.flash .ars-pop{animation:eqpop .9s ease-out}
@keyframes eqflash{0%{box-shadow:inset 0 0 0 2px #fff,inset 0 0 120px #f5b800cc;background:#2a2410}100%{box-shadow:inset 0 0 0 0 #0000,inset 0 0 0 #0000}}
@keyframes eqpop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}100%{opacity:0;transform:translate(-50%,-70%) scale(1)}}
.ars-eqs{display:grid;gap:6px}.ars-ng{padding:6px}.ars-ng b{font-size:16px;letter-spacing:2px}.ars-ng p{color:#9aa6b2;font-size:13px;line-height:1.5}
@media(max-width:900px){.ars-slots{grid-template-columns:repeat(2,1fr)}}

.ars{grid-template-rows:auto auto auto minmax(300px,1fr) auto auto auto;gap:8px}

.ars{grid-template-rows:none;grid-auto-rows:auto;align-content:start}.ars-main{min-height:440px}.ars-cats button{padding:9px 10px}.ars-kits>button{padding:8px 12px}.ars-kits .use{padding:8px 18px}
.ars-opts{min-height:96px}

/* ===== TELA INICIAL (nova) ===== */
#screen-menu .side{left:14px;top:84px;transform:none;width:268px;gap:7px}
#screen-menu .menu-btn{display:grid;gap:2px;padding:12px 14px;background:#0b1015d9;border:1px solid #1f2a35;border-left:3px solid transparent}
#screen-menu .menu-btn b{font-size:15px;letter-spacing:2px}#screen-menu .menu-btn small{font-size:11px;color:#8794a1;font-weight:500;letter-spacing:0}
#screen-menu .menu-btn.play{background:#1b1706;border-color:var(--gold);color:var(--gold)}#screen-menu .menu-btn.play small{color:#b99a3a}
#screen-menu .menu-btn:not(.disabled):hover{background:var(--gold);color:#111;border-color:var(--gold)}#screen-menu .menu-btn:not(.disabled):hover small{color:#222}
.quick{position:absolute;right:14px;top:84px;width:300px;display:grid;gap:10px;background:#0b1015e6}.quick h3{margin:0;font-size:12px;letter-spacing:3px;color:var(--gold)}.quick label{display:grid;gap:4px;font-size:10px;letter-spacing:2px;color:#8794a1}.quick select{padding:9px;font-size:13px}
.qmap{display:grid;grid-template-columns:34px 1fr 34px;gap:6px;align-items:center}.qmap button{background:#10161d;border:1px solid var(--line);color:#cfd8e0;height:34px;cursor:pointer;font-size:18px}.qmap button:hover{border-color:var(--gold);color:var(--gold)}.qmap span{background:#0e141b;border:1px solid var(--line);padding:8px;text-align:center;font-size:13px;color:#e6edf3;letter-spacing:1px}
.quick .big{padding:15px;font-size:15px;letter-spacing:3px}
#screen-menu .maps{left:296px;right:330px;bottom:70px;width:auto;background:#0b1015d9}#screen-menu .maps h3{margin-bottom:8px}
#map-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.map-item{flex:0 0 190px;height:96px;display:grid;align-content:end;padding:8px 10px;background-size:cover;background-position:center;border:2px solid #1f2a35;cursor:pointer;position:relative}.map-item b{font-size:13px;letter-spacing:2px;text-shadow:0 0 6px #000}.map-item small{display:none}.map-item.active{border-color:var(--gold);box-shadow:0 0 14px #f5b80055}.map-item.active:after{content:"✔";position:absolute;right:6px;top:4px;background:var(--gold);color:#111;width:20px;height:20px;display:grid;place-items:center;font-size:12px;font-weight:900}
#screen-menu .bottombar{left:296px;bottom:150px;font-size:13px;color:#e6edf3;text-shadow:0 0 6px #000}
.welcome{position:absolute;left:14px;bottom:14px;display:grid;gap:3px;background:#0b1015d9;border:1px solid #1f2a35;padding:12px 16px}.welcome b{color:var(--gold);letter-spacing:2px}.welcome small{color:#6b7683;font-size:11px}
.bigjoin{position:absolute;right:14px;bottom:14px;width:300px;height:56px;background:var(--gold);color:#111;border:0;font-weight:900;font-size:16px;letter-spacing:3px;cursor:pointer;box-shadow:0 0 22px #f5b80044}.bigjoin:hover{filter:brightness(1.1)}
@media(max-width:1000px){.quick{display:none}#screen-menu .maps{right:14px}}

#screen-menu .bottombar{left:296px;top:84px;bottom:auto;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase}#screen-menu .maps{padding-bottom:6px}#map-status{margin:0;min-height:0}

.ars-x{width:auto!important;height:42px!important;padding:0 16px!important;font-size:13px!important;font-weight:800;letter-spacing:2px}
.map-item{position:relative;overflow:hidden}.map-item .mi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.map-item:before{content:"";position:absolute;inset:0;background:linear-gradient(#0000 35%,#000d)}.map-item b{position:relative;z-index:1}.map-item.active:after{z-index:2}

.kf{display:flex;align-items:center;gap:8px}.kmid{display:inline-flex;align-items:center;gap:5px;background:#0009;border:1px solid #ffffff22;padding:1px 6px}.kmid em{font-style:normal;font-size:11px;color:#cfd8e0;letter-spacing:1px}.kfi{width:26px;height:26px;object-fit:cover;border-radius:2px}.kfh{width:15px;height:15px;fill:var(--gold);filter:drop-shadow(0 0 4px #f5b800)}.kmid.hs{border-color:var(--gold);box-shadow:0 0 10px #f5b80066}

/* Arsenal: lista de armas SEMPRE visível (bloqueadas também, para dar vontade de desbloquear) */
.ars-main{grid-template-columns:250px 1fr 290px!important}.ars-left{display:grid;gap:8px;align-content:start;max-height:560px}.ars-cats{grid-template-columns:1fr 1fr;gap:5px!important}.ars-cats button{padding:8px 6px!important;font-size:10px!important;letter-spacing:1px!important;text-align:center!important}
.ars-wlist{display:grid;gap:5px;overflow-y:auto;max-height:420px;padding-right:3px}.ars-wlist .wc{min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;padding:9px 10px}.ars-wlist .wc small{grid-column:1/3}.ars-wlist .wc.lock b{color:#8794a1}.ars-wlist .wc.lock small{color:var(--gold)}
.ars-info2 div{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:3px 0;border-bottom:1px solid #18212a}.ars-info2 span{color:#7d8a97}.ars-info2 b{color:#e6edf3;text-align:right;font-weight:600}
/* campo de tiro */
.range{position:fixed;inset:0;z-index:99;background:#000}.range canvas{position:absolute;inset:0;width:100%;height:100%}.rg-ret{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(circle,#fff 0 1.5px,transparent 2px),linear-gradient(#fff,#fff) center/2px 8px no-repeat,linear-gradient(#fff,#fff) center/8px 2px no-repeat;opacity:.95;mix-blend-mode:difference}
.rg-hud{position:absolute;right:22px;bottom:22px;display:grid;gap:4px;text-align:right;text-shadow:0 0 6px #000}.rg-name{font-size:18px;letter-spacing:3px}.rg-ammo{font-size:34px;font-weight:900;color:var(--gold)}.rg-last{font-size:12px;color:#cfd8e0}
.rg-help{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);font-size:11px;letter-spacing:2px;color:#cfd8e0;background:#0008;padding:6px 12px}.rg-start{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-size:22px;font-weight:900;letter-spacing:5px;background:#000a;border:1px solid var(--gold);padding:18px 28px;color:var(--gold)}.rg-start.hidden{display:none}
.rg-dmg{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:20px;color:#fff;text-shadow:0 0 6px #000;pointer-events:none}.rg-dmg.head{color:var(--gold);font-size:26px}

/* ===== salas: lista na tela inicial, JOGAR, contagem, ranqueada ===== */
.homerooms{position:absolute;right:14px;top:84px;width:330px;max-height:calc(100% - 180px);display:grid;grid-template-rows:auto 1fr;gap:8px;background:#0b1015e6;overflow:hidden}.homerooms h3{margin:0;font-size:12px;letter-spacing:3px;color:var(--gold);display:flex;justify-content:space-between;align-items:center}.mini{background:#10161d;border:1px solid var(--line);color:#cfd8e0;width:28px;height:28px;cursor:pointer}
#hr-list{display:grid;gap:6px;overflow-y:auto;align-content:start}.hr{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#0e141b;border:1px solid #1f2a35;border-left:3px solid #2a3846;padding:8px 10px;cursor:pointer}.hr:hover{border-color:var(--gold)}.hr.full{opacity:.55;cursor:not-allowed}.hr-l{display:flex;align-items:center;gap:8px;min-width:0}.hr-l b{display:block;font-size:13px;letter-spacing:1px}.hr-l small{display:block;color:#8794a1;font-size:11px}.hr-r{display:grid;justify-items:end;gap:2px}.hr .cnt{font-weight:800}.cnt.ok{color:#4ade80}.cnt.no{color:#ef4444}.hr em{font-style:normal;font-size:9px;letter-spacing:2px;color:#8794a1}.hr em.rk{color:var(--gold)}
.lk{width:18px;height:18px;fill:#cfd8e0;flex:none}.lk.op{fill:#4ade80}
.modes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.mc{min-height:130px;display:grid;align-content:end;gap:4px;text-align:left;padding:14px;border:2px solid #1f2a35;color:#fff;cursor:pointer;background:linear-gradient(#0000 20%,#000c),var(--g)}.mc b{font-size:17px;letter-spacing:2px}.mc small{color:#cfd8e0;font-size:12px}.mc:hover:not(.off){border-color:var(--gold);transform:translateY(-2px)}.mc.off{opacity:.4;cursor:not-allowed}
.m-x1{--g:linear-gradient(135deg,#b3261e,#3a0f0c)}.m-team{--g:linear-gradient(135deg,#1f5fbf,#0b1f3d)}.m-ffa{--g:linear-gradient(135deg,#d9822b,#4a2a0c)}.m-arms{--g:linear-gradient(135deg,#7a3ad1,#24104a)}.mc.off{--g:linear-gradient(135deg,#333,#111)}
.prestart{position:fixed;left:0;right:0;top:0;z-index:80}.ps-track{height:10px;background:#1a1810}.ps-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#c58b00,var(--gold));box-shadow:0 0 18px var(--gold)}.ps-row{display:flex;justify-content:center;align-items:center;gap:20px;background:#0b1015f2;padding:10px;font-weight:800;letter-spacing:3px;border-bottom:1px solid var(--gold)}.ps-row b{color:var(--gold);font-size:22px}
.ctype{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0}.ct{background:#0e141b;border:2px solid #1f2a35;color:#cfd8e0;padding:12px;text-align:left;cursor:pointer;display:grid;gap:3px}.ct b{letter-spacing:3px}.ct small{color:#8794a1;font-size:11px}.ct.on{border-color:var(--gold);background:#1a1810;color:var(--gold)}.ct[data-r="1"].on{border-color:#ff4d3d;color:#ff7a6b;background:#240d0b}
.lbadge{display:inline-block;background:#ff4d3d;color:#fff;font-weight:900;letter-spacing:4px;padding:4px 14px;margin:4px 0;box-shadow:0 0 16px #ff4d3d}
@keyframes rkspin{to{transform:rotate(360deg)}}@keyframes rkpulse{50%{box-shadow:0 0 70px #ff4d3daa,inset 0 0 90px #ff4d3d30}}
/* tela final */
.rwin{color:var(--gold);text-shadow:0 0 24px var(--gold);animation:rwin 1.2s ease-out}.rlose{color:#ef4444;animation:rlose .9s ease-out}@keyframes rwin{0%{transform:scale(.4);opacity:0;letter-spacing:30px}60%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}@keyframes rlose{0%{transform:translateY(-30px);opacity:0}100%{transform:none;opacity:1}}
.res-xp .xpbig u{transition:width 1.4s cubic-bezier(.2,.8,.2,1)}.res-rank{display:none;align-items:center;gap:12px;border:1px solid var(--line);background:#0c1117;padding:10px;margin:8px 0}.res-rank.on{display:flex;animation:rwin .9s ease-out}.res-rank img{width:56px;height:56px}.res-rank b{display:block;letter-spacing:2px}.res-rank .up{color:#4ade80;font-weight:900;font-size:22px}.res-rank .dn{color:#ef4444;font-weight:900;font-size:22px}.res-rank small{display:block;color:#8794a1}
.rw{animation:rwin .7s ease-out both}.rk-elo{border-color:var(--gold)}
@media(max-width:1000px){.homerooms{display:none}}

/* barras de rolagem do jogo (cores do jogo) */
*{scrollbar-width:thin;scrollbar-color:#f5b800 #0c1117}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0c1117;border-left:1px solid #1f2a35}::-webkit-scrollbar-thumb{background:linear-gradient(#f5b800,#b88700);border:2px solid #0c1117;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#ffd23d}::-webkit-scrollbar-corner{background:#0c1117}
/* mapas: setas */
.mapwrap{display:grid;grid-template-columns:34px 1fr 34px;gap:6px;align-items:center}.mnav{height:96px;background:#10161d;border:1px solid var(--line);color:var(--gold);font-size:26px;cursor:pointer}.mnav:hover{background:var(--gold);color:#111}
#map-list{scrollbar-width:none}#map-list::-webkit-scrollbar{display:none}
/* saudação: só um cantinho; expande com o mouse */
.welcome{width:46px;height:46px;overflow:hidden;white-space:nowrap;display:flex;align-items:center;gap:12px;padding:10px 12px!important;transition:width .28s ease}.welcome:hover{width:340px}.welcome .wi{width:22px;height:22px;flex:none;fill:var(--gold)}
/* status */
#net-chip{cursor:pointer}#net-chip[data-s=busy] .dot{background:#ef4444!important}#net-chip[data-s=away] .dot{background:#f5b800!important}
.smenu{position:absolute;top:56px;right:120px;z-index:30;display:grid;background:#0b1015;border:1px solid var(--gold)}.smenu button{background:none;border:0;color:#e6edf3;padding:10px 16px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px}.smenu button:hover{background:#1a1810}.smenu .d{width:9px;height:9px;border-radius:50%;display:inline-block}.d.on{background:#4ade80}.d.busy{background:#ef4444}.d.away{background:#f5b800}
/* JOGAR: cartões verticais com as imagens */
.modes{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important}.mc{aspect-ratio:3/4;min-height:0!important;background:linear-gradient(#0000 45%,#000e),var(--i,linear-gradient(135deg,#2a2f38,#101319))!important;background-size:cover!important;background-position:center!important}.mc.nb{background:linear-gradient(#0000 45%,#000e),linear-gradient(135deg,#3a1f6b,#10141c)!important}
/* ===== ARSENAL v2 (a2): cabe na tela sem zoom; aprimoramentos x skins separados; mais cor e contraste ===== */
.a2{position:fixed;inset:0;z-index:90;display:grid;grid-template-rows:62px minmax(0,1fr);background:radial-gradient(ellipse at 50% 0%,#1d2733 0%,#080b10 75%);color:#e6edf3;overflow:hidden}
.a2-top{display:flex;align-items:center;gap:16px;padding:0 14px;background:linear-gradient(#10161d,#0a0e13);border-bottom:2px solid var(--gold)}
.a2-back{height:42px;padding:0 22px;background:var(--gold);color:#111;border:0;font-weight:900;letter-spacing:3px;font-size:14px;cursor:pointer;box-shadow:0 0 16px #f5b80055}.a2-back:hover{filter:brightness(1.12)}
.a2-logo{font-size:26px;font-weight:900;letter-spacing:6px}
.a2-kits{display:flex;gap:6px;flex:1;justify-content:center}.a2-kits button{background:#10161d;border:1px solid var(--line);border-bottom:3px solid #2a3846;color:#aeb9c4;padding:6px 16px;cursor:pointer;display:grid;text-align:left;min-width:190px}.a2-kits small{font-size:10px;letter-spacing:2px;color:#7d8a97}.a2-kits b{font-size:12px;letter-spacing:2px}.a2-kits button.on{background:#221b07;border-color:var(--gold);border-bottom-color:var(--gold);color:var(--gold)}.a2-kits button.on small{color:#4ade80}
.a2-user{display:grid;gap:2px;min-width:150px;font-size:12px}.a2-user b{font-size:14px}.a2-user span{color:var(--gold);letter-spacing:2px;font-size:11px}.a2-user u{display:block;height:4px;background:#222b35}.a2-user u i{display:block;height:100%;background:var(--gold)}
.a2-body{display:grid;grid-template-columns:232px minmax(0,1fr) 312px;gap:10px;padding:10px;min-height:0}
.a2-left,.a2-mid,.a2-right{min-height:0;display:grid;gap:8px}
.a2-left{grid-template-rows:auto minmax(0,1fr)}.a2-cats{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.a2-cats button{background:#0e141b;border:1px solid #1f2a35;border-top:3px solid var(--c);color:#cfd8e0;padding:7px 4px;font-size:10px;font-weight:800;letter-spacing:1px;cursor:pointer}.a2-cats button.on{background:#161d27;color:#fff;box-shadow:0 0 12px color-mix(in srgb,var(--c) 40%,transparent)}.a2-cats button:last-child:nth-child(odd){grid-column:1/3}
.a2-list{display:grid;gap:5px;overflow-y:auto;align-content:start;padding-right:3px}
.wc{display:grid;gap:3px;text-align:left;padding:9px 10px;background:#0e141b;border:1px solid #1f2a35;border-left:4px solid #3b4856;color:#e6edf3;cursor:pointer}.wc b{font-size:13px}.wc .tag{font-size:10px;letter-spacing:1.5px;font-weight:800}
.wc.free{border-left-color:#4ade80}.wc.free .tag{color:#4ade80}.wc.used{border-left-color:var(--gold);background:#1a1608}.wc.used .tag{color:var(--gold)}.wc.lock{border-left-color:#ef4444;opacity:.7}.wc.lock b{color:#8794a1}.wc.lock .tag{color:#f87171}.wc.on{outline:2px solid #fff;outline-offset:-2px}
.a2-mid{grid-template-rows:minmax(170px,1fr) auto minmax(150px,230px)}
.a2-stage{position:relative;border:1px solid #2a3846;background:radial-gradient(ellipse at 50% 60%,#1c2633,#0a0e13);min-height:0;overflow:hidden}
.a2-view{position:absolute;inset:0;width:100%;height:100%;cursor:grab}
.a2-name{position:absolute;left:16px;top:10px;font-size:28px;font-weight:900;letter-spacing:3px;text-shadow:0 0 10px #000;z-index:2}.a2-sub{position:absolute;left:16px;top:46px;font-size:11px;letter-spacing:2px;color:var(--gold);z-index:2}
.a2-chips{position:absolute;left:16px;bottom:10px;display:flex;gap:6px;flex-wrap:wrap;z-index:2;max-width:70%}.a2-chips span{background:#0009;border:1px solid #ffffff22;padding:3px 8px;font-size:11px}.a2-chips i{font-style:normal;color:#7d8a97;margin-right:5px;font-size:10px;letter-spacing:1px}
.a2-hint{position:absolute;right:14px;top:12px;font-size:10px;color:#7d8a97;letter-spacing:2px}
.a2-test{position:absolute;right:12px;bottom:10px;z-index:2;background:#10161d;border:1px solid var(--gold);color:var(--gold);font-weight:800;letter-spacing:2px;font-size:11px;padding:9px 12px;cursor:pointer}.a2-test:hover{background:var(--gold);color:#111}
.a2-pop{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%) scale(.7);font-size:30px;font-weight:900;letter-spacing:6px;color:#fff;text-shadow:0 0 22px var(--gold),0 0 4px #000;opacity:0;pointer-events:none;white-space:nowrap;z-index:3}
.a2-stage.flash{animation:eqflash .9s ease-out}.a2-stage.flash .a2-pop{animation:eqpop .9s ease-out}
.a2-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.a2-modes button{display:grid;gap:2px;text-align:left;padding:9px 14px;border:2px solid #1f2a35;background:#0e141b;color:#cfd8e0;cursor:pointer}.a2-modes b{letter-spacing:3px;font-size:13px}.a2-modes small{font-size:10px;color:#7d8a97}
.a2-modes .m-up.on{border-color:#22d3ee;background:#06232b;color:#22d3ee}.a2-modes .m-skin.on{border-color:#c084fc;background:#1f0f2e;color:#c084fc}
.a2-panel{overflow-y:auto;border:1px solid #1f2a35;padding:10px;display:grid;gap:12px;align-content:start;min-height:0}.a2-panel.p-up{border-top:3px solid #22d3ee;background:#08141a;grid-template-columns:repeat(3,1fr)}.a2-panel.p-skin{border-top:3px solid #c084fc;background:#150d1f}
.grp h5{margin:0 0 6px;font-size:11px;letter-spacing:3px;color:#9aa6b2}.grp{display:grid;gap:5px;align-content:start}.grp.wide{grid-column:1/-1}
.a2-opt{background:#101820;border:1px solid #243242;color:#e6edf3;padding:7px 10px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px}.a2-opt b{font-size:12px}.a2-opt small{font-size:10px;color:#7d8a97}
.p-up .a2-opt.on{border-color:#22d3ee;background:#0a2a33}.a2-opt.lock{opacity:.5}.a2-opt.lock small{color:#f87171}.a2-opt:hover:not(.lock){border-color:#fff}
.skg{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.a2-opt.sk{display:grid;gap:3px}.a2-opt.sk .sw{display:block;height:10px;border-radius:2px}.p-skin .a2-opt.on{border-color:#c084fc;background:#2a1542}.a2-opt.rare{border-color:#fbbf24}
.ngbox{grid-column:1/-1;padding:6px}.ngbox b{font-size:18px;letter-spacing:2px}.ngbox p{color:#9aa6b2;line-height:1.5}
.a2-right{grid-template-rows:auto minmax(0,1fr) auto}.a2-scroll{overflow-y:auto;display:grid;gap:8px;align-content:start;min-height:0}
.a2-box{border:1px solid #1f2a35;background:#0c1117;padding:9px 10px;border-top:3px solid #3b4856}.a2-box h4{margin:0 0 7px;font-size:11px;letter-spacing:3px}.b-kit{border-top-color:var(--gold)}.b-att{border-top-color:#3b82f6}.b-inf{border-top-color:#94a3b8}
.a2-slots{display:grid;gap:4px}.sl{display:flex;justify-content:space-between;align-items:center;background:#10161d;border:1px solid #1f2a35;color:#e6edf3;padding:6px 9px;cursor:pointer;text-align:left}.sl small{font-size:9px;letter-spacing:2px;color:var(--gold)}.sl b{font-size:12px}.sl.cur{border-color:#fff}.sl:hover{border-color:#3b4856}
.use{margin-top:4px;background:var(--gold);color:#111;border:0;padding:9px;font-weight:900;letter-spacing:2px;font-size:11px;cursor:pointer}.use.done{background:#173a24;color:#4ade80;cursor:default}
.a2-attrs .row{display:grid;grid-template-columns:86px 1fr 26px;gap:7px;align-items:center;font-size:10px;letter-spacing:1px;margin-bottom:5px;color:#aeb9c4}.a2-attrs .row div{height:7px;background:#1d2630}.a2-attrs .row i{display:block;height:100%;background:linear-gradient(90deg,#1d4ed8,#60a5fa)}.a2-attrs .row b{text-align:right;color:#e6edf3}
.a2-info div{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:3px 0;border-bottom:1px solid #18212a}.a2-info span{color:#7d8a97}.a2-info b{font-weight:600;text-align:right}.ngd{font-size:12px;color:#9aa6b2;line-height:1.5}
.a2-foot{display:grid;gap:6px}.a2-adv{border:1px solid #1f2a35;background:#0c1117;padding:8px 10px;font-size:11px;min-height:70px;max-height:130px;overflow:auto}.a2-adv h4{margin:0 0 4px;font-size:11px;letter-spacing:2px}.a2-adv .g b{display:block;font-size:9px;letter-spacing:2px;color:#7d8a97;margin:3px 0 1px}.a2-adv .up{color:#4ade80}.a2-adv .dn{color:#ef4444}.a2-adv em{float:right;font-style:normal}.a2-adv small{color:#7d8a97}
.a2-eqs{display:grid;gap:6px}.a2-equip{background:var(--gold);color:#111;border:0;padding:14px;font-weight:900;letter-spacing:3px;font-size:14px;cursor:pointer;box-shadow:0 0 18px #f5b80044}.a2-equip.done{background:#173a24;color:#4ade80;box-shadow:none;cursor:default}.a2-lock{font-size:12px;letter-spacing:2px;color:#f87171;font-weight:800}
@media(max-width:1100px){.a2-body{grid-template-columns:200px minmax(0,1fr) 270px}.a2-kits button{min-width:130px;padding:5px 8px}}

/* ===== SALA: usa toda a largura (jogadores à esquerda · configurações à direita) ===== */
#screen-lobby .lobby{width:calc(100% - 32px)!important;max-width:none!important;margin:12px auto!important;display:grid;grid-template-columns:minmax(380px,1fr) minmax(460px,1.15fr);grid-template-areas:"top top" "cfg cfg" "teams host" "map host" "chat host" "note host" "msg host" "act act";gap:10px 16px;align-content:start}
#screen-lobby .lobby>.row.between{grid-area:top}#lobby-cfg{grid-area:cfg;margin:0}#lobby-badge{grid-area:cfg;justify-self:end}#lobby-teams{grid-area:teams}#lobby-mapcard{grid-area:map}#lobby-chat{grid-area:chat;min-height:230px}#lobby-host{grid-area:host;align-self:start}#lobby-note{grid-area:note}#lobby-msg{grid-area:msg}#screen-lobby .lobby>.row:last-child{grid-area:act}
@media(max-width:1000px){#screen-lobby .lobby{grid-template-columns:1fr;grid-template-areas:"top" "cfg" "teams" "map" "chat" "host" "note" "msg" "act"}}
.okname{margin-top:6px;padding:6px 10px;font-size:11px;letter-spacing:2px}
.ti{width:22px;height:22px;object-fit:contain;margin:0 2px;vertical-align:middle;filter:drop-shadow(0 0 3px #000)}
/* ===== aura da sala RANQUEADA: fumaça suave em volta da tela (sem faixas) ===== */
body.ranked-lobby:before,body.ranked-lobby:after{content:"";position:fixed;inset:-25%;z-index:0;pointer-events:none;mix-blend-mode:screen;filter:blur(38px)}
body.ranked-lobby:before{background:radial-gradient(38% 30% at 18% 75%,#ff4d3d50,transparent 70%),radial-gradient(34% 28% at 80% 62%,#ff7a1840,transparent 70%),radial-gradient(44% 34% at 52% 98%,#c0182a50,transparent 72%);animation:smk1 28s ease-in-out infinite alternate}
body.ranked-lobby:after{background:radial-gradient(30% 26% at 70% 20%,#ff3a2e30,transparent 70%),radial-gradient(36% 30% at 25% 30%,#ff8a3a28,transparent 70%);animation:smk2 36s ease-in-out infinite alternate}
@keyframes smk1{0%{transform:translate3d(-3%,2%,0) scale(1)}50%{transform:translate3d(4%,-3%,0) scale(1.1)}100%{transform:translate3d(-2%,-5%,0) scale(1.04)}}@keyframes smk2{0%{transform:translate3d(3%,-2%,0) scale(1.05)}100%{transform:translate3d(-4%,4%,0) scale(1.14)}}
#screen-lobby{position:relative;z-index:1}body.ranked-lobby #screen-lobby .lobby{border-color:#ff4d3d99;box-shadow:0 0 38px #ff4d3d33}
/* ===== chat ===== */
.chat{position:fixed;z-index:60;display:grid;grid-template-rows:auto 1fr auto;background:#0a0d11d9;border:1px solid #2a3846;min-width:240px;min-height:120px;resize:both;overflow:hidden;font-size:13px;opacity:.0;transition:opacity .25s}.chat.on{opacity:1}.chat[data-ctx=game]:not(.on){pointer-events:none}
.ch-h{display:flex;gap:8px;align-items:baseline;padding:6px 10px;background:#141b24;cursor:move;border-bottom:1px solid #2a3846;user-select:none}.ch-h b{letter-spacing:3px;font-size:11px;color:var(--gold)}.ch-h small{color:#7d8a97;font-size:10px}
.ch-log{overflow-y:auto;padding:6px 10px;display:grid;align-content:end;gap:2px}.ch-l b{color:#e6edf3}.ch-l span{color:#cfd8e0}.ch-l.tA b{color:#60a5fa}.ch-l.tB b{color:#f87171}.ch-sys{color:var(--gold);font-weight:700;font-size:.9em}
.tg{font-style:normal;font-size:.75em;letter-spacing:1px;padding:1px 5px;margin-right:5px;background:#1f2a35;color:#cfd8e0}.tg.tA{background:#1d3a6b}.tg.tB{background:#6b1d1d}
.ch-in{display:none;gap:6px;padding:6px;border-top:1px solid #2a3846}.ch-in input{flex:1;background:#0e141b;border:1px solid #3b4856;color:#fff;padding:7px 9px;font-size:inherit}.ch-in input:focus{border-color:var(--gold);outline:0}
/* ===== títulos / histórico / estatísticas ===== */
.tit h2 small{font-size:12px;color:#7d8a97;letter-spacing:2px;margin-left:10px}.tslots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0}.ts{display:flex;align-items:center;gap:10px;min-height:64px;border:2px dashed #2a3846;background:#0c1117;padding:8px 12px;color:#7d8a97;justify-content:center}.ts.on{border:2px solid var(--gold);justify-content:flex-start;color:#e6edf3;cursor:pointer;background:#1a1608}.ts img{width:48px;height:48px}.ts b{display:block}.ts small{color:#7d8a97}
.tcat{margin:14px 0 6px;font-size:12px;letter-spacing:4px;color:var(--gold);border-bottom:1px solid #2a3846;padding-bottom:4px}.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}
.tc{display:flex;gap:10px;text-align:left;align-items:center;background:#0e141b;border:1px solid #1f2a35;color:#e6edf3;padding:8px;cursor:pointer}.tc img{width:56px;height:56px;flex:none;filter:grayscale(1) brightness(.55)}.tc.done img{filter:none}.tc.done{border-color:#3b6b4a}.tc.eq{border-color:var(--gold);background:#1a1608}
.tc b{display:block;font-size:13px}.tc small{display:block;color:#8794a1;font-size:11px;line-height:1.3;margin:2px 0 4px}.tc u{display:block;height:5px;background:#1d2630}.tc u i{display:block;height:100%;background:linear-gradient(90deg,#c58b00,var(--gold))}.tc.done u i{background:#4ade80}.tc em{font-style:normal;font-size:10px;letter-spacing:1px;color:#9aa6b2}.tc.done em{color:#4ade80}
.rk-stats{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;text-align:center}.rk-stats small{display:block;color:#7d8a97;font-size:10px;letter-spacing:2px}.rk-stats b{font-size:20px}
.hist{width:100%;border-collapse:collapse}.hist th{font-size:10px;letter-spacing:2px;color:#7d8a97;text-align:left;padding:6px}.hist td{padding:7px 6px;border-top:1px solid #18212a;font-size:13px}.hist .w{color:#4ade80;font-weight:800}.hist .l{color:#ef4444;font-weight:800}.rkt{font-style:normal;font-size:9px;background:#ff4d3d;color:#fff;padding:1px 5px;letter-spacing:1px}.mini2{background:#10161d;border:1px solid var(--line);color:#cfd8e0;padding:4px 10px;cursor:pointer;font-size:10px;letter-spacing:2px}.mini2:hover{border-color:var(--gold)}
.histchat{margin-top:10px;max-height:220px;overflow-y:auto;border:1px solid #2a3846;background:#0a0d11;padding:8px;font-size:13px}

.ctabs{display:flex;gap:6px;margin-bottom:10px}.ctabs button{flex:1;background:#0e141b;border:1px solid var(--line);color:#aeb9c4;padding:9px;font-weight:800;letter-spacing:2px;font-size:11px;cursor:pointer}.ctabs button.on{border-color:var(--gold);color:var(--gold);background:#1a1810}.padmap{width:100%;border-collapse:collapse;margin:8px 0}.padmap td{padding:6px 8px;border-bottom:1px solid #18212a;font-size:13px}.padmap b{color:var(--gold)}

.chat.docked{position:static;width:100%!important;height:240px!important;resize:vertical;opacity:1}.chat.docked .ch-h{cursor:default}.chat.docked .ch-in{display:flex!important}
.hostcfg label.hasok{position:relative}.okname{position:absolute!important;right:3px;bottom:3px;margin:0!important;min-height:0!important;padding:4px 8px!important;font-size:10px!important;letter-spacing:1px!important}.hostcfg label.hasok input{padding-right:104px}

/* ===== jogadores / amigos / convites ===== */
.hts{display:flex;gap:4px}.ht{background:#10161d;border:1px solid var(--line);color:#8794a1;padding:5px 12px;font-weight:800;letter-spacing:2px;font-size:11px;cursor:pointer}.ht.on{border-color:var(--gold);color:var(--gold);background:#1a1810}
#hp-box{display:grid;gap:8px;min-height:0;grid-template-rows:auto 1fr}#hp-q,#inv-q{width:100%;padding:9px;background:#0e141b;border:1px solid #2a3846;color:#fff}#hp-list,.invlist{overflow-y:auto;display:grid;gap:5px;align-content:start;max-height:calc(100vh - 330px)}
#hp-list h5,.invlist h5{margin:8px 0 3px;font-size:10px;letter-spacing:3px;color:var(--gold)}.pr{display:flex;align-items:center;gap:8px;background:#0e141b;border:1px solid #1f2a35;padding:6px 8px}.pr .pa{width:36px;height:36px;object-fit:cover}.pn{flex:1;min-width:0}.pn b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pn small{color:#8794a1;font-size:10px}
.sd{width:9px;height:9px;border-radius:50%;background:#6b7683}.sd.st-on{background:#4ade80}.sd.st-busy{background:#ef4444}.sd.st-away{background:#f5b800}.pb{display:flex;gap:4px;font-size:10px;color:#8794a1}.mini2.go{border-color:#3b6b4a;color:#4ade80}.mini2.dim{opacity:.6}
#notif{position:fixed;right:14px;bottom:14px;z-index:95;display:grid;gap:8px;width:320px;max-width:calc(100vw - 28px)}.nt{position:relative;background:#0b1015f5;border:1px solid var(--gold);border-left:5px solid var(--gold);padding:12px 14px;box-shadow:0 0 22px #0009;animation:ntin .3s ease-out}.nt b{letter-spacing:3px;font-size:11px;color:var(--gold)}.nt p{margin:6px 0 10px;font-size:13px;color:#cfd8e0;line-height:1.4}.nt .row{display:flex;gap:8px}.nt .btn{flex:1;padding:8px}.nt u{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--gold);animation:ntbar linear forwards;transform-origin:left}
@keyframes ntin{from{transform:translateX(30px);opacity:0}}@keyframes ntbar{to{transform:scaleX(0)}}

/* ===== tela de personagem ===== */
#chr .c-body{display:grid;grid-template-columns:minmax(300px,1fr) minmax(380px,520px);gap:10px;padding:10px;min-height:0}.c-stage{position:relative;border:1px solid #2a3846;background:radial-gradient(ellipse at 50% 70%,#243040,#0a0e13);min-height:0;overflow:hidden}.c-stage canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab}.c-hint{position:absolute;right:12px;top:10px;font-size:10px;letter-spacing:2px;color:#7d8a97}.c-stage.flash{animation:eqflash .9s ease-out}.c-stage.flash .a2-pop{animation:eqpop .9s ease-out}
.c-side{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;min-height:0}.c-tabs{display:flex;gap:4px;flex-wrap:wrap}.c-tabs button{flex:1;background:#0e141b;border:1px solid #1f2a35;border-bottom:3px solid #2a3846;color:#aeb9c4;padding:9px 6px;font-weight:800;letter-spacing:1px;font-size:11px;cursor:pointer}.c-tabs button.on{background:#221b07;border-color:var(--gold);color:var(--gold)}
.c-panel{overflow-y:auto;border:1px solid #1f2a35;background:#0c1117;padding:10px;display:grid;gap:12px;align-content:start}.cg h5{margin:0 0 6px;font-size:11px;letter-spacing:3px;color:#9aa6b2}.ogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.sws{display:flex;flex-wrap:wrap;gap:7px}.sw{width:34px;height:34px;border:2px solid #243242;border-radius:50%;cursor:pointer}.sw.on{border-color:#fff;box-shadow:0 0 0 2px var(--gold)}
#chr .a2-opt.on{border-color:var(--gold);background:#221b07}
.specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.sp{position:relative;text-align:left;background:#10161d;border:2px solid #243242;color:#e6edf3;padding:10px;display:grid;gap:3px;cursor:pointer}.sp b{font-size:14px}.sp em{font-style:normal;font-size:10px;letter-spacing:2px}.sp small{color:#8794a1;font-size:11px;line-height:1.3}.sp u{display:block;height:5px;background:#1d2630}.sp u i{display:block;height:100%;background:linear-gradient(90deg,#c58b00,var(--gold))}.sp.on{border-color:var(--gold);background:#221b07}.sp.lock{opacity:.78}.okk,.soon{position:absolute;right:8px;top:8px;font-style:normal;font-size:9px;letter-spacing:2px;padding:2px 6px}.okk{background:#173a24;color:#4ade80}.soon{background:#2a2f38;color:#9aa6b2}
.r-Rara{border-color:#3b82f6}.r-Rara em{color:#60a5fa}.r-Épica{border-color:#a855f7}.r-Épica em{color:#c084fc}.r-Lendária{border-color:#f59e0b}.r-Lendária em{color:#fbbf24}.r-Mítica{border-color:#ef4444}.r-Mítica em{color:#f87171}
.c-foot{display:grid;gap:6px}.c-lock{font-size:12px;color:#f87171;letter-spacing:2px}
@media(max-width:900px){#chr .c-body{grid-template-columns:1fr;overflow-y:auto}.c-stage{min-height:300px}}
/* ===== ARSENAL / PERSONAGEM v3 (a3): escuro, legível, sem sobrepor; ouro só como destaque ===== */
.a3{position:fixed;inset:0;z-index:90;display:grid;grid-template-rows:58px minmax(0,1fr) auto 150px 100px;gap:8px;padding:0 12px 10px;background:radial-gradient(ellipse at 50% 0%,#151b23 0%,#07090c 80%);color:#e6edf3;overflow:hidden}
.a3-head{display:flex;align-items:center;gap:18px;border-bottom:1px solid #232c36;margin:0 -12px;padding:0 12px;background:#0a0d11}
.a3-back{height:38px;padding:0 20px;background:var(--gold);color:#111;border:0;font-weight:900;letter-spacing:3px;font-size:13px;cursor:pointer}.a3-back:hover{filter:brightness(1.1)}
.a3-logo{font-size:26px;font-weight:900;letter-spacing:6px}.a3-steps{font-size:10px;letter-spacing:3px;color:#7d8a97}.a3-steps i{color:var(--gold);font-style:normal}
.a3-kits{display:flex;gap:6px;margin-left:auto}.a3-kits button{background:#0e1319;border:1px solid #232c36;color:#aeb9c4;padding:5px 14px;cursor:pointer;display:grid;text-align:left;min-width:150px}.a3-kits small{font-size:9px;letter-spacing:2px;color:#7d8a97}.a3-kits b{font-size:11px;letter-spacing:2px}.a3-kits button.on{border-color:var(--gold);color:var(--gold);background:#17140a}
.a3-user{display:grid;gap:1px;min-width:150px;font-size:11px}.a3-user b{font-size:13px}.a3-user span{color:var(--gold);letter-spacing:2px;font-size:10px}.a3-user u{display:block;height:4px;background:#222b35}.a3-user u i{display:block;height:100%;background:var(--gold)}.a3-user small{color:#7d8a97;font-size:9px;text-align:right}
.a3-main{display:grid;grid-template-columns:206px minmax(0,1fr) 290px;gap:10px;min-height:0}
.a3-cats{display:flex;flex-direction:column;gap:5px;overflow-y:auto;min-height:0}
.a3-cats button{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:8px;background:#0e1319;border:1px solid #232c36;color:#cfd8e0;padding:6px 10px;cursor:pointer;flex:1;min-height:40px;text-align:left}.a3-cats button span{font-size:11px;font-weight:800;letter-spacing:2px}.a3-cats button em{font-style:normal;font-size:10px;color:#7d8a97}
.a3-cats button.on{border-color:var(--gold);background:#17140a;color:#fff}.a3-cats button:hover{border-color:#3b4856}
.wi{object-fit:contain;display:block}.wi.ic{width:54px;height:27px;filter:brightness(0) invert(.85)}.a3-cats .on .wi.ic{filter:brightness(0) invert(1) sepia(1) saturate(4) hue-rotate(2deg)}.wi.sm{width:46px;height:23px}
.a3-stage{position:relative;border:1px solid #232c36;background:radial-gradient(ellipse at 50% 65%,#1b232d,#080b0f);min-height:0;overflow:hidden}.a3-view{position:absolute;inset:0;width:100%;height:100%;cursor:grab}
.a3-name{position:absolute;left:16px;top:10px;font-size:28px;font-weight:900;letter-spacing:3px;z-index:2;text-shadow:0 0 12px #000}.a3-cls{position:absolute;left:16px;top:46px;font-size:11px;letter-spacing:2px;color:var(--gold);z-index:2}.a3-desc{position:absolute;left:16px;top:66px;max-width:380px;font-size:12px;color:#9aa6b2;line-height:1.5;z-index:2}
.a3-hint{position:absolute;left:16px;bottom:10px;font-size:10px;color:#6b7683;letter-spacing:2px;z-index:2}.a3-test{position:absolute;right:12px;bottom:10px;z-index:2;background:#0e1319;border:1px solid var(--gold);color:var(--gold);font-weight:800;letter-spacing:2px;font-size:11px;padding:9px 14px;cursor:pointer}.a3-test:hover{background:var(--gold);color:#111}
.a3-pop{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%) scale(.7);font-size:30px;font-weight:900;letter-spacing:6px;color:#fff;text-shadow:0 0 22px var(--gold),0 0 4px #000;opacity:0;pointer-events:none;white-space:nowrap;z-index:3}.a3-stage.flash{animation:eqflash .9s ease-out}.a3-stage.flash .a3-pop{animation:eqpop .9s ease-out}
.a3-side{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0}.a3-box{border:1px solid #232c36;background:#0b0f14;padding:9px 10px}.a3-box h4{margin:0 0 7px;font-size:10px;letter-spacing:3px;color:#9aa6b2}
.a3-attrs .row{display:grid;grid-template-columns:84px 1fr 26px;gap:7px;align-items:center;font-size:10px;letter-spacing:1px;margin-bottom:5px;color:#aeb9c4}.a3-attrs .row div{height:7px;background:#1b2530}.a3-attrs .row i{display:block;height:100%;background:linear-gradient(90deg,#b88700,var(--gold))}.a3-attrs .row b{text-align:right;color:#e6edf3}
.a3-slots{display:grid;gap:4px}.sl{display:grid;grid-template-columns:50px 1fr;gap:8px;align-items:center;background:#10151b;border:1px solid #1f2832;color:#e6edf3;padding:4px 8px;cursor:pointer;text-align:left}.sl small{display:block;font-size:9px;letter-spacing:2px;color:var(--gold)}.sl b{font-size:12px}.sl.cur{border-color:#fff}.sl .sm{display:block}
.use{margin-top:3px;background:var(--gold);color:#111;border:0;padding:9px;font-weight:900;letter-spacing:2px;font-size:11px;cursor:pointer}.use.done{background:#173a24;color:#4ade80;cursor:default}
.a3-info div{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:3px 0;border-bottom:1px solid #151c24}.a3-info span{color:#7d8a97}.a3-info b{font-weight:600}
.a3-tabs{display:flex;gap:4px;align-items:flex-end}.a3-tabs .grp{font-style:normal;font-size:9px;letter-spacing:2px;color:#7d8a97;margin:0 4px 0 12px;align-self:center;white-space:nowrap}.a3-tabs .grp:first-child{margin-left:0}
.a3-tabs button{background:#0e1319;border:1px solid #232c36;border-bottom:3px solid #232c36;color:#aeb9c4;padding:11px 18px;font-weight:800;letter-spacing:2px;font-size:11px;cursor:pointer}.a3-tabs button.on{border-bottom-color:var(--gold);color:var(--gold);background:#12161c}
.a3-opts{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:10px;min-height:0}.a3-cards{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;border:1px solid #232c36;background:#0b0f14;padding:10px;align-items:stretch}
.oc{flex:0 0 150px;display:grid;grid-template-rows:54px auto auto;gap:4px;align-content:start;background:#10151b;border:1px solid #1f2832;color:#e6edf3;padding:8px;cursor:pointer;text-align:center}.oc .ico{display:grid;place-items:center;color:#aeb9c4}.oc .ico svg{width:56px;height:36px;fill:currentColor}.oc b{font-size:12px}.oc small{font-size:10px;letter-spacing:1px;color:#4ade80}
.oc.on{border-color:var(--gold);background:#17140a}.oc.on .ico{color:var(--gold)}.oc.lock{opacity:.62}.oc.lock small{color:#f87171}.oc:hover{border-color:#fff}.oc .sw{height:46px;border:1px solid #2a3846}.oc.sk small{color:#9aa6b2}
.ngbox{padding:6px 10px}.ngbox b{font-size:18px;letter-spacing:2px}.ngbox p{color:#9aa6b2;line-height:1.5;margin:4px 0}.ngbox .mst{color:var(--gold)}
.a3-act{display:grid;grid-template-rows:minmax(0,1fr) auto auto auto;gap:6px;min-height:0}.a3-adv{border:1px solid #232c36;background:#0b0f14;padding:8px 10px;font-size:11px;overflow:auto}.a3-adv h4{margin:0 0 4px;font-size:11px;letter-spacing:2px}.a3-adv .g b{display:block;font-size:9px;letter-spacing:2px;color:#7d8a97;margin:3px 0 1px}.a3-adv .up{color:#4ade80}.a3-adv .dn{color:#ef4444}.a3-adv em{float:right;font-style:normal}.a3-adv small{color:#7d8a97}
.a3-equip{background:var(--gold);color:#111;border:0;padding:12px;font-weight:900;letter-spacing:3px;font-size:13px;cursor:pointer;box-shadow:0 0 16px #f5b80040}.a3-equip.alt{background:#10151b;color:var(--gold);border:1px solid var(--gold);box-shadow:none}.a3-equip:disabled{background:#232c36;color:#7d8a97;box-shadow:none;cursor:not-allowed}.a3-equip.done{background:#173a24;color:#4ade80;box-shadow:none}.a3-lock{font-size:11px;color:#f87171;line-height:1.3}
.a3-strip{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;min-height:0}.wc{flex:0 0 190px;display:grid;grid-template-rows:1fr auto auto;gap:2px;background:#0e1319;border:1px solid #232c36;color:#e6edf3;padding:6px 8px;cursor:pointer;text-align:center}.wc .wi{width:100%;height:46px}.wc b{font-size:12px}.wc .tag{font-size:9px;letter-spacing:2px;font-weight:800;color:#7d8a97}.wc .tag.g{color:var(--gold)}.wc .tag.r{color:#f87171}
.wc.on{border-color:var(--gold);background:#17140a}.wc.lock .wi{filter:grayscale(1) brightness(.55)}.wc.lock b{color:#8794a1}.wc:hover{border-color:#fff}
@media(max-height:700px){.a3{grid-template-rows:54px minmax(0,1fr) auto 128px 86px}.wc .wi{height:34px}}
@media(max-width:1000px){.a3-main{grid-template-columns:150px minmax(0,1fr) 230px}.a3-steps{display:none}}
.a3-cats button{flex:0 0 auto;height:34px;min-height:0;padding:2px 8px;grid-template-columns:46px 1fr auto}.wi.ic{width:46px;height:23px}
.a3-box{padding:7px 9px}.a3-box h4{margin-bottom:5px}.a3-attrs .row{margin-bottom:3px}.sl{padding:2px 6px;grid-template-columns:40px 1fr}.wi.sm{width:38px;height:19px}.sl small{font-size:8px}.sl b{font-size:11px}.use{padding:6px;margin-top:2px}.a3-slots{gap:3px}
/* personagem (mesmo padrão do arsenal) */
.a3.chr{grid-template-rows:58px minmax(0,1fr) 236px}.a3.chr .a3-main{grid-template-columns:206px minmax(0,1fr) 290px}.cc{display:flex;justify-content:space-between;align-items:center;background:#0e1319;border:1px solid #232c36;color:#cfd8e0;padding:0 12px;height:44px;cursor:pointer;text-align:left}.cc span{font-size:11px;font-weight:800;letter-spacing:2px}.cc em{font-style:normal;font-size:10px;color:#7d8a97}.cc.on{border-color:var(--gold);background:#17140a;color:#fff}.cc:hover{border-color:#3b4856}
.c-sel b{font-size:16px;letter-spacing:1px}.c-sel p{margin:4px 0;color:#9aa6b2;font-size:12px;line-height:1.4}.c-sel .mst{color:var(--gold);font-size:11px}.rr{letter-spacing:2px;font-size:10px;color:var(--gold)}.bar{display:block;height:6px;background:#1b2530;margin:5px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,#b88700,var(--gold))}.row2{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:3px 0;border-bottom:1px solid #151c24}.row2 span{color:#7d8a97}.row2 b{font-weight:600;text-align:right}
.c-opts{grid-template-columns:minmax(0,1fr) 300px}.c-panel{overflow-y:auto;border:1px solid #232c36;background:#0b0f14;padding:10px;display:grid;gap:12px;align-content:start;min-height:0}.cg h5{margin:0 0 6px;font-size:10px;letter-spacing:3px;color:#9aa6b2}.oc-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.oc-row .oc{flex:0 0 118px;grid-template-rows:84px auto auto}.th{width:100%;height:84px;object-fit:contain;background:radial-gradient(#1b2530,#0b0f14);min-height:84px}.oc .ico.tx{display:grid;place-items:center;height:84px;font-size:22px;font-weight:900;color:#4b5866;background:#0e141b}
.oc small.g{color:#4ade80}.oc small.r{color:#f87171}.oc.sp.r-Rara{border-color:#2a4a7a}.oc.sp.r-Épica{border-color:#5b3a8a}.oc.sp.r-Lendária{border-color:#8a6a1a}.oc.sp.r-Mítica{border-color:#8a2a2a}.oc.sp.on,.oc.on{border-color:var(--gold)}
.sws{display:flex;flex-wrap:wrap;gap:7px}.sw{width:32px;height:32px;border:2px solid #243242;border-radius:50%;cursor:pointer}.sw.on{border-color:#fff;box-shadow:0 0 0 2px var(--gold)}
@media(max-height:700px){.a3.chr{grid-template-rows:54px minmax(0,1fr) 200px}}
.cc span{white-space:nowrap;font-size:11px}.cc em{margin-left:8px}
/* modos em 4 colunas (4 + 4) */
.modes{grid-template-columns:repeat(4,1fr)!important;max-width:1100px}
@media(max-width:700px){.modes{grid-template-columns:repeat(2,1fr)!important}}
/* SAIR sempre vermelho · FECHAR em amarelo */
#lobby-leave,#btn-logout,#p-leave,.btn.danger{background:#b3261e!important;color:#fff!important;border:1px solid #ff6b5e!important;font-weight:900}#lobby-leave:hover,#btn-logout:hover,#p-leave:hover{background:#d0342a!important}
#profile-close,#settings-close,[data-x],.modal .btn[data-close]{background:var(--gold)!important;color:#111!important;border:0!important;font-weight:900;letter-spacing:2px}
.range .cross,.range .ret{z-index:3}.range .ret{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
/* ===== SALA no padrão da referência: times à esquerda · mapa à direita · configurações em faixa · chat + ações embaixo ===== */
#screen-lobby .lobby{grid-template-columns:minmax(0,1fr) 340px!important;grid-template-areas:"top top" "cfg cfg" "teams map" "host host" "chat note" "chat msg" "chat act"!important;gap:12px 16px!important}
#lobby-teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;align-content:start}
#lobby-mapcard{display:flex!important;flex-direction:column;gap:8px;padding:0!important;align-self:start}#lobby-mapcard img{width:100%!important;height:170px!important;object-fit:cover}#lobby-mapcard>div{padding:8px 12px 12px}
#lobby-host{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:10px!important;align-self:start;border:1px solid #232c36;border-left:3px solid var(--gold);background:#0b0f14;padding:10px}
#lobby-host label{display:grid;gap:4px;font-size:10px;letter-spacing:2px;color:#8794a1}
#screen-lobby .lobby>.row:last-child{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;align-self:end}#lobby-ready,#lobby-start{grid-column:1/-1;order:-1;height:58px;font-size:17px;letter-spacing:5px}#lobby-leave{grid-column:1/-1;order:9}
@media(max-width:1000px){#screen-lobby .lobby{grid-template-columns:1fr!important;grid-template-areas:"top" "cfg" "teams" "map" "host" "chat" "note" "msg" "act"!important}}
.chat.docked{height:170px!important}
.pquick{display:none;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0}body.touch .pquick{display:grid}

.pickhint{position:absolute;left:50%;bottom:22%;transform:translateX(-50%);background:#0b1015e6;border:1px solid var(--gold);color:#fff;padding:8px 16px;font-weight:800;letter-spacing:2px;font-size:13px;z-index:20;pointer-events:none}
.qkits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.qk{border:1px solid #232c36;background:#0b0f14;padding:10px;display:grid;gap:6px;align-content:start}.qk.on{border-color:var(--gold)}.qk h4{margin:0;font-size:11px;letter-spacing:2px;color:var(--gold)}.qs{display:flex;align-items:center;gap:8px;background:#10151b;padding:3px 6px}.qs img{width:44px;height:22px;object-fit:contain}.qs b{font-size:12px}
@media(max-width:800px){.qkits{grid-template-columns:1fr}}
.ti.big{width:34px;height:34px}.ptitles{display:flex;gap:6px;margin-top:6px}
.fpsmeter{position:fixed;left:8px;top:8px;z-index:70;background:#000a;color:#4ade80;font:700 12px monospace;padding:3px 8px;pointer-events:none}
.aimg{width:100%;height:56px;object-fit:contain;background:#0b0f14}

.tdot{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px dashed #3b4856;margin:0 3px;vertical-align:middle;background:#0b0f14}
#btn-friends.alert{border-color:var(--gold)!important;box-shadow:0 0 12px #f5b80066}#btn-friends.alert small{color:var(--gold)}
/* JOGAR: janela LARGA (usa a horizontal) e cartões que cabem sem rolagem */
#modal-play .panel{width:min(1380px,97vw)!important;max-width:none!important;max-height:96vh}
#modal-play .modes{grid-template-columns:repeat(5,1fr)!important;max-width:none!important;grid-auto-rows:clamp(170px,calc((100vh - 240px) / 2),330px);gap:12px}
#modal-play .mc{aspect-ratio:auto!important;height:100%;min-height:0}

/* tela de amigos / rankings */
.fscreen .fpanel{width:min(1280px,97vw)!important;max-width:none!important;height:min(92vh,820px);display:grid;grid-template-rows:auto auto minmax(0,1fr)}
.ftabs{display:flex;gap:6px;margin:6px 0 10px}.ftabs button{flex:1;background:#0e1319;border:1px solid #232c36;border-bottom:3px solid #232c36;color:#aeb9c4;padding:12px 8px;font-weight:800;letter-spacing:2px;font-size:11px;cursor:pointer}.ftabs button.on{border-bottom-color:var(--gold);color:var(--gold);background:#17140a}
.fbody{overflow-y:auto;min-height:0;display:grid;gap:6px;align-content:start;padding-right:4px}.fh{margin:8px 0 2px;font-size:11px;letter-spacing:3px;color:var(--gold)}
.rcats{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}.rcats button{background:#0e1319;border:1px solid #232c36;color:#aeb9c4;padding:7px 12px;font-weight:800;font-size:10px;letter-spacing:2px;cursor:pointer}.rcats button.on{border-color:var(--gold);color:var(--gold);background:#17140a}
.hist.rk tr[data-id]{cursor:pointer}.hist.rk tr[data-id]:hover{background:#12171e}.hist.rk tr.me{background:#1a1608}.hist.rk .hl{color:var(--gold);font-weight:900}.fw{display:inline-flex;align-items:center;gap:7px}.fw .pa{width:30px;height:30px;object-fit:cover}.pos{font-weight:900;color:#9aa6b2}.pos.p1{color:#ffd23d}.pos.p2{color:#d6dde4}.pos.p3{color:#d9822b}
.oc.na{display:none}.aimg:not([src]){visibility:hidden}

.rbtn{display:inline-flex;align-items:center;gap:8px;background:#10161d;border:1px solid var(--gold);color:var(--gold);padding:10px 16px;font-weight:800;letter-spacing:2px;font-size:11px;cursor:pointer;margin-right:8px}.rbtn svg{width:16px;height:16px;fill:currentColor}.rbtn:hover{background:var(--gold);color:#111}
.padmap td:nth-child(2){width:210px}.padmap .mini2.go{border-color:var(--gold);color:var(--gold)}

/* faixas roláveis só na HORIZONTAL, com setinhas */
.sc-wrap{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:6px;min-width:0;min-height:0;align-items:stretch}.sc-arrow{background:#10161d;border:1px solid var(--line);color:var(--gold);font-size:24px;cursor:pointer}.sc-arrow:hover{background:var(--gold);color:#111}
.sc-x{overflow-x:auto!important;overflow-y:hidden!important;min-width:0}
.c-panel{display:flex!important;flex-direction:row!important;gap:26px!important;align-items:flex-start;grid-template-columns:none!important}.c-panel .cg{flex:0 0 auto}.c-panel .oc-row{overflow:visible;flex-wrap:nowrap;padding-bottom:0}.c-panel .sws{max-width:300px}
.a3-opts>.sc-wrap,.c-opts>.sc-wrap{min-height:0}
.monhud{position:absolute;left:50%;top:70px;transform:translateX(-50%);z-index:21;background:#0b1015e0;border:1px solid #6b8f5e;color:#cfe8c3;padding:7px 18px;font-weight:900;letter-spacing:3px;font-size:13px;pointer-events:none}.monhud.warn{border-color:#d63a2e;color:#ffb3a8}
/* CANCELAR sempre VERMELHO (vence o amarelo de FECHAR) */
.btn.cancel,.modal .btn.cancel[data-close],#lobby-ready.cancel{background:#b3261e!important;color:#fff!important;border:1px solid #ff6b5e!important;font-weight:900}.btn.cancel:hover,#lobby-ready.cancel:hover{background:#d0342a!important}
.monwait{position:fixed;inset:0;z-index:60;background:#000;display:grid;place-content:center;text-align:center;color:#cfe8c3;gap:8px}.monwait b{font-size:34px;letter-spacing:8px;color:#d63a2e}.monwait p{font-size:15px;letter-spacing:2px;line-height:1.7}.monwait span{font-size:28px;color:#fff;font-weight:900}
.sc-wrap.noscroll .sc-arrow{visibility:hidden}.sc-arrow:disabled{opacity:.28;cursor:default}

/* ===== TELA DE AMIGOS ===== */
.frs{position:fixed;inset:0;z-index:92;display:grid;grid-template-rows:58px minmax(0,1fr);gap:8px;padding:0 12px 12px;background:radial-gradient(ellipse at 50% 0%,#151b23 0%,#07090c 80%);color:#e6edf3;overflow:hidden}
.fr-body{display:grid;grid-template-columns:176px 380px minmax(0,1fr) 320px;gap:10px;min-height:0}
.fr-nav{display:flex;flex-direction:column;gap:6px}.fr-nav button{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;background:#0e1319;border:1px solid #232c36;color:#cfd8e0;padding:14px 10px;cursor:pointer;text-align:left;font-weight:800;font-size:11px;letter-spacing:2px}.fr-nav svg{width:22px;height:22px;fill:currentColor}.fr-nav button.on{border-color:var(--gold);background:#17140a;color:var(--gold)}.fr-nav em{font-style:normal;background:#d6342a;color:#fff;border-radius:50%;min-width:20px;height:20px;display:grid;place-items:center;font-size:11px}
.fr-list,.fr-main,.fr-side{min-height:0;min-width:0}.fr-list{display:flex;flex-direction:column;gap:8px;border:1px solid #232c36;background:#0b0f14;padding:8px}.fr-h{margin:6px;font-size:11px;letter-spacing:3px;color:var(--gold)}
.fr-tabs{display:flex;gap:4px}.fr-tabs button{flex:1;background:#10161d;border:1px solid #232c36;color:#aeb9c4;padding:10px 4px;font-weight:800;font-size:11px;letter-spacing:1px;cursor:pointer}.fr-tabs button.on{background:var(--gold);color:#111;border-color:var(--gold)}
.fr-sr{display:grid;grid-template-columns:1fr 110px;gap:6px}.fr-sr input,.fr-sr select{background:#0e141b;border:1px solid #2a3846;color:#fff;padding:9px}
.fr-rows{overflow-y:auto;display:grid;gap:4px;align-content:start;min-height:0;flex:1}.fr-row{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;background:#0e1319;border:1px solid #1f2832;padding:6px 8px;cursor:pointer}.fr-row:hover{border-color:#3b4856}.fr-row.on{border-color:var(--gold);background:#17140a}
.fr-av{position:relative;width:50px;height:50px}.fr-av img{width:100%;height:100%;object-fit:cover;border:1px solid #3b4856}.fr-av .sd{position:absolute;right:-3px;bottom:-3px;border:2px solid #0b0f14;width:12px;height:12px}.fr-av i{display:grid;place-items:center;width:100%;height:100%;font-style:normal;background:#10161d;font-size:22px}
.fr-nm{min-width:0;display:grid;gap:1px}.fr-nm b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr-nm small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr-nm .on{color:#4ade80}.fr-nm .play{color:var(--gold)}.fr-nm .off{color:#7d8a97}.fr-nm .act{color:#9aa6b2}.fr-nm .elo{display:flex;align-items:center;gap:5px;color:#cfd8e0}
.eb{display:inline-block;vertical-align:middle}.fr-bt{display:flex;gap:4px;align-items:center}.kb{background:none;border:0;color:#9aa6b2;font-size:20px;cursor:pointer;padding:4px 8px}.pad{padding:12px}
.fr-main{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:8px}.fr-empty{display:grid;place-items:center;color:#7d8a97;border:1px solid #232c36;background:#0b0f14;grid-row:1/-1}
.fr-card{display:grid;grid-template-columns:104px minmax(0,1fr) 120px 170px;gap:14px;align-items:center;border:1px solid #232c36;background:linear-gradient(135deg,#10161d,#0b0f14);padding:12px}
.fr-card .big{width:100px;height:100px;object-fit:cover;border:2px solid var(--gold)}.fr-card h2{margin:0;font-size:26px;letter-spacing:2px}.fr-card .id{color:#8794a1;font-size:11px}.fr-card .stt{display:flex;align-items:center;gap:7px;margin:6px 0;font-size:13px;color:#cfd8e0}.fr-card .ttl small{font-size:10px;letter-spacing:3px;color:var(--gold)}.fr-card .ttl>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.tp{display:inline-flex;align-items:center;gap:6px;border:1px solid #3b4856;background:#0e141b;padding:3px 10px 3px 4px;font-weight:800;font-size:11px;letter-spacing:1px}.tp img{width:24px;height:24px}
.eb2{display:grid;justify-items:center;gap:2px;text-align:center}.eb2 b{font-size:12px;letter-spacing:1px}.eb2 small{color:#7d8a97;font-size:10px}
.acts{display:grid;gap:5px}.acts button{background:#10161d;border:1px solid #2a3846;color:#e6edf3;padding:9px;font-weight:800;letter-spacing:1px;font-size:11px;cursor:pointer}.acts button.a1{background:var(--gold);color:#111;border-color:var(--gold)}.acts button:hover:not(:disabled){border-color:var(--gold)}.acts button:disabled{opacity:.5}
.fr-ptabs{display:flex;gap:4px}.fr-ptabs button{flex:1;background:#10161d;border:1px solid #232c36;color:#aeb9c4;padding:11px 4px;font-weight:800;font-size:11px;letter-spacing:2px;cursor:pointer}.fr-ptabs button.on{background:var(--gold);color:#111;border-color:var(--gold)}
.fr-pbody{border:1px solid #232c36;background:#0b0f14;padding:10px;overflow:auto;min-height:0}.fr-ov{display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,1fr);gap:12px;height:100%;min-height:300px}
.fr-stage{position:relative;border:1px solid #232c36;background:radial-gradient(ellipse at 50% 70%,#243040,#0a0e13);min-height:300px}.fr-cv{position:absolute;inset:0;width:100%;height:100%;cursor:grab}.fr-stage .hint{position:absolute;left:10px;bottom:6px;font-size:10px;color:#6b7683;letter-spacing:1px}
.fr-stats h4,.fr-conq h4{margin:10px 0 6px;font-size:11px;letter-spacing:3px;color:#9aa6b2}.fr-stats .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.fr-stats .grid div{background:#10151b;padding:7px 9px}.fr-stats .grid small{display:block;font-size:9px;letter-spacing:2px;color:#7d8a97}.fr-stats .grid b{font-size:22px}.gd{color:var(--gold)}
.elo-big{display:flex;align-items:center;gap:12px;background:#10151b;padding:8px 12px}.elo-big b{display:block;font-size:16px}.elo-big small{color:#7d8a97}.recs div{display:flex;justify-content:space-between;gap:8px;padding:6px 4px;border-bottom:1px solid #151c24;font-size:12px}.recs span{color:#9aa6b2}.recs b{color:#fff}
.fr-kits{display:flex;gap:6px;margin-bottom:8px}.fr-kits button{flex:1;background:#0e1319;border:1px solid #232c36;color:#aeb9c4;padding:6px;cursor:pointer;display:grid;text-align:left}.fr-kits small{font-size:9px;letter-spacing:2px;color:#7d8a97}.fr-kits b{font-size:11px;letter-spacing:1px}.fr-kits button.on{border-color:var(--gold);color:var(--gold)}
.fr-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}.slc{display:grid;gap:2px;background:#10151b;border:1px solid #1f2832;color:#e6edf3;padding:6px;cursor:pointer;text-align:center}.slc img{width:100%;height:44px;object-fit:contain}.slc b{font-size:11px}.slc small{font-size:9px;color:var(--gold);letter-spacing:1px}.slc.on{border-color:var(--gold);background:#17140a}.slc.ng{cursor:default}
.cq{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.cqi{display:grid;grid-template-columns:48px 1fr;gap:2px 8px;align-items:center;background:#10151b;border:1px solid #232c36;padding:6px}.cqi img{grid-row:span 2;width:46px;height:46px}.cqi b{font-size:12px}.cqi small{color:#7d8a97;font-size:10px}
.fr-side{display:flex;flex-direction:column;gap:10px;overflow-y:auto}.fr-box{border:1px solid #232c36;background:#0b0f14;padding:10px}.fr-box .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.fr-box h4{margin:0;font-size:11px;letter-spacing:3px}.fr-box .hd button{background:none;border:0;color:var(--gold);font-size:10px;letter-spacing:2px;cursor:pointer;font-weight:800}
.rk{display:grid;grid-template-columns:34px 44px 1fr;gap:10px;align-items:center;padding:5px 8px;border:1px solid #1f2832;background:#0e1319;margin-bottom:4px;cursor:pointer}.rk.g{border-color:var(--gold);background:#17140a}.rk.me{box-shadow:inset 3px 0 var(--gold)}.rk .pos{font-size:24px;font-weight:900;color:#7d8a97;text-align:center}.rk.g .pos{color:var(--gold)}.rk img,.rc img{width:44px;height:44px;object-fit:cover}.rk b,.rc b{font-size:13px;display:block}.rk small,.rc small{font-size:11px;color:#9aa6b2;display:flex;align-items:center;gap:4px}
.fr-rt{display:flex;gap:4px;margin-bottom:6px}.fr-rt button{flex:1;background:#10161d;border:1px solid #232c36;color:#aeb9c4;padding:7px 2px;font-weight:800;font-size:10px;letter-spacing:1px;cursor:pointer}.fr-rt button.on{border-color:var(--gold);color:var(--gold);background:#17140a}
.rc{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:5px 8px;background:#0e1319;border:1px solid #1f2832;margin-bottom:4px;cursor:pointer}.rc em{font-style:normal;font-weight:900;font-size:16px;color:var(--gold)}.rc em small{font-size:10px;color:#9aa6b2;display:inline}
.fr-ban{min-height:120px;display:grid;place-items:center;text-align:center;border:1px solid #232c36;background:linear-gradient(90deg,#000b,#0006),url(/assets/modes/team.jpg) center/cover;font-size:20px;letter-spacing:4px;font-weight:900;color:#ffd23d;text-shadow:0 0 14px #000}
@media(max-width:1250px){.fr-body{grid-template-columns:150px 330px minmax(0,1fr)}.fr-side{display:none}}
.a3-cats button{height:30px!important}.a3-cats{gap:4px!important}
.a3-crate{display:grid;gap:1px;background:#0e1319;border:1px solid #3b4856;color:#aeb9c4;padding:5px 14px;cursor:pointer;text-align:left}.a3-crate b{font-size:11px;letter-spacing:2px}.a3-crate small{font-size:10px;color:#7d8a97}.a3-crate.has{border-color:var(--gold);background:#17140a;color:var(--gold);box-shadow:0 0 14px #f5b80055}.a3-crate.has small{color:var(--gold)}
.a3-tabs button{padding:11px 12px}
/* ===== FILA (sala) v2: menu lateral · times lado a lado · mapa e contagem à direita · chat em destaque — tudo numa tela, sem rolagem ===== */
#screen-lobby{padding:0!important;overflow:hidden!important;display:block}#screen-lobby.hidden{display:none}
.lb{display:grid;grid-template-columns:224px minmax(0,1fr) 300px;gap:12px;height:100vh;padding:12px;box-sizing:border-box;background:linear-gradient(#0a0d11a8,#0a0d11ec)}
.lb-side{display:flex;flex-direction:column;gap:6px;min-height:0;overflow-y:auto}
.lb-me{display:flex;gap:10px;align-items:center;border:1px solid #232c36;background:#0b0f14e0;padding:8px}.lb-me img{width:52px;height:52px;border:2px solid var(--gold);object-fit:cover}.lb-me small{display:block;font-size:9px;letter-spacing:3px;color:#7d8a97}.lb-me b{display:block;font-size:14px;letter-spacing:1px}.lb-me span{font-size:10px;color:var(--gold);letter-spacing:2px}.lb-me u{display:block;height:4px;background:#222b35;margin-top:3px;width:120px}.lb-me u i{display:block;height:100%;background:var(--gold)}
.lbn{display:grid;text-align:left;gap:2px;background:#0e1319e6;border:1px solid #232c36;color:#e6edf3;padding:11px 14px;cursor:pointer}.lbn b{font-size:13px;letter-spacing:2px}.lbn small{color:#8794a1;font-size:11px}.lbn:hover{border-color:#3b4856}.lbn.on{border-color:var(--gold);background:#17140a;color:var(--gold)}
.lb-main{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto 176px;gap:10px;min-height:0;min-width:0;border:1px solid #232c36;background:#080b0fe0;padding:12px}
.lb-head{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:16px;align-items:center;border-bottom:1px solid #1f2832;padding-bottom:10px}
.lb-back{width:62px;height:54px;background:var(--gold)!important;color:#111!important;border:0!important;font-size:34px;font-weight:900;cursor:pointer;display:grid;place-items:center;line-height:.8;padding:0}.lb-back small{font-size:9px;letter-spacing:2px;margin-top:-4px}.lb-back:hover{filter:brightness(1.12)}
.lb-head h2{margin:0;font-size:20px;letter-spacing:4px}.lb-head .tt small{color:#8794a1;font-size:11px}.lb-head .nm small{display:block;font-size:9px;letter-spacing:3px;color:#7d8a97}.lb-head .nm b{font-size:15px}.lb-head .ac{display:flex;gap:8px}
.lbtn{background:#10161d;border:1px solid #2a3846;color:#e6edf3;padding:10px 14px;font-weight:800;letter-spacing:2px;font-size:11px;cursor:pointer}.lbtn:hover{border-color:var(--gold);color:var(--gold)}
.lb .lbadge{position:absolute;right:16px;top:-12px}
.lb .teams{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0;overflow:hidden;align-content:stretch}.lb .teams .team{display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid #3b4856;min-height:0;padding:0}
.lb .team.A{border-color:#2a5aa0;background:linear-gradient(#0d1a2e,#0a0f18)}.lb .team.B{border-color:#a02a2a;background:linear-gradient(#2e0d10,#180a0c)}.lb .team h3{display:flex;justify-content:space-between;align-items:center;margin:0;padding:10px 14px;font-size:15px;letter-spacing:3px;border-bottom:1px solid #ffffff14}.lb .team.A h3{color:#4aa3ff}.lb .team.B h3{color:#ff5a5a}.lb .team h3 b{font-size:16px}
.lb .tbody{display:grid;gap:4px;padding:6px;align-content:start;overflow-y:auto;min-height:0}
.lb .pl{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0b0f14d0;border:1px solid #1f2832;height:44px;padding:0 10px}.lb .pl .pa{width:34px;height:34px;object-fit:cover;margin-right:8px;vertical-align:middle}.lb .pl em{font-style:normal;font-size:10px;letter-spacing:2px;color:#e0b341}.lb .pl em.ok{color:#4ade80}.lb .pl em.off{color:#f87171}
.lb .pl.empty{justify-content:center;border:1px dashed #2a3846;background:transparent;color:#4b5866;letter-spacing:3px;font-size:11px}.lb .pl.empty button{background:#17140a;border:1px solid var(--gold);color:var(--gold);font-weight:800;letter-spacing:2px;font-size:11px;padding:7px 14px;cursor:pointer}
.lb .teams.ffa .team{border-color:#3b4856}.lb .teams.ffa .team h3:empty{display:none}
.lb-cfg{position:relative}.chips{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.chips div{border:1px solid #232c36;background:#0b0f14;padding:8px 12px}.chips small{display:block;font-size:9px;letter-spacing:2px;color:#7d8a97}.chips b{font-size:14px}
.lb-cfg:has(.hostcfg:not(.hidden)) .chips{display:none}.lb-main:has(.hostcfg.hidden) #lobby-cfg-toggle{display:none}
.lb .hostcfg{display:block!important;border:1px solid #232c36;border-left:3px solid var(--gold);background:#0b0f14;padding:8px}.lb .hostcfg.hidden{display:none!important}.lb .hostcfg .hc-main{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.lb .hostcfg .hc-more:not(.hidden){position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:12;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#0b0f14;border:1px solid var(--gold);padding:12px;box-shadow:0 -10px 30px #000b}.lb .hostcfg label{display:grid;gap:4px;font-size:9px;letter-spacing:2px;color:#8794a1;position:relative}
.lb-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.lb-bar .note,.lb-bar .msg{margin:0;font-size:12px}.lb-bar .msg{grid-column:2}.lb-bar .note{grid-column:2}
.lb-bar .btn.primary{min-width:250px;height:54px;font-size:16px;letter-spacing:5px;grid-column:3}.lb-bar #lobby-ready{grid-row:1}.lb-bar #lobby-start{grid-row:1}
#lobby-chat{min-height:0}#lobby-chat .chat.docked{height:100%!important;width:100%!important;max-height:none}
.lb-right{display:grid;grid-template-rows:auto 1fr;gap:12px;min-height:0;align-content:start}
.lb-right .mapcard{display:flex!important;flex-direction:column;border:1px solid #232c36;background:#0b0f14e0;padding:0!important}.lb-right .mapcard img{width:100%;height:170px;object-fit:cover}.lb-right .mapcard div{padding:10px 12px 14px}.lb-right .mapcard b{font-size:20px;letter-spacing:3px;display:block}.lb-right .mapcard small{display:block;color:#9aa6b2;margin:4px 0;font-size:12px;line-height:1.4}.lb-right .mapcard em{font-style:normal;color:var(--gold);font-size:11px;letter-spacing:2px}
.lb-count{align-self:end;display:grid;grid-template-columns:104px 1fr;gap:12px;border:1px solid #232c36;background:#0b0f14e6;padding:12px}.lb-count img{width:104px;height:78px;object-fit:cover;border:1px solid #3b4856}.lb-count small{display:block;font-size:10px;letter-spacing:2px;color:#9aa6b2}.lb-count b{display:block;font-size:34px;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:2px;line-height:1.1}.lb-count b.run{color:#fff;text-shadow:0 0 14px var(--gold)}.lb-count .btn{margin-top:6px;padding:6px 10px;font-size:10px}
#lobby-leave{background:var(--gold)!important;color:#111!important}
@media(max-width:1100px){.lb{grid-template-columns:200px minmax(0,1fr)}.lb-right{display:none}}
#rotate{display:none}   /* o aviso "gire o celular" só existe no celular (mobile.css o liga); antes ele ocupava uma faixa no topo de todas as telas no PC */
.lb #lobby-teams,.lb #lobby-chat,.lb #lobby-mapcard,.lb #lobby-host,.lb #lobby-note,.lb #lobby-msg,.lb #lobby-cfg{grid-area:auto!important}
.lb-main{grid-template-columns:minmax(0,1fr)}
#screen-lobby #lobby-host{display:block!important;grid-template-columns:none!important;align-self:auto;padding:8px;gap:0!important}#screen-lobby #lobby-host.hidden{display:none!important}
#screen-lobby .lb-right #lobby-mapcard{display:flex!important}
.lb #lobby-leave{grid-column:auto!important;order:0!important;grid-row:auto!important}
.lb .lb-bar #lobby-ready,.lb .lb-bar #lobby-start{grid-column:3!important;grid-row:1!important;order:0!important;height:54px!important;min-width:260px;font-size:16px!important;letter-spacing:5px}
.lb .lb-bar #lobby-cfg-toggle{grid-column:1;grid-row:1}.lb .lb-bar .note{grid-column:2;grid-row:1}.lb .lb-bar .msg{grid-column:2;grid-row:1;align-self:end}
.lb .hostcfg label{min-width:0}.lb .hostcfg select,.lb .hostcfg input{width:100%;min-width:0;box-sizing:border-box}
.lb .hostcfg .hc-more label.check{grid-column:span 2}

/* caixa de skins */
.crate{position:fixed;inset:0;z-index:96;background:#05080cf0;display:grid;place-items:center}.cr-box{width:min(1180px,94vw);display:grid;gap:12px;padding:20px;border:1px solid #232c36;background:#0a0e13}.cr-top{display:flex;justify-content:space-between;align-items:center}.cr-top h2{margin:0;letter-spacing:6px}.cr-n{color:var(--gold);font-weight:900;letter-spacing:3px}
.cr-win{position:relative;overflow:hidden;height:196px;border:1px solid #2a3846;background:linear-gradient(#0d1218,#080b0f)}.cr-strip{display:flex;gap:10px;padding:10px 0 0 10px;will-change:transform}.cr-ptr{position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:var(--gold);box-shadow:0 0 18px var(--gold);z-index:2}
.cd{flex:0 0 150px;height:172px;display:grid;grid-template-rows:1fr auto auto;gap:4px;background:#10151b;padding:8px;text-align:center}.cd i{display:block;border:1px solid #2a3846}.cd b{font-size:13px}.cd small{font-size:9px;letter-spacing:2px}
.cr-res{min-height:96px;display:grid;place-items:center}.cr-won{display:grid;gap:4px;text-align:center;padding:12px 40px;border:2px solid var(--rc);background:#0e1319;animation:crwon .6s ease-out}.cr-won.hi{box-shadow:0 0 44px var(--rc)}.cr-won b{font-size:30px;letter-spacing:4px}.cr-won span{color:#cfd8e0;font-size:13px}@keyframes crwon{from{transform:scale(.7);opacity:0}}
.cr-bt{display:flex;gap:10px;justify-content:center}.cr-bt .btn{min-width:200px;padding:14px}
.res-bonus{display:flex;align-items:center;gap:14px;border:2px solid var(--gold);background:#17140a;padding:10px 16px;animation:crwon .6s ease-out;box-shadow:0 0 24px #f5b80066}.res-bonus b{color:var(--gold);letter-spacing:4px}.res-bonus em{color:var(--gold);font-style:normal;font-weight:900}.res-bonus span{flex:1}
.c-left{display:grid;grid-template-rows:auto minmax(0,1fr);gap:6px;min-height:0;min-width:0}.c-subtabs{display:flex;gap:4px;flex-wrap:wrap}.c-subtabs button{background:#0e1319;border:1px solid #232c36;border-bottom:3px solid #232c36;color:#aeb9c4;padding:9px 16px;font-weight:800;letter-spacing:2px;font-size:11px;cursor:pointer}.c-subtabs button.on{border-bottom-color:var(--gold);color:var(--gold);background:#17140a}
.c-left .sc-wrap{min-height:0}.c-panel .oc-row{align-items:stretch}

.lbn.home{background:var(--gold)!important;border-color:var(--gold)!important;color:#111!important}.lbn.home small{color:#3a2d00}.lbn.home:hover{filter:brightness(1.1)}
.lbn.leave{margin-top:auto;border-color:#3b4856;background:#0b0f14}.lbn.leave b{color:#cfd8e0}.lbn.leave:hover{border-color:#ef4444}.lbn.leave:hover b{color:#ef6b6b}
#lobby-leave{background:#0b0f14!important;color:inherit!important}.lb-head{grid-template-columns:auto minmax(0,1fr) auto!important}
.room-chip{position:fixed;left:14px;bottom:14px;z-index:60;display:flex;align-items:center;gap:12px;background:#0b1015f2;border:1px solid var(--gold);border-left:5px solid var(--gold);padding:10px 14px;box-shadow:0 0 22px #000a}.room-chip small{display:block;font-size:9px;letter-spacing:3px;color:var(--gold)}.room-chip b{font-size:13px}.room-chip .btn{padding:9px 14px;font-size:11px}
.dmgn{position:absolute;left:0;top:0;z-index:15;pointer-events:none;font-weight:900;font-size:22px;color:#fff;text-shadow:0 0 6px #000,0 2px 0 #000;will-change:transform,opacity;letter-spacing:1px}.dmgn.head{color:#ffb020;font-size:28px}.dmgn.kill{color:#ff4a4a;font-size:34px}

/* roletas */
.wheel{position:fixed;inset:0;z-index:97;background:#05080cf2;display:grid;place-items:center}.wh-box{display:grid;gap:10px;padding:18px 26px;border:1px solid #232c36;background:#0a0e13;width:min(760px,95vw);justify-items:center}.wh-top{width:100%;display:flex;justify-content:space-between;align-items:center}.wh-top h2{margin:0;letter-spacing:5px}.wh-n{color:var(--gold);font-weight:900;letter-spacing:3px}
.wh-stage{position:relative;width:min(440px,80vw);aspect-ratio:1}.wh-stage canvas{width:100%;height:100%;border-radius:50%;box-shadow:0 0 40px #0009}.wh-ptr{position:absolute;left:50%;top:-14px;margin-left:-16px;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:34px solid var(--gold);filter:drop-shadow(0 0 8px var(--gold));z-index:3}
.wh-hub{position:absolute;left:50%;top:50%;width:78px;height:78px;margin:-39px 0 0 -39px;border-radius:50%;background:var(--gold);color:#111;display:grid;place-items:center;font-weight:900;font-size:13px;letter-spacing:1px;cursor:pointer;z-index:2;box-shadow:0 0 20px #000}.wh-hub.off{background:#3b4856;color:#8794a1;cursor:default}
.wh-res{min-height:92px;display:grid;place-items:center}.wh-won{display:grid;gap:4px;text-align:center;padding:10px 34px;border:2px solid var(--rc,#3b4856);background:#0e1319;animation:crwon .6s ease-out}.wh-won.hi{box-shadow:0 0 40px var(--rc)}.wh-won b{font-size:26px;letter-spacing:3px}.wh-won span{color:#cfd8e0;font-size:13px}.wh-won img{width:64px;height:64px;margin:auto;border:2px solid var(--gold)}.wh-bt{display:flex;gap:10px}.wh-bt .btn{min-width:180px;padding:13px}
.res-bonus{display:grid!important;gap:6px}.res-bonus .bn{display:grid;gap:6px}.res-bonus .bn>div{display:flex;align-items:center;gap:12px}
#p-wheel.has{background:var(--gold);color:#111}
.pickhint.bad{border-color:#ef4444;color:#ffb3a8}
.oc.gc .sw{height:46px;border-radius:50%;width:46px;margin:2px auto}

.lb-right{grid-template-rows:auto minmax(0,1fr) auto!important}
.lb-pl{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:6px;border:1px solid #232c36;background:#0b0f14e6;padding:8px;min-height:0}.lp-tabs{display:flex;gap:4px}.lp-tabs button{flex:1;background:#10161d;border:1px solid #232c36;color:#aeb9c4;padding:8px;font-weight:800;font-size:11px;letter-spacing:2px;cursor:pointer}.lp-tabs button.on{background:var(--gold);color:#111;border-color:var(--gold)}
#lp-q{background:#0e141b;border:1px solid #2a3846;color:#fff;padding:8px;width:100%;box-sizing:border-box}#lp-list{overflow-y:auto;display:grid;gap:4px;align-content:start;min-height:0}
.lp-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:8px;align-items:center;background:#0e1319;border:1px solid #1f2832;padding:4px 6px}.lp-row.off{opacity:.55}.lp-row .av{position:relative;width:36px;height:36px}.lp-row .av img{width:100%;height:100%;object-fit:cover}.lp-row .av .sd{position:absolute;right:-3px;bottom:-3px;width:10px;height:10px;border:2px solid #0b0f14}.lp-row b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-row small{font-size:10px;color:#8794a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.lp-inv{background:var(--gold);color:#111;border:0;padding:7px 10px;font-weight:900;font-size:10px;letter-spacing:1px;cursor:pointer}.lp-add{background:#10161d;border:1px solid #3b4856;color:var(--gold);padding:6px 9px;cursor:pointer;font-weight:900}.lp-s{font-size:9px;letter-spacing:2px;color:#7d8a97}.lp-s.ok{color:#4ade80}

/* cassino: luzes, balanço da seta, flash, confete, tremor */
.confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:9}.shake .wh-box,.shake .cr-box{animation:shk .7s}@keyframes shk{0%,100%{transform:none}15%{transform:translate(-8px,4px)}30%{transform:translate(7px,-5px)}45%{transform:translate(-6px,-3px)}60%{transform:translate(5px,4px)}80%{transform:translate(-3px,2px)}}
.wh-stage{width:min(470px,82vw)!important}.wh-stage .wh-cv{position:absolute;inset:6.5% }.wh-stage .wh-led{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.wh-stage{margin:6px 0 4px}
.wh-ptr.tk{animation:ptr .12s ease-out}@keyframes ptr{0%{transform:rotate(-16deg) translateY(2px)}100%{transform:none}}.wh-ptr{top:-6px!important;transform-origin:50% 0}
.wh-won{display:flex!important;gap:16px;align-items:center;text-align:left}.wh-won img.big{height:130px;width:auto}.wh-won img{max-height:130px}.wh-won>div{display:grid;gap:4px}
.cr-win{position:relative}.cr-win .leds{position:absolute;left:0;right:0;height:8px;z-index:3;background:repeating-linear-gradient(90deg,#ffd23d 0 10px,#5a4a10 10px 24px);animation:ledb 1s steps(2) infinite}.cr-win .leds.t{top:0}.cr-win .leds.b{bottom:0;animation-delay:.5s}.spin .cr-win .leds{animation-duration:.18s}@keyframes ledb{50%{filter:brightness(.35)}}
.cr-win{height:236px!important}.cd{flex:0 0 170px!important;height:216px!important;background:radial-gradient(circle at 50% 30%,#1c2531,#0b0f14)!important;border-bottom:5px solid var(--rc);grid-template-rows:1fr auto auto!important}.cd .im{display:grid;place-items:center;background:radial-gradient(circle,var(--rc)22,transparent 70%)}.cd img{width:100%;height:100%;object-fit:contain}
.cr-ptr{width:5px!important;background:linear-gradient(#ffd23d,#fff,#ffd23d)!important}.cr-ptr.hit{animation:ptrh .1s}@keyframes ptrh{50%{box-shadow:0 0 34px #fff}}
.cr-flash{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:4}.cr-flash.go{animation:flh 1s ease-out}@keyframes flh{0%{opacity:.8}100%{opacity:0}}
.cr-won{display:flex!important;gap:18px;align-items:center;text-align:left}.cr-won img{height:110px;width:auto}.cr-won>div{display:grid;gap:4px}
.wh-stage .wh-cv{inset:auto!important;left:6.5%;top:6.5%;width:87%!important;height:87%!important}

/* INÍCIO fica logo abaixo do cartão do operador; SAIR DA SALA é VERMELHO (pede confirmação) */
.lbn.leave{background:#3a0f12!important;border-color:#c0392b!important}.lbn.leave b{color:#ff8f86!important}.lbn.leave small{color:#d89a95!important}.lbn.leave:hover{background:#b3261e!important}.lbn.leave:hover b,.lbn.leave:hover small{color:#fff!important}
#lobby-leave{background:#3a0f12!important}.ra-bt{display:grid;gap:8px;margin-top:10px}.ra-bt .btn{padding:14px}
/* aviso da sala: recolhido, abre ao passar o mouse (ou por uns segundos ao sair da fila) */
.room-chip{transform:translateX(calc(-100% + 54px));transition:transform .25s ease;cursor:default}.room-chip:hover,.room-chip.peek{transform:none}.room-chip .rc-tab{writing-mode:vertical-rl;position:absolute;right:0;top:0;bottom:0;width:54px;display:grid;place-items:center;background:var(--gold);color:#111;font-weight:900;letter-spacing:3px;font-size:11px}.room-chip{padding-right:70px}.room-chip:hover .rc-tab,.room-chip.peek .rc-tab{opacity:.0;pointer-events:none}.room-chip>div,.room-chip>button{opacity:.0;transition:opacity .2s}.room-chip:hover>div,.room-chip:hover>button,.room-chip.peek>div,.room-chip.peek>button{opacity:1}
.oc.sk .sw{height:64px;display:grid;place-items:center;border:1px solid #2a3846}.oc.sk .skimg{width:100%;height:100%;object-fit:contain}

/* botões de CAIXA e ROLETA: grandes, brilhando e balançando quando há prêmio para abrir (dopamina) */
.a3-crate{display:flex!important;align-items:center;gap:10px;min-width:210px;padding:6px 16px!important;position:relative;overflow:hidden}.a3-crate .ic{width:42px;height:42px;flex:none}.a3-crate span{display:grid;text-align:left}.a3-crate b{font-size:12px!important;letter-spacing:2px}.a3-crate small{font-size:11px!important}
.a3-crate em{position:absolute;right:8px;top:6px;background:#d6342a;color:#fff;font-style:normal;font-weight:900;font-size:12px;min-width:22px;height:22px;border-radius:11px;display:grid;place-items:center;box-shadow:0 0 10px #d6342a}
.a3-crate.has{background:linear-gradient(135deg,#3a2d00,#17140a)!important;border-color:var(--gold)!important;animation:cratepulse 1.4s ease-in-out infinite}.a3-crate.has .ic{animation:giftshake 1.4s ease-in-out infinite;transform-origin:50% 90%}.a3-crate.has::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#fff5 50%,transparent 65%);transform:translateX(-120%);animation:shine 2.6s ease-in-out infinite}
@keyframes cratepulse{50%{box-shadow:0 0 26px #f5b800aa}}@keyframes giftshake{0%,70%,100%{transform:rotate(0)}76%{transform:rotate(-12deg)}82%{transform:rotate(11deg)}88%{transform:rotate(-8deg)}94%{transform:rotate(5deg)}}@keyframes shine{60%,100%{transform:translateX(120%)}}
/* telas da caixa e das roletas: fundo vivo, tamanho que cabe sem tela cheia, roleta centralizada nas luzes */
.wheel::before,.crate::before{content:'';position:absolute;inset:-30%;background:conic-gradient(from 0deg,#f5b80000 0 8%,#f5b80026 10% 14%,#f5b80000 16% 33%,#b45cff22 35% 39%,#b45cff00 41% 58%,#4aa3ff22 60% 64%,#4aa3ff00 66% 83%,#ff2e6322 85% 89%,#ff2e6300 91%);animation:rays 24s linear infinite;pointer-events:none}@keyframes rays{to{transform:rotate(360deg)}}
.wheel,.crate{overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#1a1426f2,#05080cf8 70%)!important}.wh-box,.cr-box{position:relative;z-index:1;box-shadow:0 0 60px #000,0 0 30px #f5b80033;border-color:#f5b80066!important;max-height:98vh;overflow-y:auto}
.wh-top h2,.cr-top h2{color:#ffe28a;text-shadow:0 0 14px #f5b800;animation:neon 2s ease-in-out infinite}@keyframes neon{50%{text-shadow:0 0 26px #ffcf40,0 0 6px #fff}}
.wh-stage{width:min(470px,50vh)!important}.wh-stage .wh-cv{inset:auto!important;left:6.25%!important;top:6.25%!important;width:87.5%!important;height:87.5%!important}.wh-box{gap:4px!important;padding:12px 22px!important}.wh-box .note{margin:0;font-size:12px}.wh-res{min-height:64px!important}.wh-won img.big{height:96px!important}.wh-bt .btn{padding:10px!important}
.cr-win{height:clamp(176px,30vh,236px)!important}.cd{height:calc(100% - 14px)!important}.cr-box{gap:8px!important;padding:14px 20px!important}.cr-res{min-height:70px!important}.cr-won img{height:84px!important}

/* mochila (Survival) */
.bp{user-select:none;position:fixed;inset:0;z-index:90;background:#05080ce8;display:grid;place-items:center}.bp-box{background:#0a0e13;border:1px solid #2a3846;padding:14px 18px;display:grid;gap:10px;max-width:96vw}.bp-top{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.bp-top h2{margin:0;letter-spacing:4px}.bp-top small{color:var(--gold);letter-spacing:2px;font-size:12px}.bp-hint{font-size:12px;color:#8794a1}.bp-hint b{color:var(--gold)}
.bp-main{display:flex;gap:18px;align-items:flex-start}.bp-gridwrap{max-width:70vw;overflow:auto}.bp-grid{position:relative;border:2px solid #3b4856;background-color:#0d1218;background-image:linear-gradient(#1c2631 1px,transparent 1px),linear-gradient(90deg,#1c2631 1px,transparent 1px)}
.bp-it{position:absolute;margin:2px;box-sizing:border-box;border:2px solid var(--c);background:linear-gradient(135deg,#1a222c,#10151b);display:grid;align-content:center;justify-items:center;text-align:center;cursor:grab;overflow:hidden;user-select:none;box-shadow:inset 0 0 14px #0009}.bp-it:hover{filter:brightness(1.25)}.bp-it.drag{opacity:.25}.bp-it.ghost{position:fixed;z-index:200;pointer-events:none;opacity:.92;box-shadow:0 0 24px var(--c)}
.bp-it b{font-size:11px;line-height:1.1;padding:0 3px}.bp-it .g{font-size:20px;color:var(--c)}.bp-it em{position:absolute;right:3px;bottom:1px;font-style:normal;font-weight:900;font-size:12px;color:var(--c)}
.bp-side{display:grid;gap:10px;min-width:230px}.bp-hands h4{margin:0 0 6px;letter-spacing:3px;color:#8794a1}.bp-slot{border:1px dashed #3b4856;padding:8px 10px;margin-bottom:6px;background:#0d1218}.bp-slot small{display:block;font-size:9px;letter-spacing:2px;color:#7d8a97}.bp-slot b{font-size:14px;color:#556}.bp-slot.full{border:1px solid var(--gold);cursor:pointer}.bp-slot.full b{color:#fff}.bp-slot:hover{background:#151c24}
.bp-heal{border:1px solid #5a2a2a;padding:8px 10px;background:#1a0f10}.bp-heal small{display:block;font-size:9px;letter-spacing:2px;color:#ff8f86}.bp-drop{border:2px dashed #7a3a3a;color:#ff8f86;text-align:center;padding:16px;letter-spacing:3px;font-weight:800}.bp-drop:hover{background:#2a1214}
/* onda */
.wavebanner{position:fixed;left:50%;top:18%;transform:translateX(-50%);z-index:60;text-align:center;pointer-events:none}.wavebanner small{display:block;letter-spacing:8px;color:#ff8f86;font-weight:900}.wavebanner b{display:block;font-size:84px;line-height:1;color:#fff;text-shadow:0 0 30px #ff2e2e,0 0 6px #000}.wavebanner span{letter-spacing:3px;color:#ffd0cc}.wavebanner.go{animation:wvb 4.2s ease-out}@keyframes wvb{0%{opacity:0;transform:translateX(-50%) scale(1.6)}12%{opacity:1;transform:translateX(-50%) scale(1)}80%{opacity:1}100%{opacity:0}}
/* recordes */
.res-rec{border:1px solid #2a3846;background:#0b1015;padding:10px 14px;display:grid;gap:6px}.res-rec h3{margin:0;letter-spacing:4px;color:var(--gold)}.rr{display:grid;grid-template-columns:150px 1fr 70px 130px auto;gap:10px;align-items:center;font-size:13px}.rr u{display:block;height:9px;background:#1c2631}.rr u i{display:block;height:100%;background:#4aa3ff;transition:width 1s cubic-bezier(.2,.7,.2,1)}.rr.new u i{background:linear-gradient(90deg,#f5b800,#fff2a8)}.rr b{text-align:right}.rr small{color:#8794a1}.rr em{font-style:normal;color:#111;background:var(--gold);padding:2px 8px;font-weight:900;letter-spacing:2px;animation:crwon .6s ease-out}.rr-crates{margin-top:4px;padding:8px;text-align:center;background:#17140a;border:1px solid var(--gold);color:var(--gold);font-weight:900;letter-spacing:3px;animation:crwon .8s ease-out}

/* amigos: colunas que cabem em 1366 (a lateral some em telas menores) + menu ⋯ */
.fr-body{grid-template-columns:170px 300px minmax(560px,1fr) 280px!important}@media(max-width:1560px){.fr-body{grid-template-columns:170px 300px minmax(0,1fr)!important}.fr-side{display:none!important}}@media(max-width:1100px){.fr-body{grid-template-columns:150px minmax(0,1fr)!important}.fr-list{display:none}}
.fr-pop{z-index:99;min-width:220px;background:#0b1015;border:1px solid var(--gold);box-shadow:0 10px 30px #000c;display:grid}.fr-pop button{background:transparent;border:0;border-bottom:1px solid #1f2832;color:#e6edf3;text-align:left;padding:11px 14px;font-weight:800;letter-spacing:2px;font-size:11px;cursor:pointer}.fr-pop button:hover{background:#17140a;color:var(--gold)}.fr-pop button.danger{color:#ff8f86}.fr-pop button.danger:hover{background:#3a0f12;color:#fff}
.rg-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:6}.rg-flash.go{animation:rgf 2.2s ease-out}@keyframes rgf{0%{opacity:1}100%{opacity:0}}
.c-spin{position:absolute;right:10px;top:10px;z-index:3;background:#10161dcc;border:1px solid #3b4856;color:#e6edf3;padding:8px 12px;font-weight:800;letter-spacing:2px;font-size:11px;cursor:pointer}.c-spin.off{border-color:var(--gold);color:var(--gold)}.c-spin:hover{filter:brightness(1.2)}

/* NOVO: brilho no caminho até o item ganho e ainda não visto */
.new{position:relative;animation:newglow 1.1s ease-in-out infinite}.new::after{content:'NOVO';position:absolute;right:4px;top:4px;background:#d6342a;color:#fff;font-size:8px;font-weight:900;letter-spacing:1px;padding:2px 5px;border-radius:3px;pointer-events:none}.a3-cats .new::after,.a3-tabs .new::after{top:2px}
@keyframes newglow{0%,100%{box-shadow:0 0 0 0 #f5b80000,inset 0 0 0 1px #f5b80055}50%{box-shadow:0 0 18px 2px #f5b800aa,inset 0 0 0 1px #f5b800}}
#wh-close.ok,#cr-close{box-shadow:0 0 18px #f5b80088}

.modal{z-index:300!important}.crate,.wheel{z-index:350!important}.bp{z-index:320}
/* aviso da sala: tab horizontal pequena, recolhe rápido */
.room-chip .rc-tab{writing-mode:horizontal-tb!important;font-size:10px!important;letter-spacing:2px!important;width:58px!important}.room-chip{padding-right:74px!important}
/* roleta de ÍCONES no perfil: chama atenção como as outras */
#p-wheel{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2a2000,#17140a)!important;border:1px solid var(--gold)!important;color:#ffe28a!important;font-weight:900;letter-spacing:2px;padding:8px 14px!important;position:relative;overflow:hidden}
#p-wheel::before{content:'';width:26px;height:26px;border-radius:50%;background:conic-gradient(#b45cff 0 16%,#4aa3ff 16% 33%,#ff9f2e 33% 50%,#4aa3ff 50% 66%,#ff2e63 66% 83%,#4aa3ff 83%);border:2px solid #f2c14e;flex:none}
#p-wheel.has{animation:cratepulse 1.4s ease-in-out infinite}#p-wheel.has::before{animation:spinw 2.4s linear infinite}#p-wheel.has::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#fff5 50%,transparent 65%);transform:translateX(-120%);animation:shine 2.6s ease-in-out infinite}@keyframes spinw{to{transform:rotate(360deg)}}
.a3-cards .ngbox{display:none}
.lb .pl .xkick{background:#3a0f12;border:1px solid #c0392b;color:#ff8f86;font-size:10px;font-weight:800;letter-spacing:1px;padding:5px 9px;cursor:pointer;margin-left:6px}.lb .pl .xkick:hover{background:#b3261e;color:#fff}
.sb-horde{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0 10px}.sb-horde div{background:#10161d;border:1px solid #2a3846;padding:8px 10px;text-align:center}.sb-horde small{display:block;font-size:9px;letter-spacing:2px;color:#8794a1}.sb-horde b{font-size:22px;color:var(--gold)}

.lb .pl .pm{background:#10161d;border:1px solid #3b4856;color:#e6edf3;width:30px;height:30px;font-size:18px;font-weight:900;cursor:pointer;margin-left:6px;flex:none}.lb .pl .pm:hover{border-color:var(--gold);color:var(--gold)}
.lb-right .mapcard{display:block!important}.mapcard .mcf{position:relative;height:170px;overflow:hidden}.mapcard .mcf img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;transition:opacity .45s}.mapcard .mcf .o{opacity:0}.mapcard.mode .mcf .o{opacity:1}.mapcard.mode .mcf .m{opacity:0}
.mcb{position:absolute;left:0;right:0;bottom:0;height:4px;background:#0008}.mcb i{display:block;height:100%;width:0;background:var(--gold)}@keyframes mcbar{to{width:100%}}.mapcard .mci{padding:10px 12px 14px}

/* maleta estilo Resident Evil */
.bp{user-select:none}.bp-case{position:relative;background:linear-gradient(160deg,#30353b,#1b1e22 60%,#25292e);border:3px solid #aeb6be;border-radius:16px;padding:16px 18px 18px;box-shadow:0 0 0 7px #121417,0 24px 70px #000;display:grid;gap:10px;max-width:96vw}
.bp-case .rv{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#dfe5ea,#5a636b)}.rv.a{left:7px;top:7px}.rv.b{right:7px;top:7px}.rv.c{left:7px;bottom:7px}.rv.d{right:7px;bottom:7px}
.bp-case .bp-top h2{margin:0;letter-spacing:6px;color:#e9eef2}.bp-hands{display:grid;grid-template-columns:1.1fr 2.6fr 1fr;gap:8px}
.bp-slot{position:relative;height:96px;border:2px solid #444c54;background:linear-gradient(#16191d,#0f1215);display:grid;grid-template-rows:auto 1fr auto;padding:4px 8px;cursor:default}.bp-slot small{font-size:9px;letter-spacing:2px;color:#7d8a97}.bp-slot .im{display:grid;place-items:center;min-height:0}.bp-slot .im img{max-width:100%;max-height:52px;object-fit:contain;filter:drop-shadow(0 2px 4px #000)}.bp-slot .im .g{font-size:30px}.bp-slot b{font-size:12px;color:#556;text-align:center}.bp-slot.full{border-color:#cfd6dc;cursor:pointer;background:linear-gradient(#1e2328,#12161a)}.bp-slot.full b{color:#fff}.bp-slot:hover{border-color:var(--gold)}
.bp-grid{position:relative;border:2px solid #394048;background-color:#101316;background-image:linear-gradient(#2a3037 1px,transparent 1px),linear-gradient(90deg,#2a3037 1px,transparent 1px);box-shadow:inset 0 0 30px #000}
.bp-it{position:absolute;margin:2px;box-sizing:border-box;border:1px solid #5a636b;background:linear-gradient(145deg,#2b3138,#171b1f);display:grid;justify-items:center;align-content:space-between;text-align:center;padding:3px;cursor:grab;overflow:hidden;box-shadow:inset 0 0 12px #000a}.bp-it:hover{border-color:var(--c)}.bp-it img{max-width:100%;max-height:calc(100% - 16px);object-fit:contain;filter:drop-shadow(0 2px 3px #000)}.bp-it .g{font-size:24px;color:var(--c);align-self:center}.bp-it .g.heal{font-size:30px}.bp-it b{font-size:9px;line-height:1.1;color:#cfd6dc}.bp-it em{position:absolute;right:4px;bottom:2px;font-style:normal;font-weight:900;font-size:16px;color:#fff;text-shadow:0 0 4px #000,0 0 6px var(--c)}
.bp-side{min-width:150px}.bp-drop{border-color:#7a3a3a!important;text-align:center;padding:12px 6px!important;line-height:1.2}.bp-drop small{letter-spacing:1px;font-size:10px;opacity:.7}

/* modo história */
.story{position:fixed;inset:0;z-index:92;background:linear-gradient(#070a0ef5,#05080cfa);display:grid;grid-template-rows:auto 1fr;gap:10px;padding:12px 16px;overflow:hidden}.st-head{display:flex;align-items:center;gap:18px}.st-head h2{margin:0;letter-spacing:6px}.st-head small{color:#8794a1}
.st-body{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;min-height:0}.st-list{display:grid;gap:8px;align-content:start;overflow-y:auto}.stc{text-align:left;background:#0e1319;border:1px solid #232c36;padding:12px 14px;color:#e6edf3;cursor:pointer;display:grid;gap:3px}.stc small{font-size:9px;letter-spacing:3px;color:#7d8a97}.stc b{font-size:14px;letter-spacing:1px}.stc em{font-style:normal;font-size:11px;color:#8794a1}.stc.on{border-color:var(--gold);background:#17140a}.stc.done em{color:#4ade80}.stc.lock{opacity:.5}
.st-main{display:grid;grid-template-rows:200px auto auto auto auto;gap:10px;min-height:0;overflow-y:auto}.st-img{background:#000 center/cover;border:1px solid #232c36;display:flex;align-items:flex-end}.st-img>div{padding:14px 18px;background:linear-gradient(transparent,#000c);width:100%}.st-img small{letter-spacing:3px;color:var(--gold);font-size:11px}.st-img h3{margin:2px 0 0;font-size:26px;letter-spacing:4px}
.st-txt{white-space:pre-wrap;line-height:1.6;font-size:15px;color:#d5dde4;background:#0b1015;border-left:3px solid var(--gold);padding:14px 18px;min-height:140px}.st-goal{font-size:14px;letter-spacing:1px}.st-goal b{color:var(--gold)}.st-rw{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.st-rw small{letter-spacing:2px;color:#8794a1}.st-rw span{background:#17140a;border:1px solid #5a4a10;padding:6px 10px;font-size:12px}.st-bt .btn{min-width:260px;padding:14px;font-size:15px;letter-spacing:4px}
.st-done{position:fixed;inset:0;z-index:380;background:#05080cf2;display:grid;place-items:center}.sd-in{max-width:620px;padding:30px 36px;border:2px solid var(--gold);background:#0a0e13;text-align:center;display:grid;gap:12px;box-shadow:0 0 60px #f5b80044}.sd-in.lose{border-color:#c0392b}.sd-in small{letter-spacing:6px;color:var(--gold)}.sd-in.lose small{color:#ff8f86}.sd-in h2{margin:0;letter-spacing:4px}.sd-in p{line-height:1.6;color:#cfd8e0}.sd-rw{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.sd-rw span{background:#17140a;border:1px solid var(--gold);padding:8px 12px;display:flex;align-items:center;gap:8px;animation:crwon .6s ease-out}.sd-rw img{width:34px;height:34px;border:1px solid var(--gold)}
.mapcard .mcf{width:100%!important;flex:none;height:170px}.lb-right .mapcard{display:flex!important;flex-direction:column}
.rg-dmg{position:fixed!important;transform:translate(-50%,-50%)}

.st-body{grid-template-columns:260px minmax(0,1fr) 320px!important}.st-list h4,.st-prep h4{margin:0 0 6px;letter-spacing:3px;color:#8794a1;font-size:11px}.st-prep{display:grid;gap:10px;align-content:start;overflow-y:auto}.st-prep .pb{border:1px solid #232c36;background:#0b1015;padding:10px 12px;display:grid;gap:6px}.st-prep small{color:#7d8a97;font-size:11px;line-height:1.4}
.kits{display:flex;gap:6px;flex-wrap:wrap}.kit{width:86px;border:1px solid #2a3846;background:#10161d;padding:4px;text-align:center;display:grid;gap:2px}.kit img{height:34px;object-fit:contain}.kit .g{font-size:26px}.kit b{font-size:10px}
.diffs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.diffs button{background:#10161d;border:1px solid #2a3846;color:#aeb9c4;padding:8px 2px;font-weight:800;font-size:11px;cursor:pointer}.diffs button.on{background:var(--gold);color:#111;border-color:var(--gold)}.rws{display:flex;gap:6px;flex-wrap:wrap}.rws span{background:#17140a;border:1px solid #5a4a10;padding:5px 8px;font-size:11px}#st-play{padding:16px;letter-spacing:4px;font-size:15px}
.story-load{position:fixed;inset:0;z-index:340;background:#05080cf5;display:grid;place-items:center;text-align:center}.story-load div{display:grid;gap:10px}.story-load i{width:54px;height:54px;border:4px solid #2a3846;border-top-color:var(--gold);border-radius:50%;margin:auto;animation:spinw 1s linear infinite}.story-load b{letter-spacing:5px}.story-load small{color:#8794a1}
.story-tut{position:fixed;left:14px;top:90px;z-index:70;width:250px;background:#0b1015ee;border:1px solid var(--gold);padding:10px 12px;display:grid;gap:5px;font-size:12px}.story-tut h4{margin:0;letter-spacing:4px;color:var(--gold)}.story-tut div{display:grid;grid-template-columns:18px 1fr auto;gap:6px;align-items:center;opacity:.85}.story-tut div.ok{color:#4ade80;opacity:1}.story-tut kbd{background:#1c2631;border:1px solid #3b4856;padding:1px 6px;font-size:10px}.story-tut small{color:#8794a1;font-size:10px}.story-tut button{background:#10161d;border:1px solid #3b4856;color:#aeb9c4;padding:4px;cursor:pointer;font-size:10px}

.ab{width:min(980px,95vw);max-height:92vh;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:10px}.ab h2 small{color:var(--gold);font-size:12px;letter-spacing:2px;margin-left:8px}.ab-tabs{display:flex;gap:4px;flex-wrap:wrap}.ab-tabs button{background:#0e1319;border:1px solid #232c36;border-bottom:3px solid #232c36;color:#aeb9c4;padding:10px 16px;font-weight:800;letter-spacing:2px;font-size:11px;cursor:pointer}.ab-tabs button.on{border-bottom-color:var(--gold);color:var(--gold);background:#17140a}
.ab-body{overflow-y:auto;display:grid;gap:8px;align-content:start;padding-right:6px}.ab-v{margin:0;color:#8794a1}.ab-v b{color:var(--gold)}.ab-card{border:1px solid #232c36;background:#0b1015;padding:10px 14px}.ab-card b{letter-spacing:2px;font-size:13px}.ab-card p{margin:5px 0 0;line-height:1.55;color:#cfd8e0;font-size:13px}.ab-card a{color:var(--gold)}.ab-t{width:100%;border-collapse:collapse;margin-top:6px;font-size:12px}.ab-t td{border-top:1px solid #1f2832;padding:6px 4px;color:#cfd8e0}.ab-t td:first-child{color:var(--gold);white-space:nowrap}
@media(max-height:800px){.menu-btn{padding-top:9px!important;padding-bottom:9px!important}}
.mapcard .mcf img{transition:opacity 1.3s ease-in-out!important}.mapcard .mci .t,.mapcard .mci .d{transition:opacity .6s}

.mc.story{outline:2px solid var(--gold);outline-offset:-2px}.mc.story b{color:var(--gold)}
/* cutscene */
.cs{position:fixed;inset:0;z-index:420;background:#000;overflow:hidden;opacity:0;transition:opacity .7s}.cs.go{opacity:1}.cs.out{opacity:0}.cs-img{position:absolute;inset:-6%;background:center/cover;filter:brightness(.55) saturate(1.15);animation:kenb 22s ease-out forwards}@keyframes kenb{from{transform:scale(1.02) translate(0,0)}to{transform:scale(1.18) translate(-2%,-1.5%)}}
.cs-vig{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 35%,#000d 100%)}.cs-bar{position:absolute;left:0;right:0;height:13vh;background:#000;z-index:3}.cs-bar.t{top:0}.cs-bar.b{bottom:0}
.cs-t{position:absolute;left:8vw;top:22vh;z-index:4;animation:cst 1.4s ease-out both}.cs-t small{letter-spacing:8px;color:var(--gold);font-size:13px}.cs-t h1{margin:6px 0 0;font-size:clamp(34px,6vw,76px);letter-spacing:10px;text-shadow:0 0 30px #000}@keyframes cst{from{opacity:0;transform:translateX(-40px)}}
.cs-l{position:absolute;left:8vw;right:8vw;bottom:19vh;z-index:4;min-height:90px}.cs-l p{margin:0;font-size:clamp(17px,2.2vw,26px);line-height:1.6;text-shadow:0 2px 8px #000;max-width:900px}.cs-skip{position:absolute;right:3vw;bottom:3.5vh;z-index:5;background:#0008;border:1px solid #fff5;color:#fff;padding:8px 14px;letter-spacing:3px;font-size:11px;cursor:pointer}.cs-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;z-index:6}
/* tutorial fora do jogo */
.tsl{position:fixed;inset:0;z-index:400;background:#05080cf2;display:grid;place-items:center}.tsl-in{width:min(720px,94vw);background:linear-gradient(160deg,#10151b,#0a0e13);border:1px solid #2a3846;padding:22px 30px;display:grid;gap:12px;text-align:center}.tsl-top{display:flex;justify-content:space-between;align-items:center}.tsl-top small{letter-spacing:5px;color:var(--gold)}.tsl-top button{background:transparent;border:0;color:#8794a1;cursor:pointer;letter-spacing:3px;font-size:11px}.tsl-ic{font-size:64px}.tsl-in h2{margin:0;letter-spacing:6px}.tsl-b{text-align:left;line-height:1.7;color:#d5dde4}.tsl-b p{margin:8px 0}.tsl-b kbd{background:#1c2631;border:1px solid #3b4856;border-bottom-width:3px;padding:2px 9px;border-radius:5px;font-size:13px;color:#fff}.tsl-b .tip{color:var(--gold);border-left:3px solid var(--gold);padding-left:10px}
.tsl-dots{display:flex;gap:6px;justify-content:center}.tsl-dots i{width:9px;height:9px;border-radius:50%;background:#2a3846}.tsl-dots i.on{background:var(--gold)}.tsl-nav{display:flex;gap:10px;justify-content:space-between}.tsl-nav button{background:#10161d;border:1px solid #3b4856;color:#e6edf3;padding:12px 20px;font-weight:800;letter-spacing:3px;cursor:pointer}.tsl-nav .pri{background:var(--gold);color:#111;border-color:var(--gold)}.tsl-nav button:disabled{opacity:.3;cursor:default}
.sd-bt{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.sd-bt .btn{min-width:200px;padding:12px}

.shop{width:min(900px,95vw)}.sh-bal{font-size:18px;letter-spacing:2px}.sh-bal b{color:var(--gold);font-size:26px}.sh-l{margin:6px 0}.sh-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sh-c{border:1px solid #2a3846;background:linear-gradient(160deg,#10161d,#0a0e13);padding:14px;display:grid;gap:6px;text-align:center}.sh-c i{font-size:44px;font-style:normal}.sh-c b{letter-spacing:2px}.sh-c p{margin:0;font-size:12px;color:#aeb9c4;min-height:48px}.sh-c small{color:#7d8a97}.sh-c.off{opacity:.6}.sh-how{border-top:1px solid #232c36;margin-top:8px;padding-top:8px;font-size:12px;color:#cfd8e0}.sh-how p{margin:4px 0;line-height:1.7}#top-coins{cursor:pointer}#top-coins:hover{filter:brightness(1.3)}
.bp-x{background:#3a0f12;border:1px solid #c0392b;color:#ff8f86;font-weight:800;letter-spacing:2px;font-size:11px;padding:6px 12px;cursor:pointer;margin-left:10px}.bp-x:hover{background:#b3261e;color:#fff}.bp-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bp-top .bp-hint{flex:1;text-align:right}

/* tela de NÍVEL DO JOGADOR: duas colunas, sem rolagem lateral */
#modal-history,#modal-titles{z-index:330!important}
.panel.rk2{width:min(1120px,96vw)!important;max-width:96vw!important;max-height:94vh;overflow:hidden auto!important;display:grid;gap:12px;box-sizing:border-box}.rk2-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.rk2-head h2{margin:0}.rk2-btns{display:flex;gap:8px;flex-wrap:wrap}
.rk2-body{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;min-width:0}.rk2-side{display:grid;gap:10px;align-content:start}.rk2-me,.rk2-elo{display:flex;gap:12px;align-items:center;background:#0b1015;border:1px solid #232c36;padding:12px}.rk2-me img{width:72px;height:72px;border:2px solid var(--gold);flex:none;object-fit:cover}.rk2-elo img{width:56px;height:56px;flex:none;object-fit:contain}.rk2-me>div,.rk2-elo>div{min-width:0;flex:1;display:grid;gap:3px}.rk2-me b,.rk2-elo b{letter-spacing:2px;overflow:hidden;text-overflow:ellipsis}.rk2-me span,.rk2-elo span{font-size:11px;color:var(--gold)}.rk2-me small,.rk2-elo small{font-size:10px;color:#8794a1}.rk2-elo:empty{display:none}
.rk2-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.rk2-stats div{background:#0b1015;border:1px solid #232c36;padding:8px 10px;display:grid}.rk2-stats small{font-size:9px;letter-spacing:2px;color:#7d8a97}.rk2-stats b{font-size:20px}
.rk2-main{min-width:0;display:grid;gap:10px;align-content:start}.rk2-main h3{margin:6px 0 0;letter-spacing:4px;font-size:12px;color:#8794a1}.rk2-main .note{margin:0}
.rk2-grid{display:grid;gap:8px;min-width:0}.rk2-grid.p5{grid-template-columns:repeat(5,minmax(0,1fr))}.rk2-c{background:#0b1015;border:1px solid #232c36;padding:8px 6px;display:grid;justify-items:center;gap:2px;text-align:center;min-width:0}.rk2-c img{width:58px;height:58px;object-fit:contain}.rk2-c b{font-size:11px;letter-spacing:1px}.rk2-c small{font-size:10px;color:#8794a1}.rk2-c.me{border-color:var(--gold);background:#17140a;box-shadow:0 0 14px #f5b80033}.rk2-c.done{opacity:.55}
.rk2-pres{background:#17140a;border:1px dashed #5a4a10;padding:10px 14px;display:grid;gap:2px}.rk2-pres b{color:var(--gold);letter-spacing:4px}.rk2-pres span{font-size:12px;color:#cfd8e0}
@media(max-width:900px){.rk2-body{grid-template-columns:1fr}.rk2-grid.p5{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mc.story-card{outline:2px solid var(--gold);outline-offset:-2px}.mc.story-card b{color:var(--gold)}

/* cutscene: fundo SEMPRE preto (sem vazar a tela inicial); só o conteúdo faz fade */
.cs{opacity:1!important;background:#000!important}.cs .cs-img,.cs .cs-vig,.cs .cs-t,.cs .cs-l,.cs .cs-ctl{opacity:0;transition:opacity 1s}.cs.go .cs-img,.cs.go .cs-vig,.cs.go .cs-t,.cs.go .cs-l,.cs.go .cs-ctl{opacity:1}.cs.out .cs-img,.cs.out .cs-vig,.cs.out .cs-t,.cs.out .cs-l,.cs.out .cs-ctl{opacity:0}
.cs-ctl{position:absolute;right:3vw;bottom:3.5vh;z-index:7;display:flex;gap:10px}.cs-ctl button{background:#000a;border:1px solid #fff6;color:#fff;padding:10px 18px;letter-spacing:3px;font-size:12px;font-weight:800;cursor:pointer}.cs-ctl .cs-next{background:var(--gold);color:#111;border-color:var(--gold)}.cs-ctl button:hover{filter:brightness(1.2)}.cs-skip{position:static!important}.cs{cursor:pointer}
.story-veil{position:fixed;inset:0;background:#000;z-index:335}.story-veil.hidden{display:none}
#game-loading{z-index:340!important}
#screen-menu nav{overflow:visible}@media(max-height:820px){#screen-menu .menu-btn{padding-top:7px!important;padding-bottom:7px!important}#screen-menu .menu-btn small{font-size:10px}}
.rk2-side{min-width:0;width:300px;grid-template-columns:minmax(0,1fr)!important}.rk2-side>*{min-width:0;box-sizing:border-box}.rk2-me .xpbig{max-width:100%}
.rk2-me .xpbig,.rk2-elo .xpbig{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
.bp-hands{grid-template-columns:1.1fr 2.4fr 1fr .9fr!important}.bp-slot.gre .im .g{font-size:26px;opacity:.5}.bp-slot.gre.full .im .g{opacity:1}.bp-slot.gre{cursor:default}.bp-slot.full:not(.gre){cursor:grab}.bp-it.ghost{position:fixed;z-index:500;pointer-events:none;opacity:.85}

/* tela final da partida: larga, sem rolagem lateral, sem formato quadrado */
#modal-results .panel.results{width:min(1180px,96vw)!important;max-width:96vw!important;overflow-x:hidden!important;overflow-y:auto;box-sizing:border-box}
#modal-results .res-grid{grid-template-columns:300px minmax(0,1fr)!important}#modal-results .res-info,#modal-results .res-grid>*{min-width:0}
#modal-results .rr{grid-template-columns:minmax(80px,150px) minmax(0,1fr) 56px minmax(70px,130px) auto!important}#modal-results .rr>*{min-width:0}
@media(max-width:820px){#modal-results .res-grid{grid-template-columns:1fr!important}}
/* amigos: o perfil só aparece quando pedido (janela por cima); a lista fica larga */
.frs .fr-body{grid-template-columns:230px minmax(0,1fr) 330px!important}
.frs .fr-main{display:none!important;position:absolute;left:12px;right:12px;top:62px;bottom:12px;z-index:8;background:#07090c;border:1px solid #2a3846;padding:12px;overflow:auto;box-shadow:0 0 60px #000}
.frs .fr-main.open{display:grid!important}
.fr-pclose{position:absolute;right:12px;top:10px;z-index:9;background:#3a0f12;border:1px solid #c0392b;color:#ff8f86;font-weight:800;letter-spacing:2px;font-size:11px;padding:7px 12px;cursor:pointer}.fr-pclose:hover{background:#b3261e;color:#fff}
.a3-head .fr-me{margin-left:auto;margin-right:10px;align-self:center;padding:8px 14px;font-weight:800;letter-spacing:2px}
.menu-btn.alert,.lbn.alert{position:relative}
.menu-btn.alert::after,.lbn.alert::after{content:"";position:absolute;right:12px;top:50%;margin-top:-6px;width:12px;height:12px;border-radius:50%;background:#ff3b30;box-shadow:0 0 10px #ff3b30;animation:newglow 1s ease-in-out infinite}#lobby-friends-btn.alert{border-color:var(--gold)!important}
.frs .fr-side{display:grid!important;align-content:start;gap:10px;overflow-y:auto;min-width:0}

.dmgn.zdeath{color:#ff5a3c;font-size:26px;font-weight:900;letter-spacing:2px;text-shadow:0 0 10px #ff2a00,0 2px 0 #000,0 0 22px rgba(255,60,0,.7)}
.dmgn.zdeath.head{color:#ffc247;text-shadow:0 0 12px #ff9a00,0 2px 0 #000}
.dmgn.zdeath.big{font-size:38px}
/* HISTÓRICO (cartões expansíveis) */
.hv{display:grid;gap:6px}.hv-card{border:1px solid #243140;background:#0c1118}.hv-card.open{border-color:var(--gold)}
.hv-head{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:92px minmax(0,1.1fr) minmax(0,1fr) 92px 54px 96px 18px;gap:10px;align-items:center;padding:9px 12px;cursor:pointer;font-size:13px;letter-spacing:1px}.hv-head:hover{background:#121a24}
.hv-res{font-weight:900;letter-spacing:2px}.hv-res.w{color:#6fe08a}.hv-res.l{color:#ff6b61}.hv-when{color:#7f8c9a;font-size:12px;text-align:right}.hv-arrow{color:var(--gold)}.hv-card.open .hv-arrow{transform:rotate(180deg)}
.hv-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:10px 14px 14px;border-top:1px solid #1f2832}.hv-body.hidden{display:none}
.hv-team h5,.hv-chat h5{margin:0 0 6px;letter-spacing:3px;font-size:12px;color:var(--gold)}.hv-team.a h5{color:#7fb4ff}.hv-team.b h5{color:#ff8a80}
.hv-p{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:3px 0}.hv-p img{width:28px;height:28px;display:block}.hv-p span{color:#9fb0c0;font-size:12px}
.hv-chat{max-height:210px;overflow:auto}@media(max-width:900px){.hv-head{grid-template-columns:80px 1fr 1fr 18px}.hv-hs,.hv-when,.hv-kd{display:none}.hv-body{grid-template-columns:1fr}}
.hr.mine{border-color:var(--gold)!important;box-shadow:0 0 14px #ffc24744;background:#1a1608!important;cursor:pointer}.hr.mine em{color:var(--gold);font-weight:900}
#verdict{position:fixed;inset:0;z-index:400;display:grid;place-items:center;cursor:pointer;animation:vdIn .35s ease-out}#verdict.hidden{display:none}
#verdict.win{background:radial-gradient(ellipse at center,#3d2e05f2,#0a0804fa 70%)}#verdict.lose{background:radial-gradient(ellipse at center,#3d0a0af2,#0a0404fa 70%)}
#verdict .vd-in{text-align:center;animation:vdPop .7s cubic-bezier(.2,1.6,.4,1) both}
#verdict b{display:block;font-size:min(16vw,170px);font-weight:900;letter-spacing:.12em;line-height:1}#verdict.win b{color:#ffc247;text-shadow:0 0 40px #ff9a00,0 6px 0 #5a3a00}#verdict.lose b{color:#ff4a3c;text-shadow:0 0 40px #b00,0 6px 0 #400}
#verdict span{display:block;margin-top:18px;font-size:clamp(16px,3vw,30px);letter-spacing:.35em;color:#e8edf2}
@keyframes vdIn{from{opacity:0}to{opacity:1}}@keyframes vdPop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.rw-pop{opacity:0;animation:rwPop .7s cubic-bezier(.2,1.5,.4,1) forwards}.rw-icon img{width:84px;height:84px;filter:drop-shadow(0 0 14px #ffc247);animation:rwShine 1.6s ease-in-out .9s infinite}
@keyframes rwPop{from{opacity:0;transform:scale(.2) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes rwShine{50%{filter:drop-shadow(0 0 30px #fff3b0) brightness(1.25)}}
#res-bonus.bonus-in{animation:bonusIn .9s cubic-bezier(.2,1.4,.4,1)}#res-bonus.bonus-in .bn button{animation:rwShine 1.4s ease-in-out infinite}
@keyframes bonusIn{from{opacity:0;transform:translateY(30px) scale(.85)}to{opacity:1;transform:none}}

.ab-hero{position:relative;display:grid;grid-template-columns:repeat(4,1fr);height:120px;overflow:hidden;border:1px solid #232c36}.ab-hero img{width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(1.1)}
.ab-hero-t{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:linear-gradient(90deg,#0b1015cc,transparent 30%,transparent 70%,#0b1015cc)}.ab-hero-t b{font-size:38px;letter-spacing:.35em;color:var(--gold);text-shadow:0 0 18px #000,0 3px 0 #000}.ab-hero-t small{letter-spacing:.2em;color:#cfd8e0}
.ab-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.ab-gal figure{margin:0;position:relative;border:1px solid #232c36;overflow:hidden;background:#0b1015}.ab-gal img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.ab-gal figcaption{padding:8px 10px;display:grid;gap:2px}.ab-gal figcaption b{letter-spacing:2px;color:var(--gold);font-size:13px}.ab-gal figcaption small{color:#9fb0c0;font-size:11px;line-height:1.35}
.ab-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.ab-row div{display:grid;justify-items:center;gap:4px;width:84px;text-align:center}.ab-row img{width:64px;height:64px;object-fit:contain}.ab-row small{font-size:10px;color:#9fb0c0;letter-spacing:1px}

/* barra de carregamento da partida: largura TOTAL da tela, sem ser puxada pela regra .bar do arsenal */
#game-loading .gl-box .bar{width:100%;max-width:none;margin:14px 0 0;height:6px;background:#ffffff1f}
#game-loading .gl-box{bottom:0;padding-bottom:0}
#game-loading .gl-box span{display:block;margin-bottom:6px}
#hud-fps{position:absolute;top:10px;left:12px;font-size:11px;letter-spacing:2px;color:#cfd8e0;text-shadow:0 0 5px #000;pointer-events:none}
#res-outcome{text-align:center;font-size:44px;font-weight:900;letter-spacing:12px;margin:-4px 0 10px;text-shadow:0 0 18px currentColor}
#res-outcome.win{color:#4ade80}#res-outcome.lose{color:#ff4d4d}#res-outcome[hidden]{display:none}
#modal-confirm{z-index:700!important}
#res-rewards .rw-big{width:118px;padding:10px 6px;border-color:#f5b800;background:linear-gradient(#2a2410,#14110a);box-shadow:0 0 16px #f5b80055;text-align:center}
#res-rewards .rw-big img,#res-rewards .rw-big .rw-ph{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 0 12px #ffc247);animation:rwShine 1.6s ease-in-out .9s infinite}
#res-rewards .rw-ph{display:grid;place-items:center;font-size:40px}
#res-rewards .rw-big b{font-size:11px;letter-spacing:1px;color:#fff}#res-rewards .rw-big small{font-size:9px;letter-spacing:1px;color:#f5b800}
/* central de roletas */
#rhub .rhub{width:min(860px,94vw)}.rh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:12px}
.rh-card{display:grid;gap:6px;justify-items:center;text-align:center;padding:18px 10px;background:#0d131a;border:2px solid #2a3846;color:#cfd8e0;cursor:pointer;min-height:210px;align-content:center}
.rh-card i{font-style:normal;font-size:46px}.rh-card b{letter-spacing:2px;font-size:13px;color:#fff}.rh-card small{font-size:11px;color:#9aa6b2}.rh-card em{font-style:normal;color:#9aa6b2;font-size:12px;letter-spacing:1px}
.rh-card span{margin-top:6px;padding:8px 14px;font-weight:900;letter-spacing:2px;font-size:12px;background:#1b2530;color:#6b7785}
.rh-card.has{border-color:#f5b800;animation:newglow 1.1s ease-in-out infinite}.rh-card.has em{color:#f5b800;font-weight:800}.rh-card.has span{background:#f5b800;color:#111}
@media(max-width:700px){.rh-grid{grid-template-columns:1fr}}
.chip.rh-chip{position:relative;cursor:pointer;color:#f5b800;font-weight:800;letter-spacing:1px}.chip.rh-chip.has{animation:newglow 1.1s ease-in-out infinite}.chip.rh-chip em{font-style:normal;background:#d6342a;color:#fff;border-radius:9px;padding:1px 6px;margin-left:6px;font-size:10px}

/* FIM DE PARTIDA: sem vencedor = PARTIDA ENCERRADA em amarelo; texto explícito de quem ganhou */
#verdict.ended{background:radial-gradient(ellipse at center,#3a3205f2,#0a0904fa 70%)}#verdict.ended b{color:#ffd23d;text-shadow:0 0 36px #ffb800,0 5px 0 #4a3a00;font-size:min(9.5vw,110px)}
.rend{color:#ffd23d;text-shadow:0 0 22px #ffb800;animation:rwin 1s ease-out}
#res-who{text-align:center;font-size:15px;font-weight:800;letter-spacing:5px;margin:2px 0 10px}#res-who.win{color:#4ade80}#res-who.lose{color:#ff6b5e}#res-who.ended{color:#ffd23d}#res-who:empty{display:none}
/* MONSTRO esperando: tela explícita com borda vermelha pulsando */
.monwait{box-shadow:inset 0 0 0 10px #d63a2e,inset 0 0 120px 30px #7a0f0a;animation:mwPulse 1.1s ease-in-out infinite}@keyframes mwPulse{50%{box-shadow:inset 0 0 0 10px #ff5a4a,inset 0 0 170px 50px #a01510}}
.monwait b{font-size:min(10vw,64px)!important}.monwait .mw-sub{font-size:16px;letter-spacing:3px;color:#ffb3a8}.monwait .mw-n{font-size:min(22vw,150px);font-weight:900;color:#fff;line-height:1;text-shadow:0 0 30px #d63a2e}

#gl-role{margin:6px 0 10px;padding:8px 14px;border:2px solid #ff3b30;background:rgba(120,0,0,.55);color:#fff;font:700 18px/1.2 system-ui,sans-serif;letter-spacing:.08em;text-align:center;animation:glrole 1s ease-in-out infinite alternate}
#gl-role.hidden{display:none}
@keyframes glrole{from{box-shadow:0 0 6px #ff3b30}to{box-shadow:0 0 22px #ff3b30}}

/* skins do Arsenal: miniatura QUADRADA e centralizada (antes era um oval) */
.oc.sk .sw{width:100%;height:62px;border-radius:3px;border:1px solid #2a3846;display:grid;place-items:center;overflow:hidden;box-sizing:border-box;margin:0 0 4px}
.oc.sk .skimg{width:88%;height:88%;object-fit:contain;display:block;margin:auto}
.oc.sk{text-align:center;align-items:center}
.oc.sk b,.oc.sk small{display:block;text-align:center}
.oc.sk{grid-template-rows:auto auto auto auto}

/* HISTÓRIA: tela de vitória com revelações (mesma emoção do fim da partida online) */
.st-done.fx{background:radial-gradient(ellipse at 50% 30%,#1a1606f5,#05080cfa 70%);overflow:auto}
.sdx{width:min(920px,94vw);padding:28px 20px;text-align:center;display:grid;gap:14px;justify-items:center}
.sdx-k{letter-spacing:8px;color:var(--gold);font-size:13px}
.sdx-t{margin:0;font-size:clamp(28px,5vw,54px);letter-spacing:6px;color:#fff;text-shadow:0 0 30px #f5b800aa;animation:sdxTitle 1s cubic-bezier(.2,1.6,.4,1) both}
.sdx-lbl{font-weight:900;letter-spacing:10px;color:#0a0e13;background:linear-gradient(90deg,#f5b800,#ffe27a,#f5b800);background-size:200% 100%;padding:6px 22px;animation:sdxShine 2.2s linear infinite}
.sdx-stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.sdx-stats>div{min-width:120px;padding:12px 16px;border:1px solid #2a3846;background:#0c1117;opacity:.25;transform:translateY(10px);transition:.35s}
.sdx-stats>div.on{opacity:1;transform:none;border-color:var(--gold);box-shadow:0 0 18px #f5b80033}
.sdx-stats b{display:block;font-size:34px;color:#fff}.sdx-stats small{letter-spacing:3px;color:#9aa6b2;font-size:10px}
.sdx-h{margin:10px 0 0;letter-spacing:6px;color:var(--gold)}.sdx-h.hidden,.sdx-go.hidden{display:none}
.sdx-rw{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;min-height:10px}
.sdx-card{width:190px;padding:14px 12px 16px;background:linear-gradient(#10161d,#0a0e13);border:2px solid var(--c);box-shadow:0 0 26px color-mix(in srgb,var(--c) 55%,transparent);display:grid;gap:6px;justify-items:center;opacity:0;transform:scale(.3) rotate(-8deg)}
.sdx-card.pop{animation:sdxPop .7s cubic-bezier(.2,1.5,.35,1) forwards}
.sdx-pic{width:150px;height:110px;display:grid;place-items:center;background:radial-gradient(circle,color-mix(in srgb,var(--c) 30%,#0b0e12),#0b0e12 75%);border:1px solid var(--c)}
.sdx-pic img{max-width:92%;max-height:100%;object-fit:contain}.sdx-pic span{font-size:56px}
.sdx-card small{letter-spacing:3px;color:var(--c);font-size:10px;font-weight:800}.sdx-card b{color:#fff;font-size:14px}
.sdx-no{color:#9aa6b2}
.st-done.fx.shake{animation:sdxShake .45s}
@keyframes sdxPop{0%{opacity:0;transform:scale(.3) rotate(-8deg)}60%{opacity:1;transform:scale(1.12) rotate(2deg)}100%{opacity:1;transform:none}}
@keyframes sdxTitle{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}
@keyframes sdxShine{to{background-position:-200% 0}}
@keyframes sdxShake{0%,100%{transform:none}25%{transform:translate(6px,-4px)}50%{transform:translate(-6px,4px)}75%{transform:translate(4px,6px)}}

#introbars{position:fixed;inset:0;pointer-events:none;z-index:60}#introbars i{position:absolute;left:0;right:0;height:0;background:#000;transition:height .6s ease}#introbars i:first-child{top:0}#introbars i:last-child{bottom:0}#introbars.on i{height:11vh}

#nf-box{position:fixed;inset:0;z-index:90;background:#000a;display:flex;align-items:center;justify-content:center}#nf-box.hidden{display:none}
.nf-card{width:min(420px,92vw);max-height:80vh;display:flex;flex-direction:column;background:#14171c;border:1px solid #f5b80066;border-radius:10px;padding:16px}
.nf-card h3{margin:0 0 10px;color:#f5b800;letter-spacing:2px}.nf-list{overflow:auto;flex:1;display:flex;flex-direction:column;gap:5px}
.nf-it{background:#1d2128;border-left:3px solid #f5b800;padding:7px 10px;font-size:13px;color:#ddd;text-transform:capitalize}.nf-empty{border-color:#555;color:#888;text-transform:none}
.nf-act{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}
#qmark{position:fixed;z-index:30;transform:translate(-50%,-50%);pointer-events:none;background:#000a;border:1px solid #ffd23d;color:#ffd23d;font:700 13px system-ui;padding:3px 8px;border-radius:12px;display:none;text-shadow:0 0 6px #000}
.lb .teams.one{grid-template-columns:1fr}
.nf-it{cursor:pointer}.nf-row{display:flex;align-items:center;gap:10px}.nf-row img,.nf-ic{width:40px;height:40px;object-fit:contain;flex:none;background:#0d1014;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:22px}
.nf-ops{display:flex;gap:8px;margin-top:8px}.nf-ops.hidden{display:none}.nf-ops .rbtn{font-size:11px;padding:6px 8px}
#rk-tag{position:fixed;top:6px;left:50%;transform:translateX(-50%);z-index:40;pointer-events:none;padding:3px 14px;border-radius:14px;font:700 11px/1.4 system-ui,sans-serif;letter-spacing:1.5px;background:#10151bcc;color:#9fb0c2;border:1px solid #3b4856;opacity:.75}
#rk-tag.rk{background:linear-gradient(90deg,#8e1220cc,#d8431ecc);color:#fff;border-color:#ff7a50;opacity:1;box-shadow:0 0 14px #ff4d3d88;animation:rkp 2.4s ease-in-out infinite}
@keyframes rkp{50%{box-shadow:0 0 22px #ff4d3dcc}}
#rk-tag.hidden{display:none}
body.ranked-game:after{content:"";position:fixed;inset:0;z-index:39;pointer-events:none;box-shadow:inset 0 0 70px #ff4d3d55}
#spec-bar{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:45;display:flex;gap:10px;align-items:center;background:#10151bdd;border:1px solid #3b4856;border-radius:10px;padding:8px 12px;color:#e8eef5;font:700 14px system-ui}
#spec-bar button{background:#1d2630;color:#e8eef5;border:1px solid #3b4856;border-radius:6px;padding:6px 12px;font:700 13px system-ui;cursor:pointer;pointer-events:auto}#spec-bar .lv{background:#7d1a22;border-color:#c33}
#spec-bar.hidden{display:none}#spec-name{min-width:160px;text-align:center}
.rst{margin-left:8px;background:#26303b;color:#f5b800;border:1px solid #f5b80066;border-radius:5px;font:700 11px system-ui;padding:2px 7px;cursor:pointer}.rst.hidden{display:none}
#planks-hud{position:absolute;left:14px;bottom:118px;background:#10151bcc;border-left:3px solid #d9a45a;padding:4px 10px;color:#e8eef5;font:600 13px system-ui;border-radius:4px}#planks-hud small{color:#9fb0c2;margin-left:6px}#planks-hud.hidden{display:none}

.evp .ev-mis{margin:10px 0;padding:10px;background:#12161c;border:1px solid #2b3440}.evp .ev-mis .xpbar{height:8px;margin-top:8px}
.evp .ev-rw{margin:10px 0;padding:10px;background:#1a1410;border:1px solid #6b4a1e}.evp .ev-rw ul{margin:6px 0 6px 18px;padding:0}
.ev-cal{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.ev-cal>div{padding:6px;background:#12161c;border:1px solid #2b3440;text-align:center;font-size:11px;display:flex;flex-direction:column;gap:2px}
.ev-cal .ok{border-color:#3fbf5a;color:#8fe39f}.ev-cal .cur{border-color:var(--gold);color:var(--gold)}.ev-cal .miss{opacity:.45}.ev-cal small{opacity:.8}
@media(max-width:640px){.ev-cal{grid-template-columns:repeat(3,1fr)}}

#modal-play .mc small{font-size:11px;line-height:1.2}#modal-play .mc b{font-size:clamp(11px,1.15vw,16px)}

/* ===== MODO TÁTICO ===== */
.tac-hud{position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:21;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0;background:#0a0d11d8;border:1px solid var(--line);border-top:3px solid var(--gold);pointer-events:none;min-width:360px}
.tac-hud>div{display:flex;align-items:center;gap:10px;padding:6px 14px}.th-a{color:#5aa2ff}.th-b{color:#ff6b61;justify-content:flex-end}.tac-hud b{letter-spacing:2px;font-size:12px}.tac-hud span{font-size:26px;font-weight:800;color:#fff}.tac-hud i{font-style:normal;font-size:11px;color:#9fb0c0}
.th-c{flex-direction:column;gap:0!important;text-align:center;border-left:1px solid var(--line);border-right:1px solid var(--line)}.th-c small{font-size:9px;letter-spacing:2px;color:var(--muted)}.th-c b{font-size:22px;color:var(--gold)}
.tac-money{position:fixed;left:18px;bottom:96px;z-index:21;background:#0a0d11d8;border-left:4px solid var(--gold);padding:6px 12px;pointer-events:none;display:grid}.tac-money b{font-size:24px;color:#7dff9a}.tac-money small{font-size:12px;min-height:14px}.tac-money small.up{color:#7dff9a}.tac-money small.dn{color:#ff8a80}.tac-money span{font-size:10px;letter-spacing:2px;color:var(--muted)}
.tac-banner{position:fixed;top:22%;left:50%;transform:translateX(-50%);z-index:22;font-size:clamp(20px,3vw,38px);font-weight:800;letter-spacing:4px;text-align:center;padding:14px 30px;background:#0a0d11e0;border-top:3px solid var(--gold);color:#fff;pointer-events:none;text-shadow:0 2px 8px #000}.tac-banner.win{color:#7dff9a;border-color:#4ade80}.tac-banner.lose{color:#ff8a80;border-color:#e5483f}.tac-banner.go{color:var(--gold);font-size:clamp(30px,5vw,60px)}.tac-banner.buy{font-size:clamp(14px,1.8vw,22px)}
.tac-shop{position:fixed;inset:0;z-index:60;background:#05080cc8;display:grid;place-items:center}.ts-box{width:min(1100px,96vw);max-height:92vh;display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;background:#0c1118f2;border:1px solid var(--line);border-top:4px solid var(--gold);padding:16px}
.ts-top{display:flex;align-items:center;gap:18px}.ts-top h2{margin:0;letter-spacing:4px;flex:1}.ts-info{text-align:right}.ts-info b{display:block;font-size:26px;color:#7dff9a}.ts-info small{color:var(--muted)}
.ts-tabs{display:flex;flex-wrap:wrap;gap:6px}.ts-tabs button{background:#111a23;border:1px solid var(--line);color:#c8d3dd;padding:8px 14px;letter-spacing:2px;font-size:11px;cursor:pointer}.ts-tabs button.on{background:var(--gold);color:#000;font-weight:800}
.ts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;overflow:auto;align-content:start;padding:2px}
.tc{display:grid;gap:3px;justify-items:center;text-align:center;background:linear-gradient(#141c26,#0d131a);border:1px solid var(--line);color:#fff;padding:10px 8px;cursor:pointer}.tc:hover{border-color:var(--gold)}.tc img{height:56px;object-fit:contain}.tc .gi{font-size:36px;height:56px}.tc b{font-size:12px;letter-spacing:1px}.tc small{font-size:10px;color:var(--muted);min-height:24px}.tc em{font-style:normal;font-weight:800;color:#7dff9a}.tc.no{opacity:.45}.tc.no em{color:#ff8a80}.tc.own{border-color:#4ade80;background:linear-gradient(#10261a,#0b1710)}.tc.own em{color:#4ade80}
.ts-note{margin:0;font-size:11px;color:var(--muted)}
body.touch .tac-hud{min-width:0;transform:translateX(-50%) scale(.8)}
/* ===== BATTLE ROYALE ===== */
.br{position:fixed;inset:0;z-index:20;pointer-events:none}
#br-map{position:absolute;left:14px;top:40px;width:170px;height:170px;border:2px solid #0008;border-top:3px solid var(--gold);transition:all .15s;opacity:.95}
#br-map.big{width:min(78vh,78vw);height:min(78vh,78vw);left:50%;top:50%;transform:translate(-50%,-50%);z-index:30}
.br-top{position:absolute;top:34px;left:50%;transform:translateX(-50%);display:flex;align-items:stretch;background:#0a0d11d8;border:1px solid var(--line);border-top:3px solid var(--gold)}
.br-top>div{display:grid;justify-items:center;padding:4px 16px;min-width:74px}.br-top b{font-size:22px;color:#fff;line-height:1.05}.br-top small{font-size:9px;letter-spacing:2px;color:var(--muted)}
.br-zone{border-left:1px solid var(--line);border-right:1px solid var(--line);min-width:160px!important}.br-zone b{color:#4da3ff}.br-zone b.sh{color:#ff6b61}
.br-squad{position:absolute;left:14px;top:222px;display:grid;gap:6px;width:170px}.br-squad>div{background:#0a0d11cc;border-left:3px solid #6dff8a;padding:3px 8px;display:grid;gap:2px}.br-squad b{font-size:12px}.br-squad u{display:block;height:5px;background:#26323d}.br-squad u i{display:block;height:100%;background:#6dff8a}.br-squad small{font-size:9px;color:#ff8a80;letter-spacing:1px;min-height:0}.br-squad .dn{border-color:#ff5a5a}.br-squad .dn u i{background:#ff5a5a}.br-squad .dead{opacity:.45;border-color:#666}
.br-prompt{position:absolute;left:50%;bottom:max(19%,150px);transform:translateX(-50%);font-size:clamp(13px,1.6vw,20px);font-weight:800;letter-spacing:2px;text-align:center;background:#0a0d11d8;border-top:3px solid var(--gold);padding:10px 22px;text-shadow:0 2px 6px #000;max-width:92vw}.br-prompt.hidden{display:none}
.br-gear{position:absolute;left:18px;bottom:96px;display:flex;align-items:center;gap:10px;background:#0a0d11d8;border-left:4px solid var(--gold);padding:5px 12px}.br-gear span{opacity:.4;font-size:18px;display:flex;align-items:center;gap:3px}.br-gear span.has{opacity:1}.br-gear b{font-size:13px}.br-gear em{font-style:normal;font-size:10px;color:var(--muted);letter-spacing:1px}
.br-bar{position:absolute;left:50%;bottom:30%;transform:translateX(-50%);width:min(340px,70vw);height:24px;background:#0a0d11e0;border:1px solid var(--line)}.br-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--gold);width:0}.br-bar span{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:800;letter-spacing:2px;color:#000;mix-blend-mode:normal;text-shadow:0 0 3px #fff8}
.br-out{position:absolute;left:50%;top:70px;transform:translateX(-50%);background:#8a1010e8;border:2px solid #ff5a5a;padding:8px 20px;font-weight:800;letter-spacing:2px;animation:brp 0.6s infinite alternate}@keyframes brp{from{opacity:.75}to{opacity:1}}
.br-down{position:absolute;left:50%;top:36%;transform:translateX(-50%);text-align:center;background:#240606e8;border:2px solid #ff5a5a;padding:14px 26px;display:grid;gap:6px}.br-down b{font-size:26px;color:#ff6b61;letter-spacing:3px}.br-down small{font-size:12px;color:#ffd1cc}
.br-end{position:absolute;left:50%;top:26%;transform:translateX(-50%);text-align:center;font-size:clamp(20px,2.6vw,34px);font-weight:800;letter-spacing:4px;background:#0a0d11e8;border-top:3px solid var(--gold);padding:12px 30px;display:grid;gap:6px}.br-end.say.warn{color:#ff8a80;border-color:#e5483f}.br-end small{font-size:14px;letter-spacing:2px;color:#cbd5de;font-weight:600}.br-end.champ{font-size:clamp(34px,5.4vw,72px);color:var(--gold);border-color:var(--gold);background:#1a1400e8}.br-end.lose b{font-size:clamp(40px,6vw,84px);color:#fff}
body.touch .br-squad,body.touch .br-gear{transform:scale(.8);transform-origin:left top}
.tac-shop .tc.pk{grid-column:span 2;align-content:center}.tac-shop .tc.pk small{min-height:0}.tac-shop .tc em s{color:#8794a1;font-weight:400;font-size:11px;margin-left:6px}.tac-shop .ts-tabs{flex-wrap:wrap}

/* ===== HUD ESTÁVEL (sem tremer): números de largura fixa, caixas centrais com largura FIXA e camada própria ===== */
#hud,.tac-hud,.br-top,.tac-money,.br-gear,#br-gear,#br-squad{font-variant-numeric:tabular-nums}
.tac-hud{grid-template-columns:1fr 150px 1fr!important;width:min(480px,96vw);min-width:0!important;box-sizing:border-box;will-change:transform;backface-visibility:hidden}
.tac-hud .th-c{width:150px;box-sizing:border-box;overflow:hidden;white-space:nowrap}.tac-hud .th-c b{display:block;min-width:5ch}
.tac-hud>div:not(.th-c) span{min-width:1.6ch;text-align:center}
.br-top{will-change:transform;backface-visibility:hidden}.br-top>div{width:84px;min-width:0!important;box-sizing:border-box}.br-top>.br-zone{width:190px!important;overflow:hidden;white-space:nowrap}
#pname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hud-bl.prot #pname:after{content:" · PROT.";}
.tac-money{min-width:150px;box-sizing:border-box}
/* fora da zona (verde): moldura verde pulsando na tela inteira, como no Free Fire */
body.br-outzone #hud::before{content:"";position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 120px 40px #19e85a99;animation:brz 1s ease-in-out infinite alternate}
@keyframes brz{from{opacity:.45}to{opacity:1}}
.br-zone b{color:#3dff7a!important}.br-zone b.sh{color:#ff6b61!important}
.bp img{-webkit-user-drag:none;user-select:none;pointer-events:none}

/* ROYALE: HUD sem sobreposição (o relógio da partida some; avisos pequenos como no Free Fire) */
body.br-on #hud-top{display:none!important}
.br-end.say{top:96px!important;font-size:clamp(11px,1.15vw,15px)!important;letter-spacing:1.5px!important;padding:6px 16px!important;max-width:60vw;border-top-width:2px!important}
.br-prompt{font-size:clamp(11px,1.15vw,15px)!important;letter-spacing:1.2px!important;padding:6px 14px!important;bottom:max(15%,120px)!important}

/* EVENTO: caixa com todos os itens (cada um com imagem) */
.ev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;margin:8px 0}.ev-it{background:#12161c;border:1px solid #2b3440;padding:6px;text-align:center;display:flex;flex-direction:column;gap:3px;align-items:center}.ev-it b{font-size:12px;line-height:1.15}.ev-it small{font-size:9px;opacity:.7;letter-spacing:.04em}.ev-im{height:84px;width:100%;display:flex;align-items:center;justify-content:center}.ev-im img{max-height:84px;max-width:100%;object-fit:contain}.ev-im i{font-size:38px;font-style:normal}.ev-sw{width:56px;height:56px;border-radius:50%}.ev-grid:not(.got) .ev-it{filter:saturate(.75)}

/* ===== MODO BOMBA ===== */
#bomb-hud{position:fixed;inset:0;pointer-events:none;z-index:35}
#bomb-hud .bb-top{position:absolute;top:104px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;background:#0a0d11d8;border:1px solid var(--line,#2a3138);padding:5px 14px;border-radius:6px;font:700 13px system-ui,sans-serif;color:#fff;letter-spacing:.04em;white-space:nowrap}
#bomb-hud .bb-top #bb-side{padding:1px 8px;border-radius:4px;font-size:11px;letter-spacing:.12em}
#bomb-hud .bb-top #bb-side.att{background:#ff7a2e;color:#000}#bomb-hud .bb-top #bb-side.def{background:#4da3ff;color:#000}
#bomb-hud .bb-prog{position:absolute;left:50%;top:58%;transform:translateX(-50%);width:min(320px,70vw);height:22px;background:#000a;border:1px solid #fff4;border-radius:4px;overflow:hidden}
#bomb-hud .bb-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff7a2e,#ffd23d)}
#bomb-hud .bb-prog span{position:absolute;inset:0;display:grid;place-items:center;font:700 11px system-ui,sans-serif;color:#fff;letter-spacing:.1em;text-shadow:0 1px 3px #000}
#bomb-hud .bb-hint{position:absolute;bottom:128px;left:50%;transform:translateX(-50%);background:#0a0d11cc;color:#fff;font:600 12px system-ui,sans-serif;padding:5px 12px;border-radius:5px;max-width:90vw;text-align:center}
#bomb-hud .bb-banner{position:absolute;top:34%;left:50%;transform:translateX(-50%);font:800 clamp(18px,3.2vw,30px) system-ui,sans-serif;color:#fff;text-shadow:0 2px 8px #000;letter-spacing:.06em;text-align:center;background:#000a;padding:8px 20px;border-radius:6px}
#bomb-hud .bb-mark{position:absolute;left:0;top:0;width:44px;display:grid;justify-items:center;font:700 11px system-ui,sans-serif;color:#fff;text-shadow:0 1px 3px #000,0 0 6px #000;will-change:transform}
#bomb-hud .bb-mark b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffd23d;color:#000;font-size:17px;border:2px solid #000}
#bomb-hud .bb-mark.site b{background:#4da3ff}#bomb-hud .bb-mark.bombp b{background:#ff3b2e;color:#fff;font-size:15px}#bomb-hud .bb-mark.drop b{background:#ff7a2e}#bomb-hud .bb-mark.carrier b{background:#0008;border-color:#ff7a2e;width:24px;height:24px;font-size:14px}
.slots .slot{min-width:34px}

.ev-cal>div[data-m]{cursor:pointer;transition:transform .12s,border-color .12s}.ev-cal>div[data-m]:hover{transform:translateY(-2px);border-color:var(--gold)}.ev-cal>div.sel{outline:2px solid var(--gold);background:#1b2230}.ev-cal>div.miss{opacity:.6}
.ev-h{margin:6px 0 2px;letter-spacing:.06em}.ev-st{display:block;margin:4px 0;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:700}.ev-st.lock{background:#2a2410;color:#ffd23d;border:1px solid #6b5a1e}.ev-st.miss{background:#2a1414;color:#ff8a80;border:1px solid #6b2a2a}

/* ===== ranqueado v2: cartão de resultado, painel de elos, metas ===== */
.res-rank .rcb{display:grid;gap:4px;min-width:0;flex:1}.res-rank .rchips{display:flex;flex-wrap:wrap;gap:4px}.res-rank .rchips i{font-style:normal;font-size:10px;font-weight:800;letter-spacing:1px;background:#1a222c;border:1px solid #2c3743;padding:2px 6px;color:#cbd5df}
.res-rank .rchips .pl{background:#2a2410;border-color:var(--gold);color:var(--gold)}.res-rank .rchips .p1{background:#3a2d05;color:#ffd23d}.res-rank .rchips .gd{color:#4ade80;border-color:#1f6b3a}.res-rank .rchips .dn{color:#ef4444;border-color:#7a2020}.res-rank .rchips .sh{color:#7cc4ff;border-color:#2a5f8f}
.res-rank .rbar{height:8px!important;width:100%}.res-rank .rg{font-size:12px;color:#ffd23d;border-left:3px solid var(--gold);padding-left:8px;margin-top:3px}
.rk2-elo small{display:block}.rk2-goals{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin:8px 0}
.rkg{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center;background:#0b1015;border:1px solid #232c36;padding:8px 10px}.rkg b{font-size:12px;letter-spacing:1px}.rkg small{display:block;font-size:10px;color:#8794a1}.rkg span{font-size:11px;color:var(--gold);font-weight:800}
.rkg .gp{grid-column:1/-1;height:5px;background:#1a222c}.rkg .gp u{display:block;height:100%;background:var(--gold)}.rkg.ok{border-color:#1f6b3a}.rkg.ok span{color:#4ade80}.rkg.ok .gp u{background:#4ade80}
.rk2-how{display:grid;gap:6px;border:1px solid #232c36;border-left:3px solid var(--gold);background:#0b0f14;padding:10px;font-size:12px;color:#aab6c2;line-height:1.5}.rk2-how b{letter-spacing:2px;color:var(--gold);font-size:11px}
.res-rank .rg b{display:inline}

/* ===== mochila do Battle Royale (B) ===== */
.brb{z-index:320}.brb-box{background:linear-gradient(160deg,#1d2228,#0e1217);border:2px solid #3a4856;border-top:3px solid var(--gold);padding:16px 20px;width:min(760px,94vw);display:grid;gap:12px}
.brb-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.brb-top h2{margin:0;letter-spacing:4px;font-size:18px}.brb-top h2 small{font-size:11px;color:var(--gold);letter-spacing:1px}.brb-top span{flex:1;font-size:11px;color:#8794a1}
.brb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.brb-c{display:grid;gap:3px;justify-items:center;background:#0b1015;border:1px solid #2a3846;padding:12px 8px;cursor:pointer;color:#fff;font-family:inherit}.brb-c:hover{border-color:var(--gold);background:#141b22}.brb-c i{font-size:34px;font-style:normal}.brb-c b{letter-spacing:2px;font-size:12px}.brb-c span{font-size:18px;font-weight:900;color:var(--gold)}.brb-c small{font-size:10px;color:#8794a1}.brb-c.off{opacity:.45}
.brb-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.brb-row>div{display:grid;gap:2px;background:#0b1015;border:1px solid #232c36;padding:10px 12px}.brb-row i{font-style:normal;font-size:20px}.brb-row b{font-size:13px;letter-spacing:1px}.brb-row span,.brb-row small{font-size:11px;color:#8794a1}.brb h3{margin:4px 0 0;font-size:11px;letter-spacing:3px;color:#8794a1}
.modes.two{grid-template-columns:repeat(2,1fr)!important;max-width:760px}.modes.two .mc{aspect-ratio:4/3}

/* ===== marca LASTLINE: logo e ícone LL padrão ===== */
.brand-logo{display:block;margin:0 auto;max-width:min(78vw,560px);height:auto;filter:drop-shadow(0 4px 12px #000a)}.logo .brand-logo{max-width:min(70vw,420px)}.sp-img{max-width:min(82vw,720px)}.gl-img2{max-width:min(70vw,460px);margin:0 auto 10px}.boot .brand-logo{max-width:min(60vw,360px);margin-bottom:10px}
.wi-ico{width:30px;height:30px;border-radius:6px;object-fit:cover}
.c-prog .pg{display:grid;gap:3px;margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid #232c36}.c-prog .pgh{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.c-prog .pgh b{font-size:11px;letter-spacing:2px;color:var(--gold)}.c-prog .pgh small{font-size:9px;color:#8794a1}.c-prog .pgn{margin:0;font-size:10px;color:#9aa6b2;line-height:1.5}.c-prog .pgn b{color:#fff}

/* perfil: abas (patentes · elos · metas) para não despejar tudo de uma vez */
.rk2-tabs{display:flex;gap:6px;border-bottom:1px solid #232c36;margin-bottom:4px}.rk2-tabs button{background:none;border:0;border-bottom:3px solid transparent;color:#8794a1;padding:8px 16px;letter-spacing:3px;font-size:12px;font-weight:800;cursor:pointer;font-family:inherit}.rk2-tabs button.on{color:var(--gold);border-bottom-color:var(--gold)}
.rk2-pane{display:grid;gap:10px;align-content:start}.rk2-pane.hidden{display:none}.rk2-grid.p4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.rk2-grid.p4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rk2-c.me{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.rk2-elo img{width:64px;height:64px}

/* ===== animação de subida de elo ===== */
#eloup{position:fixed;inset:0;z-index:500;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#0b1118f2,#020406fa);opacity:0;transition:opacity .35s;overflow:hidden}#eloup.on{opacity:1}#eloup.out{opacity:0}
.eu-rays{position:absolute;left:50%;top:44%;width:150vmax;height:150vmax;margin:-75vmax 0 0 -75vmax;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--c) 34%,transparent) 0 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(circle,#000 0,#0000 55%);mask:radial-gradient(circle,#000 0,#0000 55%);animation:eurot 40s linear infinite;opacity:.8}
.eu-glow{position:absolute;left:50%;top:44%;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 55%,transparent),transparent 68%);animation:eupulse 2.2s ease-in-out infinite}
.eu-sparks{position:absolute;left:50%;top:44%;width:0;height:0}.eu-sparks i{position:absolute;left:0;top:0;width:5px;height:5px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c);opacity:0;animation:eusp var(--t) ease-out var(--w) infinite}
@keyframes eusp{0%{opacity:0;transform:rotate(var(--a)) translateX(60px) scale(.4)}15%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateX(var(--d)) scale(1.2)}}
@keyframes eurot{to{transform:rotate(360deg)}}@keyframes eupulse{50%{transform:scale(1.14);opacity:.8}}
.eu-box{position:relative;display:grid;gap:10px;justify-items:center;text-align:center;padding:20px;z-index:2}
.eu-top{letter-spacing:8px;font-size:13px;color:var(--c);font-weight:800;opacity:0;animation:euin .7s .15s forwards}
.eu-emblem{position:relative;width:min(46vh,340px);height:min(46vh,340px);display:grid;place-items:center;opacity:0;transform:scale(.2) rotate(-14deg);animation:euemb 1.1s cubic-bezier(.2,1.25,.3,1) .35s forwards}
.eu-emblem img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 28px var(--c)) drop-shadow(0 12px 18px #000)}
.eu-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,#fff9 50%,transparent 60%);mix-blend-mode:overlay;transform:translateX(-120%);animation:eushine 2.6s 1.5s infinite}
@keyframes euemb{to{opacity:1;transform:scale(1) rotate(0)}}@keyframes eushine{60%,100%{transform:translateX(120%)}}@keyframes euin{to{opacity:1}}
.eu-name{margin:0;font-size:clamp(34px,7vw,72px);letter-spacing:12px;color:#fff;text-shadow:0 0 22px var(--c),0 3px 0 #000;opacity:0;transform:translateY(20px);animation:euup .7s 1.1s forwards}
.eu-sub{margin:0;color:#aab6c2;letter-spacing:2px;font-size:13px;opacity:0;animation:euin .7s 1.4s forwards}.eu-go{margin-top:14px;min-width:240px;height:52px;font-size:16px;letter-spacing:6px;opacity:0;animation:euin .6s 1.8s forwards}
@keyframes euup{to{opacity:1;transform:none}}
/* ===== BAÚ DA ESTREIA ===== */
#premiere{position:fixed;inset:0;z-index:9500;background:radial-gradient(ellipse at 50% 30%,#2a2300cc,#000000ee);display:flex;align-items:center;justify-content:center;padding:14px;overflow:auto}#premiere.hidden{display:none}
.pr-card{position:relative;width:min(560px,100%);background:#0c0f13;border:2px solid #f2c200;box-shadow:0 0 60px #f2c20055;max-height:100%;overflow:auto}
.pr-x{position:absolute;right:8px;top:8px;z-index:3;background:#000a;color:#fff;border:1px solid #fff4;width:32px;height:32px;cursor:pointer;font-size:14px}
.pr-ban img{display:block;width:100%;height:auto;max-height:210px;object-fit:cover}
.pr-body{padding:6px 18px 20px;text-align:center}
.pr-chest{position:relative;height:104px;margin-top:-34px;display:flex;align-items:center;justify-content:center}.pr-lid{font-size:76px;filter:drop-shadow(0 6px 14px #000);position:relative;z-index:2;transition:transform .3s}
.pr-glow{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#f2c20088,#0000 70%);animation:prglow 2s ease-in-out infinite}
@keyframes prglow{50%{transform:scale(1.25);opacity:.7}}
.pr-chest.shake .pr-lid{animation:prshake .16s linear infinite}@keyframes prshake{25%{transform:rotate(-9deg) scale(1.08)}75%{transform:rotate(9deg) scale(1.08)}}
.pr-chest.burst .pr-lid{animation:prburst .5s ease-out forwards}@keyframes prburst{0%{transform:scale(1)}40%{transform:scale(1.7)}100%{transform:scale(1.1)}}
.pr-chest.burst .pr-glow{animation:prburstg .7s ease-out forwards}@keyframes prburstg{0%{transform:scale(.6);opacity:1}100%{transform:scale(4);opacity:0}}
.pr-t{margin:6px 0 2px;letter-spacing:5px;color:#f2c200;font-size:22px}.pr-s{margin:0 auto 12px;max-width:430px;color:#b9c4cf;font-size:13px;line-height:1.45}
.pr-items{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:10px 0 14px}
.pr-it{background:#141a21;border:1px solid #2b3640;border-bottom:3px solid #f2c200;padding:9px 3px 7px;display:grid;gap:3px;opacity:.55;filter:grayscale(.6)}.pr-it.got{opacity:1;filter:none;animation:pritin .5s ease-out backwards;box-shadow:0 0 14px #f2c20033}
.pr-it:nth-child(2){animation-delay:.08s}.pr-it:nth-child(3){animation-delay:.16s}.pr-it:nth-child(4){animation-delay:.24s}.pr-it:nth-child(5){animation-delay:.32s}@keyframes pritin{from{transform:translateY(14px) scale(.7);opacity:0}}
.pr-ic{font-size:26px}.pr-it b{font-size:10.5px;color:#fff;letter-spacing:.5px}.pr-it small{font-size:8.5px;color:#f2c200;letter-spacing:1px}
.pr-char{border-bottom-color:#ff2e63}.pr-char small{color:#ff2e63}
.pr-act{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.pr-open{background:#f2c200;color:#111;border:0;font-weight:900;letter-spacing:3px;padding:13px 26px;cursor:pointer;font-size:14px;animation:cratepulse 1.4s ease-in-out infinite}.pr-open.alt{background:#1b232c;color:#fff;animation:none;border:1px solid #3b4856;letter-spacing:2px}
#btn-estreia{color:#111!important;background:#f2c200!important;border-color:#f2c200!important}#btn-estreia.hidden{display:none}
@media(max-width:560px){.pr-items{grid-template-columns:repeat(3,1fr)}.pr-t{font-size:18px;letter-spacing:3px}}
.pr-chest,.pr-glow,.pr-lid{pointer-events:none}.pr-chest.burst .pr-glow{animation-fill-mode:forwards}

.pr-items{grid-template-columns:1.1fr 1fr 1fr!important;grid-auto-rows:minmax(0,auto)}.pr-char{grid-row:span 2;grid-column:1}.pr-it{align-content:center;padding:8px 6px 8px}
.pr-im{display:flex;align-items:center;justify-content:center;height:84px;background:radial-gradient(circle at 50% 55%,#f2c20033,#0000 70%)}.pr-im img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px #000a)}.pr-char .pr-im{height:100%;min-height:150px}.pr-char .pr-im img{max-height:190px}.pr-im span{font-size:44px}
.pr-it:not(.got) .pr-im img{filter:brightness(.35) contrast(.8)}
.pr-it:nth-child(n){animation-delay:0s}.pr-it.got:nth-child(2){animation-delay:.1s}.pr-it.got:nth-child(3){animation-delay:.2s}.pr-it.got:nth-child(4){animation-delay:.3s}.pr-it.got:nth-child(5){animation-delay:.4s}
@media(max-width:560px){.pr-items{grid-template-columns:1fr 1fr!important}.pr-char{grid-column:1/-1;grid-row:auto}.pr-char .pr-im{min-height:130px}}
.pr-ban{flex:none}.pr-ban img{aspect-ratio:1600/640;height:auto;max-height:none;object-fit:cover}
#premiere.done .pr-chest{display:none}#premiere.done .pr-t{margin-top:14px}
@media(max-height:700px){.pr-ban img{max-height:150px}.pr-char .pr-im{min-height:120px}.pr-im{height:70px}}
/* ===== CAÇA-NÍQUEL ===== */
#slot{position:fixed;inset:0;z-index:9400;background:radial-gradient(ellipse at 50% 20%,#3a0d1acc,#000000f0);display:flex;align-items:center;justify-content:center;padding:12px;overflow:auto}#slot.hidden{display:none}
.sl-card{position:relative;width:min(560px,100%);max-height:100%;overflow:auto;background:linear-gradient(180deg,#1b0f14,#0c0f13 40%);border:3px solid #f5b800;box-shadow:0 0 70px #f5b80055,inset 0 0 40px #f5b80018;padding:12px 16px 16px;text-align:center}
.sl-x{position:absolute;right:8px;top:8px;background:#000a;color:#fff;border:1px solid #fff4;width:32px;height:32px;cursor:pointer;z-index:3}
.sl-top h2{margin:2px 0 6px;letter-spacing:6px;color:#f5b800;font-size:24px;text-shadow:0 0 14px #f5b80088}
.sl-bulbs{display:flex;justify-content:center;gap:9px;margin-bottom:10px}.sl-bulbs i{width:9px;height:9px;border-radius:50%;background:#ffd23d;box-shadow:0 0 8px #ffd23d;animation:slbulb 1s steps(1) infinite}.sl-bulbs i:nth-child(odd){animation-delay:.5s}@keyframes slbulb{50%{background:#5a4300;box-shadow:none}}
.sl-mach{display:flex;align-items:center;justify-content:center;gap:14px}
.sl-reels{position:relative;display:flex;gap:8px;padding:10px;background:#07080b;border:4px solid #8a6a00;border-radius:6px;box-shadow:inset 0 0 22px #000}
.sl-win{width:96px;height:calc(84px*3);overflow:hidden;background:linear-gradient(180deg,#000 0,#1a1d24 18%,#2b303a 50%,#1a1d24 82%,#000);border:2px solid #20242c;position:relative}.sl-win.stop{animation:slstop .3s ease-out}@keyframes slstop{40%{transform:translateY(5px)}}
.sl-win::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#000c,#0000 28%,#0000 72%,#000c);pointer-events:none}
.sl-strip{will-change:transform}.sl-c{height:84px;display:flex;align-items:center;justify-content:center;font-size:54px;filter:drop-shadow(0 0 8px var(--c))}
.sl-line{position:absolute;left:0;right:0;top:50%;height:3px;background:#ff2e63;box-shadow:0 0 10px #ff2e63;pointer-events:none;opacity:.8}
.sl-reels.flash{animation:slflash .25s steps(1) 7}@keyframes slflash{50%{box-shadow:0 0 40px #ffd23d,inset 0 0 30px #ffd23d88;border-color:#ffd23d}}
.sl-lever{position:relative;width:44px;height:150px;background:none;border:0;cursor:pointer;padding:0}.sl-rod{position:absolute;left:19px;top:20px;width:8px;height:100px;background:linear-gradient(90deg,#777,#ddd,#777);border-radius:4px;transform-origin:50% 100%;transition:transform .25s}
.sl-knob{position:absolute;left:8px;top:0;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff7a8c,#c1121f 60%,#600);box-shadow:0 3px 8px #000;transition:transform .25s}
.sl-lever.pull .sl-knob{transform:translateY(90px)}.sl-lever.pull .sl-rod{transform:scaleY(.2)}.sl-lever:hover .sl-knob{filter:brightness(1.2)}
.sl-res{margin:12px 0 8px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;color:#b9c4cf;font-size:14px;line-height:1.35}
.sl-res.win{color:#ffd23d;font-size:16px;animation:slpop .5s ease-out}.sl-res.win.big{font-size:19px;text-shadow:0 0 16px #ffd23d}.sl-res.pair{color:#7ee0ff}.sl-res.lose{color:#8a95a0}@keyframes slpop{from{transform:scale(.6);opacity:0}}
.sl-bar{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.sl-tk{background:#141a21;border:1px solid #3b4856;padding:10px 14px;letter-spacing:2px;font-size:12px;color:#aeb9c4}.sl-tk b{color:#f5b800;font-size:18px;margin-left:6px}
.sl-go{background:#f5b800;color:#111;border:0;font-weight:900;letter-spacing:3px;padding:14px 22px;cursor:pointer;font-size:14px;animation:cratepulse 1.4s ease-in-out infinite}.sl-go:disabled{background:#3a3f47;color:#777;animation:none;cursor:default}
.sl-buy{background:#1b232c;color:#f5b800;border:1px solid #f5b800;padding:12px 14px;cursor:pointer;font-weight:800;letter-spacing:1px;font-size:12px}
.sl-pay{list-style:none;margin:0;padding:8px;background:#0a0d11;border:1px solid #2b3640;display:grid;gap:3px;text-align:left}.sl-pay li{display:grid;grid-template-columns:96px 1fr 38px;gap:8px;align-items:center;font-size:11.5px;color:#cfd8e0;padding:3px 4px;border-bottom:1px solid #151b22}
.sl-s{font-size:15px;letter-spacing:0;color:#9aa5ae}.sl-pay em{font-style:normal;color:#8a95a0;text-align:right;font-size:10.5px}
@media(max-width:520px){.sl-win{width:70px}.sl-c{font-size:42px}.sl-lever{width:30px}.sl-pay li{grid-template-columns:78px 1fr 34px}.sl-top h2{font-size:19px;letter-spacing:3px}}
.s7{font:900 62px/1 Georgia,serif;color:#ff2e63;text-shadow:0 0 12px #ff2e63,2px 2px 0 #7a0a22;font-style:italic}.sl-s .s7{font-size:17px;text-shadow:none}
.sh-cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}
@media(max-width:520px){.s7{font-size:46px}}
.rh-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}
#modal-tac .modes.two .mc{aspect-ratio:4/5!important;max-height:58vh}#modal-tac [data-tobj=bomb]{background-position:center 22%!important}

/* BR: tela travada ao fim da sala de espera (acima do menu de pausa e do HUD, abaixo da tela de carregamento) */
.br-lock{position:fixed;inset:0;z-index:330;background:#05070acc;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;cursor:wait;pointer-events:auto;user-select:none}.br-lock.hidden{display:none}
.brl-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 40px;background:#0a0d11e6;border-top:3px solid var(--gold,#f2c200);text-align:center}
.brl-box b{font-size:clamp(16px,2.2vw,26px);letter-spacing:5px;font-weight:900}.brl-box small{opacity:.8;letter-spacing:1px}
.brl-spin{width:44px;height:44px;border-radius:50%;border:4px solid #ffffff2a;border-top-color:var(--gold,#f2c200);animation:brlspin .9s linear infinite}@keyframes brlspin{to{transform:rotate(360deg)}}

/* ===== TELA ÚNICA DE INVENTÁRIO + EQUIPAMENTO (Survival, História e Battle Royale) ===== */
.iv{position:fixed;inset:0;z-index:70;background:radial-gradient(ellipse at 50% 40%,#10151cf2,#05070afa);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px;user-select:none;-webkit-user-select:none}.iv.hidden{display:none}
.iv-wrap{display:flex;gap:14px;align-items:stretch;justify-content:center;max-width:100%;max-height:calc(100% - 40px)}
.iv-pan{background:#0d1218ee;border:1px solid #ffffff1c;border-top:3px solid var(--gold,#f2c200);padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px;min-width:0;box-shadow:0 18px 50px #000a}
.iv-pan header{display:flex;align-items:center;justify-content:space-between;gap:10px}.iv-pan h2{margin:0;font-size:15px;letter-spacing:5px;font-weight:900}.iv-pan header small{opacity:.7;letter-spacing:1px;font-size:12px}
.iv-x{background:#1a222c;color:#fff;border:1px solid #ffffff2a;padding:6px 12px;font-weight:800;letter-spacing:2px;cursor:pointer;font-size:12px}.iv-x:hover{background:#c0392b}
.iv-gw{overflow:auto;max-height:68vh}
.iv-grid{position:relative;background-color:#0a0e13;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:var(--c) var(--c);border:1px solid #ffffff22;touch-action:none}
.iv-grid.hi{outline:2px solid var(--gold,#f2c200)}
.iv-open{position:absolute;left:0;top:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff1a}
.iv-lock{position:absolute;left:0;right:0;background:repeating-linear-gradient(135deg,#00000088 0 10px,#0d1218cc 10px 20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none;border-top:2px solid #ffffff2a;color:#ffffff99;text-align:center}.iv-lock i{font-style:normal;font-size:26px;filter:grayscale(.3)}.iv-lock small{font-size:11px;letter-spacing:1px;padding:0 8px}
.iv-it{position:absolute;box-sizing:border-box;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 22%,#151b23),#10151b);border:1px solid color-mix(in srgb,var(--c) 70%,#fff0);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:grab;touch-action:none}
.iv-it:hover{filter:brightness(1.25)}.iv-it.drag{opacity:.25}.iv-it.ghost{position:fixed;z-index:400;pointer-events:none;cursor:grabbing;box-shadow:0 12px 30px #000c;opacity:.95}
.iv-it img{max-width:92%;max-height:80%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 3px #000)}
.iv-it .g{font-size:calc(var(--c) * .5);line-height:1;pointer-events:none}.iv-it.heal .g{color:var(--c)}
.iv-it b{position:absolute;left:3px;top:2px;right:3px;font-size:10px;line-height:1.1;letter-spacing:.3px;text-shadow:0 1px 2px #000;pointer-events:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.iv-it em{position:absolute;right:3px;bottom:1px;font-style:normal;font-size:12px;font-weight:900;text-shadow:0 1px 2px #000,0 0 4px #000;pointer-events:none}
.iv-pv{position:absolute;pointer-events:none;background:#43e07d33;border:2px solid #43e07d}.iv-pv.bad{background:#ff3b3b33;border-color:#ff3b3b}
.iv-pan footer{font-size:12px;opacity:.75;letter-spacing:.5px}
.iv-eq{width:min(380px,40vw);flex:0 0 auto}
.iv-weap{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.iv-ws{position:relative;background:#0a0e13;border:1px solid #ffffff22;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 6px 8px;cursor:default;text-align:center}.iv-ws.big{grid-column:1/-1;min-height:104px}
.iv-ws.full{cursor:grab;border-color:#ffffff44;background:linear-gradient(160deg,#18212b,#0d1218)}.iv-ws.full:hover{filter:brightness(1.2)}.iv-ws.drag{opacity:.3}
.iv-ws small{position:absolute;left:6px;top:4px;font-size:10px;letter-spacing:1.5px;opacity:.65;font-weight:800}
.iv-ws .wi{max-width:88%;max-height:64px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 3px #000)}.iv-ws .g{font-size:34px;pointer-events:none}
.iv-ws b{font-size:12px;letter-spacing:.5px;margin-top:2px;pointer-events:none}.iv-ws em{font-style:normal;font-size:11px;opacity:.7;pointer-events:none}.iv-ws .mt{opacity:.3;font-size:12px;letter-spacing:2px}
.iv-ws.hi,.iv-sl.hi{outline:2px solid #43e07d;background:#43e07d22}.iv-ws.bad,.iv-sl.bad{outline:2px solid #ff3b3b}
.iv-slots{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.iv-sl{position:relative;background:#0a0e13;border:1px solid #ffffff22;padding:7px 8px 7px 38px;min-height:52px;display:flex;flex-direction:column;justify-content:center}
.iv-sl i{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-style:normal;font-size:22px}.iv-sl small{font-size:9px;letter-spacing:1.3px;opacity:.6;font-weight:800}.iv-sl b{font-size:12px}.iv-sl em{font-style:normal;font-size:10px;opacity:.65}
.iv-sl.on{border-color:#ffffff40}.iv-sl.usable{cursor:pointer;border-color:#43e07d88}.iv-sl.usable:hover{background:#43e07d22}.iv-sl.lk{opacity:.4}
.iv-drop{border:2px dashed #ffffff30;padding:10px;text-align:center;display:flex;flex-direction:column;gap:2px;color:#ffffffaa}.iv-drop b{letter-spacing:3px;font-size:12px}.iv-drop small{font-size:10px;opacity:.7}.iv-drop.hi{border-color:#ff7b3b;background:#ff7b3b22;color:#fff}
.iv-msg{min-height:16px;margin:0;font-size:12px;color:#ffd27a}
.iv-hint{font-size:12px;opacity:.7;letter-spacing:.5px;text-align:center}.iv-hint b{color:var(--gold,#f2c200)}
.iv-menu{position:fixed;z-index:420;background:#10161d;border:1px solid #ffffff33;box-shadow:0 10px 30px #000d;min-width:170px;display:flex;flex-direction:column}.iv-menu.hidden{display:none}
.iv-menu button{background:none;border:0;color:#fff;text-align:left;padding:9px 14px;font-size:13px;letter-spacing:.5px;cursor:pointer}.iv-menu button:hover{background:#ffffff1c}.iv-menu button.danger{color:#ff7b6b}
@media(max-width:900px){.iv{overflow:auto;justify-content:flex-start}.iv-wrap{flex-direction:column;align-items:stretch;width:100%;max-height:none}.iv-eq{width:auto}.iv-gw{max-height:44vh}}

.lb-me.clk,.pl span.clk{cursor:pointer}.lb-me.clk:hover{filter:brightness(1.2)}.pl span.clk:hover{text-decoration:underline;text-underline-offset:3px}
/* logo do login: cabe inteiro no painel (antes era cortado na direita) */
.logo{overflow:visible}.logo .brand-logo{width:100%;max-width:100%}

/* eventos: calendário 2026-27, estados e banner */
.ev-cal{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}.ev-cal .soon{opacity:.55;border-style:dashed}
.ev-st.ok{color:#6dff9a}
.evb{position:relative;max-width:min(94vw,560px);max-height:94vh;display:flex;flex-direction:column;align-items:center;gap:12px}
.evb-img{position:relative;overflow:hidden;border:2px solid var(--gold,#f2c200);box-shadow:0 0 60px #f2c20055,0 20px 60px #000;animation:evbIn .6s cubic-bezier(.2,1.2,.3,1) both;line-height:0}
.evb-img img{display:block;max-width:100%;max-height:78vh;width:auto;height:auto}
.evb-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#ffffff55 50%,transparent 65%);transform:translateX(-120%);animation:evbShine 2.4s .6s ease-in-out infinite;pointer-events:none}
.evb-x{position:absolute;top:-6px;right:-6px;z-index:3;background:#000c;color:#fff;border:1px solid #fff4;width:34px;height:34px;font-size:16px;cursor:pointer}
.evb-go{width:100%;max-width:420px}.evb.noimg .evb-img{display:none}
.evb-won{position:relative;overflow:hidden;margin:6px auto 10px;max-width:min(60vw,360px);line-height:0;border:2px solid var(--gold,#f2c200);animation:evbIn .7s cubic-bezier(.2,1.2,.3,1) both}.evb-won img{width:100%;height:auto;max-height:46vh;object-fit:contain}
@keyframes evbIn{from{opacity:0;transform:scale(.82) translateY(24px)}to{opacity:1;transform:none}}@keyframes evbShine{to{transform:translateX(120%)}}
#modal-event-banner{z-index:350}

.ch-pre{align-self:center;font-weight:800;color:var(--gold);letter-spacing:.05em}.ch-pre:empty{display:none}.ch-pre.lock{background:#1a2430;border:1px solid #3b4856;padding:5px 7px}.ch-sys b{color:var(--gold)}

/* build 15: Roletas — as 4 cartas lado a lado numa só linha, modal mais largo, sem contorno vermelho */
#rhub .rhub{width:min(1180px,96vw)}.rh-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.sh-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}.shop{width:min(1100px,96vw)}
@media(max-width:820px){.rh-grid,.sh-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){.rh-grid,.sh-cards{grid-template-columns:1fr!important}}

#bomb-hud .bb-mark.site b{width:38px;height:38px;font-size:23px;border-width:3px;background:#4da3ff;box-shadow:0 0 14px #4da3ffaa}#bomb-hud .bb-mark.site small{font-size:12px}

.br-prompt.car{left:auto!important;right:14px!important;bottom:92px!important;transform:none!important;text-align:right!important;max-width:min(340px,44vw);font-size:clamp(11px,1.05vw,14px)!important;letter-spacing:1px!important;border-top:0;border-right:3px solid var(--gold);padding:6px 10px!important;line-height:1.5}

.rk2-season{border:1px solid #2a3846;border-left:3px solid var(--gold);background:#0d131a;padding:9px 12px;margin-bottom:10px;display:grid;gap:5px}.rs-h{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.rs-h b{letter-spacing:2px;color:var(--gold)}.rs-h span{color:#9aa6b2;font-size:12px}.rs-h em{font-style:normal;margin-left:auto;font-size:12px;color:#cfd8e0}.rk2-season small{color:#9aa6b2;line-height:1.5}
.rs-ban{width:100%;aspect-ratio:1024/408;max-height:170px;object-fit:cover;display:block;border:1px solid #2a3846;margin-bottom:4px}
/* build 15: o selo ".soon" do arsenal vazava para os meses "em breve" do calendário de eventos (ficava em cima do botão FECHAR) */
.ev-cal>div.soon{position:static;right:auto;top:auto;font-size:11px;letter-spacing:normal;padding:6px;background:#12161c;color:inherit;opacity:.55;border-style:dashed}
.ev-banbtn{margin:6px 0 2px;font-size:13px;padding:7px 14px}
#modal-event-banner,#modal-season-banner{z-index:360!important}
/* build 15: caça-níquel HORIZONTAL (máquina à esquerda, tabela de prêmios à direita) — sem rolagem vertical */
.sl-card{width:min(960px,100%);display:grid;grid-template-columns:auto minmax(260px,1fr);grid-template-areas:"top top" "mach pay" "res pay" "bar pay";column-gap:22px;align-items:start;overflow:visible;padding:10px 18px 14px}
.sl-top{grid-area:top}.sl-mach{grid-area:mach}.sl-res{grid-area:res;margin:8px 0 4px}.sl-bar{grid-area:bar;margin-bottom:0}.sl-pay{grid-area:pay;align-self:stretch;align-content:center;padding:10px 12px}
.sl-top h2{font-size:21px;margin:0 0 4px}.sl-bulbs{margin-bottom:6px}.sl-pay li{padding:6px 4px;font-size:12.5px}
.sl-win{height:calc(78px*3)}.sl-c{height:78px;font-size:48px}
@media(max-width:820px){.sl-card{grid-template-columns:1fr;grid-template-areas:"top" "mach" "res" "bar" "pay";overflow:auto}}