:root{--ok:#46c8ff;--bad:#ff4632;--gold:#ffc53d;--pan:rgba(9,13,18,.72);--pan2:rgba(255,255,255,.06);--line:rgba(255,255,255,.14);--tx:#eef3f7;--dim:rgba(238,243,247,.62);font-family:"Bahnschrift","Segoe UI Semibold","Roboto Condensed",Arial,sans-serif}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;overflow:hidden;background:#000;color:var(--tx);font-size:15px;line-height:1.35;user-select:none;-webkit-user-select:none;touch-action:none}
canvas#game{position:fixed;inset:0;width:100%;height:100%;display:block}
.hidden{display:none!important}
button{font:inherit;color:inherit;background:var(--pan2);border:1px solid var(--line);padding:10px 16px;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;touch-action:manipulation;transition:background .12s,border-color .12s}
button:hover{background:rgba(255,255,255,.16);border-color:#fff}
button.primary{background:var(--gold);color:#111;border-color:var(--gold);font-size:18px;padding:14px 34px;font-weight:700}button.primary:hover{background:#fff;border-color:#fff}
input{font:inherit;background:rgba(0,0,0,.5);border:1px solid var(--line);color:var(--tx);padding:10px;width:100%;user-select:text;-webkit-user-select:text}
input:focus{outline:0;border-color:var(--gold)}
.row{display:flex;gap:8px;flex-wrap:wrap}.row>*{flex:1}

/* menu de comando estilo campanha militar */
#cmd{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.18) 56%,rgba(0,0,0,0) 80%);animation:fade .35s}
#cmd>*{pointer-events:auto}
@keyframes fade{from{opacity:0}}
#cmd header{display:flex;align-items:center;gap:26px;padding:16px 26px 0;flex-wrap:wrap}
.brand{font-size:26px;letter-spacing:.14em;font-weight:300}.brand b{color:var(--bad);font-weight:800;margin-left:6px}
#tabs{display:flex;gap:2px;flex:1;flex-wrap:wrap}
#tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:8px 14px;color:var(--dim);font-size:15px}
#tabs button.on{color:#fff;border-color:var(--gold)}#tabs button:hover{color:#fff}
#who{color:var(--dim);font-size:13px;text-align:right}#who b{color:#fff}
#page{flex:1;min-height:0;display:flex;gap:16px;padding:16px 26px;max-width:1240px;overflow:hidden}
.col{display:flex;flex-direction:column;gap:6px;min-width:0;min-height:0;flex:1 1 300px}
.col h3{margin:0;font-size:12px;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;font-weight:600}
.scroll{overflow:auto;touch-action:pan-y;flex:1;min-height:0;display:flex;flex-direction:column;gap:3px;padding-right:4px;scrollbar-width:thin;scrollbar-color:#fff4 transparent}
.it{display:flex;align-items:center;gap:9px;background:var(--pan);border-left:3px solid transparent;padding:9px 11px;cursor:pointer;backdrop-filter:blur(6px)}
.it:hover{background:rgba(40,50,60,.8)}.it.sel{border-left-color:var(--gold);background:rgba(70,60,20,.72)}
.it img{width:30px;height:20px;object-fit:cover;flex:none}.it small{color:var(--dim);margin-left:auto;text-align:right;font-size:12px}
.it.sub{margin-left:18px;padding:7px 10px}.it.sub2{margin-left:36px;padding:6px 10px;font-size:14px}
.chev{width:12px;color:var(--dim);flex:none}
.card3{background:var(--pan);padding:10px 12px;cursor:pointer;border-bottom:3px solid transparent;font-size:12px;color:var(--dim);backdrop-filter:blur(6px)}
.card3 b{display:block;color:#fff;font-size:14px}.card3.sel{border-color:var(--gold);background:rgba(70,60,20,.72)}.card3:hover{background:rgba(40,50,60,.85)}
.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px}
#foot{display:flex;gap:10px;padding:0 26px 20px;align-items:center;flex-wrap:wrap}
#foot .hint{color:var(--dim);font-size:13px;margin-left:auto}

/* cinematic */
#cine{position:fixed;inset:0;z-index:30;pointer-events:auto;cursor:pointer}
#cine .bar{position:absolute;left:0;right:0;height:11vh;background:#000}#cine .top{top:0}#cine .bot{bottom:0}
#cineCap{position:absolute;top:13vh;left:0;right:0;text-align:center;font-size:clamp(20px,3.4vw,40px);letter-spacing:.3em;font-weight:300;text-shadow:0 2px 12px #000}
#cineLine{position:absolute;left:50%;bottom:13vh;transform:translateX(-50%);width:min(920px,92vw);display:flex;gap:14px;align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.25));padding:12px 18px;border-left:3px solid var(--gold)}
#cinePort{width:96px;flex:none}#cinePort svg{display:block}#cineWho{color:var(--gold);letter-spacing:.08em}#cineTxt{margin:4px 0 0;font-size:clamp(15px,2vw,20px);min-height:2.7em}
#cineSkip{position:absolute;right:20px;top:calc(11vh + 10px)}
#load{position:fixed;inset:0;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:9vh;gap:8px;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 40%)}
#loadT{font-size:clamp(22px,4vw,40px);letter-spacing:.2em;font-weight:300;text-align:center}#loadS{color:var(--dim);margin:0}
.bar2{width:min(520px,86vw);height:3px;background:#fff3}.bar2 i{display:block;height:100%;width:0;background:var(--gold);transition:width .25s}

#flash,#dmg,#nukeFlash{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:0}#flash{background:#fff}#nukeFlash{background:#fff;z-index:12}
#dmg{background:radial-gradient(ellipse at center,transparent 50%,#b00 120%)}

/* HUD */
#hud{position:fixed;inset:0;z-index:15;pointer-events:none;text-shadow:0 1px 3px #000c}
#cross{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px;background:linear-gradient(#fff,#fff) 50% 0/2px 8px no-repeat,linear-gradient(#fff,#fff) 50% 100%/2px 8px no-repeat,linear-gradient(#fff,#fff) 0 50%/8px 2px no-repeat,linear-gradient(#fff,#fff) 100% 50%/8px 2px no-repeat;filter:drop-shadow(0 0 1px #000)}
#lockBox{position:absolute;width:44px;height:44px;margin:-22px;border:2px solid var(--bad);display:none;box-shadow:0 0 8px #f40a}#lockBox.on{display:block}
#hitm{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px;opacity:0;background:linear-gradient(45deg,transparent 46%,#fff 46% 54%,transparent 54%),linear-gradient(-45deg,transparent 46%,#fff 46% 54%,transparent 54%);-webkit-mask:radial-gradient(circle,transparent 9px,#000 10px);mask:radial-gradient(circle,transparent 9px,#000 10px)}
#hitm.kill{background:linear-gradient(45deg,transparent 44%,var(--bad) 44% 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,var(--bad) 44% 56%,transparent 56%)}
#mini{position:absolute;right:max(14px,env(safe-area-inset-right));top:14px;width:clamp(120px,24vmin,240px);height:clamp(120px,24vmin,240px);border:1px solid var(--line);background:#000;pointer-events:auto}
#hTop{position:absolute;top:12px;left:50%;transform:translateX(-50%);text-align:center;max-width:46vw}#hLoc{font-size:13px;letter-spacing:.06em;color:var(--dim)}#hCap{margin-top:3px;color:var(--gold);font-size:16px}
#hRank{position:absolute;left:14px;top:14px;font-size:12px;background:var(--pan);padding:7px 9px;min-width:160px}#hRank div{display:flex;gap:6px;align-items:center}#hRank img{width:18px}#hRank b{margin-left:auto}#hRank u{text-decoration:none;color:var(--gold);letter-spacing:.14em;font-size:10px}
#hBot{position:absolute;left:14px;bottom:14px;display:flex;flex-direction:column;gap:3px;width:290px}
#hHp{position:relative;height:6px;background:#0008}#hHp i{position:absolute;inset:0;width:100%;background:#fff;transition:width .12s}#hHp span{position:absolute;right:0;bottom:7px;font-size:13px}
#hWeap{font-size:15px;margin-top:2px}#hReload{height:3px;background:#0006;display:none}#hReload.on{display:block}#hReload i{display:block;height:100%;width:0;background:var(--gold)}
#hProf{font-size:12px;color:var(--dim)}#hFlight{font-size:13px;color:var(--ok)}
#keys{position:absolute;right:14px;bottom:14px;font-size:12px;text-align:right;display:grid;gap:2px;color:var(--dim)}#keys kbd{font:inherit;color:#fff;background:#fff2;padding:0 5px;margin-left:6px;min-width:18px;display:inline-block;text-align:center}
#feed{position:absolute;right:14px;top:calc(clamp(120px,24vmin,240px) + 22px);font-size:12px;text-align:right;display:flex;flex-direction:column;gap:2px;max-width:330px;align-items:flex-end}#feed div{background:var(--pan);padding:2px 7px}#feed .mine{background:#9a5a00d0}
#news{position:absolute;top:58px;left:50%;transform:translateX(-50%);width:min(720px,92vw);display:flex;flex-direction:column;gap:4px;align-items:center}
#news div{background:var(--pan);border-left:3px solid var(--gold);padding:7px 12px;font-size:14px;animation:slide .2s}#news .l3,#news .l4{background:#6a0c0cd8;border-color:#fff;font-size:17px}
@keyframes slide{from{transform:translateY(-12px);opacity:0}}
#toast{position:absolute;top:32%;left:50%;transform:translateX(-50%);font-size:20px;letter-spacing:.1em;text-align:center;opacity:0;transition:opacity .2s;white-space:nowrap}#toast.bad{color:var(--bad)}
#popups{position:absolute;left:50%;top:58%;transform:translateX(-50%);text-align:center;font-size:17px;color:var(--gold)}#popups div{animation:rise 1.2s forwards}@keyframes rise{to{transform:translateY(-44px);opacity:0}}
#talk{position:absolute;left:14px;bottom:176px;font-size:13px;color:#7dffa0}
#chatLog{position:absolute;left:14px;bottom:200px;width:min(380px,60vw);font-size:13px;display:flex;flex-direction:column;gap:1px}#chatLog div{background:#0005;padding:1px 6px}
#chatIn{position:absolute;left:14px;bottom:170px;width:min(380px,70vw);pointer-events:auto}
#down{position:absolute;left:50%;top:40%;transform:translateX(-50%);text-align:center;color:var(--bad);font-size:30px;letter-spacing:.2em}#down span{display:block;font-size:14px;color:#fff;letter-spacing:0}
#stick,#tBtns{display:none}
body.touch #keys{display:none}
body.touch #stick{display:block;position:absolute;left:24px;bottom:70px;width:130px;height:130px;border-radius:50%;background:#fff1;border:1px solid #fff3;pointer-events:auto;touch-action:none}
#knob{position:absolute;left:40px;top:40px;width:50px;height:50px;border-radius:50%;background:#fff5}
body.touch #tBtns{display:grid;grid-template-columns:repeat(3,62px);gap:8px;position:absolute;right:16px;bottom:16px;pointer-events:auto}
#tBtns button{touch-action:none;letter-spacing:0}
body.touch #hBot{bottom:210px;width:170px}body.touch #chatLog,body.touch #talk{display:none}
#bigMap{position:fixed;inset:0;background:#000b;z-index:25;display:flex;align-items:center;justify-content:center;padding:10px}.bmbox{display:flex;flex-direction:column;gap:6px;max-height:100%;width:min(1600px,100%)}#bmC{width:100%;max-height:calc(100vh - 150px);object-fit:contain;cursor:crosshair}
#pope{position:fixed;left:50%;bottom:13%;transform:translateX(-50%);z-index:18;background:var(--pan);border-left:3px solid #f0dc96;padding:10px 14px;display:flex;gap:10px;align-items:center;width:min(560px,94vw);backdrop-filter:blur(6px)}#pope svg{width:70px;flex:none}#pope .row{margin-top:6px}
@media(max-width:760px){#page{flex-direction:column;overflow:auto;touch-action:pan-y;padding:10px 12px}#cmd header{padding:10px 12px 0;gap:8px}#foot{padding:0 12px 12px}.brand{font-size:18px}.col{flex:none;max-height:none}.scroll{max-height:46vh}#who{display:none}}
@media(max-height:480px){#page{padding:6px 16px}#news{top:40px}.scroll{max-height:55vh}}

#cityBar{margin-top:5px;font-size:13px;color:#ffb09a}#cityBar div{height:6px;width:min(320px,46vw);margin:2px auto 0;background:#0008}#cityBar i{display:block;height:100%;width:0;background:var(--bad);transition:width .5s}

#hWar{position:absolute;left:14px;top:150px;font-size:12px;letter-spacing:.08em;background:var(--pan);padding:4px 9px;color:var(--gold)}#hWar.w2{color:#ffb060}#hWar.w3{color:#fff;background:#8a1010d8}

#objs{position:absolute;left:14px;top:186px;font-size:12px;width:270px;display:flex;flex-direction:column;gap:3px}#objs h4,#wanted h4{margin:4px 0 2px;font-size:11px;letter-spacing:.14em;color:var(--gold)}#objs div{background:var(--pan);padding:4px 8px;display:flex;gap:6px;flex-wrap:wrap}#objs b{color:#fff}#objs i{color:#9fc6d8;font-style:normal}#objs u{margin-left:auto;text-decoration:none;color:var(--gold)}#wanted{position:absolute;right:14px;top:calc(clamp(120px,24vmin,240px) + 150px);font-size:12px;text-align:right;display:flex;flex-direction:column;gap:2px;align-items:flex-end;max-width:300px}#wanted div{background:#6e1414d0;padding:2px 8px}#wanted i{font-style:normal;color:#ffd0a0}#cross{transition:none}

#lang,#muteBtn{margin-left:10px;background:#0009;color:#fff;border:1px solid #fff4;padding:4px 8px;font-size:12px;cursor:pointer}

#capBar{position:relative;width:420px;max-width:80vw;height:20px;margin:4px auto;background:#000a;border:1px solid #ffc53d}#capBar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#d98a00,#ffc53d)}#capBar span{position:absolute;inset:0;text-align:center;font-size:13px;line-height:20px;color:#fff;text-shadow:0 1px 2px #000}#prompt{position:absolute;left:50%;bottom:24%;transform:translateX(-50%);background:#000c;border:1px solid #ffc53d;color:#fff;padding:9px 16px;font-size:15px;letter-spacing:.04em}#bmTip{position:fixed;z-index:40;background:#000e;color:#fff;font-size:12px;padding:5px 9px;border:1px solid #fff4;pointer-events:none;max-width:320px}

#armyBtn{display:flex;align-items:center;gap:12px;padding:10px 14px;margin-bottom:10px;cursor:pointer;background:linear-gradient(100deg,#b3261ee0,#1a1a1ad0);border-left:4px solid var(--gold);transition:filter .15s}#armyBtn:hover{filter:brightness(1.3)}#armyBtn img{width:58px;height:38px;object-fit:cover;box-shadow:0 0 0 1px #fff5}#armyBtn div{flex:1;display:flex;flex-direction:column}#armyBtn small{font-size:10px;letter-spacing:.16em;color:var(--gold);text-transform:uppercase}#armyBtn b{font-size:19px;color:#fff}#armyBtn>span{font-size:12px;letter-spacing:.1em;color:#fff;text-transform:uppercase}
#army{position:fixed;inset:0;z-index:30;display:flex;gap:24px;padding:26px 34px;color:#fff;background:linear-gradient(95deg,#06080cf7 0%,#0a0d13ee 52%,#0a0d1366 76%,#7a100830 100%);animation:aIn .35s ease-out}#army.hidden{display:none}@keyframes aIn{from{opacity:0;transform:scale(1.02)}to{opacity:1;transform:none}}
.aPanel{flex:1 1 62%;min-width:0;display:flex;flex-direction:column}.aKick{font-size:12px;letter-spacing:.36em;color:var(--gold)}#army h1{margin:4px 0 0;font-size:clamp(34px,5.4vw,74px);line-height:1;font-weight:900;letter-spacing:.02em;text-shadow:0 0 34px #e0301e99;background:linear-gradient(180deg,#fff 30%,#ff5a3c);-webkit-background-clip:text;background-clip:text;color:transparent}.aSub{margin:6px 0 12px;font-size:16px;color:#c9d2dc}
#aQ{max-width:380px;margin-bottom:10px;font-size:15px}#aScroll{flex:1;min-height:0;overflow-y:auto;padding:0 8px 8px 0}#aScroll h4{margin:12px 0 7px;font-size:12px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
.aGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}.aGrid.big{grid-template-columns:repeat(auto-fill,minmax(164px,1fr))}
.aCard{position:relative;height:84px;padding:0;overflow:hidden;background:#111;border:2px solid #fff2;cursor:pointer;transition:transform .13s,border-color .13s,box-shadow .13s}.big .aCard{height:108px}.aCard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.15) brightness(.82);transition:filter .13s,transform .25s}.aCard b{position:absolute;left:0;right:0;bottom:0;padding:14px 8px 5px;font-size:13px;text-align:left;color:#fff;background:linear-gradient(0deg,#000d,#0000);text-shadow:0 1px 3px #000}.big .aCard b{font-size:16px}
.aCard:hover{transform:translateY(-3px) scale(1.03);border-color:#ff5a3c;box-shadow:0 8px 22px #e0301e77;z-index:1}.aCard:hover img{filter:saturate(1.3) brightness(1.05);transform:scale(1.06)}.aCard.sel{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 0 26px #ffc53d88}
#aHero{flex:0 0 min(340px,30vw);align-self:center;display:flex;flex-direction:column;gap:10px;padding:18px;background:#080b10d8;border:1px solid #fff2;border-top:4px solid var(--gold)}.aFlag{height:190px;overflow:hidden;box-shadow:0 10px 34px #000b}.aFlag img{width:100%;height:100%;object-fit:cover}.aName{font-size:32px;font-weight:900;line-height:1.05}.aLead{font-size:14px;color:#c9d2dc;min-height:18px}.aStats{display:flex;gap:6px}.aStats div{flex:1;padding:7px 4px;background:#fff1;text-align:center}.aStats b{display:block;font-size:19px;color:var(--gold)}.aStats span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#c9d2dc}#aHero .primary{padding:15px;font-size:18px;font-weight:800;letter-spacing:.05em;animation:aPulse 1.6s infinite}@keyframes aPulse{50%{box-shadow:0 0 26px #ffc53d}}
@media(max-width:820px){#army{flex-direction:column-reverse;padding:14px 16px;gap:10px;overflow:hidden}#aHero{flex:0 0 auto;align-self:stretch;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px}.aFlag{height:54px;width:82px}.aName{font-size:20px;flex:1}.aLead,.aStats{display:none}#aHero .primary{flex:1 1 100%;padding:11px}.aPanel{min-height:0}}

/* ---------- celular: layout próprio, sempre deitado ---------- */
#mwarn{position:absolute;z-index:3;top:74px;left:50%;transform:translateX(-50%);padding:6px 16px;font-size:20px;font-weight:800;letter-spacing:.08em;white-space:nowrap;background:#000a;border:2px solid var(--gold);color:var(--gold)}#mwarn.bad{color:#fff;background:#b3100cd8;border-color:#fff;animation:mw .4s infinite}#mwarn.warn{color:#ffb060;border-color:#ffb060}#mwarn.mine{color:#7dffa0;border-color:#7dffa0}@keyframes mw{50%{opacity:.55}}
#rotate,#tTop,#tSide{display:none}
#rotate{position:fixed;inset:0;z-index:100;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px;color:#fff;background:radial-gradient(circle at 50% 42%,#3a0d08,#05070a 70%)}
#rotate p{margin:0;font-size:22px;font-weight:700}#rotate small{color:var(--dim);font-size:14px}
.rLogo{font-size:30px;letter-spacing:.14em;font-weight:300}.rLogo b{color:var(--bad);font-weight:800;margin-left:6px}
.rPhone{width:150px;height:150px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;transform-origin:50% 50%;animation:rTurn 2.4s ease-in-out infinite}.rArrow{stroke:var(--gold);stroke-width:4}
@keyframes rTurn{0%,18%{transform:rotate(0)}55%,82%{transform:rotate(-90deg)}100%{transform:rotate(0)}}
@media(orientation:portrait){body.touch #rotate{display:flex}}
body.touch{--sl:max(10px,env(safe-area-inset-left));--sr:max(10px,env(safe-area-inset-right));--mini:clamp(84px,24vh,112px);--pad:clamp(52px,16vh,66px);font-size:13px}

/* HUD: esquerda = vida e arma; centro = local e avisos; direita = minimapa */
body.touch #hRank,body.touch #hWar,body.touch #hProf,body.touch #wanted,body.touch #keys,body.touch #chatLog,body.touch #talk,body.touch #chatIn{display:none!important}
body.touch #mini{top:8px;right:var(--sr);width:var(--mini);height:var(--mini);border-radius:6px}
body.touch #hBot{top:8px;left:var(--sl);bottom:auto;width:clamp(150px,24vw,210px);gap:2px;background:var(--pan);padding:6px 8px;border-radius:6px}
body.touch #hHp span{position:static;float:right;font-size:11px;margin-top:7px}body.touch #hWeap{font-size:12px;line-height:1.2;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body.touch #hFlight{font-size:11px}
body.touch #objs{top:auto;bottom:auto;left:var(--sl);top:calc(8px + 66px);width:clamp(150px,24vw,210px);font-size:11px;gap:0}body.touch #objs h4{display:none}body.touch #objs div{display:none;padding:3px 7px;border-radius:0 0 6px 6px}body.touch #objs div:first-of-type{display:flex;flex-wrap:nowrap;white-space:nowrap;overflow:hidden}
body.touch #hTop{top:6px;max-width:34vw}body.touch #hLoc{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.touch #hCap{font-size:12px;margin-top:1px}body.touch #capBar{width:100%;height:14px}body.touch #capBar span{font-size:10px;line-height:14px}body.touch #cityBar{font-size:10px;margin-top:2px}body.touch #cityBar div{height:4px;width:100%}
body.touch #feed{top:calc(8px + var(--mini) + 6px);right:var(--sr);font-size:10px;max-width:190px}body.touch #feed div:nth-last-child(n+3){display:none}
body.touch #news{top:50px;width:min(46vw,380px)}body.touch #news div{font-size:11px;padding:3px 8px}body.touch #news div:nth-last-child(n+2){display:none}body.touch #news .l3,body.touch #news .l4{font-size:12px}
body.touch #toast{top:24%;font-size:14px;white-space:normal;width:50vw}body.touch #popups{top:50%;font-size:13px}body.touch #prompt{bottom:auto;top:62%;font-size:12px;padding:5px 10px;max-width:40vw}body.touch #down{top:30%;font-size:22px}
body.touch #mwarn{top:46px;font-size:14px;padding:3px 12px;max-width:44vw;white-space:nowrap}

/* controles: joystick à esquerda, botões do Playstation à direita */
body.touch #stick{position:absolute;left:calc(var(--sl) + 14px);bottom:max(14px,env(safe-area-inset-bottom));width:clamp(112px,36vh,140px);height:clamp(112px,36vh,140px);border-radius:50%;background:radial-gradient(circle,#ffffff18,#ffffff0a 70%);border:2px solid #fff4;pointer-events:auto;touch-action:none;display:block}
#knob{left:50%;top:50%;margin:-25px;border:2px solid #fff8;background:#fff6}
body.touch #tBtns{display:grid;grid-template-columns:repeat(3,var(--pad));grid-template-rows:repeat(3,var(--pad));gap:0;position:absolute;right:calc(var(--sr) + 8px);bottom:max(8px,env(safe-area-inset-bottom));pointer-events:auto}
#tBtns .ps{width:var(--pad);height:var(--pad);padding:0;border-radius:50%;background:#0a0d1299;border:2px solid #fff6;touch-action:none;display:flex;align-items:center;justify-content:center;transition:transform .06s,background .06s}#tBtns .ps svg{width:62%;height:62%;fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
#tBtns .ps.on{transform:scale(.88);background:#fff5}
.tri{grid-area:1/2}.sqr{grid-area:2/1}.cir{grid-area:2/3}.crs{grid-area:3/2}.tri svg{stroke:#46e08c}.sqr svg{stroke:#ff7ac6}.cir svg{stroke:#ff4d4d}.crs svg{stroke:#6fb2ff}
body.touch #tTop{display:flex;gap:6px;position:absolute;top:8px;right:calc(var(--sr) + var(--mini) + 8px);pointer-events:auto}
#tTop button,#tSide button{padding:0 10px;height:34px;min-width:50px;font-size:11px;letter-spacing:.04em;background:#0a0d12a8;border:1px solid #fff5;border-radius:6px;touch-action:none}#tTop button.on,#tSide button.on{background:#fff5}
body.touch #tSide{display:flex;flex-direction:column;gap:6px;position:absolute;right:calc(var(--sr) + var(--pad)*3 + 18px);bottom:max(10px,env(safe-area-inset-bottom));pointer-events:auto}#tSide button{height:40px;min-width:54px;padding:0 6px}

/* menu de comando: colunas lado a lado, cada uma com rolagem própria */
body.touch #cmd{background:linear-gradient(90deg,#05070af2,#05070ae0 70%,#05070ab0)}
body.touch #cmd header{padding:6px var(--sr) 0 var(--sl);gap:10px;flex-wrap:nowrap;align-items:center}body.touch .brand{font-size:14px;letter-spacing:.08em;white-space:nowrap}body.touch #who{display:none}
body.touch #tabs{flex-wrap:nowrap;overflow-x:auto;touch-action:pan-x;scrollbar-width:none}body.touch #tabs button{padding:6px 9px;font-size:12px;white-space:nowrap;flex:none}
body.touch #lang,body.touch #muteBtn{margin-left:0;padding:3px 6px;flex:none}
body.touch #page{padding:6px var(--sr) 4px var(--sl);gap:10px;flex-direction:row;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;max-width:none}body.touch .col{flex:0 0 clamp(230px,38vw,330px)!important;max-height:100%;min-height:0}body.touch .scroll{max-height:none;flex:1;min-height:0;-webkit-overflow-scrolling:touch}
body.touch .col h3{font-size:10px}body.touch .it{padding:7px 9px;font-size:13px}body.touch .card3{padding:7px 9px;font-size:11px}body.touch .card3 b{font-size:12px}body.touch .grid3{grid-template-columns:repeat(2,1fr);flex:none}
body.touch #armyBtn{padding:6px 9px;margin-bottom:4px;flex:none}body.touch #armyBtn img{width:40px;height:26px}body.touch #armyBtn b{font-size:14px}body.touch input{padding:6px 8px;font-size:13px}
body.touch #foot{padding:0 var(--sr) 6px var(--sl);gap:6px;flex-wrap:nowrap}body.touch #foot .hint{display:none}body.touch button.primary{font-size:15px;padding:8px 22px}

/* escolha de exército, cinema e mapa */
body.touch #army{flex-direction:row;gap:10px;padding:8px var(--sr) 8px var(--sl)}body.touch .aKick,body.touch .aSub{display:none}body.touch #army h1{font-size:20px}body.touch #aQ{margin:4px 0;max-width:none}body.touch .aGrid,body.touch .aGrid.big{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:5px}body.touch .aCard,body.touch .big .aCard{height:58px}body.touch .aCard b,body.touch .big .aCard b{font-size:11px;padding:8px 5px 3px}body.touch #aScroll{touch-action:pan-y}
body.touch #aHero{flex:0 0 clamp(150px,24vw,210px);align-self:stretch;flex-direction:column;flex-wrap:nowrap;padding:8px;gap:6px;justify-content:center}body.touch .aFlag{width:100%;height:clamp(50px,20vh,84px)}body.touch .aName{font-size:16px;flex:none}body.touch .aLead,body.touch .aStats{display:none}body.touch #aHero .primary{flex:none;padding:9px;font-size:14px}
body.touch #cine .bar{height:7vh}body.touch #cineCap{top:9vh;font-size:15px;letter-spacing:.14em;padding:0 80px}body.touch #cineSkip{top:8px;right:var(--sr);padding:5px 10px;font-size:12px}body.touch #cineLine{bottom:9vh;padding:7px 10px;gap:8px;width:min(680px,84vw)}body.touch #cinePort{width:58px}body.touch #cineTxt{font-size:13px;min-height:0}
body.touch #bigMap{padding:6px var(--sr) 6px var(--sl)}body.touch .bmbox{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;height:100%}body.touch #bmC{height:calc(100vh - 14px);width:auto;max-height:none;aspect-ratio:1}body.touch #bmS{flex:0 0 24vw;flex-direction:column}body.touch #bmT{display:none}body.touch #bmX{flex:0 0 auto}
body.touch #pope{bottom:auto;top:44px;padding:5px 9px;width:min(420px,52vw);font-size:11px}body.touch #pope svg{width:36px}
body.touch #loadT{font-size:18px}body.touch #load{padding-bottom:5vh}
body.touch #hTop{max-width:28vw;left:44%}

/* instalar na tela inicial */
.instBtn{display:none}body.touch:not(.noInst) .instBtn{display:block}
#instFloat{position:fixed;z-index:21;top:40px;right:var(--sr);padding:4px 10px;font-size:11px;background:var(--gold);color:#111;border:0;border-radius:6px;font-weight:700}body.touch:not(.noInst) #cmd.hidden~#instFloat{display:none}
#rotate .instBtn{margin-top:14px;background:var(--gold);color:#111;border:0;border-radius:8px;padding:11px 18px;font-weight:700;letter-spacing:.02em;text-transform:none;font-size:15px}
#inst{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:12px;background:#000c;touch-action:pan-y}
.iBox{position:relative;width:min(420px,100%);max-height:100%;overflow:auto;padding:14px 16px;background:#0c1118;border:1px solid #fff3;border-top:4px solid var(--gold);border-radius:10px;text-align:center;color:#fff;touch-action:pan-y}.iBox img{width:56px;height:56px;border-radius:13px}.iBox h2{margin:4px 0 0;font-size:19px}.iSub{margin:2px 0 8px;color:var(--dim);font-size:13px}
#instX{position:absolute;top:6px;right:6px;width:34px;height:34px;padding:0;border:0;background:none;font-size:16px}
.iBox ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left}.iBox li{display:flex;align-items:center;gap:9px;padding:7px 9px;background:#fff1;border-radius:7px;font-size:14px}.iBox li span{flex:1}.iBox li svg{width:26px;height:26px;flex:none;fill:none;stroke:#4da3ff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.iNum{width:22px;height:22px;flex:none;border-radius:50%;background:var(--gold);color:#111;font:700 13px/22px inherit;text-align:center;font-style:normal}.iArrow{color:var(--gold);font-size:20px;animation:iB 1s infinite}@keyframes iB{50%{transform:translateY(5px)}}
@media(orientation:landscape){.iBox{width:min(560px,100%);padding:8px 14px}.iBox img{display:none}.iBox h2{font-size:16px}.iArrow{display:none}.iBox li{padding:5px 8px;font-size:13px}}

#fhud{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none;mix-blend-mode:screen}

/* com aviso de míssil na tela, notícias e mensagens descem: nada fica por baixo dele */
#hud.mw #news{top:120px}#hud.mw #toast{top:44%}#hud.mw #pope{top:auto}
body.touch #hud.mw #news{top:82px}body.touch #hud.mw #toast{top:46%}body.touch #hud.mw #hTop #cityBar{display:none}
/* zoom ao lado do joystick; aceso = ligado */
#tZoom{display:none}
body.touch #tZoom{display:block;position:absolute;left:calc(var(--sl) + 14px + clamp(112px,36vh,140px) + 10px);bottom:max(14px,env(safe-area-inset-bottom));height:44px;min-width:58px;padding:0 8px;font-size:11px;letter-spacing:.04em;background:#0a0d12a8;border:1px solid #fff5;border-radius:6px;touch-action:none;pointer-events:auto}
body.touch #tZoom.lit{background:var(--gold);color:#111;border-color:var(--gold);font-weight:700}

#adBox{display:flex;justify-content:center;flex:none;padding:2px 0 4px}#adBox.hidden{display:none}

/* botões de voz e HUD: PC e celular */
#tTop{display:flex;gap:6px;position:absolute;top:14px;right:calc(clamp(120px,24vmin,240px) + 26px);pointer-events:auto}
#tMenu,#tMap{display:none}body.touch #tMenu,body.touch #tMap{display:block}
#tTop button.offB{opacity:.75;text-decoration:line-through;background:#6a1010c8;border-color:#ff8a78}
body.touch #tTop button{min-width:42px;padding:0 7px}body.touch #hTop{left:38%;max-width:24vw}

/* ===== Rio Warzone: novas telas ===== */
.brand{display:flex;align-items:center;gap:8px}.brand b{color:var(--gold)!important}.brandLogo{width:34px;height:34px;filter:drop-shadow(0 0 6px #ffb02066)}
.rLogo b{color:var(--gold)!important}
.dmBtn{background:#0d1a2a;border:1px solid #46c8ff88;color:#bfe8ff;border-radius:99px;padding:6px 14px;font-weight:700;letter-spacing:0}.dmBtn:hover{background:#163250}
.guestTag{font-size:10px;background:#ff463233;color:#ffb3a8;border:1px solid #ff463266;border-radius:99px;padding:0 6px;text-transform:uppercase}
.badge{display:inline-block;font-size:10px;letter-spacing:.04em;background:#ffffff1a;border:1px solid #ffffff33;border-radius:99px;padding:1px 7px;margin-left:4px;color:#fff;vertical-align:middle}
.badge.ok{background:#2fd36b26;border-color:#2fd36b88;color:#9ff0bd}.badge.lockB{background:#ffb02026;border-color:#ffb02088;color:#ffd27a}
.mut{color:var(--dim);font-size:13px;margin:4px 0}.err{color:var(--bad);min-height:18px;font-size:13px}.ok{color:#9ff0bd}
.lbl{display:block;font-size:12px;color:var(--dim);margin-top:6px;letter-spacing:.04em}.lbl input{margin-top:3px}.lbl.small{flex:0 1 150px}
.chk{display:flex;align-items:center;gap:8px;font-size:14px;padding:5px 0;cursor:pointer}.chk input{width:auto}
#page select,#mBody select,textarea{font:inherit;background:rgba(0,0,0,.5);border:1px solid var(--line);color:var(--tx);padding:8px;width:100%;user-select:text}textarea{font:12px/1.3 monospace;resize:vertical}
.row.wrap{flex-wrap:wrap}
/* veículos */
.vcol .scroll{gap:6px}
.vprev{position:relative;display:flex;gap:10px;background:radial-gradient(120% 120% at 30% 0,#1c2d42,#070a0f);border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:170px;flex:none}
.vprev canvas{flex:1 1 60%;min-width:0;height:190px;display:block;cursor:grab;touch-action:pan-y}
.vinfo{flex:0 0 40%;padding:10px 12px 10px 0;display:flex;flex-direction:column;gap:5px;justify-content:center}.vinfo b{font-size:17px;color:#fff}.vinfo small{color:var(--dim);font-size:12px}
.sbar{font-size:11px;color:var(--dim);position:relative;height:16px;background:#ffffff10;border-radius:3px;overflow:hidden}.sbar span{position:relative;z-index:1;padding-left:6px;line-height:16px}.sbar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#ffb02088,#ffb020)}
.vcats{display:flex;gap:4px;flex-wrap:wrap;flex:none}.vcats button{padding:6px 10px;font-size:12px;border-radius:99px;letter-spacing:.02em;text-transform:none}.vcats button.on{background:var(--gold);color:#111;border-color:var(--gold);font-weight:700}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.vgrid.sm{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}
.vcard{position:relative;background:var(--pan);border:1px solid var(--line);border-radius:8px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .12s,border-color .12s}
.vcard:hover{transform:translateY(-2px);border-color:#fff8}.vcard.sel{border-color:var(--gold);box-shadow:0 0 0 2px #ffb02055 inset}
.vcard img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#0a0e14;pointer-events:none}
.vcard b{font-size:12px;padding:5px 7px 6px;color:#fff;line-height:1.15}.vcard small{font-size:11px;color:var(--dim);padding:0 7px 6px}
.vcard .badge{position:absolute;top:5px;right:5px;margin:0}.vcard.lock img{filter:saturate(.6) brightness(.8)}.vcard .row{padding:0 6px 6px}.vcard .row button{padding:6px 4px;font-size:11px;letter-spacing:0}
/* loja */
.shopCol{max-width:420px}.dmBig{font-size:34px;font-weight:800;color:#bfe8ff;text-shadow:0 0 18px #46c8ff66}
.earn{display:flex;justify-content:space-between;align-items:center;text-transform:none;letter-spacing:.02em;background:linear-gradient(90deg,#0f2235,#0b1520);border-color:#46c8ff55;border-radius:8px}.earn b{color:#bfe8ff}
.f35promo{display:flex;gap:10px;align-items:center;background:linear-gradient(90deg,#3a2a00,#1b1300);border:1px solid #ffb020aa;border-radius:10px;padding:6px;cursor:pointer;animation:pulse 2.4s infinite}.f35promo img{width:96px;border-radius:6px}.f35promo b{color:var(--gold);display:block}.f35promo small{color:#ffe3a8}
@keyframes pulse{50%{box-shadow:0 0 18px #ffb02066}}
.packs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pack{position:relative;display:flex;flex-direction:column;gap:2px;border-radius:8px;text-transform:none}.pack b{font-size:16px;color:#bfe8ff}.pack i{position:absolute;top:-6px;right:-4px;background:var(--bad);color:#fff;font-style:normal;font-size:10px;padding:1px 6px;border-radius:99px}
.noadsBtn{border-radius:8px;text-transform:none;background:#2a0d0d;border-color:#ff8a7899}
/* conta */
.profile{display:flex;gap:10px;align-items:center;background:var(--pan);padding:10px;border-radius:8px}.profile img,.profile .ava{width:54px;height:54px;border-radius:50%;object-fit:cover;background:#1a2330;display:flex;align-items:center;justify-content:center;font-size:26px}.profile small{display:block;color:var(--dim);font-size:12px}
.seg{display:flex;gap:0}.seg button{flex:1;border-radius:0}.seg button.on{background:var(--gold);color:#111;font-weight:700}
.gBtn{min-height:44px;display:flex;justify-content:center;margin:4px 0}
details.box{background:var(--pan);border:1px solid var(--line);border-radius:8px;padding:8px 10px}details.box summary{cursor:pointer;color:var(--gold);font-size:13px;letter-spacing:.08em;text-transform:uppercase}details.box h4{margin:8px 0 4px;color:var(--dim);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.adminB{background:#3a1010;border-color:#ff8a78}
/* config */
.cfgCol{max-width:380px}.rng{display:grid;grid-template-columns:1fr 1.3fr 52px;align-items:center;gap:8px;font-size:13px;padding:3px 0}.rng input{padding:0;accent-color:var(--gold)}.rng b{text-align:right;font-size:12px;color:var(--gold)}
.keysList{display:grid;gap:3px;font-size:12px;color:var(--dim)}.keysList kbd{display:inline-block;min-width:60px;background:#ffffff14;border:1px solid #ffffff33;border-radius:4px;padding:1px 5px;color:#fff;font:11px monospace}
/* admin */
.adm{max-width:1100px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-bottom:8px}.tile{background:var(--pan);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.tile small{display:block;color:var(--dim);font-size:11px}.tile b{font-size:20px}
#admBody h3{margin:12px 0 6px}#admBody .it button{padding:4px 9px;font-size:11px;margin-left:4px}button.bad{background:#4a1010;border-color:#ff6a58}button.mic.on{background:var(--bad);color:#fff}
.urow{background:var(--pan);border-left:3px solid transparent;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.urow.banned{border-left-color:var(--bad)}.urow small{display:block;color:var(--dim);font-size:11px}.urow .row button{flex:0 1 auto;padding:5px 9px;font-size:11px}
pre.log{background:#000a;border:1px solid var(--line);padding:8px;font-size:11px;max-height:200px;overflow:auto;white-space:pre-wrap;user-select:text}
.btnA{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);padding:10px 14px;color:var(--tx);text-decoration:none;font-size:13px}
/* modal */
#modal{position:fixed;inset:0;z-index:60;background:#000b;display:flex;align-items:center;justify-content:center;padding:16px;animation:fade .2s}
.mBox{position:relative;background:linear-gradient(180deg,#121a24,#090d13);border:1px solid #ffffff2a;border-radius:14px;padding:20px 22px;width:min(560px,100%);max-height:92vh;overflow:auto;box-shadow:0 20px 60px #000}
.mBox h2{margin:0 0 8px;font-size:20px}.mX{position:absolute;top:8px;right:8px;padding:4px 10px;border-radius:99px}
.price{font-size:26px;font-weight:800;color:var(--gold);margin:4px 0}.qr{display:block;margin:8px auto;width:min(240px,60vw);background:#fff;padding:8px;border-radius:8px}#pixCode{height:70px;font-size:11px;word-break:break-all}
.rwAd{display:flex;justify-content:center;min-height:50px;margin:6px 0}.mThumb{width:100%;max-height:200px;object-fit:cover;border-radius:8px}
/* tutorial */
#tut{position:fixed;inset:0;z-index:55;background:radial-gradient(circle at 50% 60%,#0008,#000c);display:flex;align-items:center;justify-content:center;padding:16px}
.tBox{background:linear-gradient(180deg,#151f2b,#0a0f15);border:1px solid #ffb02066;border-radius:16px;padding:22px 24px;max-width:520px;box-shadow:0 0 40px #ffb02022}.tBox h2{margin:4px 0 8px;color:var(--gold)}.tBox p{font-size:16px;line-height:1.5}.tStep{font-size:11px;color:var(--dim);letter-spacing:.2em}
/* anúncios */
#adSide{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:21}
/* celular: comandos extras (rádio, país, chat…) */
#tCmd{display:none}
body.touch #tCmd{display:flex;gap:5px;position:absolute;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translateX(-50%) scale(var(--btnScale,1));transform-origin:center bottom;pointer-events:auto;opacity:var(--btnAlpha,1)}
#tCmd button{flex:none;width:clamp(40px,7vw,52px);padding:4px 0;font-size:16px;line-height:1;border-radius:8px;background:#0a0d12b8;border:1px solid #fff4;display:flex;flex-direction:column;align-items:center;gap:2px;letter-spacing:0;touch-action:none}#tCmd small{font-size:8px;text-transform:none;opacity:.85}#tCmd button.on{background:var(--bad);border-color:#fff}
body.touch #tBtns,body.touch #tSide,body.touch #stick,body.touch #tZoom,body.touch #tTop{opacity:var(--btnAlpha,1)}
body.touch #tBtns{transform:scale(var(--btnScale,1));transform-origin:right bottom}body.touch #stick{transform:scale(var(--btnScale,1));transform-origin:left bottom}


.editLayout #stick,.editLayout #tBtns,.editLayout #tSide,.editLayout #tTop,.editLayout #tZoom,.editLayout #tCmd,.editLayout #mini{outline:2px dashed var(--gold);cursor:move;display:flex!important}
#layoutBar{position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:70;display:flex;gap:6px;align-items:center;background:#000d;padding:6px 10px;border-radius:10px;border:1px solid var(--gold)}#layoutBar button{padding:6px 12px;font-size:12px}
body.touch .vprev canvas{height:130px}body.touch .vprev{min-height:130px}body.touch .vinfo b{font-size:13px}body.touch .dmBig{font-size:24px}
@media(max-width:760px){.vprev{flex-direction:column}.vinfo{padding:0 10px 10px}}

/* chat novo */
#chatBox{position:absolute;left:14px;bottom:200px;width:min(420px,60vw);display:flex;flex-direction:column;gap:4px;pointer-events:none;z-index:6}
#chatBox #chatLog{position:static;width:auto;display:flex;flex-direction:column;gap:2px;max-height:40vh;overflow:hidden;font-size:13px}
#chatLog .cm{background:#05080cb8;border-left:3px solid #46c8ff;padding:3px 8px;border-radius:0 6px 6px 0;animation:fade .2s;line-height:1.3;word-break:break-word}#chatLog .cm.all{border-left-color:var(--gold)}#chatLog .cm.sys{border-left-color:var(--bad)}
#chatLog .cm img{width:16px;height:11px;vertical-align:-1px;margin-right:4px}#chatLog .cm b{color:#9fdcff;margin-right:4px}#chatLog .cm.all b{color:#ffd27a}#chatLog .cm i{font-style:normal;font-size:10px;color:var(--dim);margin-right:4px}
#chatBox.open #chatLog{overflow:auto;pointer-events:auto;background:#0009;padding:4px;border-radius:8px;max-height:46vh}
#chatBar{display:flex;gap:4px;pointer-events:auto}#chatBar input{flex:1;position:static;width:auto;padding:8px 10px;border-radius:8px;font-size:15px}#chatBar button{padding:6px 10px;border-radius:8px;font-size:12px;letter-spacing:0;text-transform:none;background:#0b111aee}#chatSend{background:var(--gold)!important;color:#111;font-weight:700}
#chatIn{position:static!important;width:auto!important}
body.touch #chatBox{display:flex!important;left:calc(var(--sl) + 4px);bottom:calc(max(14px,env(safe-area-inset-bottom)) + clamp(112px,36vh,140px) + 10px);width:min(46vw,380px)}
body.touch #chatBox #chatLog{font-size:11px;max-height:26vh}body.touch #chatLog{display:flex!important}body.touch #chatIn{display:block!important}
body.touch #chatBox.open{position:fixed;left:50%;transform:translateX(-50%);top:8px;bottom:auto;width:min(92vw,620px);z-index:40}body.touch #chatBox.open #chatLog{max-height:38vh;font-size:13px}.packBtn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-transform:none;letter-spacing:0;border-radius:10px;background:linear-gradient(90deg,#5a2d00,#2a1200);border:1px solid #ffb020;padding:12px 14px;animation:pulse 2s infinite}.packBtn b{color:#ffd27a;font-size:16px}.packBtn small{color:#ffe3a8;font-size:12px}.packDots{display:flex;gap:8px;justify-content:center;margin:10px 0}.packDots i{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;background:#ffffff14;border:2px solid #ffffff33}.packDots i.on{background:#2fd36b;border-color:#9ff0bd;color:#06210f}
body.inCombat .adx{display:none!important}