:root{
  --bg:#040a12;--bg2:#07111e;--panel:#081522;--panel2:#0b1b2d;
  --line:#183250;--gold:#e9b53f;--gold2:#ffd66b;--blue:#36a6ff;
  --cyan:#40d7de;--purple:#aa56ee;--green:#49dd72;--red:#ee603d;
  --text:#f4f7fb;--muted:#9aabc0;--soft:#12253a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
  radial-gradient(circle at 76% 3%,rgba(33,89,150,.14),transparent 32%),
  linear-gradient(180deg,#030811,#07111b 58%,#04090f);
  color:var(--text);font-family:Arial,Helvetica,sans-serif;min-height:100vh}
a{text-decoration:none;color:inherit}
button{font:inherit}
.v5-app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;padding:20px 15px;border-right:1px solid rgba(70,111,157,.23);
  background:linear-gradient(180deg,rgba(3,10,18,.98),rgba(5,15,26,.98));overflow:auto;z-index:20}
.brand{text-align:center;padding-bottom:16px}
.brand img{width:210px;max-width:90%;filter:drop-shadow(0 8px 20px #000)}
.brand small{display:block;color:#c6cedb;letter-spacing:3px;font-size:10px;margin-top:-4px}
.season-chip{border:1px solid rgba(233,181,63,.55);border-radius:11px;margin-top:15px;padding:11px 8px;
  color:#f5c85c;font-weight:900;font-size:12px;letter-spacing:.8px}
.season-chip span{display:block;color:#d7dce5;font-weight:500;margin-top:4px}
.nav-title{font-size:10px;color:#667b96;letter-spacing:2px;margin:17px 8px 8px;font-weight:900}
.side-nav{display:grid;gap:4px}
.side-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:8px;color:#c3cedd;font-weight:800;font-size:13px;border:1px solid transparent}
.side-nav a:hover,.side-nav a.active{background:linear-gradient(90deg,rgba(16,68,132,.85),rgba(12,38,71,.72));border-color:#195ea9;color:#fff}
.side-nav .ico{width:22px;text-align:center;font-size:16px}
.online-box{margin:18px 5px 8px;padding:13px;border:1px solid rgba(233,181,63,.42);border-radius:12px;text-align:center;background:#07111c}
.online-box small{color:#f1c256;font-weight:900;letter-spacing:1px}.online-box strong{display:block;font-size:30px;margin:7px 0 2px}
.live-dot{display:inline-block;width:8px;height:8px;background:#42de69;border-radius:50%;box-shadow:0 0 10px #42de69;margin-left:5px}
.social-row{display:flex;justify-content:center;gap:11px;margin-top:12px}.social-row a{font-size:18px}
.main{padding:0 18px 25px;min-width:0}
.topbar{height:67px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid rgba(62,103,146,.20)}
.topnav{display:flex;gap:5px;flex-wrap:wrap}
.topnav a{padding:10px 14px;border:1px solid rgba(88,118,152,.26);border-radius:10px;color:#b9c5d4;font-size:12px;font-weight:800;background:rgba(7,15,25,.72)}
.topnav a.active,.topnav a:hover{color:#fff;border-color:#215d9c;background:#0b2340}
.lang-switch{display:flex;border:1px solid rgba(88,118,152,.30);border-radius:10px;overflow:hidden}
.lang-switch button{border:0;background:#081420;color:#b8c2cf;padding:10px 14px;font-weight:900;font-size:11px;cursor:pointer}
.lang-switch button.active{background:#37d3df;color:#041017}
.hero{margin-top:13px;border:1px solid #173251;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:1fr 365px;min-height:300px;background:#07111c}
.hero-main{position:relative;padding:35px 35px;display:flex;align-items:center;overflow:hidden;background:
 linear-gradient(90deg,rgba(3,9,16,.97) 0%,rgba(4,13,23,.83) 48%,rgba(5,13,22,.28) 76%,rgba(4,10,17,.08)),
 url("../img/hero-v5.jpg") 65% 24%/cover no-repeat}
.hero-copy{position:relative;z-index:2;max-width:590px}
.eyebrow{color:#f0b53a;font-size:11px;font-weight:900;letter-spacing:2.1px}
.hero h1{font-family:Georgia,serif;font-size:clamp(37px,4vw,62px);line-height:.98;margin:14px 0 12px;max-width:580px}
.hero h1 b{color:#eeb541}
.hero p{color:#bdc9d8;line-height:1.55;font-size:14px;max-width:540px}
.hero-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.cta{display:inline-flex;align-items:center;gap:8px;padding:12px 17px;border-radius:9px;border:1px solid #285d94;background:#0d2340;font-size:12px;font-weight:900}
.cta.gold{background:linear-gradient(180deg,#efc45f,#c98e21);color:#161006;border-color:#f1c45b}
.opening{padding:20px;border-left:1px solid #173251;background:linear-gradient(180deg,#06101b,#081725)}
.opening h3{text-align:center;color:#f2bd49;margin:2px 0 3px;font-size:17px}.opening .date{text-align:center;font-weight:900;font-size:14px}
.timer{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}
.timebox{border:1px solid #1b3959;background:#091725;border-radius:9px;padding:10px 4px;text-align:center}
.timebox strong{display:block;font-size:26px}.timebox small{font-size:8px;color:#9fb0c2}
.opening-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.meta{border:1px solid #18334f;border-radius:9px;padding:10px;background:#071421}
.meta small{display:block;color:#7288a1;font-size:8px;font-weight:900;letter-spacing:.7px}.meta b{font-size:11px}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0}
.stat{border:1px solid #193653;border-radius:12px;background:linear-gradient(145deg,#07131f,#091927);padding:14px;display:flex;gap:11px;align-items:center}
.stat .circle{width:45px;height:45px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:17px;flex:none}
.stat small{display:block;color:#899bb1;font-size:9px;font-weight:900}.stat b{display:block;font-size:16px;margin:3px 0}.stat em{display:block;color:#a5b4c4;font-size:9px;font-style:normal}
.blue{color:#42a9ff}.purple{color:#ac5eef}.goldc{color:#efb63e}.green{color:#4fe274}
.dashboard{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.dcard{border:1px solid #193650;border-radius:12px;background:linear-gradient(180deg,#081522,#06111b);overflow:hidden;min-height:335px;display:flex;flex-direction:column}
.dcard-head{padding:14px 14px 7px;font-weight:900;letter-spacing:.5px}
.dcard-head.blue{color:#46b6ff}.dcard-head.purple{color:#c16aff}.dcard-head.goldc{color:#f2bd45}
.dcard-visual{height:92px;background:
 radial-gradient(circle at 50% 90%,rgba(46,113,192,.28),transparent 48%),
 linear-gradient(180deg,#0b1e31,#07121d);display:grid;place-items:center;font-size:48px}
.dlist{padding:7px 10px;display:grid;gap:4px;flex:1}
.drow{border:1px solid #172c42;border-radius:7px;padding:7px 8px;background:#081420;font-size:10px;color:#c5d0dd}
.drow b{display:block;color:#f0f3f7;font-size:10px}.drow.gold b{color:#efbb45}
.card-btn{margin:8px 10px 11px;padding:9px;border:1px solid currentColor;border-radius:7px;text-align:center;font-size:10px;font-weight:900}
.info-strip{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:10px;margin-top:12px}
.info-panel{border:1px solid #1a3856;border-radius:12px;background:#081420;padding:15px;display:flex;gap:13px;align-items:flex-start}
.info-panel .bigico{font-size:34px}.info-panel h3{margin:0 0 5px;color:#f0b945;font-size:14px}.info-panel p{margin:0;color:#a9b7c7;font-size:11px;line-height:1.5}
.section-page{margin-top:14px;border:1px solid #193650;border-radius:14px;background:#07131f;padding:18px}
.page-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}
.page-head h1{margin:0;font-family:Georgia,serif}.page-head p{color:#93a5b8;margin:5px 0 0;font-size:12px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.detail-card{border:1px solid #18344f;border-radius:12px;background:#081522;padding:15px}
.detail-card h3{margin:0 0 9px;color:#f0bc4b}.detail-card p,.detail-card li{color:#afbdcd;font-size:12px;line-height:1.55}
.detail-card ul{margin:0;padding-left:18px}
.rank-table{width:100%;border-collapse:collapse;font-size:12px}.rank-table th,.rank-table td{padding:10px;border-bottom:1px solid #183149;text-align:left}.rank-table th{color:#f1bc47}
.footer{padding:20px;text-align:center;color:#697c91;font-size:10px;letter-spacing:2px}
.mobile-menu{display:none}
@media(max-width:1200px){
 .v5-app{grid-template-columns:220px 1fr}.dashboard{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:850px){
 .v5-app{display:block}.sidebar{position:fixed;left:-275px;width:260px;transition:.25s}.sidebar.open{left:0;box-shadow:20px 0 60px #000}
 .main{padding:0 10px 85px}.mobile-menu{display:block;position:fixed;right:12px;bottom:15px;z-index:50;border:1px solid #2e6ca6;background:#0b2543;color:#fff;border-radius:50%;width:52px;height:52px}
 .hero{grid-template-columns:1fr}.opening{border-left:0;border-top:1px solid #173251}.hero-main{min-height:330px;padding:28px 22px;background-position:58% 20%}
 .stats{grid-template-columns:1fr 1fr}.dashboard{grid-template-columns:1fr 1fr}.topnav{display:none}.info-strip,.grid3{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}
}
@media(max-width:540px){
 .hero h1{font-size:38px}.stats,.dashboard{grid-template-columns:1fr}.timer{grid-template-columns:repeat(4,1fr)}.timebox strong{font-size:22px}
 .opening-meta{grid-template-columns:1fr 1fr}
}


/* =========================================================
   V5.1 — SINGLE SCROLL
   Apenas uma barra de rolagem no desktop
   ========================================================= */
html, body{
  overflow-x:hidden;
  overflow-y:visible;
}

.sidebar{
  position:sticky;
  top:0;
  height:auto;
  min-height:100vh;
  overflow:visible;
  align-self:start;
}

/* Mobile: menu lateral continua rolável quando aberto */
@media(max-width:850px){
  .sidebar{
    position:fixed;
    top:0;
    bottom:0;
    height:100vh;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
  }
}


/* V5.2 — NAV FIX / GUIDE HUB */
.detail-card[href]{
  display:block;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.detail-card[href]:hover{
  transform:translateY(-3px);
  border-color:#2d6b9f;
  box-shadow:0 12px 28px rgba(0,0,0,.28);
}
.sidebar .social-row{
  margin-top:18px;
}

/* V5.3 Intro navigation cleanup */
.hero-actions:empty{display:none}.topnav{align-items:center}

/* =========================================================
   V5.5 — GRAND OPENING IMPACT
   ========================================================= */
.opening-premium{
 position:relative;overflow:hidden;padding:20px 20px 18px;
 background:
 radial-gradient(circle at 50% 8%,rgba(236,178,56,.16),transparent 32%),
 linear-gradient(180deg,#07111d 0%,#091a2a 56%,#06101a 100%);
}
.opening-premium:before{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(120deg,transparent 25%,rgba(255,207,92,.07) 46%,transparent 63%);
 animation:launchSweep 5s linear infinite;
}
@keyframes launchSweep{0%{transform:translateX(-80%)}100%{transform:translateX(80%)}}
.opening-live{
 position:relative;text-align:center;color:#f6c85b;font-size:10px;font-weight:1000;
 letter-spacing:2.3px;margin-bottom:10px
}
.opening-live span{
 display:inline-block;width:7px;height:7px;border-radius:50%;background:#f1b93d;margin-right:7px;
 box-shadow:0 0 0 4px rgba(241,185,61,.10),0 0 15px rgba(241,185,61,.65);
 animation:pulseLaunch 1.3s ease-in-out infinite
}
@keyframes pulseLaunch{50%{opacity:.35;transform:scale(.75)}}
.opening-title{
 position:relative;text-align:center;font-family:Georgia,serif;font-size:25px;line-height:1.02;
 letter-spacing:.7px;color:#f5f7fb;text-shadow:0 3px 18px #000
}
.opening-title b{color:#efbd4b;font-size:30px}
.opening-date{text-align:center;color:#9fb2c8;font-size:10px;font-weight:900;letter-spacing:3px;margin-top:8px}
.opening-premium .timer{position:relative;margin:12px 0 10px}
.opening-premium .timebox{
 border-color:rgba(234,183,66,.35);background:linear-gradient(180deg,rgba(14,34,55,.96),rgba(5,16,27,.98));
 box-shadow:inset 0 0 18px rgba(55,134,213,.05),0 7px 18px rgba(0,0,0,.20)
}
.opening-premium .timebox strong{font-family:Georgia,serif;color:#fff;text-shadow:0 0 16px rgba(62,169,255,.30)}
.opening-premium .timebox small{color:#e5b74c;font-weight:900;letter-spacing:1px}
.launch-hour{
 position:relative;text-align:center;border-top:1px solid rgba(234,183,66,.16);border-bottom:1px solid rgba(234,183,66,.16);
 padding:9px 0;margin:4px 0 9px
}
.launch-hour small{display:block;color:#778da5;font-size:8px;font-weight:900;letter-spacing:2px}
.launch-hour strong{display:block;color:#fff;font-size:25px;line-height:1.05;margin-top:3px}
.launch-hour em{font-size:9px;color:#f1bd46;font-style:normal;letter-spacing:1px}
.opening-call{text-align:center;color:#f3c45b;font-size:9px;font-weight:1000;letter-spacing:1px;margin:9px 0}
.opening-enter{
 position:relative;display:block;text-align:center;padding:11px;border-radius:8px;
 background:linear-gradient(180deg,#f2ca67,#c98d22);border:1px solid #ffd875;color:#151006;
 font-size:11px;font-weight:1000;letter-spacing:.8px;box-shadow:0 7px 24px rgba(217,157,37,.16);
 transition:.2s
}
.opening-enter:hover{transform:translateY(-2px);filter:brightness(1.08)}
.opening-premium .opening-meta{margin-top:10px}
.opening-kicker{text-shadow:0 0 18px rgba(235,177,58,.28)}
.hero-lead{font-size:15px!important;max-width:570px!important}
.launch-badges{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 2px}
.launch-badges span{
 padding:7px 9px;border:1px solid rgba(64,142,217,.28);border-radius:999px;
 background:rgba(4,17,30,.72);color:#c7d6e7;font-size:9px;font-weight:900;letter-spacing:.45px
}
@media(max-width:850px){
 .opening-premium{padding:22px 18px}.opening-title{font-size:23px}.opening-title b{font-size:28px}
}


/* =========================================================
   V5.7 — LANGUAGE FLAGS + GRAND OPENING GOLD PULSE
   ========================================================= */
.lang-switch{
  display:flex;
  align-items:center;
  gap:5px;
  border:1px solid rgba(88,118,152,.30);
  border-radius:10px;
  overflow:visible;
  padding:4px;
  background:rgba(5,14,24,.92);
}
.lang-switch button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:58px;
  min-height:36px;
  padding:7px 10px;
  border:1px solid transparent;
  border-radius:7px;
  background:#081420;
  color:#b8c2cf;
  font-weight:900;
  font-size:11px;
  cursor:pointer;
  white-space:nowrap;
}
.lang-switch button .flag{
  display:inline-block;
  font-size:18px;
  line-height:1;
  width:22px;
  text-align:center;
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
}
.lang-switch button .lang-label{
  display:inline-block;
  line-height:1;
}
.lang-switch button.active{
  background:linear-gradient(180deg,#42dfe7,#29b9c8);
  color:#041017;
  border-color:#79f6fb;
  box-shadow:0 0 16px rgba(61,216,225,.20);
}

/* Main opening text gets a slow, premium golden pulse */
.opening-title b{
  color:#efbd4b;
  animation:grandGoldPulse 2.2s ease-in-out infinite;
}
.opening-live{
  animation:grandLabelPulse 2.8s ease-in-out infinite;
}
@keyframes grandGoldPulse{
  0%,100%{
    color:#e6ad34;
    text-shadow:0 0 5px rgba(229,174,53,.28),0 2px 12px rgba(0,0,0,.9);
  }
  50%{
    color:#ffe39a;
    text-shadow:0 0 8px rgba(255,216,112,.72),0 0 22px rgba(238,178,49,.42),0 2px 12px rgba(0,0,0,.9);
  }
}
@keyframes grandLabelPulse{
  0%,100%{text-shadow:0 0 5px rgba(242,190,65,.20)}
  50%{text-shadow:0 0 13px rgba(255,211,101,.58)}
}

@media(max-width:850px){
  .topbar{
    height:auto;
    min-height:62px;
    padding:9px 0;
    justify-content:flex-end;
    overflow:visible;
  }
  .lang-switch{
    margin-left:auto;
    max-width:100%;
  }
  .lang-switch button{
    min-width:50px;
    padding:7px 7px;
    gap:4px;
  }
  .lang-switch button .flag{font-size:17px;width:20px}
  .lang-switch button .lang-label{font-size:10px}
}

@media(max-width:420px){
  .lang-switch{
    gap:3px;
    padding:3px;
  }
  .lang-switch button{
    min-width:45px;
    min-height:34px;
    padding:6px 5px;
  }
  .lang-switch button .flag{font-size:16px;width:18px}
  .lang-switch button .lang-label{font-size:9px}
}

/* =========================================================
   V5.8 — CLEAN GRAND OPENING
   ========================================================= */
.opening-v58{padding:18px 20px 16px}
.opening-v58 .opening-live{margin-bottom:8px}
.opening-date-main{
 display:flex;align-items:center;justify-content:center;gap:9px;
 color:#fff;font-family:Georgia,serif;line-height:1;margin:4px 0 3px;
}
.opening-date-main strong{font-size:25px;letter-spacing:.5px}
.opening-date-main strong:first-of-type{color:#f0c65b}
.opening-date-main i{color:#52677d;font-style:normal}
.calendar-mark{font-size:8px;color:#e7b849;filter:drop-shadow(0 0 5px rgba(236,183,65,.6))}
.opening-timezone{text-align:center;color:#73879c;font-size:8px;font-weight:900;letter-spacing:2px;margin-bottom:12px}
.opening-title-v58{
 text-align:center;color:#dce6f0;font-size:11px;font-weight:900;letter-spacing:2px;
 border-top:1px solid rgba(234,183,66,.12);padding-top:10px
}
.opening-title-v58 b{
 color:#efbd4b;margin-left:5px;
 animation:grandGoldPulse 2.2s ease-in-out infinite
}
.timer-v58{margin:8px 0 9px!important}
.opening-v58 .opening-call{margin:7px 0 9px}
.opening-v58 .opening-enter{padding:10px}
.opening-v58 .compact-meta{margin-top:9px}
@media(max-width:850px){
 .opening-date-main strong{font-size:23px}
 .opening-title-v58{font-size:10px;letter-spacing:1.5px}
}


/* FINAL: APPROVED GRAND OPENING VISUAL RESTORED */
/* =========================================================
   V5.7 — LANGUAGE FLAGS + GRAND OPENING GOLD PULSE
   ========================================================= */
.lang-switch{
  display:flex;
  align-items:center;
  gap:5px;
  border:1px solid rgba(88,118,152,.30);
  border-radius:10px;
  overflow:visible;
  padding:4px;
  background:rgba(5,14,24,.92);
}
.lang-switch button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:58px;
  min-height:36px;
  padding:7px 10px;
  border:1px solid transparent;
  border-radius:7px;
  background:#081420;
  color:#b8c2cf;
  font-weight:900;
  font-size:11px;
  cursor:pointer;
  white-space:nowrap;
}
.lang-switch button .flag{
  display:inline-block;
  font-size:18px;
  line-height:1;
  width:22px;
  text-align:center;
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
}
.lang-switch button .lang-label{
  display:inline-block;
  line-height:1;
}
.lang-switch button.active{
  background:linear-gradient(180deg,#42dfe7,#29b9c8);
  color:#041017;
  border-color:#79f6fb;
  box-shadow:0 0 16px rgba(61,216,225,.20);
}

/* Main opening text gets a slow, premium golden pulse */
.opening-title b{
  color:#efbd4b;
  animation:grandGoldPulse 2.2s ease-in-out infinite;
}
.opening-live{
  animation:grandLabelPulse 2.8s ease-in-out infinite;
}
@keyframes grandGoldPulse{
  0%,100%{
    color:#e6ad34;
    text-shadow:0 0 5px rgba(229,174,53,.28),0 2px 12px rgba(0,0,0,.9);
  }
  50%{
    color:#ffe39a;
    text-shadow:0 0 8px rgba(255,216,112,.72),0 0 22px rgba(238,178,49,.42),0 2px 12px rgba(0,0,0,.9);
  }
}
@keyframes grandLabelPulse{
  0%,100%{text-shadow:0 0 5px rgba(242,190,65,.20)}
  50%{text-shadow:0 0 13px rgba(255,211,101,.58)}
}

@media(max-width:850px){
  .topbar{
    height:auto;
    min-height:62px;
    padding:9px 0;
    justify-content:flex-end;
    overflow:visible;
  }
  .lang-switch{
    margin-left:auto;
    max-width:100%;
  }
  .lang-switch button{
    min-width:50px;
    padding:7px 7px;
    gap:4px;
  }
  .lang-switch button .flag{font-size:17px;width:20px}
  .lang-switch button .lang-label{font-size:10px}
}

@media(max-width:420px){
  .lang-switch{
    gap:3px;
    padding:3px;
  }
  .lang-switch button{
    min-width:45px;
    min-height:34px;
    padding:6px 5px;
  }
  .lang-switch button .flag{font-size:16px;width:18px}
  .lang-switch button .lang-label{font-size:9px}
}


/* =========================================================
   MUSLOW — UNIQUE IP VISITOR COUNTER
   ========================================================= */
.visitor-counter{
  margin:14px 5px 4px;
  padding:12px 13px;
  display:flex;
  align-items:center;
  gap:11px;
  border:1px solid rgba(233,181,63,.28);
  border-radius:12px;
  background:
    radial-gradient(circle at 15% 20%,rgba(233,181,63,.08),transparent 42%),
    linear-gradient(145deg,rgba(9,25,41,.96),rgba(5,15,25,.98));
  box-shadow:0 9px 24px rgba(0,0,0,.18);
}
.visitor-icon{
  width:38px;height:38px;flex:none;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(72,174,255,.36);
  color:#4eb5ff;font-size:20px;
  background:rgba(34,116,183,.08);
  box-shadow:inset 0 0 15px rgba(64,169,255,.07);
}
.visitor-copy{min-width:0}
.visitor-copy small{
  display:block;color:#8799ad;font-size:8px;font-weight:1000;
  letter-spacing:1.15px;white-space:nowrap
}
.visitor-copy strong{
  display:block;margin:2px 0 1px;color:#f4c55a;
  font-family:Georgia,serif;font-size:24px;line-height:1;
  text-shadow:0 0 12px rgba(234,184,66,.15)
}
.visitor-copy span{
  display:block;color:#657b92;font-size:7px;font-weight:900;letter-spacing:.8px
}
.visitor-loaded .visitor-icon{animation:visitorSoftPulse 2.8s ease-in-out infinite}
@keyframes visitorSoftPulse{
  0%,100%{box-shadow:0 0 0 rgba(64,169,255,0),inset 0 0 15px rgba(64,169,255,.07)}
  50%{box-shadow:0 0 13px rgba(64,169,255,.16),inset 0 0 18px rgba(64,169,255,.12)}
}
@media(max-width:850px){
  .visitor-counter{margin:14px 5px 20px}
}


/* =========================================================
   MUSLOW — CINEMATIC PRELOADER
   ========================================================= */
body.preloading{overflow:hidden}
.muslow-preloader{
 position:fixed;inset:0;z-index:999999;
 display:grid;place-items:center;
 background:
   radial-gradient(circle at 50% 44%,rgba(37,95,156,.18),transparent 24%),
   radial-gradient(circle at 50% 55%,rgba(224,166,47,.09),transparent 34%),
   linear-gradient(180deg,#02060b 0%,#05101b 52%,#02070d 100%);
 opacity:1;visibility:visible;
 transition:opacity .7s cubic-bezier(.4,0,.2,1),visibility .7s;
 overflow:hidden;
}
.muslow-preloader.is-leaving{opacity:0;visibility:hidden}
.preloader-aura{
 position:absolute;width:min(620px,82vw);aspect-ratio:1;border-radius:50%;
 background:radial-gradient(circle,rgba(47,134,215,.12),rgba(236,180,56,.04) 31%,transparent 66%);
 filter:blur(6px);
 animation:preAura 2.1s ease-in-out infinite;
}
@keyframes preAura{50%{transform:scale(1.08);opacity:.72}}
.preloader-core{
 position:relative;z-index:3;width:min(560px,84vw);
 display:flex;flex-direction:column;align-items:center;text-align:center;
}
.preloader-logo{
 width:min(380px,72vw);max-height:180px;object-fit:contain;
 opacity:0;transform:translateY(9px) scale(.94);
 animation:preLogoIn .75s .08s cubic-bezier(.18,.8,.28,1) forwards,
           preLogoGlow 2s .8s ease-in-out infinite;
 filter:drop-shadow(0 12px 25px rgba(0,0,0,.8));
}
@keyframes preLogoIn{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes preLogoGlow{
 0%,100%{filter:drop-shadow(0 12px 25px rgba(0,0,0,.8)) drop-shadow(0 0 5px rgba(226,175,55,.10))}
 50%{filter:drop-shadow(0 12px 25px rgba(0,0,0,.8)) drop-shadow(0 0 20px rgba(230,181,61,.32))}
}
.preloader-season{
 margin-top:3px;color:#9fb0c2;font-size:9px;font-weight:1000;letter-spacing:4px;
 opacity:0;animation:preTextIn .55s .52s forwards;
}
.preloader-title{
 margin-top:9px;font-family:Georgia,serif;color:#f0c45d;
 font-size:clamp(16px,2vw,23px);font-weight:900;letter-spacing:2.4px;
 text-shadow:0 0 16px rgba(234,180,55,.18);
 opacity:0;animation:preTextIn .55s .68s forwards;
}
@keyframes preTextIn{to{opacity:1}}
.preloader-line{
 width:min(330px,66vw);height:2px;margin-top:22px;
 background:rgba(255,255,255,.07);border-radius:20px;overflow:hidden;
 box-shadow:0 0 0 1px rgba(231,183,70,.06);
}
.preloader-line span{
 display:block;width:0%;height:100%;
 background:linear-gradient(90deg,#7a5515,#e7b94e,#fff1bc,#e7b94e);
 box-shadow:0 0 13px rgba(235,188,74,.58);
 transition:width .18s linear;
}
.preloader-status{
 margin-top:10px;color:#71869c;font-size:7px;font-weight:1000;letter-spacing:2.1px;
}
.preloader-bottom{
 position:absolute;z-index:3;bottom:27px;width:100%;padding:0 16px;
 text-align:center;color:#53677d;font-size:7px;font-weight:900;letter-spacing:1.7px;
}
.preloader-embers{position:absolute;inset:0;overflow:hidden}
.preloader-embers:before,.preloader-embers:after{
 content:"";position:absolute;inset:-30%;
 background-image:
 radial-gradient(circle,rgba(237,184,64,.8) 0 1px,transparent 1.5px),
 radial-gradient(circle,rgba(67,150,225,.6) 0 1px,transparent 1.5px);
 background-size:85px 95px,115px 125px;
 opacity:.16;transform:rotate(8deg);
 animation:preParticles 8s linear infinite;
}
.preloader-embers:after{animation-duration:11s;animation-direction:reverse;opacity:.10}
@keyframes preParticles{to{transform:translateY(-90px) rotate(8deg)}}

@media(max-width:600px){
 .preloader-logo{width:min(300px,76vw)}
 .preloader-season{font-size:7px;letter-spacing:3px}
 .preloader-title{font-size:16px;letter-spacing:1.5px}
 .preloader-bottom{font-size:6px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){
 .preloader-logo,.preloader-aura,.preloader-embers:before,.preloader-embers:after{animation:none}
 .preloader-logo{opacity:1;transform:none}
}


/* =========================================================
   MUSLOW — FINAL CTA POLISH + 2.5s PRELOADER
   ========================================================= */
.topnav .top-site-special{
  border-color:rgba(238,188,73,.58)!important;
  background:
    radial-gradient(circle at 25% 20%,rgba(243,191,68,.15),transparent 35%),
    linear-gradient(180deg,#2a210f,#171106)!important;
  color:#f4c85f!important;
  box-shadow:0 0 0 1px rgba(255,221,118,.05),0 0 18px rgba(221,165,45,.10);
}
.topnav .top-site-special:hover{
  border-color:#f3c45d!important;
  color:#fff3c2!important;
  transform:translateY(-1px);
  box-shadow:0 0 22px rgba(225,171,53,.18);
}

.hero-cta-extra{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:10px;
}
.cta-register{
  background:linear-gradient(180deg,#0f7254,#084633)!important;
  border-color:#2fc88f!important;
  color:#eafff5!important;
  box-shadow:0 7px 22px rgba(32,183,127,.12);
}
.cta-download{
  background:linear-gradient(180deg,#154f86,#0b3159)!important;
  border-color:#3fa7f5!important;
  color:#eaf7ff!important;
  box-shadow:0 7px 22px rgba(44,142,220,.12);
}
.cta-register:hover,.cta-download:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
}
@media(max-width:650px){
  .hero-cta-extra{display:grid;grid-template-columns:1fr 1fr}
  .hero-cta-extra .cta{justify-content:center;padding:11px 10px}
}
@media(max-width:430px){
  .hero-cta-extra{grid-template-columns:1fr}
}


/* =========================================================
   MUSLOW — REGISTRATION BONUS
   ========================================================= */
.register-bonus{
  position:relative;
  overflow:hidden;
  margin:12px 0;
  padding:20px;
  border:1px solid rgba(235,184,70,.28);
  border-radius:14px;
  background:
    radial-gradient(circle at 16% 15%,rgba(232,180,57,.10),transparent 30%),
    radial-gradient(circle at 87% 35%,rgba(74,129,235,.10),transparent 28%),
    linear-gradient(145deg,#081522,#07101b);
  box-shadow:0 14px 36px rgba(0,0,0,.22);
}
.bonus-glow{
  position:absolute;inset:-35%;
  background:linear-gradient(115deg,transparent 38%,rgba(255,215,109,.055) 49%,transparent 61%);
  animation:bonusSweep 6s linear infinite;
  pointer-events:none;
}
@keyframes bonusSweep{to{transform:translateX(35%)}}
.bonus-head{position:relative;text-align:center;max-width:820px;margin:0 auto 16px}
.bonus-kicker{
  display:inline-block;color:#f0bc48;font-size:10px;font-weight:1000;letter-spacing:2px;
}
.bonus-head h2{
  margin:7px 0 6px;font-family:Georgia,serif;font-size:clamp(22px,2.4vw,34px);
  line-height:1.08;color:#fff;
}
.bonus-head p{margin:0;color:#9cadbf;font-size:12px;line-height:1.55}
.bonus-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:12px}
.bonus-card{
  border:1px solid #1b3855;border-radius:12px;padding:16px;
  background:linear-gradient(180deg,#091928,#07131f);
}
.bonus-card-featured{
  border-color:rgba(237,186,67,.50);
  background:
    radial-gradient(circle at 85% 10%,rgba(239,183,57,.12),transparent 30%),
    linear-gradient(180deg,#131b25,#091522);
  box-shadow:0 0 24px rgba(220,165,44,.08);
}
.bonus-badge{
  display:inline-flex;padding:5px 9px;border-radius:999px;
  background:rgba(237,185,65,.12);border:1px solid rgba(237,185,65,.30);
  color:#f1c85d;font-size:8px;font-weight:1000;letter-spacing:1.2px;
}
.bonus-badge-normal{
  background:rgba(61,143,221,.10);border-color:rgba(61,143,221,.28);color:#8fcaff;
}
.bonus-card h3{margin:10px 0 9px;color:#fff;font-size:15px}
.bonus-card ul{list-style:none;margin:0 0 13px;padding:0;display:grid;gap:7px}
.bonus-card li{
  display:flex;gap:8px;align-items:center;padding:8px 9px;
  border:1px solid rgba(255,255,255,.055);border-radius:8px;
  background:rgba(4,13,22,.42);color:#b9c6d4;font-size:11px
}
.bonus-card li b{color:#f4c55a;min-width:74px}
.bonus-cta{
  display:block;text-align:center;padding:10px 12px;border-radius:8px;
  background:linear-gradient(180deg,#efc55f,#c98f23);border:1px solid #ffd573;
  color:#171006;font-size:10px;font-weight:1000;letter-spacing:.8px;
}
.bonus-cta-secondary{
  background:linear-gradient(180deg,#154f86,#0b3159);border-color:#3fa7f5;color:#eaf7ff;
}
.bonus-note{
  position:relative;margin-top:10px;text-align:center;color:#74899f;
  font-size:9px;font-weight:800;letter-spacing:.3px
}
@media(max-width:850px){
  .bonus-grid{grid-template-columns:1fr}
}


/* =========================================================
   MUSLOW CONTENT UPDATE — CHAOS / DROPS / CLASSES
   ========================================================= */
.tech-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:0 0 15px}
.tech-kpis>div{padding:12px;border:1px solid #183650;border-radius:10px;background:#081521}
.tech-kpis span{display:block;color:#71879e;font-size:8px;font-weight:1000;letter-spacing:1.1px}
.tech-kpis strong{display:block;color:#f0bd4b;font-size:14px;margin:4px 0}
.tech-kpis small{color:#91a4b8;font-size:9px}
.legacy-content{display:grid;gap:11px}
.legacy-content .alert-box{padding:12px 14px;border-radius:9px;border:1px solid #1b4162;background:#0a1a2a;color:#afc2d5;font-size:11px;line-height:1.55}
.legacy-content .alert-yellow{border-color:rgba(235,184,65,.35);background:rgba(235,184,65,.07);color:#d9c89b}
.grid-links{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.grid-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:78px;border:1px solid #173650;border-radius:10px;background:#081521;transition:.2s}
.grid-item:hover{transform:translateY(-2px);border-color:#2a6da5;background:#0a1c2c}
.grid-item .icon{font-size:24px}.grid-item .title{margin-top:6px;color:#d8e3ed;font-size:10px;font-weight:900;text-align:center}
.reveal{border:1px solid #18354e;border-radius:11px;background:#07131f;overflow:hidden}
.reveal>summary{cursor:pointer;padding:13px 14px;list-style:none;background:linear-gradient(180deg,#0a1a29,#081521);border-bottom:1px solid transparent}
.reveal[open]>summary{border-bottom-color:#18354e}
.reveal-title{color:#f0bd4b;font-weight:1000;font-size:12px}.reveal-sub{margin-left:8px;color:#73899f;font-size:9px}
.reveal-body{padding:12px}.reveal.nested{margin-top:9px;background:#081522}
.cards-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.card.soft,.legacy-content .card{border:1px solid #17334c;border-radius:10px;background:#081522;padding:12px}
.legacy-content h4{margin:0 0 8px;color:#e8b84c;font-size:12px}
.table-wrap{overflow:auto;border-radius:8px;border:1px solid rgba(255,255,255,.045)}
.table{width:100%;border-collapse:collapse;min-width:520px;font-size:10px}
.table th{background:#0d2235;color:#f0c15a;text-align:left;padding:9px;border-bottom:1px solid #1a3a56}
.table td{padding:8px 9px;color:#aebdcb;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:top}
.note-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.pill{display:inline-flex;padding:6px 8px;border-radius:999px;border:1px solid rgba(233,181,63,.22);background:rgba(233,181,63,.06);color:#aebdcb;font-size:9px}
.pill strong{color:#f1c45a;margin-left:3px}
.img-grid.wings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.wings-grid figure{margin:0;padding:9px;border:1px solid #18354d;border-radius:9px;background:#06101a;text-align:center}
.wings-grid img{width:100%;height:105px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.55))}
.wings-grid figcaption{margin-top:6px;color:#a9bbca;font-size:8px;line-height:1.3}
.legacy-content .grid.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.legacy-content .span4{grid-column:auto!important}
.legacy-content .note{margin:5px 0 0;color:#9eb0c1!important;font-size:10px!important;line-height:1.5}
.class-portrait{height:155px;margin:-4px -4px 10px;display:grid;place-items:end center;overflow:hidden;border-radius:9px;background:radial-gradient(circle at 50% 68%,rgba(46,121,190,.14),transparent 55%)}
.class-portrait img{max-width:100%;max-height:155px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.52));transition:.25s}
.detail-card:hover .class-portrait img{transform:scale(1.035)}
@media(max-width:1000px){
 .tech-kpis{grid-template-columns:1fr 1fr}
 .grid-links{grid-template-columns:repeat(3,1fr)}
 .img-grid.wings-grid{grid-template-columns:repeat(3,1fr)}
 .legacy-content .grid.cols3{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
 .tech-kpis{grid-template-columns:1fr 1fr}
 .grid-links{grid-template-columns:1fr 1fr}
 .cards-2{grid-template-columns:1fr}
 .img-grid.wings-grid{grid-template-columns:1fr 1fr}
 .legacy-content .grid.cols3{grid-template-columns:1fr}
 .reveal-sub{display:block;margin:3px 0 0}
}


/* =========================================================
   GRAND OPENING CONTENT UPDATE — ADDITIVE ONLY
   Existing portal visual rules remain untouched.
   ========================================================= */
.box20-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.box20-card{position:relative;border:1px solid #173650;border-radius:11px;background:#071420;padding:10px;overflow:hidden}
.box20-number{position:absolute;top:8px;left:8px;z-index:2;border:1px solid rgba(236,186,67,.38);background:#09121b;color:#f0bd4b;border-radius:7px;padding:4px 6px;font-size:8px;font-weight:1000}
.box20-img{height:126px;display:grid;place-items:center;border-radius:8px;background:radial-gradient(circle,rgba(45,114,174,.10),transparent 60%);overflow:hidden}
.box20-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}
.box20-meta{padding:8px 2px 4px}
.box20-meta>span{color:#66b9f2;font-size:7px;font-weight:1000;letter-spacing:1px}
.box20-meta h3{margin:4px 0;color:#f0bd4b;font-size:12px}
.box20-meta p{margin:0;color:#8ea2b5;font-size:9px;line-height:1.45;min-height:39px}
.box20-card details{margin-top:7px;border-top:1px solid rgba(255,255,255,.055);padding-top:7px}
.box20-card summary{cursor:pointer;color:#dce8f2;font-size:8px;font-weight:1000;letter-spacing:.7px}
.box-drop-list{margin:8px 0 0;padding-left:17px;max-height:170px;overflow:auto;color:#9eb0c0;font-size:9px;line-height:1.55}
.box-empty{color:#8ea2b5;font-size:9px;line-height:1.55}
.kundun-tiers{display:grid;gap:9px}
.kundun-tier{border:1px solid #173650;border-radius:10px;background:#071420;overflow:hidden}
.kundun-tier summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;background:#091a29;color:#f0bd4b;font-size:11px;font-weight:1000}
.kundun-tier summary b{color:#7fc8ff;font-size:8px;letter-spacing:.4px}
.kundun-tier-body{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}
.kundun-column{border:1px solid rgba(255,255,255,.05);border-radius:8px;background:#06111b;padding:10px}
.kundun-column h3{margin:0 0 7px;color:#e9bf5a;font-size:10px}
.kundun-column p{margin:0;color:#9eb0c0;font-size:9px;line-height:1.65}
.download-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:13px}
.download-mirror{display:flex;flex-direction:column;padding:15px;border:1px solid #1b4568;border-radius:10px;background:linear-gradient(180deg,#0a1e30,#071522);transition:.2s}
.download-mirror:hover{transform:translateY(-2px);border-color:#48aaf0}
.download-mirror span{color:#79c8ff;font-size:8px;font-weight:1000;letter-spacing:1px}
.download-mirror b{margin:5px 0;color:#fff;font-size:14px}
.download-mirror em{font-style:normal;color:#f1c35c;font-size:9px;font-weight:1000}
.plugin-fix{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:15px;margin-bottom:12px;border:1px solid rgba(232,182,63,.31);border-radius:11px;background:rgba(232,182,63,.055)}
.plugin-fix h2{margin:0 0 6px;color:#f0bd4b;font-size:17px}.plugin-fix p{margin:0 0 10px;color:#9eb0c0;font-size:10px;line-height:1.6}
.box-system-home .bonus-card p{color:#9eafc0;font-size:11px;line-height:1.55}
@media(max-width:1050px){.box20-grid{grid-template-columns:repeat(3,1fr)}.download-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.box20-grid{grid-template-columns:1fr 1fr}.kundun-tier-body{grid-template-columns:1fr}.kundun-tier summary{align-items:flex-start;flex-direction:column}.download-grid{grid-template-columns:1fr}}
@media(max-width:430px){.box20-grid{grid-template-columns:1fr}}


/* BOX SYSTEM V2 — visual refinement only */
.top-nav .top-new-tab,
.top-new-tab{
  font-weight:900!important;
  letter-spacing:.55px!important;
  font-size:10px!important;
  border-color:#24567b!important;
  background:linear-gradient(180deg,#0b2031,#071622)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.top-new-tab:hover{border-color:#e4ad35!important;color:#ffd66d!important;transform:translateY(-1px)}
.side-nav a span:last-child{font-weight:900;letter-spacing:.25px}
.box20-card{min-height:276px;display:flex;flex-direction:column;padding:11px}
.box20-img{height:142px!important;background:radial-gradient(circle at 50% 48%,rgba(39,113,174,.16),rgba(5,17,27,.94) 66%)!important;border:1px solid rgba(77,143,191,.12)}
.box20-img img{width:94%!important;height:94%!important;object-fit:contain!important;border-radius:7px}
.box20-meta{padding:10px 3px 6px!important}
.box20-meta>span{font-size:7.5px!important;letter-spacing:1.15px!important}
.box20-meta h3{font-size:13px!important;line-height:1.2;margin:5px 0 7px!important;font-weight:900!important;letter-spacing:.1px}
.box20-rule{min-height:0!important;margin:0!important;color:#8fb7d2!important;font-size:7.5px!important;font-weight:900!important;letter-spacing:.65px!important}
.box20-card details{margin-top:auto!important}
.box20-card summary{font-size:9px!important;letter-spacing:.85px!important;padding:3px 0}
.box20-card summary:hover{color:#f0bd4b}
@media(max-width:700px){
 .top-new-tab{font-size:9px!important}
 .box20-card{min-height:260px}
 .box20-img{height:136px!important}
}


/* =========================================================
   BOX SYSTEM V3 PREMIUM — isolated refinement
   ========================================================= */
.box20-premium{min-height:292px!important}
.box20-premium .box20-img{height:148px!important;padding:9px!important;box-sizing:border-box}
.box20-premium .box20-img img{
  width:86%!important;height:86%!important;object-fit:contain!important;
  filter:drop-shadow(0 8px 9px rgba(0,0,0,.44));
  transform:scale(.94);
}
.box20-premium .box20-meta{padding:11px 4px 7px!important}
.box20-premium .box20-meta>span{font-size:8px!important;line-height:1!important}
.box20-premium .box20-meta h3{
  font-size:14px!important;line-height:1.18!important;margin:6px 0 8px!important;
  font-weight:950!important;text-rendering:geometricPrecision
}
.box20-premium .box20-rule{
  color:#a7cbe2!important;font-size:8.3px!important;line-height:1.3!important;
  font-weight:950!important;letter-spacing:.55px!important
}
.box20-details{border-top:0!important;padding-top:8px!important}
.box20-details>summary{
  list-style:none;display:flex!important;align-items:center;justify-content:center;
  min-height:31px;padding:0 10px!important;border:1px solid rgba(228,173,53,.36);
  border-radius:7px;background:linear-gradient(180deg,rgba(224,169,49,.12),rgba(224,169,49,.045));
  color:#f0bd4b!important;font-size:8.5px!important;font-weight:1000!important;
  letter-spacing:.85px!important;transition:.18s
}
.box20-details>summary::-webkit-details-marker{display:none}
.box20-details>summary:hover{border-color:#e4ad35;background:rgba(224,169,49,.14);transform:translateY(-1px)}
.box20-details>ul,.box20-details>.box-empty{display:none!important}

/* Premium drop modal */
body.modal-open{overflow:hidden}
.box-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:22px}
.box-modal.is-open{display:flex}
.box-modal-backdrop{position:absolute;inset:0;background:rgba(0,5,10,.82);backdrop-filter:blur(7px)}
.box-modal-panel{
  position:relative;z-index:2;width:min(790px,96vw);max-height:86vh;overflow:auto;
  display:grid;grid-template-columns:310px 1fr;
  border:1px solid #285a7e;border-radius:16px;
  background:linear-gradient(145deg,#071725,#06111b 65%);
  box-shadow:0 28px 90px rgba(0,0,0,.7),0 0 50px rgba(37,117,177,.08)
}
.box-modal-close{
  position:absolute;right:13px;top:11px;z-index:5;width:32px;height:32px;border-radius:8px;
  border:1px solid #24445d;background:#081521;color:#dce8f2;font-size:20px;cursor:pointer
}
.box-modal-close:hover{color:#f0bd4b;border-color:#a27b2b}
.box-modal-visual{
  min-height:355px;position:relative;display:grid;place-items:center;padding:28px;
  background:radial-gradient(circle at 50% 45%,rgba(40,119,180,.19),transparent 58%),#06131f;
  border-right:1px solid rgba(255,255,255,.055)
}
.box-modal-visual img{width:94%;height:270px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.55))}
.box-modal-rarity{
  position:absolute;left:20px;top:18px;padding:6px 9px;border:1px solid rgba(228,173,53,.32);
  border-radius:6px;background:#08141e;color:#f0bd4b;font-size:8px;font-weight:1000;letter-spacing:1px
}
.box-modal-content{padding:37px 30px 30px}
.box-modal-kicker{color:#65b7ef;font-size:8px;font-weight:1000;letter-spacing:1.5px}
.box-modal-content h2{margin:8px 0 8px;color:#f0bd4b;font-size:25px;line-height:1.1}
.box-modal-rule{color:#a7cbe2;font-size:9px;font-weight:1000;letter-spacing:.8px}
.box-modal-sep{height:1px;background:linear-gradient(90deg,#234966,transparent);margin:19px 0}
.box-modal-content h3{margin:0 0 10px;color:#e8edf2;font-size:10px;letter-spacing:1.3px}
.box-modal-content .box-drop-list{display:grid!important;grid-template-columns:1fr 1fr;gap:5px 18px;max-height:none!important;margin:0;padding-left:17px;color:#a9bac8;font-size:10px;line-height:1.5}
.box-modal-content .box-empty{display:block!important;color:#a9bac8;font-size:10px;line-height:1.6}

/* Stronger typography for only the newly-added nav entries */
.top-new-tab span:last-child{font-size:10px!important;font-weight:1000!important;letter-spacing:.7px!important}
.side-nav a[href*="box-system"] span:last-child,
.side-nav a[href*="downloads"] span:last-child{font-weight:1000!important;letter-spacing:.45px!important}

@media(max-width:720px){
 .box20-premium{min-height:275px!important}
 .box20-premium .box20-img{height:142px!important}
 .box-modal{padding:12px}
 .box-modal-panel{grid-template-columns:1fr;max-height:91vh}
 .box-modal-visual{min-height:220px;padding:18px;border-right:0;border-bottom:1px solid rgba(255,255,255,.055)}
 .box-modal-visual img{height:180px;width:85%}
 .box-modal-content{padding:22px 20px 25px}
 .box-modal-content h2{font-size:21px}
 .box-modal-content .box-drop-list{grid-template-columns:1fr}
}


/* =========================================================
   V4 — KUNDUN MODAL + I18N + DOWNLOADS INTERNAL
   ========================================================= */
.kundun-actions{padding:0 12px 12px}
.kundun-drop-btn{
  width:100%;min-height:34px;border:1px solid rgba(228,173,53,.36);border-radius:7px;
  background:linear-gradient(180deg,rgba(224,169,49,.12),rgba(224,169,49,.045));
  color:#f0bd4b;font-size:8.5px;font-weight:1000;letter-spacing:.85px;cursor:pointer;transition:.18s
}
.kundun-drop-btn:hover{border-color:#e4ad35;background:rgba(224,169,49,.14);transform:translateY(-1px)}
.kundun-modal-visual{min-height:355px}
.kundun-gem{
  width:170px;height:170px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 40% 35%,#ffd968,#d4941f 55%,#6f4209 100%);
  color:#15100a;font-family:Georgia,serif;font-size:54px;font-weight:1000;
  border:4px solid #f1c75d;box-shadow:0 0 44px rgba(229,174,51,.18),inset 0 0 25px rgba(255,255,255,.15)
}
.kundun-gem span{margin-left:4px}
#kundunModalDrops .kundun-tier-body{display:grid!important;grid-template-columns:1fr 1fr!important;padding:0!important;gap:10px!important}
#kundunModalDrops .kundun-column{display:block!important}
@media(max-width:720px){
 #kundunModalDrops .kundun-tier-body{grid-template-columns:1fr!important}
 .kundun-gem{width:125px;height:125px;font-size:40px}
}

/* New tabs: match old portal typography more closely */
.top-new-tab{
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.45px!important;
  line-height:1!important;
}
.top-new-tab span:last-child{font-size:10px!important;font-weight:900!important;letter-spacing:.45px!important}

/* Downloads page remains inside portal */
.download-grid{margin-top:8px}
.download-mirror{min-height:118px;justify-content:center}


/* =========================================================
   V5 — KUNDUN IMAGES + SHARPER NEW PAGE TYPOGRAPHY
   ========================================================= */
.box20-card, .kundun-tier, .download-mirror, .plugin-fix,
.box20-card *, .kundun-tier *, .download-mirror *, .plugin-fix *{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

.box20-meta>span{font-size:9px!important;font-weight:900!important;letter-spacing:.85px!important}
.box20-meta h3{font-size:15px!important;font-weight:900!important;letter-spacing:.05px!important}
.box20-rule{font-size:9.5px!important;font-weight:800!important;letter-spacing:.4px!important}
.box20-details>summary{font-size:10px!important;font-weight:900!important}

.kundun-summary{
  display:grid!important;
  grid-template-columns:72px 1fr auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 14px!important;
}
.kundun-summary-img{
  width:66px;height:66px;object-fit:cover;border-radius:9px;
  border:1px solid rgba(231,181,61,.35);
  box-shadow:0 7px 16px rgba(0,0,0,.35);
}
.kundun-summary span{
  font-size:14px!important;font-weight:900!important;letter-spacing:.1px!important;color:#f0bd4b!important
}
.kundun-summary b{
  font-size:10px!important;font-weight:850!important;line-height:1.35!important;color:#92cfff!important
}
.kundun-column h3{font-size:11.5px!important;font-weight:900!important}
.kundun-column p{font-size:10.5px!important;line-height:1.72!important;color:#b1bfcc!important}
.kundun-drop-btn{font-size:10px!important;font-weight:900!important;min-height:38px!important}

.kundun-modal-visual{min-height:355px!important;padding:28px!important}
.kundun-modal-img{
  width:250px!important;height:250px!important;object-fit:cover!important;border-radius:14px!important;
  border:1px solid rgba(233,183,62,.32)!important;
  box-shadow:0 20px 45px rgba(0,0,0,.55)!important
}

.download-mirror span{font-size:9px!important;font-weight:900!important}
.download-mirror b{font-size:16px!important;font-weight:900!important}
.download-mirror em{font-size:10px!important;font-weight:900!important}
.plugin-fix p{font-size:11px!important;line-height:1.7!important}

.top-new-tab span:last-child,
.side-nav a[href*="box-system"] span:last-child,
.side-nav a[href*="downloads"] span:last-child{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-weight:900!important;
}

@media(max-width:720px){
  .kundun-summary{grid-template-columns:58px 1fr!important}
  .kundun-summary-img{width:54px;height:54px}
  .kundun-summary b{grid-column:2;display:block}
  .kundun-modal-img{width:180px!important;height:180px!important}
}

/* V7 — additive content only; official structure preserved */
.reset-cost-card,.master-quest-card{margin-top:16px}
.premium-table{width:100%;border-collapse:collapse;margin-top:12px}
.premium-table th,.premium-table td{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.07);text-align:center}
.premium-table th{color:#e9bd54;font-size:10px;letter-spacing:.7px}
.premium-table td{color:#dce8f5;font-size:11px;font-weight:750}
.master-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.master-steps>div{padding:14px;border:1px solid rgba(229,177,54,.18);border-radius:9px;background:rgba(229,177,54,.045);display:flex;flex-direction:column;gap:6px;text-align:center}
.master-steps b{color:#e9bd54;font-size:10px;letter-spacing:.7px}.master-steps span{font-size:13px;font-weight:900}
.master-total{margin-top:12px;padding:14px;border:1px solid rgba(229,177,54,.28);border-radius:9px;text-align:center}
.master-total span{display:block;font-size:9px;letter-spacing:1px;color:#91a5b9}.master-total b{display:block;margin-top:4px;color:#f0c65d;font-size:18px}
.mob-level{font-weight:900;color:#f0c65d;text-align:center}
@media(max-width:720px){.master-steps{grid-template-columns:1fr}.premium-table th,.premium-table td{padding:9px 6px;font-size:9.5px}}


/* =========================================================
   V8 — Skills & Mobs integrated into official portal visual
   No old Wiki layout.
   ========================================================= */
.integrated-wiki-page .page-head p{max-width:900px}
.integrated-groups{display:grid;gap:10px}
.portal-accordion{
  border:1px solid #173650;
  border-radius:10px;
  background:#071420;
  overflow:hidden;
}
.portal-accordion summary{
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 15px;
  list-style:none;
  background:linear-gradient(180deg,#091c2c,#071522);
  color:#f0bd4b;
  font-size:12px;
  font-weight:900;
}
.portal-accordion summary::-webkit-details-marker{display:none}
.portal-accordion summary b{
  color:#78c7ff;
  font-size:8px;
  letter-spacing:.7px;
  font-weight:900;
}
.portal-table-wrap{overflow-x:auto}
.portal-data-table{width:100%;border-collapse:collapse}
.portal-data-table th{
  padding:10px 12px;
  background:#081827;
  border-bottom:1px solid #173650;
  color:#8ccfff;
  font-size:8.5px;
  letter-spacing:.7px;
  text-transform:uppercase;
  text-align:left;
}
.portal-data-table td{
  padding:10px 12px;
  border-bottom:1px solid rgba(255,255,255,.045);
  color:#afbfcc;
  font-size:10px;
  line-height:1.5;
}
.portal-data-table tr:hover td{background:rgba(41,111,163,.045)}
.portal-data-table .skill-name,
.portal-data-table .mob-name{color:#e8edf2;font-weight:800}
.portal-data-table .skill-class{color:#8ad5b3;font-weight:800}
.portal-data-table .mob-level{color:#f0bd4b;font-weight:900}
@media(max-width:700px){
  .portal-accordion summary{padding:11px 12px;font-size:11px}
  .portal-data-table th,.portal-data-table td{padding:9px 8px;font-size:9px}
}


/* =========================================================
   V10 — SHARP TYPOGRAPHY
   Refinamento EXCLUSIVO das novas abas Skills & Mobs.
   Estrutura/layout oficial preservados.
   ========================================================= */
.integrated-wiki-page,
.integrated-wiki-page *{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

.integrated-wiki-page .page-head h1{
  color:#f4f7fa;
  font-weight:900;
  letter-spacing:-.2px;
  text-shadow:none;
}

.integrated-wiki-page .page-head p{
  color:#aebdca;
  font-weight:600;
  text-shadow:none;
}

.integrated-wiki-page .tech-kpis span,
.integrated-wiki-page .tech-kpis small{
  text-shadow:none;
  opacity:1;
}

.integrated-wiki-page .tech-kpis strong{
  font-weight:900;
  text-shadow:none;
}

.integrated-wiki-page .portal-accordion summary{
  font-weight:900;
  letter-spacing:.15px;
  text-shadow:none;
}

.integrated-wiki-page .portal-accordion summary b{
  font-weight:800;
  letter-spacing:.45px;
  text-shadow:none;
}

.integrated-wiki-page .portal-data-table th{
  color:#a7d9fb;
  font-size:9px;
  font-weight:900;
  letter-spacing:.5px;
  line-height:1.3;
  text-shadow:none;
  opacity:1;
}

.integrated-wiki-page .portal-data-table td{
  color:#c8d3dd;
  font-size:10.5px;
  font-weight:600;
  line-height:1.55;
  letter-spacing:.05px;
  text-shadow:none;
  opacity:1;
}

.integrated-wiki-page .portal-data-table .skill-name,
.integrated-wiki-page .portal-data-table .mob-name{
  color:#f0f4f7;
  font-weight:850;
  text-shadow:none;
}

.integrated-wiki-page .portal-data-table .skill-class{
  color:#9ee4c3;
  font-weight:850;
  text-shadow:none;
}

.integrated-wiki-page .portal-data-table .mob-level{
  color:#f2c75c;
  font-weight:900;
  text-shadow:none;
}

.integrated-wiki-page .alert-box{
  font-weight:600;
  line-height:1.55;
  text-shadow:none;
}

@media(max-width:700px){
  .integrated-wiki-page .portal-data-table th{font-size:8.8px}
  .integrated-wiki-page .portal-data-table td{font-size:10px;line-height:1.5}
}

/* V11 — Home post-launch Master Reset Box panel */
.master-home-panel .opening-title{margin-top:8px}
.master-home-panel .opening-date{margin-top:8px}
.mr-rewards{display:grid;gap:7px;margin:12px 0 10px}
.mr-reward{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #183b59;border-radius:9px;background:linear-gradient(180deg,rgba(11,31,48,.96),rgba(6,20,32,.96));text-align:left}
.mr-icon{width:30px;flex:0 0 30px;text-align:center;font-size:19px}
.mr-reward>div:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.mr-reward strong{color:#f3c453;font-size:11px;font-weight:950;letter-spacing:.35px;line-height:1.15}
.mr-reward small{color:#d9e4ed;font-size:8px;font-weight:800;letter-spacing:.25px;line-height:1.25}
.mr-jewel-list{margin-top:-4px;color:#87a7bd;font-size:7px;font-weight:800;letter-spacing:.25px;text-align:center}
.mr-money small{color:#e7edf2}
.mr-cycle{padding:8px 0;margin-top:8px}
.mr-cycle strong{font-size:12px!important;line-height:1.2}
@media(max-width:900px){.mr-rewards{margin:10px 0}.mr-reward{padding:8px}.mr-reward strong{font-size:10px}}