:root{--bg:#030507;--panel:#080c12;--gold:#d19a35;--gold2:#f0c86b;--line:#5e421d;--text:#eee5d5;--muted:#aaa294}
*{box-sizing:border-box}body{margin:0;background:#030507;color:var(--text);font-family:Segoe UI,Arial,sans-serif}a{text-decoration:none;color:inherit}
.shell{width:min(1320px,calc(100% - 34px));margin:auto}.topbar{background:#020405;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.nav{height:78px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:260px}.brand img{width:64px;height:64px;object-fit:contain}.brand b{display:block;color:var(--gold2);font:800 24px Georgia,serif}.brand small{display:block;color:#9f7935;font-size:8px;letter-spacing:5px}.navlinks{display:flex;gap:30px;margin-left:auto}.navlinks a{height:78px;display:flex;align-items:center;font-weight:800;font-size:12px;position:relative}.navlinks a.active{color:var(--gold2)}.navlinks a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold)}
.actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid #765323;font-size:12px;font-weight:900}.btn.gold{background:#9f650d}.btn.ghost{background:#0b1725}
.hero{min-height:570px;background:linear-gradient(90deg,#030507 0%,rgba(3,5,7,.95) 28%,rgba(3,5,7,.58) 50%,rgba(3,5,7,.05) 76%),url('hero.webp') center/cover no-repeat;border-bottom:1px solid var(--line)}
.hero .inner{padding:120px 0}.hero h1{font:800 72px Georgia,serif;margin:0 0 14px;color:var(--gold2)}.hero p{max-width:520px;color:#cfc6b7;font-size:17px;line-height:1.6}.hero .buttons{display:flex;gap:12px;margin-top:26px}
.stats{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);background:#070b10;margin-top:-1px}.stat{padding:18px;border-right:1px solid #322817}.stat:last-child{border-right:0}.stat small{display:block;color:#b9ab8d;font-size:10px;font-weight:900}.stat b{display:block;color:var(--gold2);font:800 22px Georgia,serif;margin-top:4px}
.section{padding:48px 0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border:1px solid var(--line);background:#080c12;padding:20px}.card h2,.card h3{color:var(--gold2);font-family:Georgia,serif;margin-top:0}.row{padding:12px 0;border-bottom:1px solid #242018}.row:last-child{border-bottom:0}
.pagehero{background:linear-gradient(90deg,#030507,rgba(3,5,7,.74)),url('desktop-background.webp') center 44%/cover no-repeat;border-bottom:1px solid var(--line)}.pagehero .shell{padding:60px 0}.pagehero h1{font:800 48px Georgia,serif;color:var(--gold2);margin:0 0 8px}.pagehero p{color:#b8afa0}
.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{padding:12px 16px;border:1px solid var(--line);background:#080c12}.tab.active{background:#8d5709}
.tablewrap{overflow:auto;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:680px;background:#080c12}th,td{padding:13px;border-bottom:1px solid #232018;text-align:left;font-size:12px}th{color:#bdaa82;background:#0b1017}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.formcard{border:1px solid var(--line);background:#080c12;padding:24px}.field{margin-top:12px}.field label{display:block;font-size:10px;font-weight:900;margin-bottom:6px}.field input{width:100%;padding:13px;background:#04070a;border:1px solid #3b3326;color:#fff}.formcard .btn{width:100%;margin-top:16px}
footer{border-top:1px solid var(--line);background:#020405}.foot{padding:24px 0;color:#817a70;font-size:11px}
@media(max-width:1000px){.navlinks{display:none}.actions{margin-left:auto}.grid3{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}}


/* V2: hero uses the artwork only. No duplicated HTML title/text/buttons. */
.hero-image-only{
  position:relative;
  min-height:570px;
  background:
    url('hero.webp') center center/cover no-repeat;
  border-bottom:1px solid var(--line);
  overflow:hidden;
}

/* Clickable areas positioned over the buttons that are already inside the hero image. */
.hero-hotspot{
  position:absolute;
  z-index:4;
  display:block;
  background:transparent;
  border:0;
}
.hero-start{
  left:36.0%;
  top:76.0%;
  width:14.5%;
  height:10.5%;
}
.hero-download{
  left:51.3%;
  top:76.0%;
  width:15.5%;
  height:10.5%;
}

/* Do not show the old hero text/layout if cached markup somehow remains. */
.hero-image-only .inner,
.hero-image-only h1,
.hero-image-only p,
.hero-image-only .buttons{
  display:none!important;
}

@media(max-width:1000px){
  .hero-image-only{min-height:500px;background-position:center center}
  .hero-start{left:31%;top:76%;width:18%;height:11%}
  .hero-download{left:51%;top:76%;width:20%;height:11%}
}
@media(max-width:720px){
  .hero-image-only{min-height:390px;background-position:58% center}
  .hero-start{left:23%;top:77%;width:26%;height:12%}
  .hero-download{left:51%;top:77%;width:29%;height:12%}
}


/* V3 — clickable hero image buttons */
.hero-image-only{
  position:relative;
  min-height:570px;
  background:url('desktop-background.webp') center center/cover no-repeat;
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.hero-hotspot{
  position:absolute;
  z-index:50;
  display:block;
  cursor:pointer;
  background:rgba(255,255,255,0.001);
}

/* Exact hit areas over the button artwork in the hero image */
.hero-start{
  left:35.4%;
  top:87.4%;
  width:14.5%;
  height:9.8%;
}
.hero-download{
  left:51.0%;
  top:87.4%;
  width:14.9%;
  height:9.8%;
}

.hero-hotspot{
  pointer-events:auto !important;
  cursor:pointer !important;
}

/* Optional hover feedback without changing the artwork itself */
.hero-hotspot:hover{
  box-shadow:0 0 0 2px rgba(240,190,86,.22) inset;
}

@media(max-width:1000px){
  .hero-start{left:31.0%;top:87.0%;width:19.0%;height:10.5%}
  .hero-download{left:51.0%;top:87.0%;width:20.0%;height:10.5%}
}
@media(max-width:720px){
  .hero-start{left:21.5%;top:86.5%;width:28.5%;height:11.5%}
  .hero-download{left:50.5%;top:86.5%;width:30.5%;height:11.5%}
  .download-logo-main{width:95px;height:95px}
}


/* V6 - force compact logo on Download page */
.download-card{
  min-height:240px !important;
  padding:28px !important;
}
.download-card .download-logo-main{
  width:158px !important;
  height:158px !important;
  max-width:158px !important;
  max-height:158px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto 10px !important;
}
.download-title{
  margin:0 0 18px !important;
  font-size:24px !important;
}
@media(max-width:720px){
  .download-card .download-logo-main{
    width:123px !important;
    height:123px !important;
    max-width:123px !important;
    max-height:123px !important;
  }
}


/* V8 — progression / D15 / coin content */
.news-post{
  margin-bottom:16px;
  padding:26px;
}
.news-post h2{
  margin:6px 0 12px;
  color:var(--gold2);
  font:800 27px Georgia,serif;
}
.news-post p{
  color:#c8c0b2;
  line-height:1.7;
  max-width:980px;
}
.news-badge{
  display:inline-block;
  padding:6px 10px;
  border:1px solid #75501e;
  background:#0b1017;
  color:#d9a943;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.5px;
}
.news-highlight{
  margin:18px 0;
  padding:17px 18px;
  border:1px solid #855a1f;
  background:linear-gradient(90deg,#0c1117,#090c10);
  display:flex;
  justify-content:space-between;
  gap:18px;
}
.news-highlight b{color:#efc463}
.news-highlight span{color:#f0dfba;font-weight:800}
.coin-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:18px;
}
.coin-box{
  border:1px solid #5f431d;
  background:#070b10;
  padding:18px;
}
.coin-box b{color:#efc463;font:700 18px Georgia,serif}
.coin-box p{font-size:13px;margin-bottom:0}
.progress-road{
  margin-top:18px;
  display:grid;
  gap:8px;
}
.progress-road div{
  display:grid;
  grid-template-columns:90px 1fr;
  gap:14px;
  padding:13px 15px;
  border:1px solid #41331f;
  background:#070b10;
}
.progress-road strong{color:#edbd55;font:800 20px Georgia,serif}
.progress-road span{color:#bbb2a3;align-self:center}

.endgame-card{
  margin-top:16px;
  padding:28px;
  background:
    radial-gradient(circle at 80% 50%,rgba(154,86,10,.13),transparent 35%),
    linear-gradient(180deg,#0a0f15,#070a0e);
}
.endgame-card h2{
  margin:7px 0 12px;
  color:#efc766;
  font:800 30px Georgia,serif;
}
.endgame-card p{color:#c5bdaf;line-height:1.65;max-width:900px}
.endgame-label{
  color:#d6a240;
  font-size:9px;
  font-weight:900;
  letter-spacing:2px;
}
.d15-cost{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid #67481f;
  background:#060a0f;
}
.d15-cost div{
  padding:17px;
  text-align:center;
  border-right:1px solid #392d1b;
}
.d15-cost div:last-child{border-right:0}
.d15-cost small{display:block;color:#a99b82;font-size:9px;font-weight:900}
.d15-cost strong{display:block;margin-top:5px;color:#f0c96c;font:800 23px Georgia,serif}
.coin-info{margin-top:16px}
.coin-info p{color:#bdb4a4;line-height:1.55}

@media(max-width:800px){
  .coin-grid{grid-template-columns:1fr}
  .d15-cost{grid-template-columns:1fr 1fr}
  .d15-cost div:nth-child(2){border-right:0}
  .d15-cost div{border-bottom:1px solid #392d1b}
  .news-highlight{display:block}
  .news-highlight span{display:block;margin-top:8px}
}


/* V10 - official degree price table */
.price-table-wrap{
  margin-top:18px;
  border-color:#6f4b1c;
}
.price-table{
  min-width:860px;
}
.price-table th{
  color:#e6c777;
  font-family:Georgia,serif;
  font-size:11px;
}
.price-table td{
  font-size:13px;
}
.price-table td:first-child{
  color:#f0c96a;
  font:800 18px Georgia,serif;
}
.price-table td:nth-child(2){
  color:#ddc78e;
  font-weight:800;
}
.price-table tr:last-child td{
  color:#f1d27d;
  background:rgba(121,72,10,.12);
}


/* V11 — separate desktop/mobile website backgrounds */
.hero-image-only{
  background-image:url('desktop-background.webp') !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
.pagehero{
  background-image:
    linear-gradient(90deg,#030507,rgba(3,5,7,.74)),
    url('desktop-background.webp') !important;
  background-position:center 44% !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
@media(max-width:720px){
  .hero-image-only{
    background-image:url('mobile-background.webp') !important;
    background-position:center center !important;
    background-size:cover !important;
  }
  .pagehero{
    background-image:
      linear-gradient(90deg,#030507,rgba(3,5,7,.74)),
      url('mobile-background.webp') !important;
    background-position:center center !important;
    background-size:cover !important;
  }
}


/* V12 - Account Control Panel */
.form-sub{color:#9f9788;margin-top:-4px;margin-bottom:18px;line-height:1.5}
.account-message{
  margin-bottom:16px;padding:13px 15px;border:1px solid #67471d;background:#080c12;font-size:13px;
}
.account-message.ok{border-color:#315d3b;color:#a9dcb1}
.account-message.error{border-color:#7a3e35;color:#ffb3a7}

.account-shell{
  display:grid;grid-template-columns:250px 1fr;gap:14px;align-items:start;
}
.account-side{
  border:1px solid var(--line);background:#070b10;padding:18px;position:sticky;top:94px;
}
.account-user{
  display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid #2a251b;
}
.account-avatar{
  width:48px;height:48px;border:1px solid #815b24;background:linear-gradient(135deg,#1c1308,#8d5b11);
  color:#f0c96b;display:grid;place-items:center;font:800 23px Georgia,serif;
}
.account-user b{display:block;color:#f0c96b;font:700 17px Georgia,serif}
.account-user small{display:block;color:#847e72;margin-top:3px}
.account-nav{display:grid;margin:14px -18px}
.account-nav a{
  padding:13px 18px;color:#aaa294;font-size:11px;font-weight:900;border-left:2px solid transparent;
  display:flex;justify-content:space-between;gap:8px;
}
.account-nav a span{color:#d4a343}
.account-nav a:hover,.account-nav a.active{background:#0b1118;color:#f0c96b;border-left-color:#d69a31}
.account-download{width:100%;margin-top:8px}
.account-logout{display:block;text-align:center;margin-top:14px;color:#9c8571;font-size:10px;font-weight:900}
.account-logout:hover{color:#e5b963}

.account-main{border:1px solid var(--line);background:#060a0f;padding:24px;min-width:0}
.account-heading{
  display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;
  border-bottom:1px solid #2b251a;padding-bottom:16px;
}
.account-heading h2{margin:3px 0 0;color:#f0c96b;font:800 29px Georgia,serif}
.account-kicker{color:#b98c37;font-size:9px;font-weight:900;letter-spacing:2px}

.account-stats{
  display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #5c421e;background:#080c12;margin-bottom:14px;
}
.account-stats div{padding:15px;border-right:1px solid #2f291c;min-width:0}
.account-stats div:last-child{border-right:0}
.account-stats small{display:block;color:#8f887b;font-size:9px;font-weight:900;letter-spacing:.8px}
.account-stats strong{
  display:block;margin-top:6px;color:#e4c06b;font:700 17px Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.status-ready{color:#8fd29a!important}

.account-card{
  border:1px solid #58401d;background:#080c12;padding:20px;
}
.account-card h3{margin:0 0 8px;color:#ecc362;font:700 21px Georgia,serif}
.account-card p{color:#aaa294;line-height:1.55}
.mini-char-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px}
.mini-char{border:1px solid #342c20;background:#06090d;padding:13px}
.mini-char b{display:block;color:#efc666;font:700 16px Georgia,serif}
.mini-char span{display:block;margin-top:4px;font-size:12px}
.mini-char small{display:block;margin-top:5px;color:#817b70}
.last-login{margin-top:15px;color:#817b70;font-size:11px}

.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.character-card{
  border:1px solid #60451e;background:linear-gradient(180deg,#0a0f15,#06090d);padding:18px;position:relative;overflow:hidden;
}
.character-card:after{
  content:"";position:absolute;right:-28px;top:-28px;width:90px;height:90px;border:1px solid rgba(208,153,50,.12);transform:rotate(45deg);
}
.character-level{color:#bc8d38;font-size:9px;font-weight:900;letter-spacing:1px}
.character-card h3{margin:5px 0 17px;color:#efc666;font:700 22px Georgia,serif}
.character-meta{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid #29241b;font-size:11px}
.character-meta span{color:#898377}.character-meta b{color:#d6c5a2}

.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.security-form .field{margin-top:13px}
.security-form .btn{width:100%;margin-top:17px}

@media(max-width:950px){
  .account-shell{grid-template-columns:1fr}
  .account-side{position:static}
  .account-nav{grid-template-columns:repeat(3,1fr);margin:14px 0}
  .account-nav a{border-left:0;border-bottom:2px solid transparent;padding:12px 8px;justify-content:center}
  .account-nav a.active{border-bottom-color:#d69a31}
  .account-stats{grid-template-columns:1fr 1fr}
  .account-stats div:nth-child(2){border-right:0}
  .character-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .account-main{padding:16px}
  .account-heading{display:block}
  .account-heading .btn{margin-top:12px}
  .account-stats{grid-template-columns:1fr}
  .account-stats div{border-right:0;border-bottom:1px solid #2f291c}
  .mini-char-grid,.character-grid,.security-grid{grid-template-columns:1fr}
  .account-nav{grid-template-columns:1fr}
}


/* V13 — Character Details / Inventory / Unstuck */
.character-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}
.character-actions .btn{padding:0 8px;font-size:9px;min-height:36px}
.character-top-actions{display:flex;gap:7px}

.detail-hero{
  display:grid;grid-template-columns:repeat(4,1fr);
  border:1px solid #69491e;background:linear-gradient(180deg,#0b1017,#070a0e);margin-bottom:12px;
}
.detail-hero div{padding:18px;border-right:1px solid #332a1a}
.detail-hero div:last-child{border-right:0}
.detail-hero small,.detail-box small{display:block;color:#918877;font-size:9px;font-weight:900;letter-spacing:.8px}
.detail-hero strong{display:block;margin-top:5px;color:#efc566;font:800 21px Georgia,serif}

.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}
.detail-box{border:1px solid #40331f;background:#080c12;padding:14px}
.detail-box strong{display:block;margin-top:5px;color:#e1c27d;font:700 16px Georgia,serif}

.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tool-btn{width:100%;margin-top:12px}
.tool-note{display:block;color:#7f786d;margin-top:9px}
.tool-disabled{color:#8d8373!important}
.confirm-line{display:flex;align-items:center;gap:8px;margin-top:13px;color:#b6ac9a;font-size:11px}
.confirm-line input{accent-color:#a66c15}
button[disabled]{opacity:.48;cursor:not-allowed}

.inventory-summary{
  border:1px solid #45371f;background:#080c12;padding:12px 14px;margin-bottom:12px;
  display:flex;justify-content:space-between;gap:12px;font-size:11px;
}
.inventory-summary b{color:#e5bd62}
.inventory-summary span{color:#857e72}
.inventory-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;
}
.inventory-item{
  min-width:0;border:1px solid #44371f;background:#080c12;padding:10px;
  display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center;
}
.inventory-icon{
  width:58px;height:58px;border:1px solid #6b4a1e;background:#04070a;position:relative;display:grid;place-items:center;
}
.inventory-icon img{width:54px;height:54px;object-fit:contain;image-rendering:auto}
.inventory-icon span{
  position:absolute;right:2px;bottom:2px;padding:1px 4px;background:#020304;border:1px solid #77531f;
  color:#f0c665;font-size:9px;font-weight:900;
}
.inventory-copy{min-width:0}
.inventory-copy small{display:block;color:#a27c35;font-size:8px;font-weight:900;letter-spacing:.7px}
.inventory-copy b{
  display:block;margin-top:4px;color:#e7d1a0;font-size:11px;line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.inventory-copy em{
  display:block;margin-top:4px;color:#615d56;font-size:8px;font-style:normal;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

@media(max-width:1050px){
  .inventory-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:850px){
  .detail-hero{grid-template-columns:1fr 1fr}
  .detail-hero div:nth-child(2){border-right:0}
  .detail-grid{grid-template-columns:1fr 1fr}
  .inventory-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .character-top-actions{display:grid;margin-top:12px}
  .detail-hero,.detail-grid,.tool-grid,.inventory-grid{grid-template-columns:1fr}
  .detail-hero div{border-right:0;border-bottom:1px solid #332a1a}
  .detail-hero div:last-child{border-bottom:0}
  .inventory-item{grid-template-columns:64px 1fr}
}


/* V14 — premium type, glow, hover feedback, gender portrait, icon picker */
:root{
  --glow:rgba(226,164,54,.28);
  --glowStrong:rgba(240,198,92,.42);
}
body{
  font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;
  letter-spacing:.08px;
}
h1,h2,h3,.brand b,.stat b,
.account-heading h2,.account-card h3,.character-card h3,
.detail-hero strong,.detail-box strong,.account-stats strong{
  font-family:Cambria,"Palatino Linotype",Georgia,serif !important;
  text-shadow:0 1px 0 #000,0 0 9px rgba(222,157,42,.18);
}
.pagehero h1,.account-heading h2,.character-card h3{
  text-shadow:0 2px 2px #000,0 0 12px rgba(235,177,67,.23);
}

.btn,.card,.account-card,.character-card,.inventory-item,.mini-char,
.account-nav a,.tab,.profile-icon-choice,.detail-box{
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,
             background-color .18s ease,color .18s ease,text-shadow .18s ease;
}
.btn:hover,.tab:hover,.account-nav a:hover{
  border-color:#c99331;
  box-shadow:0 0 12px var(--glow),inset 0 0 10px rgba(207,141,28,.06);
  text-shadow:0 0 8px rgba(255,214,122,.35);
}
.btn:active,.profile-icon-choice:active{
  transform:translateY(1px) scale(.99);
  box-shadow:0 0 16px var(--glowStrong),inset 0 0 12px rgba(222,156,43,.12);
}
.card:hover,.account-card:hover,.character-card:hover,.inventory-item:hover,.mini-char:hover,.detail-box:hover{
  border-color:#8a6227;
  box-shadow:0 0 14px rgba(205,143,38,.12),inset 0 0 14px rgba(187,124,24,.025);
}
.character-card:hover,.inventory-item:hover,.mini-char:hover{
  transform:translateY(-1px);
}
.account-nav a.active,.tab.active,.profile-icon-choice.active{
  box-shadow:0 0 12px rgba(231,174,65,.22),inset 0 0 15px rgba(186,121,21,.08);
  text-shadow:0 0 7px rgba(255,213,118,.30);
}
a:focus-visible,button:focus-visible,input:focus-visible{
  outline:1px solid #e1ae4b;
  box-shadow:0 0 0 3px rgba(225,174,75,.12),0 0 14px rgba(225,174,75,.18);
}

/* Profile icon replacing the old account letter box */
.account-avatar{
  width:58px !important;height:58px !important;padding:5px !important;
  background:radial-gradient(circle at 50% 45%,#151d27,#070a0e) !important;
  border:1px solid #9a6a27 !important;
  box-shadow:0 0 13px rgba(214,153,48,.14),inset 0 0 13px rgba(214,153,48,.05);
}
.account-avatar img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 5px rgba(227,176,76,.22))}
.profile-icon-card{margin-bottom:14px}
.profile-icon-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:13px}
.profile-icon-head h3{margin:3px 0 0}
.profile-icon-head small{color:#7f786d}
.profile-icon-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.profile-icon-choice{
  border:1px solid #49381f;background:#05090d;min-height:66px;cursor:pointer;padding:8px;
}
.profile-icon-choice img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(224,167,58,.15))}
.profile-icon-choice:hover,.profile-icon-choice.active{
  border-color:#c18a2e;background:#0a1017;box-shadow:0 0 14px rgba(227,164,54,.20);
}

/* Character male/female visual */
.character-detail-layout{
  display:grid;grid-template-columns:210px 1fr;gap:14px;align-items:stretch;
}
.character-detail-content{min-width:0}
.character-portrait-card{
  border:1px solid #775421;background:#06090e;position:relative;overflow:hidden;
  min-height:410px;box-shadow:inset 0 0 35px rgba(194,132,27,.05);
}
.character-portrait-card:before{
  content:"";position:absolute;inset:8px;border:1px solid rgba(220,167,64,.20);pointer-events:none;z-index:2;
}
.character-portrait-card img{width:100%;height:100%;min-height:410px;display:block;object-fit:cover}
.portrait-caption{
  position:absolute;left:0;right:0;bottom:0;padding:18px 14px 14px;
  background:linear-gradient(transparent,rgba(2,4,7,.92));z-index:3;
}
.portrait-caption small{display:block;color:#ae8134;font-size:8px;font-weight:900;letter-spacing:1.5px}
.portrait-caption b{
  display:block;color:#efc76c;font:800 21px Cambria,"Palatino Linotype",Georgia,serif;
  text-shadow:0 2px 2px #000,0 0 10px rgba(227,170,61,.24);
}

/* Large dynamic values: visual emphasis after compact formatting */
.detail-box strong,.detail-hero strong{
  letter-spacing:.25px;
  text-shadow:0 1px 0 #000,0 0 9px rgba(225,167,59,.20);
}

/* Inventory now shows only actual in-game display names */
.inventory-copy b{
  font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;
  font-size:11px;
  text-shadow:0 1px 0 #000,0 0 6px rgba(220,158,46,.12);
}
.inventory-copy em{display:none!important}

@media(max-width:900px){
  .profile-icon-picker{grid-template-columns:repeat(4,1fr)}
  .character-detail-layout{grid-template-columns:160px 1fr}
  .character-portrait-card,.character-portrait-card img{min-height:330px}
}
@media(max-width:650px){
  .character-detail-layout{grid-template-columns:1fr}
  .character-portrait-card{max-height:360px}
  .character-portrait-card img{min-height:360px;object-position:center 22%}
  .profile-icon-picker{grid-template-columns:repeat(4,1fr)}
  .profile-icon-head{display:block}
  .profile-icon-head small{display:block;margin-top:6px}
}

/* V14.1 — circular selectable account icon */
.account-avatar{
  border-radius:50% !important;
  overflow:hidden !important;
}
.account-avatar img{
  border-radius:50% !important;
}


/* V15 — easy account features */
.account-stats-wide{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr)) !important;
}
.account-stats-wide div{
  border-bottom:0;
}
.easy-feature-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:12px;
}
.metric-row{
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding:10px 0;
  border-top:1px solid #2d271c;
  font-size:11px;
}
.metric-row span{color:#8f887b}
.metric-row b{
  color:#e7c373;
  text-shadow:0 0 8px rgba(224,163,54,.16);
  max-width:58%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.equipment-card{margin-bottom:12px}
.equipment-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:end;
  margin-bottom:12px;
}
.equipment-head h3{margin:3px 0 0}
.equipment-head small{color:#7f786d}
.equipment-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.equipment-row{
  display:grid;
  grid-template-columns:58px 1fr 36px;
  align-items:center;
  gap:9px;
  padding:10px 11px;
  border:1px solid #3c301f;
  background:#060a0f;
  transition:.18s ease;
}
.equipment-row:hover{
  border-color:#8b6227;
  box-shadow:0 0 12px rgba(220,158,47,.11);
}
.equipment-row span{
  color:#a47a32;
  font-size:8px;
  font-weight:900;
  letter-spacing:.6px;
}
.equipment-row b{
  min-width:0;
  color:#d8c39a;
  font-size:10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.equipment-row em{
  color:#f0c66a;
  font-style:normal;
  text-align:right;
  font-size:10px;
  font-weight:900;
}
.detail-hero{
  grid-template-columns:repeat(5,1fr) !important;
}
.character-portrait-card img{
  object-fit:cover !important;
  object-position:center center !important;
}
@media(max-width:900px){
  .detail-hero{grid-template-columns:repeat(2,1fr) !important}
}
@media(max-width:650px){
  .easy-feature-grid,.equipment-list{grid-template-columns:1fr}
  .equipment-head{display:block}
  .equipment-head small{display:block;margin-top:6px}
  .detail-hero{grid-template-columns:1fr !important}
}


/* V17 — compact race/gender portrait + all easy features + stronger mouse glow */
.overview-info-strip{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:10px;
  margin-bottom:14px;
}
.overview-info-box{
  position:relative;
  overflow:hidden;
  border:1px solid #4e3a20;
  background:linear-gradient(180deg,#0a0f15,#060a0f);
  padding:15px;
}
.overview-info-box small{display:block;color:#967d51;font-size:8px;font-weight:900;letter-spacing:1px}
.overview-info-box strong{display:block;margin-top:5px;color:#efc66b;font:800 19px Cambria,Georgia,serif}
.overview-info-box .info-date{font-size:13px;line-height:1.35}
.overview-info-box span{display:block;margin-top:4px;color:#746f66;font-size:9px}
.gold-box strong{font-size:23px}

.overview-two-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.security-check-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #2e291e;font-size:11px}
.security-check-row span{color:#90897c}
.security-check-row b{font-size:9px;letter-spacing:.8px}
.check-good{color:#80cf8d}
.check-warn{color:#e8a35d}
.compact-btn{width:100%;margin-top:10px}
.quick-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
.quick-link-grid a{
  padding:11px;border:1px solid #3e3220;background:#060a0e;color:#c8b78e;
  font-size:9px;font-weight:900;text-align:center;transition:.18s ease;
}
.quick-link-grid a:hover{border-color:#a87527;color:#f0c86b;box-shadow:0 0 14px rgba(232,172,60,.18)}

.character-search-wrap input{
  width:230px;max-width:100%;padding:11px 12px;background:#05080c;border:1px solid #47371f;color:#eee5d5;
}
.character-card-head{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;margin-bottom:12px}
.character-list-portrait{
  width:54px;height:64px;object-fit:cover;border:1px solid #896027;background:#05080c;
  box-shadow:0 0 10px rgba(224,159,44,.12);
}
.character-card-title{min-width:0}
.character-card-title h3{margin:2px 0 3px!important}
.character-card-title small{color:#847d70;font-size:8px}
.copy-name-btn,.show-id-btn{
  border:1px solid #514021;background:#070b10;color:#ad9567;padding:6px 8px;font-size:8px;font-weight:900;
  cursor:pointer;transition:.18s ease;
}
.copy-name-btn:hover,.show-id-btn:hover,.copy-name-btn.copied,.show-id-btn.revealed{
  color:#ffd984;border-color:#bb842d;box-shadow:0 0 12px rgba(236,175,62,.25);
}
.mini-char-name,.character-title-line{display:flex;align-items:center;justify-content:space-between;gap:8px}
.character-title-line{justify-content:flex-start}
.character-title-line h2{margin-right:6px}
.hidden-char-id{margin-top:5px;display:flex;gap:8px;align-items:center}
.hidden-char-id span{color:#8d826e;font-size:9px}

/* Smaller and cleaner character image */
.character-detail-layout{
  grid-template-columns:138px 1fr !important;
  gap:12px !important;
}
.character-portrait-card{
  min-height:210px !important;
  height:230px !important;
  border:1px solid #855d23 !important;
  background:linear-gradient(180deg,#0c1118,#05080c) !important;
  border-radius:2px;
  box-shadow:0 0 14px rgba(211,149,43,.10),inset 0 0 24px rgba(205,141,36,.04) !important;
}
.character-portrait-card:before{
  inset:5px !important;
  border-color:rgba(232,180,74,.16) !important;
}
.character-portrait-card img{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center 20% !important;
  filter:saturate(.95) contrast(1.04);
}
.portrait-caption{
  padding:22px 9px 9px !important;
  background:linear-gradient(transparent,rgba(2,4,7,.96)) !important;
}
.portrait-caption small{font-size:7px!important;letter-spacing:.8px!important}
.portrait-caption b{font-size:15px!important}

.detail-hero{grid-template-columns:repeat(5,1fr)!important}
.detail-hero div{padding:14px!important}
.detail-hero strong{font-size:17px!important}

/* Stronger but still soft mouse-follow glow */
.mouse-glow{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.mouse-glow::after{
  content:"";
  pointer-events:none;
  position:absolute;
  z-index:-1;
  left:0;top:0;width:100%;height:100%;
  opacity:0;
  transition:opacity .18s ease;
  background:
    radial-gradient(
      150px circle at var(--mx,50%) var(--my,50%),
      rgba(238,181,69,.18),
      rgba(211,143,35,.065) 38%,
      transparent 72%
    );
}
.mouse-glow:hover::after{opacity:1}
.mouse-glow:hover{
  border-color:#a9782d!important;
  box-shadow:
    0 0 18px rgba(226,164,53,.18),
    0 0 4px rgba(255,210,112,.08),
    inset 0 0 15px rgba(214,144,30,.045)!important;
}
.btn:hover,.account-nav a:hover,.tab:hover{
  box-shadow:0 0 18px rgba(230,169,59,.27),inset 0 0 12px rgba(211,143,30,.08)!important;
}
.account-nav a.active{
  box-shadow:inset 10px 0 20px rgba(219,154,38,.055),0 0 12px rgba(225,164,52,.10)!important;
}

/* Tighten profile picker slightly */
.profile-icon-picker{grid-template-columns:repeat(8,minmax(44px,1fr))!important}
.profile-icon-choice{min-height:56px!important;padding:6px!important}
.profile-icon-choice img{width:38px!important;height:38px!important}

@media(max-width:900px){
  .overview-two-grid{grid-template-columns:1fr}
  .character-detail-layout{grid-template-columns:112px 1fr!important}
  .character-portrait-card{height:200px!important}
  .detail-hero{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:650px){
  .character-list-heading{display:block}
  .character-search-wrap{margin-top:12px}
  .character-search-wrap input{width:100%}
  .character-detail-layout{grid-template-columns:1fr!important}
  .character-portrait-card{width:120px!important;height:155px!important;min-height:155px!important;margin:0 auto 10px}
  .portrait-caption b{font-size:13px!important}
  .overview-info-strip,.overview-two-grid,.quick-link-grid{grid-template-columns:1fr}
  .profile-icon-picker{grid-template-columns:repeat(4,1fr)!important}
  .detail-hero{grid-template-columns:1fr!important}
}


/* ===========================
   V18 PREMIUM UX
   =========================== */

/* Discord / Facebook */
.social-mini{
  width:34px;height:34px;display:grid;place-items:center;border:1px solid #51442d;
  background:#090d13;font-weight:900;font-size:14px;transition:.18s ease;
}
.discord-social{color:#aeb8ff;border-color:#58649d}
.facebook-social{color:#8eb8ff;border-color:#415f8b;font:900 18px Arial}
.social-mini:hover{transform:translateY(-1px);box-shadow:0 0 16px rgba(125,150,235,.22)}
.discord-btn{
  gap:8px;color:#e8ecff!important;border-color:#5f6fb2!important;
  background:linear-gradient(180deg,rgba(86,101,176,.28),rgba(25,30,53,.30)),#09101a!important;
}
.discord-btn:hover{border-color:#8998ef!important;box-shadow:0 0 20px rgba(113,128,222,.24)!important}
.discord-dot{width:8px;height:8px;border-radius:50%;background:#8d9cff;box-shadow:0 0 10px rgba(141,156,255,.8)}
.facebook-btn{color:#e8f2ff!important;border-color:#496f9f!important;background:#0c1724!important}

/* Remember username */
.remember-user{margin-top:12px;display:flex;align-items:center;gap:8px;color:#948c7e;font-size:10px;cursor:pointer;user-select:none}
.remember-user input{width:14px!important;height:14px!important;padding:0!important;accent-color:#bd842b}
.remember-user:hover{color:#d7bf88}

/* Character card race identity */
.character-card,.mini-char{--race-line:rgba(203,148,55,.18)}
.character-card.race-chinese,.mini-char.race-chinese{
  background:
    radial-gradient(circle at 91% 9%,rgba(158,36,25,.18),transparent 31%),
    linear-gradient(135deg,rgba(94,22,17,.07),transparent 48%),
    linear-gradient(180deg,#0b0f14,#06090d)!important;
}
.character-card.race-european,.mini-char.race-european{
  --race-line:rgba(94,151,207,.22);
  background:
    radial-gradient(circle at 91% 9%,rgba(46,95,151,.20),transparent 31%),
    linear-gradient(135deg,rgba(37,78,122,.08),transparent 48%),
    linear-gradient(180deg,#091018,#05090d)!important;
}
.character-card.race-chinese:before,.character-card.race-european:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(135deg,transparent 0 72%,var(--race-line) 72.4% 72.8%,transparent 73.2%),
    linear-gradient(45deg,transparent 0 85%,var(--race-line) 85.4% 85.8%,transparent 86.2%);
  opacity:.45;
}
.character-card.race-chinese:hover,.mini-char.race-chinese:hover{box-shadow:0 0 22px rgba(190,61,29,.13),0 0 18px rgba(220,159,49,.13)!important}
.character-card.race-european:hover,.mini-char.race-european:hover{border-color:#607a9a!important;box-shadow:0 0 22px rgba(58,120,184,.17),0 0 18px rgba(220,159,49,.08)!important}

/* Premium skeleton / glow load */
.js .ui-preload main .card,
.js .ui-preload main .account-card,
.js .ui-preload main .character-card,
.js .ui-preload main .inventory-item,
.js .ui-preload main .detail-box,
.js .ui-preload main .stat{
  position:relative;overflow:hidden;
}
.js .ui-preload main .card>*,
.js .ui-preload main .account-card>*,
.js .ui-preload main .character-card>*,
.js .ui-preload main .inventory-item>*,
.js .ui-preload main .detail-box>*,
.js .ui-preload main .stat>*{opacity:.13!important}
.js .ui-preload main .card:before,
.js .ui-preload main .account-card:before,
.js .ui-preload main .inventory-item:before,
.js .ui-preload main .detail-box:before,
.js .ui-preload main .stat:before{
  content:"";position:absolute;inset:0;z-index:8;pointer-events:none;
  background:linear-gradient(100deg,transparent 18%,rgba(238,191,97,.05) 40%,rgba(238,191,97,.15) 50%,rgba(238,191,97,.05) 60%,transparent 82%);
  transform:translateX(-115%);animation:premiumSkeleton .92s ease-in-out infinite;
}
@keyframes premiumSkeleton{to{transform:translateX(115%)}}
.ui-ready main .card,.ui-ready main .account-card,.ui-ready main .character-card,.ui-ready main .inventory-item,.ui-ready main .detail-box,.ui-ready main .stat{animation:panelReveal .34s ease both}
@keyframes panelReveal{from{opacity:.72;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Mobile menu */
.mobile-menu-btn{display:none;margin-left:auto;width:42px;height:42px;border:1px solid #5f4725;background:#080c12;cursor:pointer;padding:10px}
.mobile-menu-btn span{display:block;height:2px;background:#dfb65e;margin:5px 0;transition:.2s ease}
.mobile-menu-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-menu-btn.open span:nth-child(2){opacity:0}
.mobile-menu-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-nav-panel{display:none;position:fixed;left:0;right:0;top:78px;z-index:18;background:rgba(2,4,7,.97);border-bottom:1px solid #6a4d24;backdrop-filter:blur(12px);transform:translateY(-14px);opacity:0;pointer-events:none;transition:.22s ease}
.mobile-nav-panel.open{transform:none;opacity:1;pointer-events:auto}
.mobile-nav-inner{padding:18px 0 22px}
.mobile-nav-links{display:grid}
.mobile-nav-links a{padding:13px 3px;border-bottom:1px solid #201c15;font-size:11px;font-weight:900;color:#b9ae9b}
.mobile-nav-links a.active{color:#f0c86b}
.mobile-nav-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.mobile-menu-open{overflow:hidden}

/* Premium footer */
.site-footer{margin-top:22px;border-top:1px solid #694b22;background:radial-gradient(circle at 20% 0,rgba(137,86,16,.09),transparent 32%),#020405}
.footer-grid{display:grid;grid-template-columns:1.55fr .72fr .72fr 1fr;gap:34px;padding:42px 0 34px}
.footer-logo-line{display:flex;align-items:center;gap:12px}
.footer-logo-line img{width:56px;height:56px;object-fit:contain}
.footer-logo-line b{display:block;color:#f0c86b;font:800 23px Cambria,Georgia,serif;text-shadow:0 0 9px rgba(220,160,50,.2)}
.footer-logo-line small{display:block;margin-top:2px;color:#7d693f;font-size:7px;letter-spacing:2px}
.footer-brand p{max-width:360px;color:#817a70;font-size:11px;line-height:1.65}
.footer-socials{display:flex;gap:8px;margin-top:16px}
.footer-socials a{padding:8px 10px;border:1px solid #443820;color:#af9e79;font-size:8px;font-weight:900;transition:.18s ease}
.footer-socials a:hover{border-color:#9c6c25;color:#f0c86b;box-shadow:0 0 12px rgba(219,157,45,.12)}
.footer-column h4{margin:6px 0 15px;color:#cda651;font-size:10px;letter-spacing:1.5px}
.footer-column a{display:block;padding:5px 0;color:#837d72;font-size:10px;transition:.15s ease}
.footer-column a:hover{color:#e4bd62;transform:translateX(2px)}
.footer-cta{border:1px solid #4c391f;background:#070b10;padding:18px;align-self:start}
.footer-cta span{display:block;color:#9d7736;font-size:8px;font-weight:900;letter-spacing:1.4px}
.footer-cta strong{display:block;margin:7px 0 14px;color:#e8c26b;font:700 18px Cambria,Georgia,serif}
.footer-cta .btn{width:100%}
.footer-bottom{border-top:1px solid #211c14}
.footer-bottom .shell{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#625e57;font-size:9px}

/* Rules */
.rules-layout{max-width:1100px}
.rules-intro{margin-bottom:14px}
.rules-kicker{color:#b88a37;font-size:8px;font-weight:900;letter-spacing:1.8px}
.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rule-card{display:grid;grid-template-columns:54px 1fr;gap:14px;padding:18px;border:1px solid #49371f;background:#080c12;transition:.18s ease}
.rule-card:hover{border-color:#916626;box-shadow:0 0 15px rgba(219,157,44,.1)}
.rule-card>span{color:#b78734;font:800 21px Cambria,Georgia,serif}
.rule-card h3{margin:0 0 6px;color:#e5bd62;font:700 17px Cambria,Georgia,serif}
.rule-card p{margin:0;color:#8e877a;font-size:11px;line-height:1.55}

@media(max-width:1180px){
  .desktop-actions .social-mini{display:none}
  .desktop-actions .discord-btn{display:none}
}
@media(max-width:1000px){
  .navlinks,.desktop-actions{display:none!important}
  .mobile-menu-btn{display:block}
  .mobile-nav-panel{display:block}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .brand{min-width:0}
  .brand img{width:52px;height:52px}
  .brand b{font-size:20px}
  .brand small{letter-spacing:3px}
  .mobile-nav-actions{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:20px;padding:30px 0}
  .footer-bottom .shell{display:block;padding:18px 0;line-height:1.8}
  .rules-grid{grid-template-columns:1fr}
}


/* ================= V19 MULTILINGUAL + PREMIUM DOWNLOAD ================= */
html[dir="rtl"] body{font-family:Tahoma,"Segoe UI",Arial,sans-serif}
html[dir="rtl"] .nav{direction:rtl}
html[dir="rtl"] .navlinks{margin-left:0;margin-right:auto}
html[dir="rtl"] .footer-column a:hover{transform:translateX(-2px)}
html[dir="rtl"] .character-card-head{text-align:right}

/* real icon-only social links */
.social-icon-link{
  width:38px;height:38px;display:grid;place-items:center;border:1px solid #44506b;background:#080d14;
  transition:.18s ease;overflow:hidden;
}
.social-icon-link img{width:24px;height:24px;display:block}
.social-icon-link:hover{transform:translateY(-1px);border-color:#8b713b;box-shadow:0 0 18px rgba(218,162,61,.16)}
.desktop-actions .discord-btn,.desktop-actions .social-mini{display:none!important}

/* language selector */
.language-switcher{position:relative}
.lang-button{
  height:38px;padding:0 10px;display:flex;align-items:center;gap:7px;border:1px solid #4f422a;background:#080c12;
  color:#c4b796;font-size:9px;font-weight:900;cursor:pointer;
}
.lang-button .lang-flag{font-size:16px}
.lang-button i{font-style:normal;color:#8e794e;font-size:9px}
.lang-menu{
  position:absolute;top:46px;right:0;min-width:190px;padding:7px;border:1px solid #5c4828;background:rgba(5,8,12,.98);
  box-shadow:0 15px 40px rgba(0,0,0,.45);opacity:0;transform:translateY(-7px);pointer-events:none;transition:.16s ease;z-index:80
}
.language-switcher.open .lang-menu{opacity:1;transform:none;pointer-events:auto}
.lang-menu a{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid transparent;color:#aaa292;font-size:10px}
.lang-menu a span{font-size:18px}.lang-menu a b{font-weight:800}
.lang-menu a:hover,.lang-menu a.active{border-color:#554424;background:#0b1017;color:#efc66c}

/* header shrink on scroll */
.topbar{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.topbar.scrolled{background:rgba(2,4,5,.88);backdrop-filter:blur(15px);box-shadow:0 8px 26px rgba(0,0,0,.28)}
.topbar.scrolled .nav{height:64px}
.topbar.scrolled .brand img{width:50px;height:50px}
.topbar.scrolled .navlinks a{height:64px}
.nav,.brand img,.navlinks a{transition:.2s ease}

/* download page */
.download-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.download-product-card{
  position:relative;overflow:hidden;text-align:center;border:1px solid #644920;background:
  linear-gradient(180deg,rgba(12,17,24,.98),rgba(4,7,10,.99));padding:34px 28px;min-height:430px;
  box-shadow:inset 0 0 35px rgba(197,139,38,.025);transition:.22s ease;
}
.download-product-card:hover{transform:translateY(-2px);border-color:#a37630;box-shadow:0 0 28px rgba(222,163,56,.13),inset 0 0 38px rgba(197,139,38,.035)}
.download-product-card.client-card:before,.download-product-card.bot-card:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;
  background:linear-gradient(135deg,transparent 0 68%,rgba(217,160,59,.12) 68.3% 68.6%,transparent 69%);
}
.bot-card{background:
  radial-gradient(circle at 50% 15%,rgba(54,90,138,.15),transparent 30%),
  linear-gradient(180deg,rgba(9,15,24,.98),rgba(4,7,10,.99))}
.download-glow{position:absolute;width:220px;height:220px;left:50%;top:-110px;transform:translateX(-50%);border-radius:50%;background:rgba(219,160,54,.09);filter:blur(45px)}
.download-product-logo{width:120px;height:120px;object-fit:contain;display:block;margin:0 auto 12px;position:relative}
.bot-emblem{
  width:108px;height:108px;margin:0 auto 19px;display:grid;place-items:center;border:1px solid #6b552c;
  background:radial-gradient(circle,#182332,#080d13 68%);color:#edc66b;font:900 28px Cambria,Georgia,serif;
  box-shadow:0 0 22px rgba(72,111,154,.15),inset 0 0 25px rgba(221,161,52,.04);position:relative;
}
.download-type{color:#8a6f3d;font-size:8px;font-weight:900;letter-spacing:2px}
.download-product-card h2{color:#efc76a;font:800 24px Cambria,Georgia,serif;margin:8px 0 20px}
.download-meta{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #352c1d;background:#05080c;margin:0 auto 20px}
.download-meta div{padding:12px 9px;border-right:1px solid #282218}.download-meta div:last-child{border-right:0}
.download-meta small{display:block;color:#766e61;font-size:7px;font-weight:900;letter-spacing:.8px}
.download-meta b{display:block;color:#c9b37e;margin-top:5px;font-size:10px}
.download-card-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.disabled-download{opacity:.55;cursor:not-allowed}
.copy-download-link.copied-link{border-color:#6f9c74!important;color:#9cd7a3!important}
.requirements-card{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #4f3b20;background:#070b10;margin-top:14px}
.requirements-card div{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;gap:0 10px;padding:16px;border-right:1px solid #2c2519}
.requirements-card div:last-child{border-right:0}.requirements-card span{grid-row:1/3;color:#705830;font:800 16px Cambria,Georgia,serif}
.requirements-card small{color:#7e7567;font-size:7px;font-weight:900}.requirements-card b{color:#d9ba70;font-size:11px;margin-top:3px}

/* mobile languages */
.mobile-lang-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0}
.mobile-lang-grid a{padding:9px;border:1px solid #392f20;background:#070b10;color:#a99d86;font-size:9px;text-align:center}
.mobile-lang-grid a.active{border-color:#966b28;color:#efc667}
.mobile-social-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid #3c465d;background:#080d14;color:#bfc7e4;font-size:9px;font-weight:900}
.mobile-social-link img{width:22px;height:22px}

/* footer social icons */
.footer-social-icons{display:flex;gap:8px;margin-top:14px}
.footer-social-icons a{width:34px;height:34px;display:grid;place-items:center;border:1px solid #40371f;background:#06090d}
.footer-social-icons img{width:22px;height:22px}
.footer-social-icons a:hover{border-color:#9f7130;box-shadow:0 0 12px rgba(220,160,55,.14)}

/* back to top */
.back-to-top{
  position:fixed;right:18px;bottom:18px;width:42px;height:42px;z-index:70;border:1px solid #765323;background:rgba(7,11,16,.92);
  color:#e4bd62;font-size:19px;cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s ease;
}
.back-to-top.show{opacity:1;transform:none;pointer-events:auto}
.back-to-top:hover{box-shadow:0 0 18px rgba(224,165,57,.22);border-color:#b58232}

/* page transition */
body{opacity:1;transition:opacity .14s ease,filter .14s ease}
body.page-leaving{opacity:.72;filter:brightness(.92)}
@media(prefers-reduced-motion:reduce){body{transition:none}.download-product-card{transition:none}}

/* error + maintenance */
.error-page{min-height:68vh;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(146,86,14,.10),transparent 34%)}
.error-inner{padding:60px 20px}.error-code{display:block;color:#65491f;font:900 96px Cambria,Georgia,serif;line-height:1}
.error-inner h1{color:#efc66a;font:800 31px Cambria,Georgia,serif}.error-inner p{color:#928a7e}.error-inner .btn{margin:8px 4px}
.maintenance-body{min-height:100vh;display:grid;place-items:center;background:
linear-gradient(rgba(2,4,7,.80),rgba(2,4,7,.93)),url('desktop-background.webp') center/cover fixed no-repeat}
.maintenance-shell{width:min(620px,calc(100% - 30px));padding:38px;text-align:center;border:1px solid #6f4e21;background:rgba(5,8,12,.92);box-shadow:0 25px 60px rgba(0,0,0,.45)}
.maintenance-shell>img{width:120px;height:120px;object-fit:contain}.maintenance-shell>span{display:block;color:#ad8034;font-size:9px;letter-spacing:2px;font-weight:900}
.maintenance-shell h1{color:#efc66a;font:800 34px Cambria,Georgia,serif}.maintenance-shell p{color:#a7a094;line-height:1.6}
.maintenance-langs{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:20px}.maintenance-langs a{padding:7px 9px;border:1px solid #41351f;color:#b4a98f;font-size:9px}
.maintenance-social{display:flex;justify-content:center;gap:8px;margin-top:18px}.maintenance-social a{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #4d472d;color:#c8bc9c;font-size:9px}
.maintenance-social img{width:22px;height:22px}

/* remember username styling */
.remember-user{margin-top:12px;display:flex;align-items:center;gap:8px;color:#948c7e;font-size:10px;cursor:pointer;user-select:none}
.remember-user input{width:14px!important;height:14px!important;padding:0!important;accent-color:#bd842b}

/* keep skeleton premium */
.js .ui-preload main .download-product-card,.js .ui-preload main .requirements-card{opacity:.55;filter:brightness(.75)}
.ui-ready main .download-product-card,.ui-ready main .requirements-card{animation:panelReveal .34s ease both}

@media(max-width:1180px){
  .language-switcher{display:none}
}
@media(max-width:1000px){
  .download-duo{grid-template-columns:1fr}
  .download-product-card{min-height:0}
}
@media(max-width:700px){
  .download-meta{grid-template-columns:1fr}
  .download-meta div{border-right:0;border-bottom:1px solid #282218}
  .download-meta div:last-child{border-bottom:0}
  .requirements-card{grid-template-columns:1fr}
  .requirements-card div{border-right:0;border-bottom:1px solid #2c2519}
  .requirements-card div:last-child{border-bottom:0}
  .mobile-lang-grid{grid-template-columns:repeat(2,1fr)}
  .maintenance-shell{padding:28px 18px}
}


/* ================= V20 PREMIUM PROFILE ICONS ================= */
.profile-icon-card{
  background:
    radial-gradient(circle at 50% -20%,rgba(213,154,48,.10),transparent 42%),
    linear-gradient(180deg,#0a0e14,#06090d)!important;
}
.profile-icon-head{
  margin-bottom:16px!important;
}
.profile-icon-head h3{
  margin:3px 0 0!important;
  font-size:22px!important;
  text-shadow:0 0 12px rgba(228,170,62,.16);
}
.premium-profile-picker{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
}
.premium-icon-choice{
  min-height:0!important;
  padding:8px!important;
  border:1px solid #46371f!important;
  background:
    linear-gradient(180deg,rgba(12,17,24,.97),rgba(5,8,12,.99))!important;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.premium-icon-choice:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,transparent 55%,rgba(226,169,61,.06));
}
.premium-icon-frame{
  display:block;
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  border:1px solid rgba(209,154,53,.35);
  background:#05070a;
  box-shadow:inset 0 0 18px rgba(0,0,0,.55);
}
.premium-icon-frame:after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(255,218,126,.07);
  pointer-events:none;
}
.premium-icon-choice img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  filter:saturate(1.06) contrast(1.04);
  transition:transform .22s ease,filter .22s ease!important;
}
.premium-icon-choice small{
  display:block;
  margin-top:7px;
  color:#9d927c;
  font-size:7px;
  font-weight:900;
  letter-spacing:.45px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.premium-icon-choice:hover{
  transform:translateY(-3px);
  border-color:#a7782e!important;
  box-shadow:0 8px 20px rgba(0,0,0,.26),0 0 18px rgba(219,160,55,.16)!important;
}
.premium-icon-choice:hover img{
  transform:scale(1.07);
  filter:saturate(1.13) contrast(1.08) brightness(1.05);
}
.premium-icon-choice.active{
  border-color:#e0aa45!important;
  box-shadow:
    0 0 0 1px rgba(232,184,82,.16),
    0 0 22px rgba(226,164,52,.25),
    inset 0 0 20px rgba(209,145,35,.07)!important;
}
.premium-icon-choice.active:after{
  content:"✓";
  position:absolute;
  top:12px;
  right:12px;
  z-index:3;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border:1px solid #e3ae4a;
  background:#111009;
  color:#f2cd77;
  font-size:11px;
  font-weight:900;
  box-shadow:0 0 10px rgba(230,168,57,.22);
}
.account-avatar{
  width:54px!important;
  height:54px!important;
  border:1px solid #a6762c!important;
  background:#05080c!important;
  box-shadow:0 0 14px rgba(219,159,52,.14)!important;
}
.account-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:50%!important;
}

@media(max-width:1100px){
  .premium-profile-picker{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:650px){
  .premium-profile-picker{grid-template-columns:repeat(2,1fr)!important}
  .premium-icon-choice{padding:7px!important}
}


/* ================= V21 ICON PREVIEW / TOGGLE ================= */
.account-user{
  align-items:flex-start!important;
}
.account-avatar-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}
.account-avatar.account-avatar-xl{
  width:96px!important;
  height:96px!important;
  border-radius:50%;
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(225,169,67,.18),0 0 28px rgba(222,160,45,.18)!important;
}
.account-avatar.account-avatar-xl img{
  object-fit:cover!important;
  transform:scale(1.18);
}
.account-side-changeicon{
  min-width:108px;
  padding:8px 10px;
  border:1px solid #7c5925;
  background:linear-gradient(180deg,#0d1520,#071018);
  color:#e9c46d;
  font-size:10px;
  font-weight:900;
  letter-spacing:.9px;
  cursor:pointer;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.account-side-changeicon:hover,.profile-icon-toggle-btn:hover{
  border-color:#d6a143;
  box-shadow:0 0 18px rgba(222,162,52,.16);
  transform:translateY(-1px);
}
.account-user-meta{
  padding-top:6px;
}
.profile-icon-head-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.profile-icon-selected{
  display:grid;
  grid-template-columns:140px 1fr;
  gap:16px;
  align-items:center;
  border:1px solid #433019;
  background:linear-gradient(180deg,rgba(12,17,24,.92),rgba(7,11,16,.98));
  padding:16px;
}
.profile-icon-selected-media{
  width:140px;
  height:140px;
  border:1px solid #8c6529;
  overflow:hidden;
  background:#04070a;
  box-shadow:0 0 24px rgba(217,159,53,.10), inset 0 0 30px rgba(0,0,0,.4);
}
.profile-icon-selected-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.profile-icon-selected-copy h4{
  margin:5px 0 8px;
  color:#f0ca71;
  font:700 25px Georgia,serif;
  text-shadow:0 0 12px rgba(232,171,63,.12);
}
.profile-icon-selected-copy p{
  margin:0;
  color:#a39a89;
  line-height:1.65;
  max-width:680px;
}
.profile-icon-picker-wrap{
  margin-top:14px;
  border-top:1px solid #2e2417;
  padding-top:14px;
}
.profile-icon-card .premium-icon-choice small{
  font-size:8px!important;
}
body.icon-picker-open .profile-icon-selected{
  opacity:.55;
}
@media(max-width:980px){
  .account-user{align-items:center!important}
  .profile-icon-selected{grid-template-columns:1fr;}
  .profile-icon-selected-media{width:120px;height:120px}
}
@media(max-width:700px){
  .account-side-changeicon,.profile-icon-toggle-btn{width:100%}
  .account-user{flex-direction:column;align-items:center!important;text-align:center}
  .account-user-meta{padding-top:0}
  .profile-icon-head{display:block!important}
  .profile-icon-head-actions{justify-content:flex-start;margin-top:10px}
}


/* ================= V22 BIGGER ICONS + TOPUP PAGE ================= */
.account-avatar.account-avatar-xl{
  width:126px!important;
  height:126px!important;
  box-shadow:0 0 0 1px rgba(225,169,67,.20),0 0 32px rgba(222,160,45,.24)!important;
}
.account-avatar.account-avatar-xl img{
  object-fit:cover!important;
  transform:scale(1.15);
}
.account-avatar.account-avatar-xl.is-vector img,
.profile-icon-selected-media.is-vector img{
  object-fit:contain!important;
  transform:none!important;
  padding:14px!important;
  border-radius:0!important;
  filter:drop-shadow(0 0 10px rgba(228,169,63,.25));
}
.account-side-changeicon{
  min-width:118px;
}
.profile-icon-selected-media{
  width:160px;
  height:160px;
}
.premium-profile-picker{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
.premium-icon-frame.vector-icon img{
  object-fit:contain!important;
  padding:14px;
  filter:drop-shadow(0 0 10px rgba(223,169,67,.24));
}
.quick-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}

.topup-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.topup-card{
  position:relative;
  border:1px solid #3a2b17;
  background:linear-gradient(180deg,rgba(8,12,18,.96),rgba(4,7,11,.985));
  padding:22px;
  box-shadow:0 0 24px rgba(0,0,0,.18), inset 0 0 30px rgba(195,134,34,.03);
  overflow:hidden;
}
.topup-card:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 18% 0%,rgba(223,162,55,.08),transparent 34%);
}
.topup-card:hover{border-color:#a5762d;box-shadow:0 0 30px rgba(215,156,54,.14), inset 0 0 35px rgba(195,134,34,.045)}
.topup-card h2{margin:8px 0 8px;color:#efc76a;font:800 28px Georgia,serif}
.topup-card p{margin:0;color:#ada391;line-height:1.7}
.topup-badge{display:inline-block;padding:6px 10px;border:1px solid #7c5d2b;background:#0a1017;color:#efc76a;font-size:10px;font-weight:900;letter-spacing:1px}
.topup-detail-list,.topup-wallet-list{margin-top:18px}
.topup-detail-row,.topup-wallet-row{display:grid;gap:10px;align-items:center;border:1px solid #332616;background:#05090d;padding:13px 14px;margin-bottom:10px}
.topup-detail-row{grid-template-columns:1fr}
.topup-detail-row small,.topup-wallet-row span{display:block;color:#877a67;font-size:11px;font-weight:800;letter-spacing:.4px}
.topup-detail-row b,.topup-wallet-row b{display:block;color:#f3cd73;font-size:18px;font-family:Georgia,serif;word-break:break-word}
.topup-wallet-row{grid-template-columns:1.1fr 1.4fr auto}
.wallet-copy{padding:8px 12px!important;min-width:auto!important;font-size:10px!important}
.topup-note-card{margin-top:20px;border:1px solid #3a2b17;background:linear-gradient(180deg,rgba(7,10,15,.97),rgba(5,8,12,.99));padding:22px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.topup-note-card h3{margin:4px 0 10px;color:#efc76a;font:800 26px Georgia,serif}
.topup-note-card p{margin:0;color:#b4ac9e;line-height:1.7}
.topup-note-actions{display:flex;gap:10px;flex-wrap:wrap}
.navlinks a[href="topup.php"]{white-space:nowrap}
@media(max-width:1100px){
  .topup-grid{grid-template-columns:1fr 1fr}
  .premium-profile-picker{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .topup-grid{grid-template-columns:1fr}
  .topup-note-card{display:block}
  .topup-note-actions{margin-top:14px}
  .quick-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .account-avatar.account-avatar-xl{width:110px!important;height:110px!important}
  .profile-icon-selected-media{width:130px;height:130px}
  .premium-profile-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .topup-wallet-row{grid-template-columns:1fr}
}


/* ================= V23 SBOT BADGE ================= */
.sbot-emblem{
  width:126px;
  height:126px;
  border-radius:24px;
  border:1px solid #87642b;
  background:
    radial-gradient(circle at 35% 30%, rgba(90,146,255,.30), transparent 28%),
    radial-gradient(circle at 72% 75%, rgba(241,181,67,.18), transparent 28%),
    linear-gradient(180deg,#0e1622,#070b11 72%);
  box-shadow:
    0 0 0 1px rgba(228,172,67,.08),
    0 0 26px rgba(70,110,171,.18),
    inset 0 0 28px rgba(234,174,60,.05);
  overflow:hidden;
}
.sbot-emblem:before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(236,191,101,.16);
  border-radius:18px;
  pointer-events:none;
}
.sbot-emblem:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:78px;
  height:78px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(84,138,232,.20);
  box-shadow:0 0 24px rgba(84,138,232,.12), inset 0 0 18px rgba(84,138,232,.08);
}
.sbot-mark,.sbot-word{position:relative;z-index:1;display:block;line-height:1}
.sbot-mark{
  font:900 46px Cambria, Georgia, serif;
  color:#efd18a;
  text-shadow:0 0 14px rgba(247,208,121,.20), 0 0 20px rgba(85,136,222,.18);
  margin-top:10px;
}
.sbot-word{
  margin-top:-4px;
  font-size:18px;
  font-weight:900;
  letter-spacing:5px;
  color:#b9cdfa;
  text-shadow:0 0 10px rgba(112,159,241,.20);
}
.bot-card h2{letter-spacing:.5px}


/* ================= V24 REAL SBOT LOGO ================= */
.sbot-logo-wrap{
  position:relative;
  width:min(300px,82%);
  min-height:112px;
  margin:0 auto 14px;
  display:grid;
  place-items:center;
  padding:14px 20px;
  border:1px solid rgba(104,120,199,.28);
  background:
    radial-gradient(circle at 50% 45%,rgba(91,105,211,.16),transparent 56%),
    linear-gradient(180deg,rgba(12,17,27,.62),rgba(5,8,13,.34));
  box-shadow:
    0 0 28px rgba(86,103,222,.12),
    inset 0 0 24px rgba(112,126,232,.05);
  overflow:hidden;
}
.sbot-logo-wrap:before{
  content:"";
  position:absolute;
  left:12%;right:12%;bottom:8px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(145,155,255,.34),transparent);
}
.sbot-download-logo{
  width:100%;
  max-width:265px;
  height:auto;
  max-height:88px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 0 9px rgba(118,130,255,.40));
}
.bot-card:hover .sbot-download-logo{
  filter:drop-shadow(0 0 13px rgba(135,146,255,.56));
}
@media(max-width:700px){
  .sbot-logo-wrap{width:min(280px,90%);min-height:96px}
  .sbot-download-logo{max-width:235px;max-height:74px}
}


/* ================= V25 HOME EXPANSION + ACCOUNT ALIGNMENT ================= */
/* Fix Account Icon copy overlapping the image */
.account-shell{grid-template-columns:285px minmax(0,1fr)!important}
.account-user{display:grid!important;grid-template-columns:136px minmax(0,1fr);gap:14px!important;align-items:start!important}
.account-user-meta{min-width:0;padding-top:10px!important}
.account-user-meta b{font-size:18px!important;overflow-wrap:anywhere}
.profile-icon-selected{grid-template-columns:160px minmax(0,1fr)!important;gap:28px!important;align-items:center!important}
.profile-icon-selected-copy{min-width:0;padding:6px 10px 6px 2px}
.profile-icon-selected-copy .account-kicker{display:block;margin-bottom:4px}
.profile-icon-selected-copy h4{margin:0 0 10px!important;line-height:1.1!important}
.profile-icon-selected-copy p{max-width:none!important;margin:0!important;line-height:1.65!important}
.profile-icon-selected-media{flex:0 0 auto}

/* Home section shared */
.home-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}
.home-section-head>div{min-width:0}
.home-section-head h2,.home-panel h2,.home-final-cta h2{margin:5px 0 7px;color:#efc76a;font:800 31px Cambria,Georgia,serif;text-shadow:0 0 12px rgba(225,164,53,.12)}
.home-section-head p{margin:0;color:#9f978a;line-height:1.65;max-width:760px}
.home-kicker{display:block;color:#b68735;font-size:9px;font-weight:900;letter-spacing:2px}
.compact-head{margin-bottom:15px}
.home-stats{box-shadow:0 10px 30px rgba(0,0,0,.18)}

/* News / image cards */
.home-news-section{padding-top:38px}
.home-news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.home-news-card{border:1px solid #4d391e;background:linear-gradient(180deg,#0a0f15,#06090d);overflow:hidden;min-width:0;transition:.2s ease}
.home-news-card:hover{transform:translateY(-3px);border-color:#a9782d;box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 22px rgba(221,160,52,.10)}
.home-news-featured{grid-column:span 2;grid-row:span 2}
.home-news-media{height:170px;position:relative;overflow:hidden;background:#04070a}
.home-news-featured .home-news-media{height:325px}
.home-news-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,filter .35s ease;filter:saturate(.95) contrast(1.04)}
.home-news-card:hover .home-news-media img{transform:scale(1.035);filter:saturate(1.05) contrast(1.06) brightness(1.03)}
.home-news-world img{object-position:center 48%}
.home-news-media-dark{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(84,98,186,.18),#06090e 64%)}
.home-news-media-dark img{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 0 14px rgba(112,123,235,.28))}
.home-news-logo{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(189,128,29,.15),#05080c 70%)}
.home-news-logo img{width:55%;height:74%;object-fit:contain}
.home-news-tag{position:absolute;top:12px;left:12px;padding:6px 9px;border:1px solid #855e25;background:rgba(5,8,12,.88);color:#f0c86b;font-size:8px;font-weight:900;letter-spacing:1px;backdrop-filter:blur(5px)}
.home-news-copy{padding:17px}
.home-news-featured .home-news-copy{padding:22px}
.home-news-date{color:#817864;font-size:8px;font-weight:900;letter-spacing:1.1px}
.home-news-copy h3{margin:6px 0 8px;color:#eac269;font:700 21px Cambria,Georgia,serif;line-height:1.2}
.home-news-featured .home-news-copy h3{font-size:28px}
.home-news-copy p{margin:0;color:#9b9387;font-size:11px;line-height:1.65}
.home-news-copy a{display:inline-block;margin-top:13px;color:#d6a64a;font-size:9px;font-weight:900;letter-spacing:.6px}
.home-news-copy a:hover{color:#f4d27d;text-shadow:0 0 9px rgba(235,176,68,.22)}

/* Feature cards */
.home-feature-section{padding-top:20px}
.home-feature-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.home-feature-card{position:relative;overflow:hidden;border:1px solid #3d311f;background:linear-gradient(180deg,#080d13,#05080c);padding:18px;min-height:150px}
.home-feature-card:before{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(211,151,48,.05);filter:blur(4px)}
.feature-number{color:#71562c;font:800 22px Cambria,Georgia,serif}
.home-feature-card h3{margin:16px 0 8px;color:#eac269;font:800 18px Cambria,Georgia,serif}
.home-feature-card p{margin:0;color:#887f73;font-size:10px;line-height:1.6}
.home-feature-card:hover{border-color:#8f662a;box-shadow:0 0 18px rgba(217,157,50,.08)}

/* Road to Endgame */
.home-road-section{background:linear-gradient(180deg,rgba(10,14,19,.74),rgba(4,7,10,.78));border-top:1px solid #211b12;border-bottom:1px solid #211b12}
.home-road-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}
.road-card{position:relative;border:1px solid #49361d;background:#070b10;padding:16px 13px;min-height:160px;overflow:hidden}
.road-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#9a6a28,transparent);opacity:.55}
.road-card span{display:block;color:#79603a;font:800 26px Cambria,Georgia,serif}
.road-card b{display:block;margin-top:12px;color:#cfaa5d;font-size:9px;letter-spacing:1px}
.road-card strong{display:block;margin-top:7px;color:#f0c86b;font:800 16px Cambria,Georgia,serif}
.road-card small{display:block;margin-top:8px;color:#837c71;font-size:9px;line-height:1.5}
.road-card-legend{border-color:#6b4d22;background:radial-gradient(circle at 80% 15%,rgba(151,84,16,.12),#080b0f 55%)}
.road-card-final{border-color:#9b6821;background:radial-gradient(circle at 50% 0%,rgba(180,106,13,.20),#080b0f 58%);box-shadow:0 0 22px rgba(193,122,24,.08)}
.road-card-final strong{color:#ffd77c}

/* Rankings + quick actions */
.home-ranking-section{padding-bottom:56px}
.home-dashboard-grid{display:grid;grid-template-columns:1fr 1fr 1.08fr;gap:13px}
.home-panel{border:1px solid #48361d;background:linear-gradient(180deg,#080d13,#05080c);padding:19px;min-width:0}
.home-panel-head{display:flex;justify-content:space-between;align-items:end;gap:14px;padding-bottom:12px;border-bottom:1px solid #282117}
.home-panel-head h2{font-size:23px;margin-bottom:0}
.home-panel-head>a{color:#a8864c;font-size:8px;font-weight:900}
.home-ranking-list{margin-top:7px}
.home-ranking-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #211d16}
.home-ranking-row:last-child{border-bottom:0}
.rank-pos{color:#9a7130;font:800 15px Cambria,Georgia,serif}
.home-ranking-row b{display:block;color:#ddbd76;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-ranking-row small{display:block;margin-top:3px;color:#706b64;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-ranking-row strong{color:#c9aa67;font-size:9px;text-align:right}
.home-ranking-empty{padding:20px 0;color:#80786d;font-size:11px}
.home-action-panel h2{font-size:27px}
.home-action-panel>p{color:#999183;line-height:1.65;margin:0 0 16px}
.home-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.home-action-grid a{position:relative;border:1px solid #3e311e;background:#060a0f;padding:13px;transition:.18s ease}
.home-action-grid a:hover{border-color:#93682a;background:#0a1017;box-shadow:0 0 15px rgba(219,157,49,.10)}
.home-action-grid span{display:block;color:#654d2b;font-size:8px;font-weight:900}
.home-action-grid b{display:block;margin-top:8px;color:#e1bd6d;font-size:10px}
.home-action-grid small{display:block;margin-top:3px;color:#756f66;font-size:8px}

/* Final CTA */
.home-final-cta{border-top:1px solid #5d421d;border-bottom:1px solid #5d421d;background:linear-gradient(90deg,rgba(3,5,7,.95),rgba(9,12,15,.78)),url('desktop-background.webp') center 48%/cover no-repeat}
.home-final-inner{min-height:210px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 0}
.home-final-cta h2{font-size:36px;margin:5px 0 7px}
.home-final-cta p{margin:0;color:#b1a89b;line-height:1.65;max-width:720px}
.home-final-actions{display:flex;gap:10px;flex-wrap:wrap;flex:0 0 auto}

@media(max-width:1180px){
  .home-news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-news-featured{grid-column:span 2}
  .home-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-road-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .home-dashboard-grid{grid-template-columns:1fr 1fr}
  .home-action-panel{grid-column:span 2}
}
@media(max-width:1000px){
  .account-shell{grid-template-columns:1fr!important}
  .account-user{grid-template-columns:136px minmax(0,1fr)!important}
}
@media(max-width:820px){
  .home-news-grid{grid-template-columns:1fr 1fr}
  .home-news-featured{grid-column:span 2;grid-row:auto}
  .home-news-featured .home-news-media{height:270px}
  .home-road-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-dashboard-grid{grid-template-columns:1fr}
  .home-action-panel{grid-column:auto}
  .home-final-inner{display:block}
  .home-final-actions{margin-top:18px}
}
@media(max-width:650px){
  .home-section-head{display:block}
  .home-section-head .btn{margin-top:14px;width:100%}
  .home-news-grid{grid-template-columns:1fr}
  .home-news-featured{grid-column:auto}
  .home-news-featured .home-news-media{height:220px}
  .home-news-media{height:195px}
  .home-feature-grid{grid-template-columns:1fr 1fr}
  .home-road-grid{grid-template-columns:1fr}
  .home-action-grid{grid-template-columns:1fr}
  .home-final-cta{background-image:linear-gradient(rgba(3,5,7,.88),rgba(3,5,7,.94)),url('mobile-background.webp')}
  .home-final-cta h2{font-size:29px}
  .profile-icon-selected{grid-template-columns:1fr!important;gap:15px!important}
  .profile-icon-selected-media{width:130px!important;height:130px!important}
  .profile-icon-selected-copy{padding:0!important}
  .account-user{display:flex!important;flex-direction:column!important;align-items:center!important}
}


/* ================= V26 PROFILE ICON MODAL + PC UPLOAD ================= */
.profile-icon-summary-card{position:relative}
.profile-icon-modal{
  position:fixed;
  inset:0;
  z-index:300;
  display:grid;
  place-items:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease,visibility .18s ease;
}
.profile-icon-modal.open{opacity:1;visibility:visible;pointer-events:auto}
.profile-icon-modal-backdrop{
  position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px)
}
.profile-icon-modal-dialog{
  position:relative;
  z-index:1;
  width:min(980px,calc(100vw - 34px));
  max-height:min(820px,calc(100vh - 34px));
  overflow:auto;
  border:1px solid #8a6228;
  background:
    radial-gradient(circle at 50% -15%,rgba(215,155,48,.10),transparent 35%),
    linear-gradient(180deg,#0a0f15,#05080c 72%);
  box-shadow:0 28px 80px rgba(0,0,0,.60),0 0 35px rgba(214,157,50,.10);
}
.profile-icon-modal-head{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:20px 22px;border-bottom:1px solid #332717;
}
.profile-icon-modal-head h3{margin:3px 0 0;color:#efc76a;font:800 28px Cambria,Georgia,serif}
.profile-icon-modal-close{
  width:40px;height:40px;border:1px solid #60471f;background:#080d13;color:#d3b36d;
  font-size:26px;line-height:1;cursor:pointer;transition:.18s ease;
}
.profile-icon-modal-close:hover{border-color:#b68131;color:#ffd783;box-shadow:0 0 15px rgba(222,160,53,.16)}
.profile-icon-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #332717;background:#06090d}
.profile-icon-tab{padding:15px 14px;border:0;border-right:1px solid #2b2419;background:transparent;color:#8f8779;font-size:10px;font-weight:900;letter-spacing:1px;cursor:pointer}
.profile-icon-tab:last-child{border-right:0}
.profile-icon-tab.active{color:#f0c96b;background:#0a1017;box-shadow:inset 0 -2px #c58d2e}
.profile-icon-tab-panel{padding:20px 22px 24px}
.profile-icon-tab-help{margin:0 0 16px;color:#948d82;font-size:11px;line-height:1.6}
.modal-profile-picker{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.profile-icon-modal-foot{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;padding:16px 22px;border-top:1px solid #332717;background:#05080c}
.profile-modal-open{overflow:hidden}

.profile-upload-drop{
  min-height:190px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:7px;
  border:1px dashed #735526;
  background:radial-gradient(circle at 50% 35%,rgba(222,160,52,.06),#06090d 58%);
  cursor:pointer;
  transition:.18s ease;
  text-align:center;
}
.profile-upload-drop:hover,.profile-upload-drop.dragging{border-color:#d49a38;background:radial-gradient(circle at 50% 35%,rgba(222,160,52,.12),#071018 58%);box-shadow:0 0 20px rgba(220,158,49,.10)}
.profile-upload-plus{width:54px;height:54px;display:grid;place-items:center;border:1px solid #8b6429;border-radius:50%;color:#efc66a;font-size:30px;background:#090d13;box-shadow:0 0 18px rgba(219,158,50,.08)}
.profile-upload-drop strong{color:#e8c46e;font-size:11px;letter-spacing:.8px}
.profile-upload-drop small{color:#746e64;font-size:9px}
.profile-upload-message{min-height:20px;margin:10px 0 0;color:#858074;font-size:10px}
.profile-upload-message.ok{color:#8dca97}.profile-upload-message.error{color:#f0a494}
.profile-upload-preview{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;align-items:center;margin-top:16px;border:1px solid #3d2f1b;background:#070b10;padding:16px}
.profile-upload-preview-media{width:190px;height:190px;border:1px solid #8a6228;background:#030507;overflow:hidden;box-shadow:0 0 20px rgba(218,158,51,.08)}
.profile-upload-preview-media img{width:100%;height:100%;object-fit:cover;display:block}
.profile-upload-preview-copy h4{margin:6px 0 8px;color:#f0c96b;font:800 25px Cambria,Georgia,serif}
.profile-upload-preview-copy p{margin:0;color:#948d81;line-height:1.6}
.profile-upload-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.profile-upload-actions .btn[disabled]{opacity:.45;cursor:not-allowed}
.account-avatar.is-custom img,.profile-icon-selected-media.is-custom img{object-fit:cover!important;transform:none!important;padding:0!important;border-radius:0!important;filter:none!important}

@media(max-width:900px){
  .modal-profile-picker{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:650px){
  .profile-icon-modal{padding:10px}
  .profile-icon-modal-dialog{width:100%;max-height:calc(100vh - 20px)}
  .profile-icon-modal-head,.profile-icon-tab-panel,.profile-icon-modal-foot{padding-left:14px;padding-right:14px}
  .modal-profile-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .profile-upload-preview{grid-template-columns:1fr}
  .profile-upload-preview-media{width:150px;height:150px}
  .profile-icon-modal-foot .btn{width:100%}
}


/* ================= V27 HQ CHARACTERS + ICON MODAL FIX ================= */
.home-news-character{
  height:310px!important;
  background:
    radial-gradient(circle at 50% 35%,rgba(50,93,155,.12),transparent 46%),
    #05080c!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.home-news-character img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center top!important;
  filter:saturate(1.04) contrast(1.03)!important;
  transform:none!important;
}
.home-news-card:hover .home-news-character img{
  transform:scale(1.015)!important;
}
.profile-icon-toggle-btn,
.account-side-changeicon{
  color:#f2cc74!important;
  background:linear-gradient(180deg,#0e1824,#071019)!important;
  border-color:#8a6329!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  position:relative;
  z-index:5;
}
.profile-icon-toggle-btn:hover,
.account-side-changeicon:hover{
  color:#ffe19a!important;
  border-color:#d39a39!important;
  box-shadow:0 0 18px rgba(222,160,53,.22)!important;
}
.profile-icon-modal{
  z-index:9999!important;
}
.profile-icon-modal.open{
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.profile-icon-modal-dialog{
  z-index:10000!important;
}
.profile-icon-modal-backdrop{
  z-index:9999!important;
}
@media(max-width:820px){
  .home-news-character{height:280px!important}
}
@media(max-width:650px){
  .home-news-character{height:340px!important}
}
\n\n/* ================= V31 DOWNLOAD CONTENT / FULL SPECS ================= */\n.requirements-section,.download-guide{margin-top:20px}\n.download-section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;padding-bottom:13px;border-bottom:1px solid #3b2d19}\n.download-section-heading h2{margin:4px 0 5px;color:#efc66a;font:800 28px Cambria,Georgia,serif}\n.download-section-heading p{margin:0;color:#938b7e;line-height:1.6;max-width:780px}\n.requirements-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}\n.requirement-spec{position:relative;min-height:145px;padding:18px;border:1px solid #44331b;background:linear-gradient(180deg,#0a0f15,#06090d);overflow:hidden;transition:.18s ease}\n.requirement-spec:after{content:\"\";position:absolute;width:120px;height:120px;right:-55px;top:-55px;border:1px solid rgba(222,164,58,.08);transform:rotate(45deg)}\n.requirement-spec:hover{border-color:#9d6f28;box-shadow:0 0 20px rgba(220,160,51,.10);transform:translateY(-1px)}\n.requirement-spec>span{display:block;color:#70552b;font:800 17px Cambria,Georgia,serif}\n.requirement-spec small{display:block;margin-top:12px;color:#8d816e;font-size:8px;font-weight:900;letter-spacing:1.1px}\n.requirement-spec b{display:block;margin-top:6px;color:#e9c46d;font:700 15px Cambria,Georgia,serif;line-height:1.3}\n.requirement-spec em{display:block;margin-top:7px;color:#6f6a61;font-size:9px;font-style:normal;line-height:1.4}\n.performance-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}\n.performance-compare>article{border:1px solid #43331c;background:#070b10;padding:20px}\n.performance-compare>article.recommended{border-color:#785725;background:radial-gradient(circle at 90% 0,rgba(220,157,50,.08),transparent 30%),#080c12}\n.performance-compare h3{margin:6px 0 14px;color:#efc66a;font:800 22px Cambria,Georgia,serif}\n.performance-compare ul{list-style:none;padding:0;margin:0}\n.performance-compare li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid #2b2419;font-size:10px}\n.performance-compare li b{color:#9c7b40}.performance-compare li span{color:#c8b995;text-align:right}\n.download-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}\n.download-steps article{position:relative;padding:20px;border:1px solid #43321b;background:#070b10;min-height:180px}\n.download-steps article>span{display:block;color:#75572b;font:900 22px Cambria,Georgia,serif}\n.download-steps h3{margin:12px 0 8px;color:#e9c269;font:800 18px Cambria,Georgia,serif}\n.download-steps p{margin:0;color:#918a7e;font-size:10px;line-height:1.65}\n.download-help-card{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:22px;border:1px solid #5b421e;background:radial-gradient(circle at 20% 0,rgba(219,158,49,.08),transparent 30%),#070b10}\n.download-help-card h2{margin:4px 0 7px;color:#efc66a;font:800 24px Cambria,Georgia,serif}\n.download-help-card p{margin:0;color:#9d9588;max-width:760px;line-height:1.6}\n.download-help-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}\n@media(max-width:1100px){.requirements-grid{grid-template-columns:repeat(2,1fr)}.download-steps{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:720px){.requirements-grid,.performance-compare,.download-steps{grid-template-columns:1fr}.download-help-card{display:block}.download-help-actions{margin-top:14px;justify-content:flex-start}.download-help-actions .btn{width:100%}}\n

/* V32 Full Arabic content + RTL spacing */
.server-info-row{display:flex!important;align-items:center;justify-content:space-between;gap:18px}
.server-info-row b{color:#efc66b;white-space:nowrap}
html[dir="rtl"] .pagehero,html[dir="rtl"] .card,html[dir="rtl"] .home-news-copy,html[dir="rtl"] .home-section-head,html[dir="rtl"] .home-panel,html[dir="rtl"] .topup-card,html[dir="rtl"] .rules-intro{text-align:right}
html[dir="rtl"] .server-info-row{direction:rtl}
html[dir="rtl"] table{direction:rtl}
html[dir="rtl"] .home-ranking-row{direction:rtl}
html[dir="rtl"] .download-steps article,html[dir="rtl"] .requirement-spec,html[dir="rtl"] .performance-compare article{text-align:right}
html[dir="rtl"] .topup-wallet-row{direction:rtl}
html[dir="rtl"] .profile-icon-selected-copy{text-align:right}


/* ================= V35 APPROVED HQ CHARACTERS ================= */
.home-news-character img{
  object-fit:contain!important;
  object-position:center top!important;
  width:100%!important;
  height:100%!important;
  transform:none!important;
  filter:saturate(1.03) contrast(1.02)!important;
}
.character-list-portrait{
  object-position:center 10%!important;
}
.character-portrait-card img{
  object-position:center 8%!important;
}


/* V36 — Jangan Unstuck */
.unstuck-destination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:10px 12px;border:1px solid #4a391f;background:#060a0f}
.unstuck-destination span{color:#857b6b;font-size:8px;font-weight:900;letter-spacing:1.2px}
.unstuck-destination b{color:#efc76a;font:800 15px Cambria,Georgia,serif;text-shadow:0 0 9px rgba(226,164,53,.15)}


/* V39 — Updated progression prices */
.progression-price-table{min-width:1120px}
.progression-price-table th:nth-child(3),.progression-price-table td:nth-child(3){min-width:250px;text-align:left}
html[dir="rtl"] .progression-price-table th:nth-child(3),html[dir="rtl"] .progression-price-table td:nth-child(3){text-align:right}
.progression-price-table td:nth-child(5){font-weight:900;color:#efc76a}
.home-road-grid-v39{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.home-road-grid-v39 .road-card b{min-height:36px;line-height:1.35}
.home-road-grid-v39 .road-card small{line-height:1.55}
@media(max-width:1000px){.home-road-grid-v39{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.home-road-grid-v39{grid-template-columns:1fr!important}}


/* ================= V40 CONTENT PACK ================= */
.home-story-section{padding-top:30px}
.home-story-grid{display:grid;grid-template-columns:minmax(300px,.9fr) 1.1fr;gap:20px;align-items:stretch}
.home-story-art{position:relative;min-height:430px;border:1px solid #59411f;background:#05080c;overflow:hidden}
.home-story-art img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;background:radial-gradient(circle at 50% 35%,rgba(72,116,173,.14),transparent 46%)}
.home-story-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,5,7,.72));pointer-events:none}
.home-story-art-badge{position:absolute;z-index:2;left:18px;bottom:18px;padding:12px 14px;border:1px solid #7a5826;background:rgba(4,7,10,.90)}
.home-story-art-badge small{display:block;color:#8d806b;font-size:8px;font-weight:900;letter-spacing:1px}.home-story-art-badge b{display:block;color:#f0c96b;font:800 23px Cambria,Georgia,serif;margin-top:3px}
.home-story-copy{border:1px solid #4c381e;background:radial-gradient(circle at 82% 18%,rgba(171,103,22,.10),transparent 36%),linear-gradient(180deg,#0a0f15,#06090d);padding:34px;display:flex;flex-direction:column;justify-content:center}
.home-story-copy h2{margin:7px 0 14px;color:#efc76a;font:800 37px Cambria,Georgia,serif}.home-story-copy>p{color:#aca395;line-height:1.85;font-size:14px;max-width:760px}
.home-story-points{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.home-story-points div{display:flex;align-items:center;gap:10px;border:1px solid #352b1d;background:#06090d;padding:11px}.home-story-points span{color:#8c6933;font:800 14px Cambria,Georgia,serif}.home-story-points b{color:#c9b582;font-size:10px;letter-spacing:.6px}.home-story-actions{display:flex;gap:8px;flex-wrap:wrap}
.journey-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.journey-step{display:grid;grid-template-columns:46px 1fr;gap:12px;border:1px solid #46341d;background:linear-gradient(180deg,#090e14,#06090d);padding:18px;transition:.18s ease}.journey-step:hover{border-color:#8e6428;box-shadow:0 0 18px rgba(217,157,51,.10);transform:translateY(-2px)}.journey-step>span{color:#a27a37;font:800 20px Cambria,Georgia,serif}.journey-step h3{margin:1px 0 7px;color:#e6bd62;font:700 17px Cambria,Georgia,serif}.journey-step p{margin:0;color:#8e877b;font-size:11px;line-height:1.65}
.home-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-tool-card{position:relative;overflow:hidden;border:1px solid #3c301f;background:#070b10;padding:20px;min-height:165px;transition:.18s ease}.home-tool-card:after{content:"";position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:50%;background:rgba(210,151,49,.05);filter:blur(4px)}.home-tool-card>span{display:inline-block;color:#a97c31;font-size:8px;font-weight:900;letter-spacing:1.3px}.home-tool-card h3{margin:8px 0;color:#efc66a;font:700 19px Cambria,Georgia,serif}.home-tool-card p{margin:0;color:#8f887c;line-height:1.65;font-size:11px}.home-tool-card:hover{border-color:#9d702c;box-shadow:0 0 20px rgba(218,158,50,.12);transform:translateY(-2px)}
.home-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.faq-card{border:1px solid #3d301f;background:#070b10}.faq-card summary{cursor:pointer;list-style:none;padding:15px 17px;color:#d4bb83;font-weight:800;font-size:11px}.faq-card summary::-webkit-details-marker{display:none}.faq-card summary:after{content:"+";float:right;color:#b78434;font-size:15px}.faq-card[open] summary:after{content:"−"}.faq-card p{margin:0;padding:0 17px 16px;color:#918a7e;font-size:11px;line-height:1.65;border-top:1px solid #242018;padding-top:13px}
.server-core-settings,.server-progression-guide{margin-top:34px}.server-core-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.server-core-card{border:1px solid #3d301e;background:#070b10;padding:16px;text-align:center}.server-core-card span{display:block;color:#72572f;font:800 16px Cambria,Georgia,serif}.server-core-card b{display:block;color:#e2be6b;margin-top:6px;font-size:10px}.progression-four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.progression-four-grid article{border:1px solid #48351d;background:linear-gradient(180deg,#090e14,#06090d);padding:18px}.progression-four-grid span{color:#9e7535;font:800 18px Cambria,Georgia,serif}.progression-four-grid h3{color:#edc46a;font:800 18px Cambria,Georgia,serif;margin:7px 0}.progression-four-grid p{color:#8f887c;font-size:11px;line-height:1.6;margin:0}.server-tool-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #45351f;background:#06090d;margin-top:28px}.server-tool-strip a{padding:16px;border-right:1px solid #2d271d}.server-tool-strip a:last-child{border-right:0}.server-tool-strip b{display:block;color:#e8c368;font-size:11px}.server-tool-strip span{display:block;color:#7e776b;font-size:9px;margin-top:4px}.server-tool-strip a:hover{background:#0a1017}
.news-action-row{margin-top:16px;display:flex;gap:8px}.news-feature-post{background:radial-gradient(circle at 85% 30%,rgba(176,100,18,.12),transparent 32%),linear-gradient(180deg,#0a0f15,#070a0e)!important}
.guide-shell{max-width:1180px}.guide-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guide-intro-card{border:1px solid #4a361d;background:linear-gradient(180deg,#0a0f15,#06090d);padding:24px}.guide-intro-card>span{color:#89662f;font:800 18px Cambria,Georgia,serif}.guide-intro-card h2{margin:7px 0 10px;color:#efc66a;font:800 24px Cambria,Georgia,serif}.guide-intro-card p{color:#978f82;line-height:1.7;min-height:72px}.guide-values{display:flex;gap:8px;margin-top:14px}.guide-values b{border:1px solid #553f21;padding:10px 14px;color:#e6bf67;background:#070b10}.guide-route-card{margin-top:18px;border:1px solid #49361d;background:#070b10;padding:24px}.guide-route-grid{grid-template-columns:repeat(2,1fr)}.guide-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.guide-tools-grid a{border:1px solid #3d301f;background:#070b10;padding:18px}.guide-tools-grid b{display:block;color:#e7c169;font:700 18px Cambria,Georgia,serif}.guide-tools-grid span{display:block;color:#8d8679;font-size:11px;line-height:1.6;margin-top:6px}.guide-tools-grid a:hover{border-color:#926829;box-shadow:0 0 15px rgba(216,156,50,.10)}.guide-faq-grid{margin-top:18px}
html[dir="rtl"] .faq-card summary:after{float:left}
@media(max-width:1100px){.home-story-grid{grid-template-columns:1fr}.home-story-art{min-height:360px}.server-core-grid{grid-template-columns:repeat(3,1fr)}.progression-four-grid{grid-template-columns:repeat(2,1fr)}.home-tools-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.journey-step-grid,.home-tools-grid,.home-faq-grid,.guide-intro-grid,.guide-route-grid,.guide-tools-grid{grid-template-columns:1fr}.home-story-copy{padding:24px}.home-story-copy h2{font-size:29px}.home-story-points{grid-template-columns:1fr}.server-core-grid{grid-template-columns:repeat(2,1fr)}.progression-four-grid,.server-tool-strip{grid-template-columns:1fr}.server-tool-strip a{border-right:0;border-bottom:1px solid #2d271d}.server-tool-strip a:last-child{border-bottom:0}}


/* V41 — latest confirmed gear prices */
.price-poster-wrap{margin:16px 0 22px;border:1px solid rgba(210,164,72,.38);background:#05080c;padding:7px;box-shadow:0 10px 34px rgba(0,0,0,.35)}
.price-poster-wrap img{display:block;width:100%;height:auto;max-height:860px;object-fit:contain;background:#05080c}
.price-note,.home-price-note{margin-top:12px;padding:11px 14px;border:1px solid rgba(210,164,72,.35);background:rgba(120,75,18,.09);color:#d8cfbe;font-size:13px}
.price-note b,.home-price-note b{color:#edc66f;letter-spacing:.5px}
.latest-price-table td:nth-child(n+3),.latest-price-table th:nth-child(n+3){text-align:center}
.home-price-note{max-width:720px;margin:14px auto 0;text-align:center}
@media(max-width:720px){.price-poster-wrap{padding:3px}.latest-price-table{min-width:720px}.price-note,.home-price-note{font-size:12px}}


/* ================= V42 TOP UP REDESIGN ================= */
.topup-v42{padding-top:34px}
.topup-package-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}
.topup-package-head h2,.topup-method-title h2{margin:5px 0 7px;color:#efc76a;font:800 30px Georgia,serif}
.topup-package-head p{margin:0;color:#9f9687}
.currency-switch{display:flex;border:1px solid #5c4524;background:#05090d;padding:4px;box-shadow:inset 0 0 20px rgba(209,149,47,.04)}
.currency-btn{appearance:none;border:0;background:transparent;color:#817768;padding:10px 18px;min-width:74px;font-weight:900;letter-spacing:.8px;cursor:pointer}
.currency-btn.active{background:linear-gradient(180deg,#c68a24,#875a13);color:#fff3ce;box-shadow:0 0 18px rgba(221,159,53,.18)}
.silk-package-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.silk-package-card{position:relative;text-align:left;min-height:210px;padding:18px 16px;border:1px solid #392b19;background:linear-gradient(180deg,#0a1017,#05080c);color:#fff;cursor:pointer;overflow:hidden;transition:.2s ease}
.silk-package-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(224,164,61,.10),transparent 42%);pointer-events:none}
.silk-package-card:hover,.silk-package-card.active{border-color:#bd8836;transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.28),0 0 20px rgba(218,159,57,.10)}
.silk-package-card.active{outline:1px solid rgba(239,199,106,.18);background:linear-gradient(180deg,#111922,#070b10)}
.silk-package-tag{display:inline-block;padding:5px 8px;border:1px solid #66502b;color:#d8ad59;font-size:9px;font-weight:900;letter-spacing:.9px;background:#080d12}
.silk-package-main{display:block;margin-top:17px;color:#fff4d2;font:800 15px Georgia,serif;letter-spacing:.4px}
.silk-package-main b{font-size:30px;color:#efc76a}
.silk-package-bonus{display:block;margin-top:5px;color:#8fd49a;font-size:11px;font-weight:900}
.silk-package-bonus.no-bonus{color:#776f63}
.silk-package-price{display:block;margin-top:20px;padding-top:13px;border-top:1px solid #2b2216;color:#fff}
.silk-package-price strong{font:800 24px Georgia,serif;color:#f0d08a}.silk-package-price em{font-style:normal;color:#8e8372;font-size:11px;font-weight:900}
.silk-package-total{display:block;margin-top:7px;color:#8f877a;font-size:10px}.silk-package-total b{color:#c7b890}
.topup-selection-summary{margin:16px 0 34px;padding:18px 20px;border:1px solid #5a421f;background:linear-gradient(90deg,rgba(15,22,31,.98),rgba(7,10,14,.98));display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:inset 0 0 28px rgba(203,143,39,.04)}
.topup-selection-summary strong{display:block;margin-top:6px;color:#efc76a;font:800 22px Georgia,serif}.topup-selection-summary small{display:block;margin-top:4px;color:#8d8577}
.selection-amount{text-align:right}.selection-amount>span{display:block;color:#7f7464;font-size:9px;font-weight:900;letter-spacing:1.2px}.selection-amount>b{display:block;margin-top:4px;color:#fff1c7;font:800 28px Georgia,serif}
.topup-method-title{margin-bottom:16px}.payment-card{transition:.2s ease}.payment-card.recommended-method{border-color:#8f6729;box-shadow:0 0 25px rgba(224,160,49,.10),inset 0 0 35px rgba(224,160,49,.025)}
.instapay-qr-wrap{margin-top:18px;padding:13px;border:1px solid #392b19;background:#fff;text-align:center}.instapay-qr-wrap img{display:block;width:min(100%,310px);aspect-ratio:1/1;object-fit:cover;margin:auto}.instapay-qr-wrap span{display:block;margin-top:9px;color:#171717;font-size:10px;font-weight:1000;letter-spacing:1px}
.wallet-secret-box{margin-top:18px;border:1px solid #332616;background:#05090d;padding:16px}.wallet-secret-box small{display:block;color:#877a67;font-size:10px;font-weight:900;letter-spacing:.7px}.wallet-secret-box>b{display:block;margin:12px 0 15px;color:#efc76a;font:800 25px Georgia,serif;letter-spacing:2px;min-height:30px}.wallet-secret-box.revealed>b{letter-spacing:1px}.wallet-secret-actions{display:flex;gap:9px;flex-wrap:wrap}
@media(max-width:1180px){.silk-package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.topup-package-head,.topup-selection-summary{display:block}.currency-switch{margin-top:16px;width:max-content}.silk-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-amount{text-align:left;margin-top:18px}}
@media(max-width:520px){.silk-package-grid{grid-template-columns:1fr}.silk-package-card{min-height:0}.currency-btn{min-width:66px;padding:9px 13px}}
html[dir="rtl"] .silk-package-card{text-align:right}html[dir="rtl"] .selection-amount{text-align:left}


/* V43 — Top Up workflow */
.topup-v43-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start;margin-top:24px}
.topup-v43-main{min-width:0}.topup-order-summary{position:sticky;top:95px;background:linear-gradient(180deg,#0d1218,#070a0d);border:1px solid #58411e;padding:22px;box-shadow:0 18px 55px rgba(0,0,0,.35)}
.topup-order-summary h3{font-family:Cambria,Georgia,serif;color:#f1c766;font-size:24px;margin:5px 0 18px}.summary-line{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid rgba(213,166,75,.14);font-size:13px}.summary-line span{color:#978f80}.summary-line b{color:#eee;text-align:right}.summary-total{margin:18px -7px 0;padding:16px 8px;border-top:1px solid #705126}.summary-total span{display:block;color:#b7a887;font-size:9px;letter-spacing:1.4px;font-weight:900}.summary-total strong{display:block;color:#ffd26b;font:800 28px Cambria,Georgia,serif;margin-top:5px}.topup-order-summary p{color:#8f8a80;font-size:11px;line-height:1.5}.topup-history-link{display:block;margin-top:15px;color:#e5ba5b;font-size:11px;font-weight:900;letter-spacing:.4px}
.topup-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.method-select{position:relative;text-align:left;cursor:pointer;width:100%;font:inherit}.method-select[hidden]{display:none!important}.method-select .method-check{position:absolute;right:13px;top:12px;width:24px;height:24px;border:1px solid #554423;display:grid;place-items:center;color:transparent;background:#090d11}.method-select.active{border-color:#c58b28;box-shadow:0 0 0 1px rgba(214,157,49,.22),0 14px 36px rgba(0,0,0,.28)}.method-select.active .method-check{background:#bb7c18;color:#fff;border-color:#e8bd62}.method-copy{display:inline-flex;margin-top:14px}.method-copy.copied-now{box-shadow:0 0 0 2px rgba(245,197,94,.45)}
.payment-submit-card{margin-top:20px;padding:22px;background:linear-gradient(145deg,#0d1116,#080b0f);border:1px solid #4a391f}.payment-submit-head{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:18px}.payment-submit-head h2{color:#f0c666;font-family:Cambria,Georgia,serif;margin:5px 0 0}.secure-receipt-badge{font-size:8px;letter-spacing:1px;font-weight:900;color:#9fd6ad;border:1px solid rgba(84,174,108,.35);background:rgba(53,125,71,.12);padding:7px 9px}.payment-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.payment-proof-form select{width:100%;background:#06090c;border:1px solid #3d3426;color:#eee;padding:13px}.payment-receipt-drop{display:flex;min-height:145px;margin-top:14px;border:1px dashed #66502c;background:#070b0f;align-items:center;justify-content:center;flex-direction:column;gap:6px;text-align:center;padding:20px;cursor:pointer;transition:.2s}.payment-receipt-drop:hover{border-color:#c69235;background:#0b1016}.receipt-upload-icon{font-size:31px;color:#e7b958}.payment-receipt-drop strong{color:#e7c36f;font-size:12px;letter-spacing:.6px}.payment-receipt-drop small{color:#8d887e}.submit-payment-btn{width:100%;justify-content:center;margin-top:14px}.topup-login-required{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#070b0f;border:1px solid #332d24;padding:16px}.topup-login-required p{margin:0;color:#b2aaa0}.topup-flash{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px}.topup-flash strong{color:#ffd26b;letter-spacing:.7px}
.topup-history-list,.admin-topup-list{display:grid;gap:14px}.topup-history-card,.admin-topup-card{background:linear-gradient(145deg,#0d1116,#080b0f);border:1px solid #413521;padding:18px}.topup-history-head{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid rgba(224,175,77,.14);padding-bottom:13px;margin-bottom:14px}.topup-history-head small{display:block;color:#867d6d;font-size:8px;letter-spacing:1.2px}.topup-history-head strong{color:#f2c96e;font-size:15px}.topup-status{padding:7px 10px;border:1px solid;font-size:8px;font-weight:900;letter-spacing:1px}.topup-status.pending{color:#f0c46d;border-color:#7f6130;background:rgba(160,112,30,.1)}.topup-status.approved{color:#91d8a0;border-color:#356f43;background:rgba(49,124,66,.1)}.topup-status.rejected{color:#e89999;border-color:#7a3b3b;background:rgba(139,50,50,.1)}.topup-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.topup-history-grid>div{background:#060a0e;border:1px solid #25231f;padding:11px}.topup-history-grid small{display:block;color:#777268;font-size:8px;letter-spacing:.7px;margin-bottom:5px}.topup-history-grid b{color:#ddd;font-size:12px}.topup-history-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px}.topup-history-intro h3{margin:4px 0 0}.topup-history-intro p{max-width:520px;margin:0}.empty-topup-history{text-align:center;padding:38px}.admin-topup-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin-topup-actions{display:flex;gap:8px;align-items:center;margin-top:14px;flex-wrap:wrap}.admin-topup-actions form{margin:0}.reject-btn{border-color:#693939!important;color:#dfa0a0!important}
@media(max-width:980px){.topup-v43-layout{grid-template-columns:1fr}.topup-order-summary{position:relative;top:auto;order:-1}.topup-method-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.topup-method-grid,.payment-form-grid,.topup-history-grid{grid-template-columns:1fr}.payment-submit-head,.topup-login-required,.topup-history-intro{align-items:flex-start;flex-direction:column}.topup-flash{align-items:flex-start;flex-direction:column}}


/* V44 — Top Up admin filters, dashboard history and mobile refinement */
.admin-topup-tools{display:grid;grid-template-columns:minmax(320px,1fr) auto;gap:14px;align-items:center;margin:0 0 18px}
.admin-topup-search{display:flex;gap:8px;align-items:center;min-width:0}
.admin-topup-search input{min-width:0;flex:1;background:#060a0e;border:1px solid #3b3020;color:#eee;padding:12px 13px;outline:none}
.admin-topup-search input:focus{border-color:#a9792f;box-shadow:0 0 0 1px rgba(225,170,70,.12)}
.admin-status-filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.admin-status-filter{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid #382f23;background:#070b0f;color:#9b9385;font-size:9px;font-weight:900;letter-spacing:.7px;text-decoration:none}
.admin-status-filter b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border:1px solid #493920;color:#d7ae5b;background:#0c1014;font-size:9px}
.admin-status-filter:hover,.admin-status-filter.active{border-color:#a8782e;color:#f0c76b;background:#0d1218}.admin-status-filter.active b{border-color:#a8782e;color:#fff0bd}
.admin-empty-filter{text-align:center;padding:30px}

.overview-recent-topups{margin-top:18px}
.overview-recent-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.overview-recent-head h3{margin:4px 0 0}
.overview-topup-list{display:grid;gap:8px}.overview-topup-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.7fr) auto;gap:14px;align-items:center;padding:12px 13px;border:1px solid #29251f;background:#060a0e;text-decoration:none;transition:.16s ease}
.overview-topup-row:hover{border-color:#735528;background:#090e13}.overview-topup-main,.overview-topup-amount{min-width:0}.overview-topup-main b,.overview-topup-amount b{display:block;color:#e7e1d7;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-topup-main small,.overview-topup-amount small{display:block;margin-top:4px;color:#817a6f;font-size:9px}.overview-topup-amount{text-align:right}.overview-topup-empty{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px;border:1px dashed #3a3227;background:#06090c}.overview-topup-empty p{margin:0;color:#9d9589}

@media(max-width:760px){
  .admin-topup-tools{grid-template-columns:1fr}.admin-topup-search{flex-wrap:wrap}.admin-topup-search input{flex-basis:100%}.admin-status-filters{justify-content:flex-start;display:grid;grid-template-columns:1fr 1fr}.admin-status-filter{justify-content:space-between}
  .overview-recent-head{align-items:flex-start}.overview-topup-row{grid-template-columns:minmax(0,1fr) auto}.overview-topup-amount{display:none}.overview-topup-empty{align-items:flex-start;flex-direction:column}

  .topup-v43{padding-top:20px}.topup-package-head{margin-bottom:12px}.topup-package-head h2,.topup-method-title h2{font-size:25px}
  .silk-package-grid{display:flex!important;grid-template-columns:none!important;gap:10px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .silk-package-card{flex:0 0 215px;min-width:215px;min-height:175px!important;padding:15px 14px;scroll-snap-align:start}.silk-package-main{margin-top:12px}.silk-package-main b{font-size:25px}.silk-package-price{margin-top:13px;padding-top:10px}.silk-package-price strong{font-size:21px}
  .topup-v43-layout{gap:14px;margin-top:16px}.topup-order-summary{padding:16px;box-shadow:none}.topup-order-summary h3{font-size:21px;margin-bottom:10px}.summary-line{padding:8px 0}.summary-total{margin-top:11px;padding-top:12px}.summary-total strong{font-size:24px}
  .topup-method-grid{grid-template-columns:1fr!important;gap:10px}.topup-card.payment-card{padding:16px}.topup-card h2{font-size:23px}.instapay-qr-wrap img{max-width:220px;width:100%;height:auto}
  .payment-submit-card{padding:16px;margin-top:14px}.payment-receipt-drop{min-height:120px;padding:16px}.submit-payment-btn{min-height:46px}.currency-btn{min-height:42px}
}
@media(max-width:420px){
  .silk-package-card{flex-basis:195px;min-width:195px}.admin-topup-search .btn{flex:1;justify-content:center}.topup-order-summary{padding:14px}.payment-submit-card{padding:14px}.overview-topup-row{padding:11px 10px}.topup-status{padding:6px 7px}
}


/* V45 — Top Up Monitor */
.gm-monitor-link{border-color:rgba(218,169,71,.38)!important;background:linear-gradient(90deg,rgba(218,169,71,.10),transparent)!important;color:#efc96c!important}
.gm-monitor-link span{background:#c69335!important;color:#090b0e!important}
.gm-monitor-card{display:flex;align-items:center;justify-content:space-between;gap:24px;border-color:rgba(211,162,65,.34)!important;background:linear-gradient(135deg,rgba(32,24,13,.82),rgba(6,10,15,.94))!important}
.gm-monitor-card-copy h3{margin:4px 0 6px;color:#f2d37f;font:800 23px Cambria,Georgia,serif}
.gm-monitor-card-copy p{margin:0;color:#a8a49c;max-width:680px}

.monitor-pagehero{padding-bottom:26px}
.monitor-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.monitor-title-row h1{margin-bottom:4px}
.monitor-live-box{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(191,145,58,.32);background:rgba(4,8,12,.78);white-space:nowrap}
.monitor-live-box b{font-size:11px;letter-spacing:1.2px;color:#81d294}
.monitor-live-box strong{font-size:11px;color:#e7c46b;border-left:1px solid #40351f;padding-left:10px}
.monitor-live-dot{width:8px;height:8px;border-radius:50%;background:#51c26d;box-shadow:0 0 10px rgba(81,194,109,.8)}

.monitor-section{padding-top:28px}
.monitor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.monitor-search{flex:1;max-width:520px}
.monitor-search input{width:100%;height:44px;border:1px solid #30291d;background:#05090e;color:#e7e3d8;padding:0 14px;outline:none}
.monitor-search input:focus{border-color:#a67a2d;box-shadow:0 0 0 2px rgba(170,126,45,.12)}
.monitor-toolbar-actions{display:flex;gap:8px}

.monitor-table-wrap{overflow:auto;border:1px solid #2d271d;background:rgba(4,8,12,.88);box-shadow:0 16px 50px rgba(0,0,0,.28)}
.monitor-table{width:100%;border-collapse:collapse;min-width:1120px}
.monitor-table th{padding:12px 14px;background:#090d12;border-bottom:1px solid #393021;color:#a88a50;font-size:9px;letter-spacing:1.1px;text-align:left;white-space:nowrap}
.monitor-table td{padding:14px;border-bottom:1px solid rgba(64,54,37,.48);color:#d6d1c5;vertical-align:middle}
.monitor-table tr:last-child td{border-bottom:0}
.monitor-table tr:hover td{background:rgba(204,155,57,.035)}
.monitor-account-cell,.monitor-details-cell,.monitor-payment-cell{display:flex;flex-direction:column;gap:3px}
.monitor-account-cell b,.monitor-details-cell b,.monitor-payment-cell b{color:#eee3c5}
.monitor-account-cell small,.monitor-details-cell small,.monitor-payment-cell small,.monitor-time{color:#837f76;font-size:10px}
.monitor-account-cell small{font-family:Consolas,monospace}
.monitor-show-receipt{min-width:70px;padding:8px 12px!important}
.monitor-actions{display:flex;gap:6px}
.monitor-actions form{margin:0}
.monitor-action{width:32px;height:32px;border:1px solid;cursor:pointer;font-size:18px;font-weight:900;background:#080c10}
.monitor-action.approve{border-color:rgba(76,174,100,.45);color:#72d388}
.monitor-action.approve:hover{background:rgba(76,174,100,.12)}
.monitor-action.reject{border-color:rgba(194,71,65,.45);color:#dc7772}
.monitor-action.reject:hover{background:rgba(194,71,65,.12)}
.monitor-empty,.monitor-no-results{padding:34px;text-align:center;color:#8d897f;border:1px dashed #403724;background:#060a0e;margin-top:10px}

.receipt-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}
.receipt-modal.open{display:flex}
.receipt-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(5px)}
.receipt-modal-panel{position:relative;width:min(900px,96vw);max-height:92vh;overflow:auto;border:1px solid #66502a;background:#070b10;box-shadow:0 30px 100px rgba(0,0,0,.7);padding:22px}
.receipt-modal-close{position:absolute;right:13px;top:12px;width:34px;height:34px;border:1px solid #423824;background:#0c1015;color:#cdb56e;font-size:24px;cursor:pointer;z-index:2}
.receipt-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:42px;margin-bottom:16px}
.receipt-modal-head h2{margin:4px 0 0;color:#f0d17c;font:800 24px Cambria,Georgia,serif}
.receipt-modal-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.receipt-modal-meta>div{padding:10px 12px;border:1px solid #2f291e;background:#090d12}
.receipt-modal-meta small{display:block;color:#7d776c;font-size:8px;letter-spacing:1px;margin-bottom:4px}
.receipt-modal-meta b{color:#ddd3b9}
.receipt-image-stage{min-height:360px;display:flex;align-items:center;justify-content:center;background:#030609;border:1px solid #242017;padding:10px}
.receipt-image-stage img{display:block;max-width:100%;max-height:65vh;object-fit:contain}
.receipt-loading{color:#8d897f}
.receipt-modal-open{overflow:hidden}

@media(max-width:780px){
  .monitor-title-row,.monitor-toolbar,.gm-monitor-card{align-items:stretch;flex-direction:column}
  .monitor-live-box{align-self:flex-start}
  .monitor-search{max-width:none;width:100%}
  .monitor-toolbar-actions{width:100%}
  .monitor-toolbar-actions .btn{flex:1;text-align:center}
  .receipt-modal{padding:8px}
  .receipt-modal-panel{padding:16px}
  .receipt-modal-meta{grid-template-columns:1fr 1fr}
}


/* V46 — Auto Silk Credit */
.silk-credited-mark{display:block;margin-top:6px;color:#74d68b;font-size:8px;font-weight:900;letter-spacing:.85px;white-space:nowrap;text-shadow:0 0 8px rgba(87,196,113,.18)}

/* V48 — Report Bug / Suggestions */
.report-bug-link{border-color:rgba(184,72,55,.34)!important;background:linear-gradient(90deg,rgba(131,37,29,.12),transparent)!important;color:#efb09d!important}
.support-pagehero{padding-bottom:28px}
.support-pagehero h1{margin-bottom:5px}
.support-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:22px;align-items:start}
.support-form{border:1px solid #30291d;background:linear-gradient(145deg,rgba(8,12,17,.96),rgba(4,7,11,.98));padding:22px;box-shadow:0 20px 70px rgba(0,0,0,.22)}
.support-type-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.support-type-option{position:relative;display:flex;flex-direction:column;gap:5px;padding:15px 16px;border:1px solid #332c20;background:#070b10;cursor:pointer;transition:.18s ease}
.support-type-option input{position:absolute;opacity:0;pointer-events:none}
.support-type-option span{font:800 16px Cambria,Georgia,serif;color:#c8bd9f;letter-spacing:.5px}
.support-type-option small{color:#777268;line-height:1.45}
.support-type-option.active{border-color:#a67c32;background:linear-gradient(135deg,rgba(156,109,31,.14),rgba(8,12,17,.96));box-shadow:inset 0 0 0 1px rgba(225,182,91,.08)}
.support-type-option.active span{color:#f0cd76}
.support-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.support-form select,.support-form textarea{width:100%;border:1px solid #30291d;background:#05090e;color:#e2ddd1;padding:12px 13px;outline:none}
.support-form select{height:45px}
.support-form textarea{resize:vertical;min-height:145px}
.support-form select:focus,.support-form textarea:focus{border-color:#9f742b;box-shadow:0 0 0 2px rgba(170,126,45,.1)}
.support-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.support-upload-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:'icon title' 'icon note' 'input input';column-gap:12px;row-gap:3px;padding:15px;border:1px dashed #4d402a;background:#060a0e;cursor:pointer}
.support-upload-card:hover{border-color:#8d6b2f;background:#080d12}
.support-upload-icon{grid-area:icon;align-self:center;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #544526;background:#0a0f14;color:#e1b85c;font-size:10px;font-weight:900;letter-spacing:.5px}
.support-upload-card b{grid-area:title;color:#ddc680;font-size:12px;letter-spacing:.6px}
.support-upload-card small{grid-area:note;color:#777268;line-height:1.35}
.support-upload-card input{grid-area:input;margin-top:9px;width:100%;color:#9f998c;font-size:11px}
.dump-help{margin-top:14px;padding:14px 16px;border-left:3px solid #b88a36;background:rgba(145,100,27,.08)}
.dump-help-title{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.dump-help-title span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#b8862f;color:#090b0d;font-weight:900}
.dump-help-title b{color:#e3c36f;font-size:11px;letter-spacing:.8px}
.dump-help p{margin:0 0 8px;color:#aaa397;line-height:1.55}
.dump-help code{display:inline-block;padding:6px 9px;border:1px solid #312a1d;background:#04070a;color:#dfc276;font-family:Consolas,monospace}
.dump-help .dump-help-note{margin-top:9px;margin-bottom:0;color:#827c72;font-size:11px}
.support-submit{margin-top:18px;min-width:170px}
.support-history-card{position:sticky;top:86px}
.support-history-card h3{margin:5px 0 14px;color:#eed17e;font:800 21px Cambria,Georgia,serif}
.support-history-card>p{color:#858076}
.support-history-list{display:flex;flex-direction:column;gap:7px}
.support-history-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid #2b261c;background:#060a0e}
.support-history-item>div{min-width:0}
.support-history-item b{display:block;color:#d8d0bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
.support-history-item small{display:block;margin-top:3px;color:#777168;font-size:9px}
.support-status,.support-type-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border:1px solid #4b4231;background:#090d12;color:#aaa18c;font-size:8px;font-weight:900;letter-spacing:.8px;white-space:nowrap}
.support-status.new{border-color:rgba(200,146,47,.55);color:#e8b855;background:rgba(177,119,24,.08)}
.support-status.reviewing{border-color:rgba(71,132,190,.55);color:#7cb5e7;background:rgba(54,115,171,.08)}
.support-status.fixed{border-color:rgba(72,164,96,.55);color:#78d38e;background:rgba(61,148,84,.08)}
.support-status.rejected{border-color:rgba(180,66,61,.55);color:#d77b76;background:rgba(158,54,48,.08)}
.support-type-badge.bug{border-color:rgba(182,74,61,.45);color:#dc8d80}
.support-type-badge.suggestion{border-color:rgba(83,130,186,.45);color:#88b7e1}
.support-monitor-table{min-width:980px}
.support-modal-panel{width:min(860px,96vw)}
.support-description{padding:15px;border:1px solid #2d281e;background:#05090d;margin-bottom:12px}
.support-description small{display:block;color:#857d6e;font-size:8px;letter-spacing:1px;margin-bottom:8px}
.support-description p{margin:0;color:#d1cabc;line-height:1.7;word-break:break-word}
.support-attachment-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}
.support-no-attachment{padding:10px 12px;color:#7e786e;border:1px dashed #3a3325}
.support-review-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:13px;border-top:1px solid #2a241a}
.support-review-actions form{margin:0}

@media(max-width:900px){
  .support-layout{grid-template-columns:1fr}
  .support-history-card{position:static}
}
@media(max-width:640px){
  .support-form{padding:14px}
  .support-type-switch,.support-grid-2,.support-upload-grid{grid-template-columns:1fr}
  .support-submit{width:100%}
  .support-review-actions .btn{width:100%}
  .support-review-actions form{flex:1;min-width:120px}
}