:root{
  --bg:#050607;
  --bg-soft:#0a0d10;
  --panel:#0b0e11;
  --panel-2:#11161a;
  --text:#f4f4ef;
  --muted:#aeb6bb;
  --yellow:#ffc91f;
  --yellow-2:#ffdf63;
  --green:#70ff22;
  --green-2:#39d353;
  --danger:#ff5f5f;
  --line:rgba(255,255,255,.11);
  --line-strong:rgba(255,201,31,.34);
  --shadow:0 1.35rem 3.5rem rgba(0,0,0,.46);
  --radius:clamp(1rem,1.3vw,1.5rem);
  --radius-sm:clamp(.75rem,1vw,1rem);
  --content:96rem;
  --gutter:clamp(.75rem,2.2vw,2rem);
  --header-h:clamp(4.25rem,4.6vw,4.7rem);
}

/* Reset e base */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}
body{margin:0;min-width:0;min-height:100%;background:var(--bg);color:var(--text);font-family:'Inter',Arial,sans-serif;line-height:1.5;overflow-wrap:anywhere}
body.vip-modal-open,body.image-lightbox-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{touch-action:manipulation}
img,svg,video,canvas{display:block;max-width:100%}
img{height:auto}
main,section,article,aside,nav,header,footer,div{min-width:0}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.site-noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.028;background-image:radial-gradient(rgba(255,255,255,.72) .035rem,transparent .055rem);background-size:.27rem .27rem;mix-blend-mode:overlay}
.site-bg-extend{position:fixed;inset:0;z-index:-3;background:linear-gradient(180deg,rgba(5,6,7,.2),rgba(5,6,7,.93)),url('../images/hero-poster.jpg') center top/cover no-repeat;filter:saturate(1.05) brightness(.8)}

/* Componentes globais */
.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:2.9rem;max-width:100%;padding:.7rem clamp(1rem,2vw,1.5rem);border:1px solid transparent;border-radius:var(--radius-sm);font:800 clamp(1rem,1.4vw,1.3rem)/1 'Barlow Condensed',Arial,sans-serif;letter-spacing:.035em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease,border-color .2s ease}
.button:hover{transform:translateY(-2px)}
.button-primary{background:linear-gradient(135deg,var(--yellow),#ffb400);color:#101010;box-shadow:0 .75rem 1.8rem rgba(255,180,0,.16)}
.button-secondary{background:rgba(10,13,16,.92);border-color:rgba(255,201,31,.32);color:#fff}
.button-block{width:100%}
.status-dot{display:inline-block;width:.65rem;height:.65rem;flex:0 0 auto;border-radius:50%;background:var(--green);box-shadow:0 0 0 .2rem rgba(112,255,34,.09),0 0 .8rem rgba(112,255,34,.3)}
.status-dot.status-offline{background:var(--danger);box-shadow:0 0 0 .2rem rgba(255,95,95,.1),0 0 .75rem rgba(255,95,95,.3)}
.table-empty{padding:clamp(1rem,2.5vw,1.5rem);border:1px dashed rgba(255,255,255,.16);border-radius:var(--radius-sm);background:rgba(255,255,255,.018);color:#c5ccd0;text-align:center;font-size:clamp(.9rem,1.2vw,1rem)}

/* Header */
.arena-header{position:fixed;z-index:1100;top:0;left:0;right:0;padding-inline:0;padding-top:0;animation:arenaHeaderDrop .52s cubic-bezier(.18,.88,.3,1.12) both;transition:padding .25s ease,filter .25s ease}
.arena-header.scrolled{padding-top:0;filter:drop-shadow(0 .8rem 1.5rem rgba(0,0,0,.42))}
.arena-header-frame{position:relative;width:100%;margin-inline:auto;background:linear-gradient(180deg,#0a0d10 0%,#07090c 100%);border-top:1px solid rgba(108,139,164,.42);border-bottom:1px solid rgba(65,82,101,.62);box-shadow:0 .65rem 1.6rem rgba(0,0,0,.32);overflow:hidden}
.arena-header-frame::before,.arena-header-frame::after{content:"";position:absolute;top:0;bottom:0;width:0;pointer-events:none}
.arena-header-frame::before{left:0}
.arena-header-frame::after{right:0}
.arena-header-shell{position:relative;height:var(--header-h);display:flex;align-items:center;gap:clamp(.35rem,.9vw,.95rem);padding-inline:clamp(1rem,1.55vw,1.35rem);background:transparent}
.arena-header-shell::before,.arena-header-shell::after{content:"";position:absolute;top:.8rem;bottom:.8rem;width:1.3rem;pointer-events:none;opacity:.9}
.arena-header-shell::before{left:.55rem;border-left:1px solid rgba(69,86,103,.5);clip-path:polygon(100% 0,15% 50%,100% 100%,80% 100%,0 50%,80% 0)}
.arena-header-shell::after{right:.55rem;border-right:1px solid rgba(69,86,103,.5);clip-path:polygon(0 0,85% 50%,0 100%,20% 100%,100% 50%,20% 0)}
.arena-header-brand{display:flex;align-items:center;flex:0 1 clamp(13rem,22vw,21.5rem);min-width:10rem;transition:transform .2s ease,filter .2s ease}
.arena-header-brand:hover{transform:translateY(-1px) scale(1.01);filter:brightness(1.06)}
.arena-header-brand img{width:100%;max-height:clamp(2.4rem,3.7vw,3.6rem);object-fit:contain;object-position:left center}
.arena-nav{display:flex;align-items:center;justify-content:center;gap:clamp(.1rem,.45vw,.45rem);flex:1 1 auto;min-width:0}
.arena-nav-item{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(.32rem,.5vw,.55rem);min-height:3.15rem;padding-inline:clamp(.65rem,.95vw,1.05rem);border:1px solid transparent;border-radius:.8rem;color:#bebfc2;font:800 clamp(.88rem,1.15vw,1.125rem)/1 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;white-space:nowrap;isolation:isolate;transition:color .2s ease,transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.arena-nav-item::before{content:'';position:absolute;z-index:-1;inset:.2rem;border-radius:.6rem;background:linear-gradient(180deg,rgba(255,209,38,.11),rgba(255,209,38,.02));opacity:0;transform:scale(.94);transition:.2s ease}
.arena-nav-item::after{content:'';position:absolute;left:50%;bottom:-.78rem;width:0;height:2px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#ffc400,transparent);box-shadow:0 0 .75rem rgba(255,196,0,.58);transition:width .22s ease}
.arena-nav-item svg{width:1.3rem;height:1.3rem;fill:currentColor;flex:0 0 auto;transition:transform .2s ease,filter .2s ease}
.arena-nav-item:hover{color:#fff;transform:translateY(-2px)}
.arena-nav-item:hover::before,.arena-nav-item.is-active::before{opacity:1;transform:scale(1)}
.arena-nav-item:hover svg{transform:scale(1.07)}
.arena-nav-item.is-active{color:#ffc400;border-color:#b88300;background:linear-gradient(180deg,rgba(17,19,22,.96),rgba(10,12,14,.98));box-shadow:inset 0 0 0 1px rgba(255,204,0,.07),0 0 1.15rem rgba(202,143,0,.1)}
.arena-nav-item.is-active::after{width:70%}
.arena-nav-vip span{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}
.arena-nav-vip small{font:800 .48rem/1 'Inter',Arial,sans-serif;color:#ff5a47;letter-spacing:.04em}
.arena-discord-button{position:relative;display:flex;align-items:center;justify-content:center;gap:.65rem;flex:0 1 clamp(12rem,16vw,16rem);min-width:11rem;min-height:3.2rem;padding-inline:clamp(.85rem,1.05vw,1.25rem);border:1px solid #c08b00;border-radius:.85rem;background:linear-gradient(180deg,#111417,#090b0d);color:#fff;font:800 clamp(.9rem,1.15vw,1.15rem)/1 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(255,205,0,.05),0 0 1rem rgba(201,145,0,.09);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.arena-discord-button:hover{transform:translateY(-2px);border-color:#ffd02e;box-shadow:0 .5rem 1.4rem rgba(0,0,0,.28),0 0 1rem rgba(255,194,0,.14)}
.arena-discord-button svg{width:1.5rem;height:1.5rem;fill:#fff;flex:0 0 auto}
.arena-discord-button b{margin-left:auto;font:400 1.8rem/1 Arial,sans-serif}
.arena-nav-toggle{display:none;width:2.85rem;height:2.85rem;min-width:2.85rem;border:1px solid rgba(255,196,0,.45);border-radius:.75rem;background:#0d1012;padding:.45rem;margin-left:auto;cursor:pointer}
.arena-nav-toggle span{display:block;width:1.45rem;height:2px;background:#ffc400;margin:.3rem auto;transition:transform .2s ease,opacity .2s ease}
.arena-nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(.44rem) rotate(45deg)}
.arena-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.arena-nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-.44rem) rotate(-45deg)}
.site-main{padding-top:var(--header-h)}
@keyframes arenaHeaderDrop{from{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:none}}
@keyframes menuDrop{from{opacity:0;transform:translateY(-.45rem) scale(.99)}to{opacity:1;transform:none}}

/* Home / Hero */
body[data-page="index"] .site-bg-extend{display:none}
body[data-page="index"] .site-main{padding-top:0}
.home-visual-stage{position:relative;min-height:100svh;min-height:100dvh;background:#050607;overflow:hidden}
.home-visual-shell{position:relative;min-height:100svh;min-height:100dvh;width:100%;overflow:hidden}
.home-visual-shell::after{display:none}
.home-visual-image{display:none}

.hero-artboard{position:absolute;left:50%;top:0;width:max(100%,calc(100dvh * 1.83834197));aspect-ratio:1774/965;transform:translateX(-50%);overflow:hidden;pointer-events:none;container-type:inline-size}
.hero-artboard::before{content:'';position:absolute;inset:0;z-index:0;background:url('../images/home-hero-single-bg.webp') 50% 0/100% 100% no-repeat}
.hero-artboard::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 0 58%,rgba(3,4,5,.2) 72%,rgba(3,4,5,.68) 100%)}
.hero-artboard .hero-real-actions,.hero-artboard .hero-real-scroll{pointer-events:auto}
.hero-controls-cleaner{position:absolute;z-index:4;left:50%;top:67.7%;width:min(18rem,34vw);height:clamp(7rem,10vw,9rem);transform:translate(-50%,-50%);border-radius:1rem;background:transparent;box-shadow:none;pointer-events:none}
.hero-real-actions{position:absolute;z-index:5;left:50%;top:64.2%;width:min(14.25rem,30vw);transform:translate(-50%,-50%);display:flex;justify-content:center}
.hero-real-button{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:clamp(3rem,4.2vw,4.05rem);display:flex;align-items:center;justify-content:center;gap:clamp(.45rem,.75vw,.75rem);padding:.55rem .9rem;border:1px solid rgba(255,220,70,.82);border-radius:clamp(.55rem,.7vw,.78rem);background:linear-gradient(135deg,#ffd72b,#ffb800);color:#111;box-shadow:0 .7rem 1.65rem rgba(255,183,0,.16);transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}
.hero-real-button::before{content:'';position:absolute;inset:-70% -30%;z-index:-1;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.5) 50%,transparent 58%);transform:translateX(-55%) rotate(8deg);transition:transform .55s ease}
.hero-real-button:hover{transform:translateY(-3px) scale(1.015);filter:brightness(1.05);box-shadow:0 1rem 2.4rem rgba(255,183,0,.27)}
.hero-real-button:hover::before{transform:translateX(55%) rotate(8deg)}
.hero-real-icon{display:grid;place-items:center;flex:0 0 auto;width:clamp(1.45rem,1.95vw,2rem)}
.hero-real-icon svg{width:100%;height:auto;fill:currentColor}
.hero-real-copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0}
.hero-real-copy strong{font:900 clamp(.95rem,1.15vw,1.18rem)/1 'Barlow Condensed',Arial,sans-serif;white-space:nowrap}
.hero-real-copy small{margin-top:.2rem;font:800 clamp(.46rem,.58vw,.58rem)/1 'Inter',Arial,sans-serif;letter-spacing:.04em}
.hero-real-scroll{position:absolute;z-index:5;left:50%;top:68.5%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.24rem;color:#fff;text-align:center;font:800 clamp(.48rem,.58vw,.6rem)/1 'Barlow Condensed',Arial,sans-serif;letter-spacing:.045em;text-transform:uppercase}
.hero-scroll-mouse{position:relative;width:1.12rem;height:1.7rem;border:2px solid rgba(255,255,255,.9);border-radius:1rem}
.hero-scroll-mouse i{position:absolute;left:50%;top:.26rem;width:.15rem;height:.34rem;border-radius:.2rem;background:#fff;transform:translateX(-50%);animation:heroScrollDot 1.55s ease-in-out infinite}
.hero-real-scroll>b{display:block;width:.82rem;height:.82rem;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);margin-top:-.12rem}
@keyframes heroScrollDot{0%,100%{opacity:.25;transform:translate(-50%,0)}50%{opacity:1;transform:translate(-50%,.55rem)}}

.hero-server-status{position:absolute;z-index:6;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));width:min(calc(100% - 2*var(--gutter)),92rem);min-height:clamp(5.7rem,8.5vw,7.8rem);transform:translateX(-50%);display:grid;grid-template-columns:1.18fr 1fr 1fr 1fr 1.05fr;align-items:stretch;padding-inline:clamp(.25rem,1vw,1rem);border:1px solid rgba(82,99,113,.78);border-radius:clamp(.8rem,1.2vw,1.25rem);background:linear-gradient(180deg,rgba(15,18,20,.985),rgba(8,10,12,.995));box-shadow:0 1.1rem 2.8rem rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(.5rem);overflow:hidden}
.hero-status-item{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(.35rem,.9vw,.85rem);padding-inline:clamp(.25rem,.8vw,.75rem);transition:background .2s ease}
.hero-status-item:hover{background:rgba(255,255,255,.018)}
.hero-status-item:not(:last-child)::after{content:'';position:absolute;right:0;top:28%;bottom:28%;width:1px;background:rgba(151,164,174,.35)}
.hero-status-icon{display:grid;place-items:center;width:clamp(1.7rem,3.4vw,3.1rem);color:#f2f3f4;flex:0 0 auto}
.hero-status-icon svg{width:100%;height:auto;fill:currentColor;filter:drop-shadow(0 .25rem .4rem rgba(0,0,0,.35))}
.hero-status-copy{display:flex;flex-direction:column;min-width:0}
.hero-status-copy strong{display:flex;align-items:center;gap:.4rem;color:#fff;font:900 clamp(.85rem,1.35vw,1.25rem)/1 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;white-space:nowrap}
.hero-status-copy small{margin-top:.28rem;color:var(--green);font:900 clamp(.52rem,.78vw,.7rem)/1 'Inter',Arial,sans-serif;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
.hero-status-online .hero-status-copy{flex-direction:column-reverse}.hero-status-online .hero-status-copy strong{color:var(--green);font-size:clamp(1.15rem,2vw,1.8rem)}.hero-status-online .hero-status-copy small{color:#fff}
.hero-status-wipe .hero-status-copy small,.hero-status-map .hero-status-copy small,.hero-status-rust .hero-status-copy small{color:var(--yellow)}
.hero-status-server .status-dot{width:.48rem;height:.48rem}
.hero-rust-mark{display:grid;place-items:center;width:clamp(1.7rem,3vw,2.7rem);aspect-ratio:1;background:#e93b24;color:#0e0e0e;flex:0 0 auto;font-size:clamp(1rem,1.7vw,1.55rem);font-family:Arial,sans-serif}
.hero-status-rust .hero-status-copy strong{font-size:clamp(1.15rem,2vw,1.9rem)}

/* Conteúdo comum */
.content-grid-section,.page-shell{width:min(calc(100% - 2*var(--gutter)),var(--content));margin-inline:auto}
.content-grid-section{padding-block:clamp(1.25rem,2.5vw,2.5rem) clamp(3rem,6vw,5rem)}
.page-shell{padding-bottom:clamp(3rem,6vw,5rem)}
.content-grid{display:grid;gap:clamp(.85rem,1.3vw,1.25rem);width:100%}
.content-grid-home-live{grid-template-columns:minmax(0,1fr)}
.main-ranking-card,.ranking-page-card,.status-panel,.rules-intro-box,.store-card,.rule-item,.rules-cta{background:linear-gradient(180deg,rgba(9,12,14,.93),rgba(8,10,12,.94));backdrop-filter:blur(.6rem);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius);box-shadow:var(--shadow)}
.main-ranking-card,.ranking-page-card{padding:clamp(1rem,2vw,1.5rem)}
.card-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:clamp(.85rem,1.5vw,1.2rem)}
.card-heading span{display:block;color:var(--green);font-size:clamp(.68rem,.8vw,.8rem);font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.card-heading h2{margin:0;font:900 clamp(1.75rem,3vw,2.5rem)/.96 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}
.card-heading p{margin:.45rem 0 0;color:#c5ccd0;font-size:clamp(.86rem,1vw,.95rem)}
.period-pills,.toolbar-group,.store-filter{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}
.period-pills a,.toolbar-group button,.store-filter button{min-height:2.75rem;max-width:100%;padding:.55rem clamp(.8rem,1.4vw,1.15rem);border:1px solid rgba(255,255,255,.12);border-radius:.8rem;background:#12171a;color:#f0f0ea;font:800 clamp(.9rem,1.2vw,1.1rem)/1 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;cursor:pointer;transition:.2s ease}
.period-pills a:hover,.toolbar-group button:hover,.store-filter button:hover{border-color:rgba(255,201,31,.35);transform:translateY(-1px)}
.period-pills .is-active,.toolbar-group button.is-active,.store-filter button.is-active{background:linear-gradient(135deg,var(--green),#97ff45);color:#09100a;border-color:rgba(112,255,34,.42)}

/* Ranking da home */
.mini-table-head,.mini-table-row{display:grid;align-items:center;gap:clamp(.5rem,1vw,1rem)}
.home-ranking-head,.home-ranking-row{grid-template-columns:clamp(3rem,4vw,4.5rem) minmax(10rem,1.4fr) repeat(5,minmax(5rem,.75fr))}
.mini-table-head{padding:.8rem .75rem;color:#d4d9dd;border-bottom:1px solid rgba(255,255,255,.11);font:800 clamp(.65rem,.8vw,.78rem)/1 'Inter',Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.home-ranking-row{padding:.85rem .75rem;border-bottom:1px solid rgba(255,255,255,.075);font-size:clamp(.82rem,.95vw,.95rem)}
.home-ranking-row:last-child{border-bottom:0}
.rank-badge,.arena-rank-position{display:inline-grid;place-items:center;width:clamp(2.35rem,3vw,2.8rem);aspect-ratio:1;border-radius:.8rem;background:rgba(255,255,255,.06);font:900 clamp(1.05rem,1.5vw,1.45rem)/1 'Barlow Condensed',Arial,sans-serif}
.rank-1{background:linear-gradient(135deg,#ffde59,#b48500);color:#111}.rank-2{background:linear-gradient(135deg,#ebeff2,#8f99a2);color:#111}.rank-3{background:linear-gradient(135deg,#ffab6f,#ba5a20);color:#111}
.player-cell,.arena-rank-player{display:flex;align-items:center;gap:.7rem;min-width:0}.player-cell b,.arena-rank-player b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}
.steam-avatar-shell,.arena-online-avatar{position:relative;display:grid;place-items:center;width:clamp(2.25rem,3vw,2.65rem);aspect-ratio:1;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);flex:0 0 auto}
.steam-avatar-shell img,.arena-online-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.steam-avatar-fallback,.arena-online-avatar span{font-size:.75rem;font-weight:800;color:#fff}
.metric-pvp b{color:var(--green)}.metric-pvp small{color:#ff7171;font-weight:700}

/* Páginas internas */
.page-hero{position:relative;overflow:hidden;padding:calc(var(--header-h) + clamp(3.5rem,7vw,7rem)) var(--gutter) clamp(3rem,5vw,5rem);background:linear-gradient(180deg,rgba(8,10,12,.44),rgba(8,10,12,.78));backdrop-filter:blur(.2rem)}
.page-hero::before{content:'';position:absolute;inset:0;background:url('../images/hero-poster.jpg') center/cover no-repeat;opacity:.22;mix-blend-mode:screen}
.page-hero-inner{position:relative;width:min(100%,var(--content));margin-inline:auto}
.page-hero-inner>span{display:block;color:var(--green);font-size:clamp(.68rem,.9vw,.82rem);font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.page-hero-inner h1{margin:.75rem 0 .65rem;font:900 clamp(3rem,7vw,5.8rem)/.88 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}
.page-hero-inner h1 em{color:var(--yellow);font-style:italic}
.page-hero-inner p{max-width:55rem;margin:0;color:#d0d6d9;font-size:clamp(.95rem,1.35vw,1.2rem);line-height:1.65}
.status-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:clamp(.9rem,1.5vw,1.2rem) clamp(1rem,1.8vw,1.4rem);margin-top:clamp(-1.1rem,-1vw,-.6rem);margin-bottom:1rem}
.status-panel>div:first-child{display:flex;align-items:center;gap:.7rem}.status-panel strong{font:900 clamp(1.25rem,2vw,1.8rem)/1 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}
.status-meta{display:flex;align-items:center;gap:clamp(.65rem,1.5vw,1.25rem);flex-wrap:wrap;color:#d4d9dd;font-size:clamp(.8rem,1vw,.95rem)}.status-meta b{color:var(--green)}
.ranking-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}
.toolbar-group-cats{justify-content:flex-end}
.ranking-page-heading{padding-bottom:.7rem;border-bottom:1px solid rgba(255,255,255,.08)}
.heading-side{text-align:right;min-width:min(100%,12rem)}.heading-side strong{display:block;font:900 clamp(1.6rem,2.8vw,2.2rem)/1 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}.heading-side small{display:block;margin-top:.45rem;color:var(--green);font-size:.78rem;letter-spacing:.05em}
.arena-ranking-table{display:flex;flex-direction:column;margin-top:1rem;min-width:0}
.arena-ranking-row{display:grid;grid-template-columns:4rem minmax(12rem,1.4fr) repeat(var(--metric-cols,2),minmax(6.5rem,.8fr));align-items:center;gap:.75rem;padding:.8rem .65rem;border-bottom:1px solid rgba(255,255,255,.075)}
.arena-ranking-head{color:#d4d9dd;font:800 .75rem/1 'Inter',Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;border-bottom-color:rgba(255,255,255,.12)}
.arena-ranking-row>span{min-width:0}
.arena-rank-player>span{min-width:0}.arena-rank-player small{display:block;max-width:100%;margin-top:.15rem;color:#7f898e;font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Regras */
.rules-intro-box{padding:clamp(1rem,2vw,1.5rem);margin-top:-1rem;margin-bottom:1rem}.rules-intro-box strong{color:var(--green);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.rules-intro-box p{margin:.55rem 0 0;color:#cad0d3;line-height:1.65}
.rules-list{display:flex;flex-direction:column;gap:.7rem}.rule-item{overflow:hidden}.rule-item button{width:100%;display:grid;grid-template-columns:3.2rem minmax(0,1fr) 2rem;gap:.8rem;align-items:center;padding:clamp(.9rem,1.5vw,1.2rem);border:0;background:none;color:#fff;text-align:left;cursor:pointer;min-height:3.5rem}.rule-item button span{display:grid;place-items:center;width:2.6rem;aspect-ratio:1;border-radius:.75rem;background:rgba(255,255,255,.05);font:800 1.25rem/1 'Barlow Condensed',Arial,sans-serif;color:var(--yellow)}.rule-item button strong{font:800 clamp(1.25rem,2vw,1.75rem)/1.05 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}.rule-item button i{font-style:normal;font-size:1.5rem;color:var(--green);text-align:center}.rule-content{padding:0 clamp(1rem,1.5vw,1.2rem) 1.2rem clamp(1rem,6vw,5.1rem)}.rule-content p{margin:0;color:#c9d0d3;line-height:1.7}
.rules-cta{margin-top:1rem;padding:clamp(1.2rem,2.5vw,1.7rem);text-align:center;border-color:rgba(255,193,7,.2)}.rules-cta h3{margin:0 0 .5rem;font:900 clamp(1.8rem,3vw,2.5rem)/1 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}.rules-cta p{margin:0 0 1rem;color:#cbd0d3}

/* VIP e Loja */
.vip-hub-hero .page-hero-inner{max-width:74rem}.vip-hub{padding-top:clamp(1rem,2.5vw,1.7rem)}
.vip-hub-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;width:min(100%,55rem);margin:clamp(-3rem,-3vw,-2rem) auto 1.8rem;position:relative;z-index:5}
.vip-hub-tab{position:relative;min-height:4.75rem;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:1rem;background:linear-gradient(180deg,rgba(16,19,21,.98),rgba(8,10,12,.98));color:#eef1f2;cursor:pointer;box-shadow:0 1rem 2.6rem rgba(0,0,0,.35);transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;text-align:left;overflow:hidden}
.vip-hub-tab:hover{transform:translateY(-2px);border-color:rgba(255,201,31,.3)}.vip-hub-tab.is-active{border-color:rgba(112,255,34,.45);background:linear-gradient(135deg,rgba(112,255,34,.14),rgba(12,15,17,.98) 48%)}
.vip-hub-tab svg{width:2rem;height:2rem;fill:currentColor;color:var(--yellow);flex:0 0 auto}.vip-hub-tab.is-active svg{color:var(--green)}
.vip-hub-tab>span{display:flex;flex-direction:column;font:900 clamp(1.3rem,2vw,1.65rem)/1 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}.vip-hub-tab>span small{margin-top:.3rem;color:#929a9f;font:700 .65rem/1 'Inter',Arial,sans-serif;letter-spacing:.06em}.vip-hub-tab>b{margin-left:auto;padding:.4rem .5rem;border-radius:.5rem;background:rgba(255,90,50,.12);border:1px solid rgba(255,90,50,.25);color:#ff704f;font-size:.55rem;letter-spacing:.09em;white-space:nowrap}
.vip-hub-panel{animation:vipPanelIn .28s ease both}@keyframes vipPanelIn{from{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}
.vip-benefits-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);gap:clamp(1rem,2vw,1.4rem);align-items:center;padding:clamp(1.1rem,2.5vw,1.8rem);margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:linear-gradient(135deg,rgba(12,15,17,.96),rgba(8,10,12,.94));box-shadow:var(--shadow)}
.vip-benefits-intro>div:first-child>span,.vip-section-title>span{color:var(--green);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.vip-benefits-intro h2,.vip-section-title h2{margin:.5rem 0;font:900 clamp(2rem,4vw,3.1rem)/.95 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}.vip-benefits-intro p{margin:0;max-width:45rem;color:#c8d0d3;line-height:1.65}.vip-benefits-chips{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.vip-benefits-chips span{padding:.65rem .75rem;border-radius:.7rem;border:1px solid rgba(255,201,31,.22);background:rgba(255,201,31,.05);font:800 .9rem/1 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}
.vip-section-title{margin:1.8rem 0 .9rem;padding-left:.2rem}.vip-section-title h2{font-size:clamp(1.7rem,2.8vw,2.2rem);margin-bottom:0}.vip-kits-heading{margin-top:2rem}
.store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(17rem,100%),1fr));gap:clamp(.8rem,1.5vw,1.2rem);align-items:stretch}.vip-kits-grid{width:min(30%,62rem)}
.store-card{padding:clamp(1rem,1.8vw,1.3rem);display:flex;flex-direction:column;gap:.9rem;overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}.store-card:hover{transform:translateY(-4px);border-color:rgba(255,201,31,.25);box-shadow:0 1.5rem 3.7rem rgba(0,0,0,.46)}
.store-card-head span{color:var(--green);font-size:.68rem;font-weight:900;letter-spacing:.15em}.store-card-head h3{margin:.45rem 0 0;font:900 clamp(1.7rem,2.7vw,2.25rem)/1 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}
.store-card-image{aspect-ratio:1/.9;display:grid;place-items:center;padding:.75rem;border-radius:1rem;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.075);overflow:hidden}.store-card-image img{width:100%;height:100%;object-fit:contain}
.store-card-price strong{display:block;font:900 clamp(2rem,3.5vw,2.8rem)/1 'Barlow Condensed',Arial,sans-serif}.store-card-price small,.store-card-price span,.store-card-foot small{display:block;color:#c8d0d2;font-size:.78rem}.store-card-foot{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-top:auto}.store-details-button{min-height:2.75rem;padding:.55rem .85rem;border:1px solid rgba(255,193,7,.32);border-radius:.75rem;background:linear-gradient(135deg,var(--yellow),#ffb400);color:#101010;font:900 .95rem/1 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;cursor:pointer}
.vip-benefit-footnote{margin:1rem 0 0;color:#828b90;font-size:.75rem}
.shop-construction{position:relative;overflow:hidden;padding:clamp(1.2rem,3vw,2.6rem);border:1px solid rgba(255,201,31,.18);border-radius:var(--radius);background:linear-gradient(160deg,rgba(12,15,17,.98),rgba(6,8,10,.98));box-shadow:0 1.8rem 5rem rgba(0,0,0,.48)}
.shop-construction::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 48%,rgba(255,255,255,.018) 48% 52%,transparent 52% 100%);background-size:2.1rem 2.1rem;pointer-events:none}.shop-construction-glow{position:absolute;width:min(35rem,80vw);aspect-ratio:1;left:50%;top:-20rem;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,201,31,.15),rgba(112,255,34,.035) 42%,transparent 70%);filter:blur(.6rem);pointer-events:none}
.shop-construction-head{position:relative;z-index:1;width:min(100%,50rem);margin:0 auto 2rem;text-align:center}.shop-status-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem .8rem;border:1px solid rgba(255,201,31,.25);border-radius:999px;background:rgba(255,201,31,.055);color:var(--yellow);font-size:.68rem;font-weight:900;letter-spacing:.14em}.shop-status-pill i{width:.5rem;height:.5rem;border-radius:50%;background:var(--yellow);box-shadow:0 0 .8rem rgba(255,201,31,.5)}.shop-construction-head h2{margin:1rem 0 .65rem;font:900 clamp(3rem,7vw,5.4rem)/.85 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}.shop-construction-head p{margin:0;color:#bec6ca;font-size:clamp(.9rem,1.2vw,1rem);line-height:1.7}
.shop-future-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));gap:1rem}.shop-future-card{position:relative;min-height:15.5rem;padding:1.4rem;border:1px solid rgba(255,255,255,.09);border-radius:1.1rem;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));overflow:hidden}.shop-future-icon{width:3.2rem;aspect-ratio:1;display:grid;place-items:center;margin-bottom:1.25rem;border-radius:.9rem;background:rgba(112,255,34,.06);border:1px solid rgba(112,255,34,.15);color:var(--green);font-size:1.4rem}.shop-future-card>span{color:#7d878d;font-size:.58rem;font-weight:900;letter-spacing:.15em}.shop-future-card h3{margin:.45rem 0 .65rem;font:900 clamp(2rem,3vw,2.45rem)/.9 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}.shop-future-card p{margin:0 0 2rem;color:#abb4b8;font-size:.82rem;line-height:1.6}.shop-future-card>b{position:absolute;right:1rem;bottom:1rem;padding:.45rem .55rem;border-radius:.55rem;background:rgba(255,201,31,.07);border:1px solid rgba(255,201,31,.16);color:var(--yellow);font-size:.56rem;letter-spacing:.12em}
.shop-roadmap{position:relative;z-index:1;width:min(100%,56rem);margin:2.5rem auto 0;padding:1.2rem 1rem;border-top:1px solid rgba(255,255,255,.08)}.shop-roadmap-line,.shop-roadmap-labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.shop-roadmap-line{position:relative;align-items:center}.shop-roadmap-line::before{content:'';position:absolute;left:5%;right:5%;top:50%;height:2px;background:linear-gradient(90deg,var(--green),rgba(255,255,255,.16) 32%,rgba(255,255,255,.16));transform:translateY(-50%)}.shop-roadmap-line i{position:relative;z-index:1;justify-self:center;width:.8rem;aspect-ratio:1;border-radius:50%;background:#1d2427;border:2px solid #667178}.shop-roadmap-line i:first-child{background:var(--green);border-color:var(--green);box-shadow:0 0 1rem rgba(112,255,34,.4)}.shop-roadmap-labels{margin-top:.55rem;text-align:center;color:#929ba0;font:800 clamp(.55rem,.8vw,.7rem)/1 'Barlow Condensed',Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}.shop-roadmap-labels span:first-child{color:var(--green)}.shop-roadmap>small{display:block;margin-top:1.2rem;color:#788187;text-align:center;line-height:1.5}

/* Modal VIP */
.store-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.store-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.store-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(.65rem)}
.store-modal-panel{position:relative;width:min(61rem,100%);max-height:min(90dvh,52rem);overflow:auto;overscroll-behavior:contain;padding:clamp(1rem,2vw,1.5rem);border:1px solid rgba(255,255,255,.13);border-radius:var(--radius);background:linear-gradient(180deg,#101417,#090b0c);box-shadow:0 2rem 7rem rgba(0,0,0,.75)}
.store-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:3.5rem;padding:0 3.6rem 1rem 0;border-bottom:1px solid rgba(255,255,255,.09)}.store-modal-header h2{margin:0;min-width:0;font:900 clamp(2rem,4vw,3rem)/.95 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}.store-modal-header span{flex:0 0 auto;color:var(--green);font-size:clamp(.78rem,1vw,.95rem);font-weight:700;text-align:right}
.store-modal-close,.image-lightbox-close{position:absolute;z-index:4;right:clamp(.7rem,1.3vw,1rem);top:clamp(.7rem,1.3vw,1rem);display:grid;place-items:center;width:2.75rem;height:2.75rem;min-height:2.75rem;padding:0;border:1px solid rgba(255,213,62,.72);border-radius:.75rem;background:linear-gradient(135deg,var(--yellow),#ffb400);color:#101010;font:900 1.45rem/1 Arial,sans-serif;cursor:pointer;box-shadow:0 .5rem 1.5rem rgba(255,180,0,.17);transition:transform .18s ease,filter .18s ease}
.store-modal-close:hover,.image-lightbox-close:hover{transform:scale(1.04);filter:brightness(1.08)}
.store-modal-body{display:grid;grid-template-columns:minmax(0,1.2fr) 1px minmax(11rem,.65fr) minmax(13rem,.8fr);gap:clamp(1rem,2vw,1.4rem);align-items:start;padding-top:1.2rem}.store-modal-divider{width:1px;height:100%;background:rgba(255,255,255,.11)}.store-modal-features p{margin:0 0 .75rem;color:#d8dee2;line-height:1.6}.store-cmd{color:var(--yellow);font-weight:700}.store-modal-kitblock h3{margin:0 0 .75rem;font:900 clamp(1.8rem,3vw,2.25rem)/1 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}.store-modal-kitblock p{margin:0 0 .65rem;color:#d4d9dd;line-height:1.35}.store-modal-preview-wrap{padding:.9rem;border-radius:1rem;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08)}.store-modal-preview-wrap h4{margin:0 0 .7rem;color:var(--green);font-size:.72rem;letter-spacing:.13em}
.store-preview-zoom-button{position:relative;width:100%;display:block;padding:0;border:0;border-radius:.85rem;overflow:hidden;background:#0b0d0f;cursor:zoom-in}.store-preview-zoom-button img{width:100%;height:auto;border-radius:.85rem;transition:transform .25s ease,filter .25s ease}.store-preview-zoom-button:hover img{transform:scale(1.025);filter:brightness(1.05)}.store-preview-zoom-hint{position:absolute;left:50%;bottom:.6rem;transform:translate(-50%,.45rem);display:flex;align-items:center;gap:.4rem;max-width:calc(100% - 1rem);padding:.5rem .65rem;border:1px solid rgba(112,255,34,.28);border-radius:999px;background:rgba(5,8,9,.9);color:#eaf1ed;font:800 .6rem/1 'Inter',Arial,sans-serif;letter-spacing:.07em;white-space:nowrap;opacity:0;transition:.2s ease;pointer-events:none}.store-preview-zoom-button:hover .store-preview-zoom-hint,.store-preview-zoom-button:focus-visible .store-preview-zoom-hint{opacity:1;transform:translate(-50%,0)}

/* Lightbox */
.image-lightbox{position:fixed;inset:0;z-index:3100;display:grid;place-items:center;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.image-lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto}.image-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.9);backdrop-filter:blur(.85rem)}
.image-lightbox-panel{position:relative;z-index:1;width:min(70rem,100%);max-height:min(92dvh,60rem);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:linear-gradient(180deg,#101417,#07090a);box-shadow:0 2rem 7rem rgba(0,0,0,.78)}.image-lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 4.7rem .9rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.09)}.image-lightbox-head span{display:block;color:var(--green);font-size:.62rem;font-weight:900;letter-spacing:.15em}.image-lightbox-head h3{margin:.3rem 0 0;font:900 clamp(1.45rem,3vw,2rem)/1 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}.image-lightbox-head small{color:#8d979c;font-size:.7rem}.image-lightbox-stage{min-height:0;display:grid;place-items:center;padding:clamp(.7rem,2vw,1.4rem);overflow:auto;background:radial-gradient(circle at center,rgba(255,255,255,.035),transparent 55%),#07090a}.image-lightbox-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(92dvh - 9rem);object-fit:contain;border-radius:.85rem;box-shadow:0 1.2rem 3.5rem rgba(0,0,0,.5)}.image-lightbox-foot{padding:.6rem 1rem .8rem;border-top:1px solid rgba(255,255,255,.07);text-align:center}.image-lightbox-foot span{color:#7f898e;font-size:.68rem}

/* Footer */
.site-footer{padding:1.2rem max(var(--gutter),env(safe-area-inset-right)) max(1.75rem,env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));background:linear-gradient(180deg,transparent,rgba(5,6,7,.58))}.footer-shell{width:min(100%,var(--content));margin-inline:auto;text-align:center}.footer-mini-line{width:7rem;height:2px;margin:0 auto .75rem;background:linear-gradient(90deg,transparent,var(--yellow),transparent)}.footer-shell strong{display:block;font:900 clamp(1.2rem,2vw,1.6rem)/1 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}.footer-shell span{display:block;margin-top:.35rem;color:#c3c9cc;font-size:clamp(.65rem,.9vw,.8rem);letter-spacing:.12em}
.toast{position:fixed;z-index:4000;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));max-width:min(22rem,calc(100% - 2rem));padding:.8rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:.8rem;background:#101316;color:#fff;opacity:0;transform:translateY(.7rem);pointer-events:none}

/* Layout adaptativo por espaço disponível */
@media (max-width:1240px){
  .arena-header{padding-inline:0;padding-top:max(.35rem,env(safe-area-inset-top))}
  .arena-header-frame::before,.arena-header-frame::after{display:none}
  .arena-header-frame{border-radius:0 0 1rem 1rem;width:100%}
  .arena-header-shell{height:4.25rem;padding-inline:.75rem}
  .arena-header-brand{flex-basis:min(14rem,45vw);max-width:14rem}
  .arena-header-brand img{max-height:2.85rem}
  .arena-nav-toggle{display:block}
  .arena-nav{display:none;position:absolute;top:calc(100% + .5rem);left:0;right:0;max-height:calc(100dvh - 5.5rem);overflow:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));border:1px solid rgba(255,196,0,.25);border-radius:1rem;background:rgba(10,13,16,.985);box-shadow:0 1.2rem 3rem rgba(0,0,0,.55);backdrop-filter:blur(.9rem)}
  .arena-nav.open{display:flex;animation:menuDrop .2s ease both}
  .arena-nav-item{justify-content:flex-start;width:100%;min-height:3.1rem;font-size:1rem}.arena-nav-item::after{bottom:.15rem}
  .arena-discord-button{margin-left:auto;flex-basis:auto;min-width:0;width:auto;padding-inline:.9rem}
  .arena-discord-button span{display:none}.arena-discord-button b{display:none}
  .site-main{padding-top:4.65rem}
  body[data-page="index"] .site-main{padding-top:0}
}


@media (min-width:1024px) and (min-aspect-ratio:1774/965){
  .hero-controls-cleaner{top:67.7%;width:min(18rem,34vw);height:clamp(7rem,10vw,9rem)}
  .hero-real-actions{top:64.2%;width:min(14.25rem,30vw)}
  .hero-real-scroll{top:68.5%}
}

@media (max-width:1023px){
  .hero-controls-cleaner{top:74.4%;width:min(16.5rem,38vw);height:6.5rem}
  .hero-real-actions{top:71%;width:min(13.7rem,40vw)}
  .hero-real-scroll{top:76.4%}
  .hero-server-status{grid-template-columns:repeat(5,minmax(0,1fr));width:calc(100% - 1.5rem);bottom:max(.6rem,env(safe-area-inset-bottom));min-height:5.6rem;padding-inline:.2rem}
  .hero-status-item{gap:.3rem;padding-inline:.3rem}.hero-status-icon{width:clamp(1.45rem,3.5vw,2.2rem)}.hero-status-copy strong{font-size:clamp(.72rem,1.8vw,1rem)}.hero-status-copy small{font-size:clamp(.43rem,1vw,.58rem)}.hero-status-online .hero-status-copy strong{font-size:clamp(.9rem,2.5vw,1.35rem)}.hero-status-rust .hero-status-copy strong{font-size:clamp(.95rem,2.6vw,1.4rem)}.hero-rust-mark{width:clamp(1.4rem,4vw,2rem)}
  .vip-benefits-intro{grid-template-columns:1fr}.vip-benefits-chips{justify-content:flex-start}
  .store-modal-body{grid-template-columns:minmax(0,1.2fr) 1px minmax(10rem,.75fr)}.store-modal-preview-wrap{grid-column:1/-1}.store-modal-preview-wrap .store-preview-zoom-button{width:min(100%,28rem);margin-inline:auto}
}

@media (max-width:767px){
  :root{--gutter:clamp(.7rem,4vw,1rem)}
  .arena-header-shell{height:4rem}.arena-header-brand{flex-basis:min(12rem,52vw);max-width:12rem}.arena-header-brand img{max-height:2.55rem}.arena-discord-button{min-height:2.75rem;width:2.9rem;padding:0}.arena-discord-button svg{width:1.35rem}.arena-nav-toggle{width:2.75rem;height:2.75rem;min-width:2.75rem}
  .home-visual-stage,.home-visual-shell{min-height:100svh;min-height:100dvh}.home-visual-shell{}
  .hero-controls-cleaner{top:72.7%;width:min(14.5rem,66vw);height:5.8rem}.hero-real-actions{top:69.5%;width:min(12.8rem,54vw)}.hero-real-button{min-height:3.15rem}.hero-real-scroll{top:74.8%;font-size:.54rem}
  .hero-server-status{position:absolute;left:var(--gutter);right:var(--gutter);bottom:max(.55rem,env(safe-area-inset-bottom));width:auto;min-height:0;transform:none;grid-template-columns:repeat(2,minmax(0,1fr));padding:.45rem;border-radius:.9rem}
  .hero-status-item{justify-content:flex-start;min-height:3.2rem;padding:.45rem .6rem;border-radius:.65rem}.hero-status-item:not(:last-child)::after{display:none}.hero-status-item:nth-child(5){grid-column:1/-1;justify-content:center;border-top:1px solid rgba(255,255,255,.08)}.hero-status-icon{width:1.75rem}.hero-rust-mark{width:1.7rem}.hero-status-copy strong{font-size:.8rem}.hero-status-copy small{font-size:.48rem}.hero-status-online .hero-status-copy strong{font-size:1.05rem}.hero-status-rust .hero-status-copy strong{font-size:1.05rem}
  .card-heading{align-items:flex-start}.period-pills{width:100%}.period-pills a{flex:1 1 8rem}
  .home-ranking-head{display:none}.home-ranking-body{display:grid;gap:.65rem}.home-ranking-row{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.55rem .75rem;padding:.85rem;border:1px solid rgba(255,255,255,.09);border-radius:.85rem;background:rgba(255,255,255,.018)}.home-ranking-row>.rank-badge{grid-row:1;grid-column:1}.home-ranking-row>.player-cell{grid-row:1;grid-column:2}.home-ranking-row>span:not(.rank-badge):not(.player-cell){grid-column:1/-1;display:grid;grid-template-columns:minmax(7rem,1fr) auto;align-items:center;gap:1rem;padding:.42rem 0;border-top:1px solid rgba(255,255,255,.06);text-align:right}.home-ranking-row>span:not(.rank-badge):not(.player-cell)::before{content:attr(data-label);color:#828c91;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:left}.home-ranking-row>.metric-pvp{margin-top:.15rem}
  .status-panel{align-items:flex-start}.status-meta{width:100%;gap:.45rem .9rem}
  .ranking-toolbar{align-items:stretch}.toolbar-group,.toolbar-group-cats{width:100%;justify-content:flex-start}.toolbar-group button{flex:1 1 8rem}.toolbar-group-cats button{flex:1 1 8.5rem}
  .ranking-page-heading{align-items:flex-start}.heading-side{text-align:left;width:100%}
  .arena-ranking-head{display:none}.arena-ranking-table{gap:.65rem}.arena-ranking-row{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.6rem .75rem;padding:.85rem;border:1px solid rgba(255,255,255,.09);border-radius:.85rem;background:rgba(255,255,255,.018)}.arena-ranking-row>.arena-rank-position{grid-column:1;grid-row:1}.arena-ranking-row>.arena-rank-player{grid-column:2;grid-row:1}.arena-ranking-row>span:not(.arena-rank-position):not(.arena-rank-player){grid-column:1/-1;display:grid;grid-template-columns:minmax(7rem,1fr) auto;gap:1rem;align-items:center;padding:.42rem 0;border-top:1px solid rgba(255,255,255,.06);text-align:right}.arena-ranking-row>span:not(.arena-rank-position):not(.arena-rank-player)::before{content:attr(data-label);color:#828c91;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:left}
  .rule-item button{grid-template-columns:2.7rem minmax(0,1fr) 1.5rem;gap:.6rem}.rule-item button strong{font-size:clamp(1.05rem,5vw,1.35rem)}.rule-content{padding-left:1rem}
  .vip-hub-tabs{grid-template-columns:1fr;margin-top:-1.6rem}.vip-hub-tab{min-height:4.25rem}.vip-hub-tab>b{white-space:normal;text-align:center}
  .store-grid{grid-template-columns:1fr}.store-card-image{max-height:21rem}.store-card-foot{align-items:stretch}.store-details-button{width:100%}
  .shop-roadmap{padding-inline:0}.shop-roadmap-labels{font-size:.52rem}
  .store-modal{align-items:end;padding:.5rem max(.5rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left))}.store-modal-panel{width:100%;max-height:94dvh;border-radius:1rem 1rem .6rem .6rem;padding:1rem}.store-modal-header{flex-direction:column;align-items:flex-start;padding-right:3.3rem}.store-modal-header span{text-align:left}.store-modal-body{grid-template-columns:1fr;gap:1rem}.store-modal-divider{display:none}.store-modal-preview-wrap{grid-column:auto}.store-preview-zoom-hint{opacity:1;transform:translate(-50%,0);font-size:.55rem}
  .image-lightbox-panel{max-height:95dvh;border-radius:1rem}.image-lightbox-head{padding:.8rem 3.7rem .75rem .9rem}.image-lightbox-head small{display:none}.image-lightbox-stage{padding:.65rem}.image-lightbox-stage img{max-height:calc(95dvh - 7.5rem)}
}

@media (max-width:480px){
  .arena-header{padding-inline:0}.arena-header-shell{padding-inline:.55rem;gap:.4rem}.arena-header-brand{flex-basis:min(10.2rem,50vw);max-width:10.2rem}.arena-header-brand img{max-height:2.25rem}.arena-discord-button{width:2.7rem}.arena-nav-toggle{width:2.7rem;height:2.7rem;min-width:2.7rem}
  .home-visual-shell{}.hero-controls-cleaner{top:72.1%;width:min(13rem,72vw);height:5.2rem}.hero-real-actions{top:68.8%;width:min(11.9rem,60vw)}.hero-real-button{min-height:2.95rem}.hero-real-copy strong{font-size:.92rem}.hero-real-copy small{font-size:.5rem}.hero-real-scroll{top:74.4%}
  .hero-server-status{grid-template-columns:1fr 1fr;bottom:max(.4rem,env(safe-area-inset-bottom));padding:.3rem}.hero-status-item{min-height:2.75rem;padding:.3rem .45rem}.hero-status-copy strong{font-size:.72rem}.hero-status-copy small{font-size:.43rem}.hero-status-online .hero-status-copy strong{font-size:.9rem}.hero-status-rust .hero-status-copy strong{font-size:.95rem}
  .page-hero{padding-top:calc(4.3rem + 2.8rem)}.page-hero-inner h1{font-size:clamp(2.65rem,16vw,4rem)}
  .status-meta span{font-size:.76rem}.toolbar-group button,.period-pills a{flex:1 1 7rem}
  .vip-benefits-intro{padding:1rem}.vip-benefits-chips span{flex:1 1 8rem;text-align:center}.shop-construction{padding:1rem}.shop-roadmap-labels{letter-spacing:0}
}

/* Paisagem baixa / zoom alto */
@media (max-height:520px) and (orientation:landscape){
  .arena-header{padding-inline:0;padding-top:.2rem}.arena-header-shell{height:3.6rem}.arena-header-brand img{max-height:2.2rem}.site-main{padding-top:3.8rem}body[data-page="index"] .site-main{padding-top:0}
  .home-visual-stage,.home-visual-shell{min-height:35rem}.hero-artboard{width:max(100%,calc(35rem * 1.83834197))}.hero-controls-cleaner{top:71.1%;width:12.5rem;height:5rem}.hero-real-actions{top:68%;width:11.4rem}.hero-real-scroll{top:73.7%}.hero-server-status{bottom:.4rem;min-height:4.7rem}.hero-status-copy strong{font-size:.78rem}.hero-status-copy small{font-size:.45rem}
  .store-modal-panel,.image-lightbox-panel{max-height:96dvh}.image-lightbox-stage img{max-height:calc(96dvh - 6.5rem)}
}

/* Em viewports largas (inclusive zoom 125%-200%), toda a composição segue a escala da arte. */
@media (min-aspect-ratio:1774/965){
  .hero-controls-cleaner{top:67.7%;width:15cqw;height:12.2cqw;border-radius:.8cqw}
  .hero-real-actions{top:64.2%;width:11.9cqw}
  .hero-real-button{min-height:3.35cqw;gap:.55cqw;padding:.45cqw .75cqw;border-radius:.62cqw}
  .hero-real-icon{width:1.65cqw}
  .hero-real-copy strong{font-size:.96cqw}
  .hero-real-copy small{font-size:.46cqw;margin-top:.16cqw}
  .hero-real-scroll{top:68.5%;gap:.18cqw;font-size:.48cqw}
  .hero-scroll-mouse{width:.92cqw;height:1.42cqw;border-width:.11cqw}
  .hero-scroll-mouse i{top:.22cqw;width:.12cqw;height:.28cqw}
  .hero-real-scroll>b{width:.68cqw;height:.68cqw;border-width:0 0 .11cqw .11cqw;margin-top:-.08cqw}

  .hero-server-status{bottom:max(1vw,env(safe-area-inset-bottom));width:80vw;min-height:6.45vw;padding-inline:.55vw;border-radius:.9vw}
  .hero-status-item{gap:.55vw;padding-inline:.45vw}
  .hero-status-icon{width:2.2vw}
  .hero-status-copy strong{font-size:1vw}
  .hero-status-copy small{margin-top:.22vw;font-size:.56vw}
  .hero-status-online .hero-status-copy strong{font-size:1.38vw}
  .hero-status-rust .hero-status-copy strong{font-size:1.48vw}
  .hero-rust-mark{width:2.2vw;font-size:1.18vw}
  .hero-status-server .status-dot{width:.4vw;height:.4vw}
}

/* Preferências de acessibilidade e performance */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media (hover:none){
  .store-preview-zoom-hint{opacity:1;transform:translate(-50%,0)}
}

/* Redução de custo gráfico em telas pequenas sem alterar identidade visual */
@media (max-width:767px){
  .site-bg-extend{filter:none}
  .main-ranking-card,.ranking-page-card,.status-panel,.rules-intro-box,.store-card,.rule-item,.rules-cta,.hero-server-status,.page-hero{backdrop-filter:none}
  .store-modal-backdrop,.image-lightbox-backdrop{backdrop-filter:blur(.35rem)}
}

.players-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));gap:1rem}

/* Próximo wipe — contador da página inicial */
.wipe-countdown-section{position:relative;isolation:isolate;overflow:hidden;padding:clamp(4.25rem,7vw,7rem) var(--gutter);border-block:1px solid rgba(255,201,31,.08);background:
  radial-gradient(circle at 50% 34%,rgba(255,201,31,.085),transparent 29rem),
  radial-gradient(circle at 50% 58%,rgba(112,255,34,.035),transparent 33rem),
  linear-gradient(180deg,#050607 0%,#080a0c 48%,#050607 100%)}
.wipe-countdown-section::before{content:'';position:absolute;inset:0;z-index:-2;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:clamp(4rem,7vw,7.25rem) clamp(4rem,7vw,7.25rem);mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%)}
.wipe-countdown-section::after{content:'';position:absolute;z-index:-1;left:50%;top:12%;width:min(60rem,82vw);height:34rem;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(255,201,31,.065),rgba(255,201,31,.018) 42%,transparent 70%);filter:blur(1rem);pointer-events:none}
.wipe-countdown-glow{position:absolute;inset:auto 8% 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,201,31,.25),rgba(112,255,34,.18),rgba(255,201,31,.25),transparent);pointer-events:none}
.wipe-countdown-shell{width:min(100%,72rem);margin-inline:auto;text-align:center}
.wipe-countdown-heading{display:grid;justify-items:center}
.wipe-eyebrow{display:flex;align-items:center;justify-content:center;gap:.7rem;color:var(--yellow);font:900 clamp(.65rem,.8vw,.78rem)/1 'Inter',Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase}
.wipe-eyebrow i{display:block;width:clamp(2rem,4vw,3.7rem);height:.42rem;background:repeating-linear-gradient(135deg,var(--yellow) 0 .42rem,transparent .42rem .72rem);opacity:.68}
.wipe-countdown-heading h2{margin:1.25rem 0 .8rem;color:#fff;font:900 clamp(3.3rem,7vw,6.9rem)/.88 'Barlow Condensed',Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase;text-wrap:balance}
.wipe-countdown-heading h2 em{color:var(--yellow);font-style:normal;text-shadow:0 0 2rem rgba(255,201,31,.12)}
.wipe-date-line{display:flex;align-items:center;justify-content:center;gap:1.15rem;flex-wrap:wrap;color:#aeb5b9;font-size:clamp(.76rem,1vw,.92rem);font-weight:600}
.wipe-date-line span{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap}.wipe-date-line svg{width:1rem;height:1rem;fill:var(--yellow)}.wipe-date-line b{width:1px;height:1.15rem;background:rgba(255,255,255,.14)}
.wipe-countdown-cards{width:min(100%,47rem);margin:clamp(2.5rem,4.5vw,4rem) auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.65rem,1.2vw,1rem)}
.wipe-time-card{position:relative;min-width:0;aspect-ratio:1/.92;display:grid;place-content:center;gap:.6rem;border:1px solid rgba(255,255,255,.09);border-top-color:rgba(255,201,31,.25);background:linear-gradient(180deg,#111519,#090b0d);box-shadow:inset 0 1px rgba(255,255,255,.025),0 1.3rem 3rem rgba(0,0,0,.23);clip-path:polygon(.55rem 0,100% 0,100% calc(100% - .55rem),calc(100% - .55rem) 100%,0 100%,0 .55rem)}
.wipe-time-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,201,31,.045),transparent 42%);pointer-events:none}
.wipe-time-card strong{position:relative;z-index:1;color:#fff;font:900 clamp(3rem,5vw,4.6rem)/.86 'Barlow Condensed',Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 .25rem .8rem rgba(0,0,0,.3)}
.wipe-time-card small{position:relative;z-index:1;color:#858d92;font:900 clamp(.58rem,.8vw,.72rem)/1 'Inter',Arial,sans-serif;letter-spacing:.24em}
.wipe-prepare{margin:clamp(2rem,4vw,3.25rem) 0 clamp(2rem,3.4vw,2.8rem);color:#fff;font:900 clamp(1.45rem,3vw,2.35rem)/1 'Inter',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.wipe-schedule-card{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-top-color:rgba(255,201,31,.23);background:rgba(9,12,14,.94);box-shadow:0 1.25rem 3.8rem rgba(0,0,0,.28);text-align:left}
.wipe-schedule-head{min-height:2.8rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(255,201,31,.035),transparent 45%)}
.wipe-schedule-head span{color:#8e979c;font:900 .65rem/1 'Inter',Arial,sans-serif;letter-spacing:.24em}.wipe-schedule-head small{color:#757e83;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-align:right}
.wipe-schedule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.wipe-schedule-item{min-width:0;min-height:5.2rem;display:flex;align-items:center;gap:.8rem;padding:1rem 1.1rem;border-right:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent);transition:background .2s ease,border-color .2s ease}.wipe-schedule-item:last-child{border-right:0}.wipe-schedule-item:hover{background:rgba(255,255,255,.025)}
.wipe-schedule-number{display:grid;place-items:center;flex:0 0 auto;width:2rem;aspect-ratio:1;border-radius:.2rem;background:#202427;color:#8e969a;font-size:.68rem;font-weight:900}.wipe-schedule-item.is-next .wipe-schedule-number{background:var(--yellow);color:#111;box-shadow:0 0 1rem rgba(255,201,31,.12)}
.wipe-schedule-item div{min-width:0}.wipe-schedule-item strong{display:block;color:#fff;font:900 clamp(.85rem,1.2vw,1rem)/1.1 'Inter',Arial,sans-serif;letter-spacing:.04em;white-space:normal}.wipe-schedule-item small{display:block;margin-top:.42rem;color:#757e83;font-size:.68rem;line-height:1.35;white-space:normal}.wipe-schedule-item.is-next small{color:var(--yellow)}
.wipe-schedule-foot{min-height:2.45rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1.2rem;border-top:1px solid rgba(255,255,255,.07);color:#667075;font-size:.58rem;font-weight:700;letter-spacing:.16em}
.wipe-countdown-section.is-expired .wipe-time-card strong{color:var(--yellow)}

@media (max-width:900px){
  .wipe-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wipe-schedule-item:nth-child(2){border-right:0}.wipe-schedule-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}
  .wipe-schedule-head{align-items:flex-start;flex-direction:column}.wipe-schedule-head small{text-align:left}
}
@media (max-width:600px){
  .wipe-countdown-section{padding-block:3.75rem}.wipe-countdown-heading h2{font-size:clamp(3rem,16vw,4.8rem)}
  .wipe-date-line{gap:.65rem 1rem}.wipe-date-line b{display:none}
  .wipe-countdown-cards{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,25rem)}.wipe-time-card{aspect-ratio:1.15/1}.wipe-time-card strong{font-size:clamp(2.8rem,16vw,4rem)}
  .wipe-prepare{font-size:clamp(1.15rem,6vw,1.55rem);letter-spacing:.1em}
  .wipe-schedule-grid{grid-template-columns:1fr}.wipe-schedule-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.wipe-schedule-item:last-child{border-bottom:0}.wipe-schedule-item:nth-child(2){border-bottom:1px solid rgba(255,255,255,.07)}
  .wipe-schedule-foot{align-items:flex-start;flex-direction:column;letter-spacing:.1em}
}


/* Status do servidor — página inicial */
.home-server-live-section{position:relative;isolation:isolate;padding:clamp(3.8rem,6vw,6rem) var(--gutter) clamp(2.8rem,4.5vw,4.5rem);background:linear-gradient(180deg,#050607,#07090a 58%,#050607);border-top:1px solid rgba(255,255,255,.05);overflow:hidden}
.home-server-live-section::before{content:'';position:absolute;inset:0;z-index:-2;opacity:.26;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:clamp(4.2rem,7vw,7rem) clamp(4.2rem,7vw,7rem);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.home-server-live-section::after{content:'';position:absolute;z-index:-1;left:50%;top:34%;width:min(70rem,90vw);height:28rem;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(112,255,34,.035),rgba(255,201,31,.018) 38%,transparent 72%);pointer-events:none}
.home-server-live-shell{width:min(100%,86rem);margin-inline:auto}
.home-server-live-heading{margin-bottom:clamp(2rem,3.5vw,3.2rem);text-align:left}
.server-live-eyebrow{display:flex;align-items:center;gap:.7rem;color:var(--green);font:900 clamp(.65rem,.8vw,.78rem)/1 'Inter',Arial,sans-serif;letter-spacing:.27em;text-transform:uppercase}.server-live-eyebrow i{width:2rem;height:1px;background:linear-gradient(90deg,var(--yellow),var(--green))}
.home-server-live-heading h2{margin:.95rem 0 .45rem;color:#fff;font:900 clamp(3rem,6vw,5.6rem)/.9 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;letter-spacing:.025em}.home-server-live-heading h2 em{color:var(--yellow);font-style:normal}.home-server-live-heading p{margin:0;color:#9ea7ac;font-size:clamp(.9rem,1.1vw,1.02rem)}
.server-live-panel{overflow:hidden;border:1px solid rgba(255,201,31,.18);border-top-color:rgba(112,255,34,.22);background:linear-gradient(180deg,rgba(13,16,18,.97),rgba(7,9,11,.98));box-shadow:0 1.5rem 4rem rgba(0,0,0,.32);clip-path:polygon(.8rem 0,100% 0,100% calc(100% - .8rem),calc(100% - .8rem) 100%,0 100%,0 .8rem)}
.server-live-topbar{min-height:3.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.35rem;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(112,255,34,.025),transparent 40%,rgba(255,201,31,.025))}
.server-live-name,.server-live-topmeta{display:flex;align-items:center;gap:.7rem;min-width:0}.server-live-name strong{font-size:.72rem;letter-spacing:.2em}.server-live-name>b{width:1px;height:1rem;background:rgba(255,255,255,.14)}.server-live-name>span:last-child{color:#fff;font-size:.8rem;font-weight:800;letter-spacing:.08em}.server-live-topmeta small{color:#687176;font:600 .68rem/1 'Inter',Arial,sans-serif;letter-spacing:.04em}.server-live-pill{display:inline-flex;align-items:center;gap:.45rem;min-height:1.8rem;padding:.35rem .65rem;border:1px solid rgba(112,255,34,.28);color:#dfffd1;font-size:.58rem;font-weight:900;letter-spacing:.16em}.server-live-pill i{width:.38rem;height:.38rem;background:var(--green);box-shadow:0 0 .6rem rgba(112,255,34,.55)}
.server-live-body{display:grid;grid-template-columns:minmax(20rem,.9fr) minmax(0,1.3fr);gap:1.4rem;padding:clamp(1.3rem,2.2vw,2rem)}
.server-live-player-card,.server-live-mini-card,.server-live-connect-card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(255,255,255,.008));box-shadow:inset 0 1px rgba(255,255,255,.02)}
.server-live-player-card{min-height:14rem;padding:clamp(1.3rem,2vw,1.7rem)}
.server-live-label{display:block;color:#7f898e;font:900 .66rem/1 'Inter',Arial,sans-serif;letter-spacing:.23em;text-transform:uppercase}
.server-live-count{display:flex;align-items:flex-end;gap:.75rem;margin:1rem 0}.server-live-count strong{color:#fff;font:900 clamp(3.8rem,7vw,6rem)/.8 'Barlow Condensed',Arial,sans-serif;font-variant-numeric:tabular-nums}.server-live-count small{padding-bottom:.3rem;color:#70797e;font:600 clamp(1.1rem,1.7vw,1.5rem)/1 'Barlow Condensed',Arial,sans-serif}
.server-live-capacity{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:.2rem;margin-top:1.25rem}.server-live-capacity i{height:.7rem;background:#262b2e;transition:background .2s ease,box-shadow .2s ease}.server-live-capacity i.is-active{background:linear-gradient(180deg,var(--green),#42c80b);box-shadow:0 0 .45rem rgba(112,255,34,.2)}
.server-live-player-meta{display:flex;align-items:center;gap:.8rem 1.25rem;flex-wrap:wrap;margin-top:1.45rem;color:#9da6aa;font-size:.72rem}.server-live-player-meta span{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.server-live-player-meta b{color:var(--yellow)}.server-live-player-meta strong{color:#fff}
.server-live-side{display:grid;gap:1rem}.server-live-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.server-live-mini-card{position:relative;min-height:8.6rem;padding:1.25rem;overflow:hidden}.server-live-mini-card>strong{display:block;margin:.65rem 0 .35rem;color:#fff;font:900 clamp(2rem,3vw,2.8rem)/.9 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}.server-live-mini-card>small{color:#7c858a;font-size:.72rem}.server-live-mini-card>svg{position:absolute;right:1.1rem;top:1rem;width:1.2rem;height:1.2rem;fill:var(--yellow);opacity:.75}.server-live-map-card{background:linear-gradient(135deg,rgba(112,255,34,.018),rgba(255,201,31,.018)),url('../images/section-texture.jpg') center/cover no-repeat}.server-live-map-card::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,9,.9),rgba(6,8,9,.58));pointer-events:none}.server-live-map-card>*{position:relative;z-index:1}
.server-live-connect-card{min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem}.server-live-connect-card>div{min-width:0}.server-live-connect-card strong{display:block;margin-top:.45rem;color:#fff;font:800 clamp(.86rem,1.2vw,1.05rem)/1.2 'Inter',Arial,sans-serif;overflow-wrap:anywhere}.server-live-copy{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;flex:0 0 auto;min-height:2.6rem;padding:.6rem .9rem;border:1px solid rgba(255,201,31,.2);background:#171b1e;color:#d9dfe2;font-size:.68rem;font-weight:900;letter-spacing:.12em;cursor:pointer;transition:.2s ease}.server-live-copy:hover{border-color:var(--yellow);color:#fff;background:#1d2226;transform:translateY(-1px)}
.server-live-footer{min-height:2.7rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.35rem;border-top:1px solid rgba(255,255,255,.07);color:#687176;font-size:.58rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
@media (max-width:900px){.server-live-body{grid-template-columns:1fr}.server-live-player-card{min-height:auto}.server-live-panel{clip-path:none;border-radius:1rem}.server-live-topbar{align-items:flex-start}.server-live-name{flex-wrap:wrap}.server-live-name>b{display:none}}
@media (max-width:620px){.home-server-live-section{padding-block:3.2rem 2.8rem}.server-live-topbar,.server-live-footer{flex-direction:column;align-items:flex-start}.server-live-topmeta{width:100%;justify-content:space-between}.server-live-body{padding:.85rem;gap:.85rem}.server-live-mini-grid{grid-template-columns:1fr}.server-live-connect-card{align-items:stretch;flex-direction:column}.server-live-copy{width:100%}.server-live-capacity{gap:.12rem}.server-live-capacity i{height:.55rem}.server-live-player-meta{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.server-live-footer{gap:.5rem}}

/* Link configurável do mapa do servidor */
.server-live-map-link{position:relative;color:inherit;text-decoration:none;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease}
.server-live-map-link:hover{transform:translateY(-2px);border-color:rgba(255,201,31,.42);box-shadow:0 .7rem 1.8rem rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,201,31,.05);filter:brightness(1.06)}
.server-live-map-link:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.server-map-open-hint{position:absolute;right:.8rem;bottom:.65rem;color:var(--yellow);font:800 clamp(.48rem,.65vw,.62rem)/1 'Inter',Arial,sans-serif;letter-spacing:.08em;opacity:.68;transition:opacity .2s ease,transform .2s ease}
.server-live-map-link:hover .server-map-open-hint{opacity:1;transform:translateY(-1px)}
@media (max-width:767px){.server-map-open-hint{right:.65rem;bottom:.55rem;font-size:.5rem;opacity:.85}}