*{box-sizing:border-box}
:root{
  --bg:#090d12; --card:#10171a; --border:#20363a;
  --text:#e7f5ef; --muted:#88a49f; --accent:#63f2a6;
}
html,body{height:100%}
body{margin:0;font-family:Arial, sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--accent);text-decoration:none}
.container{max-width:1560px;margin:0 auto;padding:18px}
.header-wrap{position:sticky;top:0;z-index:50;background:rgba(15,17,20,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.header-main{display:flex;align-items:center;gap:14px;min-width:0}
.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.brand img{height:68px}
.header-note{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:260px;
  max-width:380px;
  padding:10px 14px;
  border-radius:16px;
  border:1px solid rgba(131,193,178,.18);
  background:
    linear-gradient(135deg, rgba(255,255,255,.04), transparent 34%),
    radial-gradient(circle at 84% 18%, rgba(111,255,206,.08), transparent 26%),
    linear-gradient(180deg, rgba(15,24,28,.96), rgba(9,14,18,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.header-note__text{
  display:flex;
  flex-direction:column;
  gap:2px;
  color:#ecf7f2;
  font-size:12px;
  line-height:1.35;
  font-weight:700;
}
.header-note__line:first-child{
  color:#8fe4be;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.nav{display:flex;align-items:center;gap:18px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:12px;justify-content:flex-end;flex-wrap:wrap}
.nav a{color:var(--text);opacity:.9}
.nav a:hover{color:var(--accent)}
.lang a{opacity:.7}
.lang a.active{opacity:1;color:var(--accent)}
.layout{display:grid;grid-template-columns:300px 1fr;gap:16px;margin-top:18px;align-items:start}
.layout--with-promos{grid-template-columns:300px 228px minmax(0,1fr)}
.layout--with-promos-right{grid-template-columns:300px minmax(0,1fr) 228px}
@media(max-width:1100px){.layout,.layout--with-promos,.layout--with-promos-right{grid-template-columns:1fr}.sidebar{position:relative;top:auto;height:auto;max-height:none;overflow:visible;display:block;min-height:auto}}
.sidebar{
  position:sticky;
  top:84px;
  align-self:start;
  height:calc(100vh - 108px);
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(99,242,166,.20);
  background:
    radial-gradient(circle at top, rgba(99,242,166,.10), transparent 34%),
    linear-gradient(180deg, rgba(17,27,31,.98), rgba(9,13,18,.98));
  box-shadow:
    inset 0 1px 0 rgba(214,255,237,.05),
    0 18px 40px rgba(0,0,0,.26);
}
.sidebar::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(116,255,192,.06), transparent 28%),
    repeating-linear-gradient(
      135deg,
      rgba(116,255,192,.02) 0 2px,
      transparent 2px 14px
    );
  opacity:.55;
}
.sidebar > *{position:relative;z-index:1}
.sidebar h3{margin:0 0 10px 0;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}
.sidebar__search{margin:0 0 8px 0}
.sidebar__search input{width:100%}
.sidebar__empty{margin-top:8px;color:var(--muted);font-size:12px}
.top-list a{display:flex;justify-content:space-between;gap:10px;padding:10px;border-radius:12px;color:var(--text);border:1px solid transparent}
.top-list a:hover{border-color:var(--border);background:#0f1318}
.pill{background:rgba(99,242,166,.12);border:1px solid rgba(99,242,166,.24);color:var(--accent);padding:2px 8px;border-radius:999px;font-size:12px}
.game{margin-top:10px}
.game button{width:100%;text-align:left;background:transparent;border:0;color:var(--text);font-weight:800;padding:10px;border-radius:12px;cursor:pointer}
.game button:hover{background:#0f1318}
.game ul{list-style:none;margin:0;padding:6px 10px 8px 16px;display:none}
.game[open] ul{display:block}
.game li{margin:6px 0}
.game a{color:var(--text);opacity:.85}
.game a:hover{color:var(--accent);opacity:1}
.content{min-width:0}
.card{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at top, rgba(116,255,192,.045), transparent 26%),
    linear-gradient(180deg, rgba(16,22,28,.98), rgba(11,15,20,.98));
  border:1px solid rgba(56,88,94,.34);
  border-radius:16px;
  padding:16px;
  margin-bottom:14px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 14px 32px rgba(0,0,0,.2);
}
.card--calculator{
  overflow:visible;
}
.card h1{margin:0 0 6px 0}
.notice{color:var(--muted);font-size:13px}
/* banners */
.banner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:960px){.banner-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.banner-grid{grid-template-columns:1fr}}
.banner{position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--border);background:linear-gradient(180deg,#1b2633,#10151c);min-height:120px;padding:16px;cursor:pointer}
.banner:hover{transform:translateY(-1px);transition:.15s}
.badge{position:absolute;right:12px;top:12px;background:#3b82f6;color:#fff;border-radius:8px;font-weight:800;font-size:11px;padding:4px 8px}
.banner-title{font-weight:900;font-size:18px;letter-spacing:.4px}
.banner-sub{color:var(--muted);margin-top:6px}
/* server page */
.server-head{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:center}
@media(max-width:860px){.server-head{grid-template-columns:1fr}}
.server-img{width:100%;border-radius:14px;border:1px solid var(--border);background:#0b0d10;aspect-ratio:16/9;object-fit:cover}
/* calculator */
.calc-grid{display:grid;grid-template-columns:1fr 180px 1fr;gap:14px;align-items:center}
@media(max-width:860px){.calc-grid{grid-template-columns:1fr}}
input,select,textarea{width:100%;padding:10px 12px;background:#0f1318;color:var(--text);border:1px solid var(--border);border-radius:12px;outline:none}
textarea{min-height:92px;resize:vertical}
label{display:block;color:var(--muted);font-size:12px;margin:0 0 6px 2px}
.btn-primary{width:100%;padding:12px 14px;border-radius:12px;border:0;background:linear-gradient(135deg,#8affbe,#1a8f69);color:#06110d;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 12px 30px rgba(49,190,138,.22)}
.btn-primary:disabled{opacity:.5;cursor:not-allowed}
/* legacy-like price bar (teal) */
.price-bar{
  display:grid;
  grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr);
  align-items:center;
  gap:12px;
  padding:12px 16px;
  border-radius:12px;
  min-height:54px;
  color:#d9ffea;
  font-weight:900;
  border:1px solid rgba(79,196,149,.45);
  background:
    linear-gradient(180deg, rgba(25,79,65,.96), rgba(10,37,31,.98)),
    linear-gradient(90deg, rgba(163,255,216,.08), transparent 24%, transparent 76%, rgba(163,255,216,.08));
  box-shadow:
    inset 0 1px 0 rgba(227,255,244,.16),
    inset 0 -1px 0 rgba(0,0,0,.35),
    0 14px 28px rgba(0,0,0,.22);
}
.price-bar .pb-label{opacity:.95;text-align:left}
.price-bar .pb-value{text-align:center;font-size:20px;letter-spacing:.2px;line-height:1;color:#fff6dc;text-shadow:0 2px 10px rgba(0,0,0,.28)}
.price-bar .pb-value #unitPrice{font-variant-numeric:tabular-nums}
.price-bar .pb-curr{font-size:14px;font-weight:800;opacity:.95;margin-left:6px;text-transform:uppercase;color:#97ebc3}
.price-bar .pb-unit{white-space:nowrap;opacity:.95;text-align:right;color:#bfead5}
@media(max-width:640px){
  .price-bar{grid-template-columns:1fr;text-align:center;justify-items:center}
  .price-bar .pb-label,.price-bar .pb-unit,.price-bar .pb-value{text-align:center}
}


/* calculator layout (legacy-like) */
.muted{color:var(--muted)}
.small{font-size:12px}
.green{color:#22c55e}
.warn{color:var(--accent);font-size:12px}

.calc-top{display:block}
.calc-main{display:grid;grid-template-columns:1fr 190px 1fr;gap:14px;align-items:center}
.calc-center{display:flex;align-items:center;justify-content:center}
.calc-field .small,
.calc-field .warn{min-height:18px}
.calc-main input,.calc-main select,.calc-top select{height:44px}
@media(max-width:860px){
  .calc-main{grid-template-columns:1fr}
  .calc-center{margin:6px 0}
}
/* radial */
.radial-progress{position:relative;width:140px;height:140px;border-radius:50%;background:#0f1318;margin:0 auto;border:1px solid var(--border)}
.circle{width:100%;height:100%;position:relative}
.mask,.fill{width:100%;height:100%;position:absolute;border-radius:50%}
.mask{clip:rect(0,140px,140px,70px)}
.fill{clip:rect(0,70px,140px,0);background:var(--accent);transform:rotate(0deg);transition:transform .5s ease}
.inset{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:98px;height:98px;border-radius:50%;background:var(--card);display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}
.inset .numbers{font-size:22px;font-weight:900;color:var(--accent)}
/* sides */
.has-sides{
  position:relative;
  isolation:isolate;
  background-image:
    linear-gradient(to right, rgba(8,10,14,.84), rgba(8,10,14,.68)),
    var(--side-center, none),
    var(--side-left),
    var(--side-right);
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
  background-position:center top,center top,left top,right top;
  background-size:auto,cover,260px auto,260px auto;
  background-attachment:fixed,fixed,fixed,fixed;
}
.has-sides::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 22%, rgba(118,255,222,.12), transparent 18%),
    radial-gradient(circle at 24% 78%, rgba(88,246,205,.16), transparent 16%),
    radial-gradient(circle at 78% 82%, rgba(71,232,209,.14), transparent 18%),
    var(--side-center, none) center top / cover no-repeat;
  opacity:.88;
}
.has-sides::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(6,10,13,.34), rgba(6,10,13,.62)),
    linear-gradient(90deg, rgba(6,10,13,.22), transparent 20%, transparent 80%, rgba(6,10,13,.22));
}
@media(max-width:1100px){
  .has-sides{
    background-image:
      linear-gradient(to right, rgba(8,10,14,.9), rgba(8,10,14,.8)),
      var(--side-center, none);
    background-repeat:no-repeat,no-repeat;
    background-position:center top,center top;
    background-size:auto,cover;
    background-attachment:fixed,fixed;
  }
}
@media(max-width:1040px){
  .header{
    align-items:flex-start;
    flex-direction:column;
  }
  .nav{
    width:100%;
    justify-content:flex-start;
  }
}
@media(max-width:640px){
  .brand img{height:48px}
  .header-main{
    width:100%;
    flex-direction:column;
    align-items:flex-start;
  }
  .header-note{
    min-width:0;
    width:100%;
    max-width:none;
  }
}

/* === v12: server header layout (image left, text right) === */
.server-head{display:flex;gap:16px;align-items:flex-start}
.server-head > img{flex:0 0 320px;max-width:320px}
@media(max-width:860px){
  .server-head{display:block}
  .server-head > img{max-width:100%}
}

/* === v14: server banners grid (3x4 + show more) === */
.server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
@media(max-width:960px){.server-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.server-grid{grid-template-columns:1fr}}
.server-tile{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid var(--border);
border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#141a22,#0d0f12)}
.server-tile:hover{border-color:rgba(99,242,166,.45);box-shadow:0 14px 40px rgba(0,0,0,.45)}
.server-tile img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#0b0d10}
.server-tile .server-name{padding:10px 12px;font-weight:900;letter-spacing:.2px}
.server-tile .server-meta{padding:0 12px 12px 12px;color:var(--muted);font-size:12px}
.is-hidden{display:none!important}
.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;
border:1px solid var(--border);background:#0f1319;color:#e7eefc;font-weight:800;cursor:pointer}
.btn-secondary:hover{border-color:rgba(99,242,166,.35)}


/* === banners === */
.banner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:14px}
@media(max-width:960px){.banner-grid{grid-template-columns:1fr}}
.banner{
  position:relative;display:flex;align-items:flex-end;justify-content:flex-start;
  min-height:160px;padding:18px;border-radius:18px;overflow:hidden;
  border:1px solid var(--border);
  background-color:#0f1319;
  background-size:cover;background-position:center;background-repeat:no-repeat;
  text-decoration:none;color:inherit;
}
.banner:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.70) 0%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.10) 100%);
}
.banner:hover{border-color:rgba(99,242,166,.45);box-shadow:0 14px 40px rgba(0,0,0,.45)}
.banner .badge{position:absolute;top:12px;right:12px;z-index:2}
.banner .btxt{position:relative;z-index:2;line-height:1.15}
.banner .b-title{font-size:28px;font-weight:900;letter-spacing:.2px;margin:0}
.banner .b-sub{margin-top:6px;color:var(--muted);font-size:13px}


/* === build v22-20260107-085222 === */
.game-tree{margin-top:6px;display:flex;flex-direction:column;flex:1;min-height:0}
.game{
  border:1px solid rgba(96,108,122,.28);
  border-radius:16px;
  margin-top:10px;
  background:
    linear-gradient(180deg, rgba(16,20,27,.92), rgba(11,14,19,.92));
  overflow:hidden;
  display:flex;
  flex-direction:column;
  flex:1;
  min-height:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.game summary{list-style:none;cursor:pointer;padding:9px 12px;display:flex;align-items:center;gap:8px}
.game summary::-webkit-details-marker{display:none}
.game summary:after{
  content:"";
  width:10px;
  height:10px;
  margin-left:auto;
  border-right:2px solid rgba(189,247,216,.68);
  border-bottom:2px solid rgba(189,247,216,.68);
  transform:rotate(-45deg);
  transition:transform .15s ease,border-color .15s ease;
}
.game[open] summary:after{transform:rotate(45deg)}
.game-link{
  color:#bdf7d8;
  font-weight:900;
  text-decoration:none;
  font-family:"Trajan Pro","Cinzel","Times New Roman",Georgia,serif;
  letter-spacing:.35px;
  font-size:14px;
}
.game ul{
  list-style:none;
  margin:0;
  padding:4px 0 8px 0;
  overflow:auto;
  flex:1;
  min-height:0;
  max-height:none;
}
.game li a{display:flex;align-items:center;gap:10px;min-width:0;padding:6px 10px;color:#cdd6e5;text-decoration:none;border-top:1px solid rgba(255,255,255,.04)}
.game li a .server-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.game li a .server-logo{width:20px;height:20px;flex:0 0 20px;border-radius:6px;object-fit:cover;border:1px solid rgba(255,255,255,.08);background:#0b0d10;opacity:.95}
.game li a .server-logo--ph{display:inline-block}
.game li a:hover{background:rgba(255,255,255,.03);color:#63f2a6}
.game li a.is-active{background:rgba(99,242,166,.10);color:#63f2a6}
.game .all-link a{color:#8ddcff;font-weight:800}
.game ul::-webkit-scrollbar{width:8px}
.game ul::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}
.game ul::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(97,237,168,.74), rgba(20,84,66,.92));border-radius:999px}
.game-tree--single{
  margin-top:8px;
  overflow:hidden;
  border:1px solid rgba(112,154,149,.26);
  border-radius:18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(235,244,250,.04), transparent 22%),
    linear-gradient(180deg, rgba(17,21,27,.98), rgba(10,13,18,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    inset 0 0 0 1px rgba(181,255,226,.025);
}
.game-tree--single .game{
  margin-top:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.game-tree--single .game + .game{
  border-top:1px solid rgba(122,176,167,.14);
}
.game-tree--single .game summary{
  padding:10px 13px;
  background:
    linear-gradient(180deg, rgba(54,86,87,.20), rgba(18,22,28,.24)),
    linear-gradient(90deg, rgba(235,243,250,.04), transparent 35%);
}
.game-tree--single .game ul{
  padding:6px 8px 8px;
}
.game-tree--single .game li a{
  border-top:0;
  margin-top:4px;
  border:1px solid rgba(255,255,255,.04);
  border-radius:12px;
}
.game-tree--single .game summary:after{
  width:10px;
  height:10px;
}

.server-head{display:flex;gap:16px;align-items:flex-start}
.server-head>img{flex:0 0 320px;max-width:320px}
@media(max-width:860px){.server-head{display:block}.server-head>img{max-width:100%}}

.server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
@media(max-width:960px){.server-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.server-grid{grid-template-columns:1fr}}
.server-tile{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid var(--border);
border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#141a22,#0d0f12)}
.server-tile:hover{border-color:rgba(99,242,166,.45);box-shadow:0 14px 40px rgba(0,0,0,.45)}
.server-tile img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#0b0d10}
.server-tile .server-name{padding:10px 12px;font-weight:900;letter-spacing:.2px}
.server-tile .server-meta{padding:0 12px 12px 12px;color:var(--muted);font-size:12px}
.is-hidden{display:none!important}
.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;
border:1px solid var(--border);background:#0f1319;color:#e7eefc;font-weight:800;cursor:pointer}
.btn-secondary:hover{border-color:rgba(99,242,166,.35)}

/* === banner fx v23 === */
.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:980px){.game-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.game-grid{grid-template-columns:1fr}}
.game-card{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.08);
min-height:160px;background-size:cover;background-position:center;box-shadow:0 18px 60px rgba(0,0,0,.55);
transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease}
.game-card:before{content:'';position:absolute;inset:-2px;background:
radial-gradient(1200px 200px at 20% 20%, rgba(99,242,166,.24), transparent 60%),
radial-gradient(900px 220px at 80% 30%, rgba(104,210,255,.18), transparent 60%),
linear-gradient(180deg, rgba(10,12,16,.2), rgba(10,12,16,.78));
z-index:-1}
.game-card:after{content:'';position:absolute;inset:-60px;
background:radial-gradient(circle at 30% 20%, rgba(255,255,255,.10), transparent 40%),
radial-gradient(circle at 70% 40%, rgba(99,242,166,.10), transparent 45%),
radial-gradient(circle at 50% 80%, rgba(141,220,255,.10), transparent 45%);
filter:blur(6px);opacity:.75;transform:translate3d(0,0,0);transition:opacity .18s ease}
.game-card:hover{transform:translateY(-4px);border-color:rgba(99,242,166,.28);box-shadow:0 24px 80px rgba(0,0,0,.65)}
.game-card:hover:after{opacity:1}
.game-card .btxt{position:absolute;left:16px;bottom:14px;right:16px}
.game-card .b-title{font-size:22px;font-weight:900;letter-spacing:.2px;text-shadow:0 10px 30px rgba(0,0,0,.65)}
.game-card .b-sub{margin-top:4px;color:rgba(255,255,255,.75);font-size:12px}

/* Lineage II banner: text is drawn with HTML/CSS, so we keep the background centered */
.game-card--l2{background-position:center}

/* "Lineage II" title styling — closer to the classic L2 gold look (pure CSS, no external fonts) */
.b-title--l2{
  font-family:"Trajan Pro","Cinzel","Times New Roman",Georgia,serif;
  font-weight:800;
  letter-spacing:1.35px;
  font-size:36px;
  line-height:1;
  display:flex;
  align-items:flex-end;
  gap:6px;
}
.b-title--l2 .l2-name{
  background:linear-gradient(180deg,#fff6d1 0%, #f7d46a 22%, #f5c542 46%, #c89225 70%, #7b4f12 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-stroke:1px rgba(0,0,0,.55);
  text-shadow:
    0 2px 0 rgba(255,255,255,.18),
    0 8px 18px rgba(0,0,0,.78),
    0 0 26px rgba(255,200,60,.28);
}
.b-title--l2 .l2-roman{
  display:inline-block;
  position:relative;
  top:2px;
  font-size:1.10em;
  letter-spacing:.25px;
  background:linear-gradient(180deg,#ffffff 0%, #fff0b8 18%, #f5c542 48%, #b88418 76%, #6a3f0b 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-stroke:1px rgba(0,0,0,.60);
  text-shadow:
    0 2px 0 rgba(255,255,255,.14),
    0 10px 26px rgba(0,0,0,.82),
    0 0 32px rgba(99,242,166,.24);
}
.game-card--l2 .b-sub{
  font-size:12px;
  letter-spacing:.35px;
  color:rgba(255,255,255,.78);
}
@media(max-width:760px){.b-title--l2{font-size:32px}}
@media(max-width:520px){.b-title--l2{font-size:28px}}

/* === banner fx v23 patch === */
.banner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:980px){.banner-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.banner-grid{grid-template-columns:1fr}}
.banner{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.08);
min-height:160px;background-size:cover;background-position:center;box-shadow:0 18px 60px rgba(0,0,0,.55);
transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease}
.banner:before{content:'';position:absolute;inset:-2px;background:
radial-gradient(1200px 200px at 20% 20%, rgba(99,242,166,.24), transparent 60%),
radial-gradient(900px 220px at 80% 30%, rgba(104,210,255,.18), transparent 60%),
linear-gradient(180deg, rgba(10,12,16,.2), rgba(10,12,16,.78));
z-index:-1}
.banner:after{content:'';position:absolute;inset:-60px;
background:radial-gradient(circle at 30% 20%, rgba(255,255,255,.10), transparent 40%),
radial-gradient(circle at 70% 40%, rgba(99,242,166,.10), transparent 45%),
radial-gradient(circle at 50% 80%, rgba(141,220,255,.10), transparent 45%);
filter:blur(6px);opacity:.75;transform:translate3d(0,0,0);transition:opacity .18s ease}
.banner:hover{transform:translateY(-4px);border-color:rgba(99,242,166,.28);box-shadow:0 24px 80px rgba(0,0,0,.65)}
.banner:hover:after{opacity:1}


/* === v24 rebuild v24-20260107-140629 === */

/* Game banners: bokeh + glow */
.banner{position:relative;isolation:isolate;transform:translateZ(0);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.banner:before{content:"";position:absolute;inset:-2px;z-index:-1;
  background:
    radial-gradient(260px 180px at 20% 25%, rgba(99,242,166,.22), rgba(99,242,166,0) 65%),
    radial-gradient(220px 160px at 80% 35%, rgba(104,210,255,.16), rgba(104,210,255,0) 70%),
    radial-gradient(180px 140px at 30% 90%, rgba(113,131,255,.10), rgba(113,131,255,0) 70%),
    radial-gradient(220px 160px at 70% 90%, rgba(124,255,178,.12), rgba(124,255,178,0) 75%),
    linear-gradient(180deg, #1b2633, #10151c);
}
.banner:after{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(120px 120px at 18% 28%, rgba(255,255,255,.10), rgba(255,255,255,0) 70%),
    radial-gradient(160px 160px at 78% 32%, rgba(255,255,255,.08), rgba(255,255,255,0) 72%),
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,0) 55%);
  opacity:.9;
}
.banner:hover{transform:translateY(-2px) scale(1.01);border-color:rgba(99,242,166,.35);box-shadow:0 16px 44px rgba(0,0,0,.55)}

/* Sidebar */
.sidebar__head{padding:12px 10px 8px 10px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:10px}
.sidebar__title{font-weight:900;letter-spacing:.3px}
.sidebar__hint{color:var(--muted);font-size:12px;margin-top:4px}
.coming{padding:10px 12px;color:var(--muted);font-size:13px;border-top:1px solid rgba(255,255,255,.06)}

/* Server tiles */
.server-tile:hover .server-name{color:#63f2a6}

/* v25 lineage-only */

/* === v26 unified server page === */
.server-head--market{
  display:grid;
  grid-template-columns:minmax(260px, 320px) 1fr;
  gap:18px;
  align-items:start;
}
@media(max-width:860px){
  .server-head--market{grid-template-columns:1fr}
}
.server-copy h1{
  margin:0 0 10px 0;
  font-family:"Trajan Pro","Cinzel","Times New Roman",Georgia,serif;
  letter-spacing:.55px;
  color:#bff7d8;
  text-shadow:0 8px 24px rgba(0,0,0,.4);
}
.server-lead{font-size:20px;font-weight:900;line-height:1.2}
.server-offer{margin-top:10px;font-size:18px;font-weight:800;color:var(--accent)}
.server-note{margin-top:10px;color:var(--muted)}
.server-rates-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.server-rate-pill{
  appearance:none;
  cursor:pointer;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  color:#f3f4f6;
  font-size:13px;
  transition:border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}
.server-rate-pill:hover{
  border-color:rgba(99,242,166,.28);
  color:#d8ffee;
}
.server-rate-pill.is-active{
  background:rgba(99,242,166,.12);
  border-color:rgba(99,242,166,.38);
  color:#63f2a6;
  box-shadow:0 0 0 1px rgba(99,242,166,.08) inset;
}

.calc-form-modern{display:flex;flex-direction:column;gap:14px}
.calc-top--split{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  align-items:end;
}
@media(max-width:860px){
  .calc-top--split{grid-template-columns:1fr}
}
.currency-toolbar{display:flex;flex-direction:column;gap:8px}
.currency-switch{display:flex;flex-wrap:wrap;gap:8px}
.currency-switch__btn{
  min-width:72px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  background:#0f1318;
  color:#dbe4f2;
  cursor:pointer;
  font-weight:800;
}
.currency-switch__btn.is-active{
  background:linear-gradient(135deg,#1eb5ad,#13807c);
  border-color:transparent;
  color:#fff;
}

.price-bar--dynamic{
  box-shadow:0 12px 28px rgba(25,167,160,.18);
}

.calc-main--orb{
  display:grid;
  grid-template-columns:1fr minmax(240px, 320px) 1fr;
  gap:18px;
  align-items:start;
}
@media(max-width:980px){
  .calc-main--orb{grid-template-columns:1fr}
}

.calc-field{display:flex;flex-direction:column;gap:8px}
.calc-field--left{padding-bottom:8px}
.calc-inline-note{
  min-height:20px;
  color:#dbe4f2;
  font-size:13px;
}

.bonus-stack{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  padding-top:26px;
  position:relative;
  overflow:visible;
}

.bonus-hover{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
  padding-bottom:172px;
  overflow:visible;
}

.promo-status{
  min-height:16px;
  text-align:center;
  color:#ffb5b5;
  font-size:12px;
}
.bonus-stack .promo-status{
  display:none !important;
}
.promo-status.is-error{color:#ff8585}
.promo-status.is-success{color:#ffc6c6}

.promo-circle{
  --circle-color:#4a6b63;
  --fill-angle:0deg;
  --beam-opacity:.12;
  position:relative;
  width:138px;
  height:138px;
  margin:0 auto;
  border-radius:50%;
  transition:transform .22s ease, filter .22s ease;
  filter:drop-shadow(0 12px 28px rgba(0,0,0,.22));
}
.promo-circle::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:
    conic-gradient(
      from -90deg,
      rgba(232,255,245,.18) 0deg,
      var(--circle-color) var(--fill-angle),
      rgba(28,35,41,.28) var(--fill-angle),
      rgba(28,35,41,.28) 360deg
    );
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 18px), #000 calc(100% - 16px));
  mask:radial-gradient(farthest-side, transparent calc(100% - 18px), #000 calc(100% - 16px));
}
.promo-circle::after{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 36%, rgba(230,255,245,.07), transparent 34%),
    linear-gradient(180deg, rgba(15,22,28,.98), rgba(7,11,15,.98));
  border:1px solid rgba(255,255,255,.04);
  box-shadow:
    inset 0 0 18px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(232,255,245,.04);
}
.promo-circle__svg{
  position:absolute;
  inset:0;
  display:block;
  transform:rotate(-90deg);
  width:138px;
  height:138px;
  opacity:.18;
}
.promo-circle__track{
  fill:none;
  stroke:rgba(255,255,255,.035);
  stroke-width:12;
}
.promo-circle__progress{
  fill:none;
  stroke:var(--circle-color);
  stroke-width:12;
  stroke-linecap:round;
  opacity:0;
  transition:stroke .35s ease, stroke-dashoffset .35s ease, opacity .22s ease;
}
.promo-circle__glow{
  position:absolute;
  inset:-10px;
  border-radius:50%;
  opacity:0;
  pointer-events:none;
  transition:opacity .35s ease;
}
.promo-circle__glow::before,
.promo-circle__glow::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  filter:blur(12px);
}
.promo-circle__glow::before{
  background:radial-gradient(circle, rgba(99,242,166,.18), transparent 62%);
}
.promo-circle__glow::after{
  background:radial-gradient(circle, rgba(104,210,255,.12), transparent 68%);
}
.promo-circle__glow.is-breathe::before{
  animation:promo-breathe-1 2.4s ease-in-out infinite;
}
.promo-circle__glow.is-breathe::after{
  animation:promo-breathe-2 3.2s ease-in-out infinite;
}
@keyframes promo-breathe-1{
  0%{opacity:.5;transform:scale(.98)}
  50%{opacity:1;transform:scale(1.03)}
  100%{opacity:.5;transform:scale(.98)}
}
@keyframes promo-breathe-2{
  0%{opacity:.3;transform:scale(1)}
  50%{opacity:.8;transform:scale(1.05)}
  100%{opacity:.3;transform:scale(1)}
}
.promo-circle__flash{
  position:absolute;
  inset:-2px;
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  background:
    conic-gradient(
      from calc(var(--fill-angle) - 104deg),
      rgba(255,255,255,0) 0deg,
      rgba(229,255,245,0) 8deg,
      rgba(229,255,245,.38) 16deg,
      rgba(99,242,166,.92) 23deg,
      rgba(255,255,255,0) 34deg,
      rgba(255,255,255,0) 360deg
    );
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 18px), #000 calc(100% - 16px));
  mask:radial-gradient(farthest-side, transparent calc(100% - 18px), #000 calc(100% - 16px));
  filter:blur(2px);
  transition:opacity .25s ease;
}
.promo-circle__percent{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  font-weight:900;
  color:var(--circle-color);
  letter-spacing:.4px;
  text-shadow:0 0 20px rgba(99,242,166,.10);
  z-index:1;
}

.bonus-thresholds-beam{
  position:absolute;
  top:calc(100% + 10px);
  left:50%;
  width:2px;
  height:52px;
  transform:translateX(-50%) scaleY(.2);
  transform-origin:center top;
  opacity:0;
  background:linear-gradient(180deg, rgba(255,255,255,.0) 0%, rgba(229,255,245,.55) 25%, rgba(99,242,166,.95) 100%);
  pointer-events:none;
  transition:opacity .24s ease, transform .3s ease;
}

.bonus-thresholds-spark{
  position:absolute;
  top:0;
  left:50%;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#d9ffee;
  box-shadow:0 0 10px rgba(255,255,255,.9), 0 0 22px rgba(99,242,166,.85), 0 0 36px rgba(104,210,255,.45);
  transform:translate(-50%, -50%);
  transition:left .34s ease, opacity .22s ease, transform .34s ease;
}

.bonus-thresholds-card{
  position:absolute;
  top:calc(100% + 66px);
  left:50%;
  width:min(260px, calc(100vw - 64px));
  padding:14px 14px 12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(18,22,31,.98), rgba(14,17,24,.95));
  box-shadow:0 24px 60px rgba(0,0,0,.42);
  transform:translate(-50%, -8px);
  opacity:0;
  pointer-events:none;
  transition:opacity .24s ease, transform .3s ease;
  z-index:4;
}

.bonus-thresholds-card__title{
  margin-bottom:10px;
  font-size:12px;
  letter-spacing:.9px;
  text-transform:uppercase;
  color:#63f2a6;
  font-weight:900;
}

.bonus-thresholds-card__rows{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.bonus-thresholds-card__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:13px;
  color:#dbe4f2;
}

.bonus-thresholds-card__row b{
  color:#fff;
}

.bonus-hover:hover .bonus-thresholds-card{
  opacity:1;
  transform:translate(-50%, 0);
}

.bonus-hover:hover .bonus-thresholds-beam{
  opacity:1;
  transform:translateX(-50%) scaleY(1);
}

.bonus-hover:hover .bonus-thresholds-spark{
  top:100%;
  left:50%;
  transform:translate(-50%, -50%) scale(1.15);
}

.promo-panel{
  width:100%;
  max-width:258px;
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:stretch;
}
.promo-panel--side{
  margin-top:14px;
  margin-left:auto;
  max-width:250px;
}
.promo-panel__actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
@media(max-width:520px){
  .promo-panel__actions{grid-template-columns:1fr}
}
@media(max-width:980px){
  .bonus-hover{
    padding-bottom:172px;
  }
  .bonus-thresholds-card{
    width:min(260px, calc(100vw - 64px));
  }
}
.promo-panel__button{
  min-height:42px;
  border-radius:12px;
}
.promo-panel__button--apply{
  background:linear-gradient(135deg, rgba(255,91,91,.24), rgba(255,48,48,.12));
  color:#ffe8e8;
}
.promo-panel__button--reset{
  background:rgba(255,255,255,.06);
}

.calc-summary--rich{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.calc-summary--inline{
  margin-top:18px;
}
.calc-summary__line{color:#dbe4f2}

@media(max-width:980px){
  .promo-panel--side{
    margin-left:0;
    max-width:100%;
  }
}

.seo-copy__body{
  color:#dbe4f2;
  line-height:1.7;
  font-size:15px;
}
.seo-copy{
  border-color:rgba(179,143,68,.32);
  background:
    radial-gradient(circle at top right, rgba(255,222,140,.08), transparent 28%),
    linear-gradient(180deg, rgba(20,24,31,.98), rgba(13,16,21,.98));
}
.seo-copy::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,218,121,.05), transparent 18%, transparent 82%, rgba(255,218,121,.05)),
    repeating-linear-gradient(
      135deg,
      rgba(255,223,152,.02) 0 2px,
      transparent 2px 12px
    );
}
.seo-copy h2{
  position:relative;
  z-index:1;
  font-family:"Trajan Pro","Cinzel","Times New Roman",Georgia,serif;
  letter-spacing:.8px;
  color:#f2d497;
  text-transform:uppercase;
}
.seo-copy__body{
  position:relative;
  z-index:1;
  max-width:860px;
}
.seo-copy__body b,
.seo-copy__body strong{
  color:#fff3c4;
}
.seo-copy__body p{
  margin:0 0 12px 0;
}
.seo-copy__body p:last-child{
  margin-bottom:0;
}

.calc-grid2{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}
@media(max-width:760px){
  .calc-grid2{grid-template-columns:1fr}
}

.modal-open{overflow:hidden}
.modal-backdrop{
  position:fixed;
  inset:0;
  z-index:90;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(0,0,0,.7);
}
.modal-backdrop[hidden]{
  display:none !important;
}
.modal-card{
  width:min(100%, 420px);
  padding:22px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:#12161f;
  box-shadow:0 30px 60px rgba(0,0,0,.45);
}
.modal-card h3{margin:0 0 10px 0}
.modal-card p{margin:0;color:var(--muted);line-height:1.5}
.modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:18px;
}
@media(max-width:520px){
  .modal-actions{flex-direction:column}
}

.admin-shell{display:flex;flex-direction:column;gap:16px}
.admin-tabs{display:flex;gap:10px;flex-wrap:wrap}
.admin-tabs__button{
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background:#0f1318;
  color:#dbe4f2;
  cursor:pointer;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.admin-tabs__button.is-active{
  background:linear-gradient(135deg,#1eb5ad,#13807c);
  border-color:transparent;
  color:#fff;
}
.admin-tab-badge{
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  background:#ff8a54;
  color:#10161b;
  font-size:12px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.admin-notices{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}
@media(max-width:980px){
  .admin-notices{
    grid-template-columns:1fr;
  }
}
.admin-alert{
  width:100%;
  text-align:left;
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:#0f1318;
  color:#eef5f1;
  cursor:pointer;
}
.admin-alert__count{
  min-width:34px;
  height:34px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
}
.admin-alert__content{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.admin-alert__title{
  font-weight:800;
}
.admin-alert__body{
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}
.admin-alert--orders{
  border-color:rgba(255,214,102,.22);
  background:rgba(255,214,102,.06);
}
.admin-alert--disputes{
  border-color:rgba(255,110,110,.22);
  background:rgba(255,110,110,.06);
}
.admin-alert--desk{
  border-color:rgba(105,205,255,.22);
  background:rgba(105,205,255,.06);
}
.admin-alert--ok{
  border-color:rgba(99,242,166,.18);
  background:rgba(99,242,166,.06);
}

/* === v17 LA2 polish === */
.sidebar::after{
  content:"";
  position:absolute;
  inset:8px;
  pointer-events:none;
  border-radius:14px;
  border:1px solid rgba(96,219,167,.20);
  box-shadow:
    inset 0 0 0 1px rgba(218,255,238,.03),
    0 0 0 1px rgba(0,0,0,.18);
}

.sidebar h3{
  padding:0 4px;
  color:#9ce8c3;
  letter-spacing:1.2px;
  text-shadow:0 1px 0 rgba(0,0,0,.35);
}

.sidebar__search input,
.calc-form-modern input,
.calc-form-modern select,
.calc-form-modern textarea{
  border:1px solid rgba(82,157,127,.26);
  background:linear-gradient(180deg, rgba(13,18,23,.98), rgba(8,13,16,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    0 0 0 1px rgba(0,0,0,.08);
}

.sidebar__search input:hover,
.calc-form-modern input:hover,
.calc-form-modern select:hover,
.calc-form-modern textarea:hover{
  border-color:rgba(103,215,169,.42);
}

.sidebar__search input:focus,
.calc-form-modern input:focus,
.calc-form-modern select:focus,
.calc-form-modern textarea:focus{
  border-color:rgba(99,242,166,.72);
  box-shadow:
    inset 0 1px 0 rgba(232,255,245,.04),
    0 0 0 1px rgba(99,242,166,.24),
    0 0 20px rgba(99,242,166,.12);
}

.price-bar{
  position:relative;
  overflow:hidden;
  box-shadow:
    inset 0 1px 0 rgba(232,255,245,.14),
    inset 0 -1px 0 rgba(0,0,0,.35),
    0 14px 28px rgba(0,0,0,.22),
    0 0 32px rgba(56,195,142,.16);
}

.price-bar::before{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:8px;
  border:1px solid rgba(193,255,229,.10);
  pointer-events:none;
}

.price-bar::after{
  content:"";
  position:absolute;
  inset:-10px 16%;
  background:radial-gradient(circle at center, rgba(123,255,199,.20), transparent 60%);
  filter:blur(14px);
  pointer-events:none;
}

.currency-switch__btn{
  border:1px solid rgba(74,138,116,.24);
  background:linear-gradient(180deg, rgba(20,26,31,.96), rgba(11,15,19,.98));
  color:#e8edf6;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}

.currency-switch__btn.is-active{
  background:
    linear-gradient(180deg, rgba(28,94,72,.98), rgba(13,47,38,.98)),
    linear-gradient(90deg, rgba(181,255,226,.08), transparent 24%, transparent 76%, rgba(181,255,226,.08));
  border-color:rgba(93,221,169,.52);
  color:#e6fff4;
  box-shadow:
    inset 0 1px 0 rgba(230,255,245,.16),
    0 0 18px rgba(85,214,160,.16);
}

.game{
  border-color:rgba(72,144,116,.28);
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(17,21,27,.97), rgba(11,14,19,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    inset 0 0 0 1px rgba(181,255,226,.025);
}

.game summary{
  padding:12px 14px;
  border-bottom:1px solid rgba(90,176,141,.18);
  background:linear-gradient(180deg, rgba(24,72,58,.30), rgba(18,22,28,.16));
}

.game summary::before{
  content:"";
  width:10px;
  height:10px;
  flex:0 0 10px;
  border-radius:2px;
  border:1px solid rgba(143,248,199,.30);
  background:linear-gradient(180deg, rgba(181,255,226,.18), rgba(22,70,55,.18));
  box-shadow:0 0 10px rgba(99,242,166,.08);
}

.game ul{
  flex:1;
  min-height:0;
  max-height:none;
}

.game li{
  padding:0 8px;
}

.game li a{
  padding:9px 12px;
  border-radius:10px;
}

.game li a:hover{
  background:linear-gradient(90deg, rgba(99,242,166,.08), rgba(99,242,166,.02));
  color:#d8ffee;
  box-shadow:inset 0 0 0 1px rgba(99,242,166,.12);
}

.game li a.is-active{
  background:linear-gradient(90deg, rgba(28,93,72,.48), rgba(16,54,42,.28));
  color:#63f2a6;
  box-shadow:
    inset 0 0 0 1px rgba(99,242,166,.22),
    0 0 18px rgba(99,242,166,.08);
}
.admin-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.admin-toolbar__group{display:flex;gap:10px;flex-wrap:wrap}
.admin-save{width:auto;min-width:220px}
.admin-search{
  margin:0 0 14px 0;
}
.admin-list{display:flex;flex-direction:column;gap:14px}
.admin-card{
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:16px;
  background:rgba(255,255,255,.02);
}
.admin-card--attention{
  border-color:rgba(255,182,88,.34);
  box-shadow:0 0 0 1px rgba(255,182,88,.08), 0 18px 34px rgba(255,182,88,.06);
}
.admin-card__head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:14px;
}
@media(max-width:760px){
  .admin-card__head{flex-direction:column}
}
.admin-card__head h3{margin:0 0 4px 0}
.admin-accordion{
  overflow:hidden;
}
.admin-accordion__summary{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0, 1.3fr) minmax(0, 1fr) 28px;
  gap:14px;
  align-items:center;
  text-align:left;
  border:0;
  background:rgba(255,255,255,.02);
  color:#eef5f1;
  padding:0;
  cursor:pointer;
}
.admin-accordion__main,
.admin-accordion__meta{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.admin-accordion__main strong{
  font-size:16px;
}
.admin-accordion__main span,
.admin-accordion__meta span{
  color:var(--muted);
  font-size:13px;
}
.admin-accordion__chevron{
  width:28px;
  height:28px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#98f0ca;
  font-size:20px;
  line-height:1;
}
.admin-accordion__body{
  display:none;
  margin-top:16px;
}
.admin-accordion.is-open .admin-accordion__body{
  display:block;
}
@media(max-width:760px){
  .admin-accordion__summary{
    grid-template-columns:1fr;
  }
  .admin-accordion__chevron{
    justify-self:flex-start;
  }
}
.admin-form-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}
@media(max-width:760px){
  .admin-form-grid{grid-template-columns:1fr}
}
.admin-form-grid label,
.admin-product__grid label{
  display:flex;
  flex-direction:column;
  gap:6px;
  color:var(--muted);
  font-size:12px;
}
.admin-field-span{grid-column:1 / -1}
.admin-subhead{
  margin:18px 0 10px;
  font-size:12px;
  letter-spacing:.8px;
  text-transform:uppercase;
  color:var(--muted);
}
.admin-product-list{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}
.admin-product{
  padding:12px;
  border-radius:14px;
  background:#0f1318;
  border:1px solid rgba(255,255,255,.06);
}
.admin-product__grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
}
@media(max-width:980px){
  .admin-product__grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@media(max-width:560px){
  .admin-product__grid{grid-template-columns:1fr}
}
.admin-product__flags{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:12px;
}
.admin-check{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  color:#dbe4f2!important;
  font-size:13px!important;
}
.admin-danger{
  border-color:rgba(255,80,80,.28);
  color:#ffd8d8;
}

/* v24 kruma surfaces + sidebar scroll fix */
.sidebar{
  max-height:calc(100vh - 108px);
  background:
    radial-gradient(circle at 14% 0%, rgba(235,242,248,.08), transparent 24%),
    radial-gradient(circle at 82% 14%, rgba(132,206,191,.09), transparent 28%),
    linear-gradient(180deg, rgba(18,24,31,.98), rgba(9,13,18,.98));
  border-color:rgba(126,166,163,.22);
  box-shadow:
    inset 0 1px 0 rgba(244,248,252,.05),
    inset 0 0 0 1px rgba(169,214,207,.03),
    0 18px 40px rgba(0,0,0,.26);
}

.sidebar::before{
  background:
    linear-gradient(140deg, rgba(239,245,252,.06), transparent 30%),
    radial-gradient(circle at 22% 18%, rgba(178,255,227,.06), transparent 18%),
    repeating-linear-gradient(
      135deg,
      rgba(116,255,192,.018) 0 2px,
      transparent 2px 14px
    );
}

.sidebar::after{
  border:1px solid rgba(203,224,227,.12);
  box-shadow:
    inset 0 0 0 1px rgba(245,248,252,.03),
    0 0 0 1px rgba(0,0,0,.18);
}

.card::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:15px;
  pointer-events:none;
  background:
    linear-gradient(132deg, rgba(244,248,255,.06), transparent 28%),
    radial-gradient(circle at 88% 0%, rgba(116,206,192,.06), transparent 24%),
    radial-gradient(circle at 16% 100%, rgba(255,255,255,.03), transparent 22%);
  opacity:.9;
}

.side-promos-rail{
  position:sticky;
  top:84px;
  align-self:start;
  width:228px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.side-promo-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:10px 12px 10px 58px;
  border-radius:18px;
  border:1px solid rgba(168,206,202,.16);
  background:
    linear-gradient(135deg, rgba(238,244,248,.06), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(167,214,210,.06), transparent 26%),
    linear-gradient(180deg, rgba(21,29,36,.98), rgba(11,16,21,.99));
  box-shadow:
    inset 0 1px 0 rgba(248,250,252,.04),
    0 10px 24px rgba(0,0,0,.16);
}

.side-promo-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035), transparent 42%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.012) 0 2px, transparent 2px 14px);
}

.side-promo-card::after{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:13px;
  pointer-events:none;
  border:1px solid rgba(235,242,247,.06);
  box-shadow:inset 0 0 0 1px rgba(7,11,15,.12);
}

.side-promo-card__eyebrow{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:#cde2de;
  margin-bottom:5px;
  border:1px solid rgba(221,232,234,.08);
  background:rgba(255,255,255,.03);
}

.side-promo-card__icon{
  position:absolute;
  left:10px;
  top:10px;
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  font-size:14px;
  font-weight:900;
  letter-spacing:.4px;
  color:#eef8f8;
  border:1px solid rgba(214,231,232,.16);
  background:linear-gradient(180deg, rgba(40,58,66,.96), rgba(16,24,29,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 8px 20px rgba(0,0,0,.18);
}

.side-promo-card__title,
.side-promo-card__text{
  position:relative;
  z-index:1;
}

.side-promo-card__title{
  font-size:14px;
  font-weight:900;
  line-height:1.2;
  color:#f1f7f6;
  text-shadow:0 1px 0 rgba(0,0,0,.28);
}

.side-promo-card__text{
  margin-top:4px;
  font-size:11px;
  line-height:1.28;
  color:#a8bcbb;
}

.side-game{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(151,188,186,.16);
  background:
    linear-gradient(135deg, rgba(240,246,250,.05), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(158,220,210,.06), transparent 24%),
    linear-gradient(180deg, rgba(18,24,31,.98), rgba(9,13,18,.99));
  box-shadow:
    inset 0 1px 0 rgba(248,250,252,.04),
    0 12px 28px rgba(0,0,0,.16);
}

.side-game::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.03), transparent 42%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.01) 0 2px, transparent 2px 14px);
}

.side-game__chest{
  position:relative;
  z-index:1;
  width:100%;
  min-height:106px;
  padding:14px 14px 14px 86px;
  border:0;
  background:
    radial-gradient(circle at 18% 50%, rgba(242,217,146,.18), transparent 18%),
    linear-gradient(180deg, rgba(58,48,32,.92), rgba(23,19,14,.98));
  color:#f5ede1;
  text-align:left;
  cursor:pointer;
}

.side-game__chest::before{
  content:"";
  position:absolute;
  left:16px;
  top:18px;
  width:52px;
  height:52px;
  border-radius:14px;
  border:1px solid rgba(228,202,143,.22);
  background:
    linear-gradient(180deg, rgba(153,118,55,.95), rgba(63,44,23,.98)),
    linear-gradient(135deg, rgba(255,240,196,.10), transparent 45%);
  box-shadow:
    inset 0 1px 0 rgba(255,241,206,.10),
    0 8px 20px rgba(0,0,0,.24);
}

.side-game__chest-title,
.side-game__chest-sub{
  position:relative;
  z-index:1;
  display:block;
}

.side-game__chest-title{
  font-size:16px;
  font-weight:900;
  line-height:1.15;
  color:#fff4d6;
}

.side-game__chest-sub{
  margin-top:6px;
  font-size:11px;
  line-height:1.35;
  color:#d3c0a2;
}

.side-game__panel{
  position:relative;
  z-index:1;
  padding:12px;
  border-top:1px solid rgba(230,236,240,.06);
}

.side-game__head,
.side-game__meta,
.side-game__controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.side-game__eyebrow{
  font-size:10px;
  font-weight:800;
  letter-spacing:1.1px;
  text-transform:uppercase;
  color:#a9cac4;
}

.side-game__grade{
  padding:4px 7px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  color:#fff2ca;
  background:rgba(214,185,120,.12);
  border:1px solid rgba(214,185,120,.16);
}

.side-game__meta{
  margin-top:8px;
}

.side-game__level{
  font-size:26px;
  font-weight:900;
  color:#d9fff2;
}

.side-game__scrolls{
  font-size:11px;
  color:#a5bbba;
  text-align:right;
}

.side-game__stash{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px;
}

.side-game__item,
.side-game__slot,
.side-game__btn{
  border-radius:14px;
  border:1px solid rgba(179,206,204,.14);
}

.side-game__item{
  min-height:52px;
  padding:10px;
  background:
    linear-gradient(180deg, rgba(24,33,40,.96), rgba(12,17,22,.98));
  color:#eef5f4;
  font-size:12px;
  font-weight:800;
  cursor:grab;
}

.side-game__item.is-selected{
  border-color:rgba(106,222,190,.42);
  box-shadow:0 0 0 1px rgba(106,222,190,.18);
}

.side-game__item:disabled{
  opacity:.5;
  cursor:not-allowed;
}

.side-game__slots{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px;
}

.side-game__slot{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  background:
    linear-gradient(180deg, rgba(11,16,20,.98), rgba(6,10,14,.99));
  color:#8fa7a6;
  font-size:11px;
  font-weight:800;
  text-align:center;
}

.side-game__slot.is-filled{
  color:#e7f8f3;
  border-color:rgba(104,221,189,.26);
}

.side-game__controls{
  margin-top:10px;
}

.side-game__btn{
  flex:1 1 0;
  min-height:42px;
  padding:0 10px;
  background:linear-gradient(180deg, rgba(24,33,40,.96), rgba(12,17,22,.98));
  color:#e6f2f0;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}

.side-game__btn--primary{
  background:
    linear-gradient(180deg, rgba(31,86,85,.96), rgba(15,31,37,.98));
  border-color:rgba(113,216,192,.26);
}

.side-game__btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.side-game__status{
  margin-top:10px;
  min-height:48px;
  font-size:11px;
  line-height:1.35;
  color:#aabfbe;
}

.side-game__reward{
  margin-top:10px;
  padding:10px;
  border-radius:14px;
  border:1px solid rgba(214,185,120,.20);
  background:
    linear-gradient(180deg, rgba(60,48,26,.36), rgba(18,15,11,.42));
}

.side-game__reward-title{
  font-size:10px;
  font-weight:800;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#e9cf94;
}

.side-game__reward-code{
  margin-top:6px;
  font-size:18px;
  font-weight:900;
  letter-spacing:1px;
  color:#fff3d0;
}

.side-game__reward-note{
  margin-top:4px;
  font-size:11px;
  line-height:1.3;
  color:#cfbea0;
}

.side-promo-card--crypto{
  border-color:rgba(124,214,194,.24);
  background:
    radial-gradient(circle at 18% 18%, rgba(85,214,188,.14), transparent 24%),
    linear-gradient(90deg, rgba(92,196,185,.10), transparent 24%),
    linear-gradient(180deg, rgba(22,31,38,.96), rgba(11,16,21,.98));
}

.side-promo-card--crypto .side-promo-card__icon{
  color:#d9fff2;
  border-color:rgba(137,220,197,.22);
  background:
    radial-gradient(circle at 50% 28%, rgba(145,246,219,.22), transparent 32%),
    linear-gradient(180deg, rgba(31,86,85,.96), rgba(15,31,37,.98));
}

.side-promo-card--discount{
  border-color:rgba(213,188,124,.24);
  background:
    radial-gradient(circle at 14% 18%, rgba(233,203,128,.14), transparent 22%),
    linear-gradient(90deg, rgba(182,139,74,.08), transparent 22%),
    linear-gradient(180deg, rgba(23,28,34,.96), rgba(11,16,21,.98));
}

.side-promo-card--discount .side-promo-card__icon{
  color:#fff2ca;
  border-color:rgba(212,183,119,.24);
  background:
    radial-gradient(circle at 50% 28%, rgba(244,220,152,.18), transparent 34%),
    linear-gradient(180deg, rgba(80,63,37,.96), rgba(25,21,17,.98));
}

.side-promo-card--refer{
  border-color:rgba(165,191,210,.18);
  background:
    radial-gradient(circle at 18% 18%, rgba(198,219,233,.12), transparent 22%),
    linear-gradient(90deg, rgba(142,175,203,.08), transparent 22%),
    linear-gradient(180deg, rgba(22,29,37,.96), rgba(11,16,21,.98));
}

.side-promo-card--refer .side-promo-card__icon{
  color:#eff5f9;
  border-color:rgba(174,198,214,.22);
  background:
    radial-gradient(circle at 50% 28%, rgba(214,231,244,.16), transparent 34%),
    linear-gradient(180deg, rgba(54,71,88,.96), rgba(17,21,27,.98));
}

.game{
  background:
    radial-gradient(circle at 0% 0%, rgba(235,244,250,.04), transparent 22%),
    linear-gradient(180deg, rgba(17,21,27,.98), rgba(10,13,18,.99));
  border-color:rgba(112,154,149,.26);
}

.game summary{
  background:
    linear-gradient(180deg, rgba(54,86,87,.20), rgba(18,22,28,.24)),
    linear-gradient(90deg, rgba(235,243,250,.04), transparent 35%);
  border-bottom-color:rgba(122,176,167,.14);
}

.game ul{
  overflow:auto;
  flex:1 1 auto;
  min-height:0;
  max-height:calc(100vh - 270px);
  overscroll-behavior:contain;
}

.price-bar{
  background:
    linear-gradient(180deg, rgba(31,68,67,.92), rgba(13,31,35,.98)),
    linear-gradient(90deg, rgba(235,244,250,.06), transparent 26%, transparent 74%, rgba(174,238,222,.06));
  border-color:rgba(125,188,173,.38);
}

@media(max-width:1100px){
  .sidebar{
    max-height:none;
  }

  .side-promos-rail{
    display:none;
  }

  .game ul{
    max-height:none;
  }
}
.layout--with-promos .server-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:1360px){
  .layout--with-promos .server-grid{grid-template-columns:repeat(3,1fr)}
}

/* === v34 enchant window rebuild === */
.layout--with-promos{
  grid-template-columns:300px 316px minmax(0,1fr);
}
.layout--with-promos-right{
  grid-template-columns:300px minmax(0,1fr) 316px;
}

.sidebar,
.side-promos-rail{
  position:relative;
  top:auto;
}

.side-promos-rail{
  width:316px;
  gap:12px;
}

.side-promo-card{
  min-height:98px;
  padding:12px 14px 12px 60px;
}

.side-game__chest{
  min-height:84px;
  padding:12px 14px 12px 78px;
}

.side-game__chest::before{
  left:14px;
  top:14px;
  width:46px;
  height:46px;
}

.side-game__window{
  position:relative;
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(148,119,67,.36);
  background:
    linear-gradient(180deg, rgba(58,45,29,.92), rgba(31,22,15,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,234,188,.12),
    inset 0 0 0 1px rgba(0,0,0,.24),
    0 10px 24px rgba(0,0,0,.24);
}

.side-game__window::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,234,196,.06), transparent 26%, transparent 74%, rgba(255,234,196,.04)),
    linear-gradient(180deg, rgba(0,0,0,.12), transparent 16%, transparent 84%, rgba(0,0,0,.16));
}

.side-game__window-bar{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:34px;
  padding:7px 12px;
  border-bottom:1px solid rgba(186,149,89,.28);
  background:
    linear-gradient(180deg, rgba(131,93,42,.78), rgba(70,49,26,.88));
}

.side-game__window-title{
  font-size:12px;
  font-weight:800;
  color:#fff1ca;
  text-shadow:0 1px 0 rgba(0,0,0,.42);
}

.side-game__window-level{
  min-width:40px;
  text-align:right;
  font-size:18px;
  font-weight:900;
  color:#ffe7a8;
  text-shadow:0 0 12px rgba(255,213,102,.16);
}

.side-game__window-body{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  gap:12px;
  padding:12px;
}

.side-game__inventory{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.side-game__icon{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:60px;
  padding:8px;
  border:1px solid rgba(160,128,82,.28);
  border-radius:10px;
  background:
    linear-gradient(180deg, rgba(55,41,27,.88), rgba(22,16,11,.96));
  color:#eedfba;
  cursor:grab;
  text-align:left;
}

.side-game__icon.is-selected .side-game__icon-frame{
  transform:translateY(-1px);
  border-color:rgba(255,213,112,.72);
  box-shadow:
    inset 0 1px 0 rgba(255,245,214,.18),
    0 0 0 1px rgba(255,213,112,.22),
    0 8px 18px rgba(0,0,0,.26);
}

.side-game__icon:disabled{
  opacity:.38;
  cursor:not-allowed;
}

.side-game__icon-frame{
  position:relative;
  flex:0 0 44px;
  width:44px;
  height:44px;
  border-radius:8px;
  border:1px solid rgba(183,152,101,.42);
  background:
    linear-gradient(180deg, rgba(44,34,22,.96), rgba(17,13,9,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,236,196,.10),
    inset 0 0 0 1px rgba(0,0,0,.22),
    0 8px 18px rgba(0,0,0,.22);
}

.side-game__icon-sprite{
  position:absolute;
  inset:4px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
}

.side-game__icon-sprite--weapon,
.side-game__slot-art--weapon{
  background-image:url('../assets/img/game-icons/df.jpg');
}

.side-game__icon-sprite--scroll,
.side-game__slot-art--scroll{
  background-image:url('../assets/img/game-icons/dw.jpg');
}

.side-game__icon-count{
  position:absolute;
  right:4px;
  bottom:4px;
  min-width:19px;
  height:19px;
  padding:0 5px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  color:#fff8de;
  background:linear-gradient(180deg, rgba(90,126,203,.98), rgba(46,63,121,.98));
  box-shadow:0 2px 8px rgba(0,0,0,.26);
}

.side-game__icon-name{
  flex:1 1 auto;
  font-size:10px;
  line-height:1.18;
  text-align:left;
  color:#dbc8a2;
}

.side-game__forge{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.side-game__slots{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  margin-top:0;
}

.side-game__slot-wrap{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.side-game__slot{
  position:relative;
  min-height:76px;
  padding:0;
  border-radius:10px;
  border:1px solid rgba(163,132,83,.34);
  background:
    linear-gradient(180deg, rgba(22,17,12,.98), rgba(10,8,6,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,233,189,.06),
    inset 0 0 0 1px rgba(0,0,0,.28);
}

.side-game__slot-art{
  position:absolute;
  left:50%;
  top:50%;
  width:44px;
  height:44px;
  transform:translate(-50%, -50%);
  opacity:0;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  z-index:1;
}

.side-game__slot.is-filled{
  border-color:rgba(255,210,118,.64);
  box-shadow:
    inset 0 1px 0 rgba(255,247,219,.12),
    0 0 0 1px rgba(255,210,118,.18),
    0 0 22px rgba(255,196,87,.10);
}

.side-game__slot.is-filled .side-game__slot-art{
  opacity:1;
}

.side-game__slot-name{
  font-size:10px;
  font-weight:800;
  letter-spacing:.2px;
  text-align:center;
  color:#ccb78f;
}

.side-game__result{
  min-height:82px;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(157,128,81,.28);
  background:
    radial-gradient(circle at center, rgba(255,223,149,.06), transparent 55%),
    linear-gradient(180deg, rgba(44,33,21,.92), rgba(17,13,9,.98));
}

.side-game__result-title{
  font-size:14px;
  font-weight:900;
  color:#fff0c6;
}

.side-game__status{
  min-height:44px;
  margin-top:8px;
  font-size:11px;
  line-height:1.4;
  color:#d1c3a4;
}

.side-game__controls{
  position:relative;
  z-index:1;
  margin-top:0;
  padding:0 12px 12px;
}

.side-game__btn{
  min-height:38px;
  border-radius:10px;
  border:1px solid rgba(168,136,88,.28);
  background:
    linear-gradient(180deg, rgba(70,55,37,.94), rgba(29,22,15,.98));
  color:#f4e2bb;
}

.side-game__btn--primary{
  background:
    linear-gradient(180deg, rgba(130,93,45,.96), rgba(73,49,24,.98));
  border-color:rgba(213,177,108,.36);
}

.side-game__reward{
  position:relative;
  z-index:1;
  margin:0 12px 12px;
  border-color:rgba(214,185,120,.28);
  background:
    radial-gradient(circle at center, rgba(255,216,129,.08), transparent 58%),
    linear-gradient(180deg, rgba(66,48,24,.50), rgba(19,14,10,.54));
}

  @media(max-width:1240px){
  .layout--with-promos{
      grid-template-columns:300px 270px minmax(0,1fr);
    }
  .layout--with-promos-right{
      grid-template-columns:300px minmax(0,1fr) 270px;
    }

    .side-promos-rail{
      width:270px;
  }

  .side-game__window-body{
    grid-template-columns:1fr;
  }

  .side-game__inventory{
    flex-direction:row;
    justify-content:flex-start;
  }
}

/* === v37 la2 enchant window === */
.layout--with-promos{
  grid-template-columns:292px 332px minmax(0,1fr);
}
.layout--with-promos-right{
  grid-template-columns:292px minmax(0,1fr) 332px;
}

.side-promos-rail{
  width:332px;
}

.side-game__panel{
  padding:10px 0 0;
}

.side-game__window{
  border-radius:0 0 14px 14px;
  border-color:rgba(164,121,58,.44);
  background:
    linear-gradient(180deg, rgba(76,54,29,.96), rgba(31,21,13,.99));
}

.side-game__window-bar--la2{
  min-height:36px;
  padding:8px 14px;
  background:
    linear-gradient(180deg, rgba(174,122,46,.96), rgba(102,68,28,.96));
  border-bottom:1px solid rgba(218,174,99,.34);
}

.side-game__window-title{
  letter-spacing:.2px;
}

.side-game__window-body--la2{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:14px;
}

.side-game__slots--la2{
  grid-template-columns:repeat(2, minmax(0, 88px));
  justify-content:center;
  gap:26px;
}

.side-game__slot--la2{
  min-height:70px;
  border-radius:8px;
  border-color:rgba(204,158,84,.44);
  background:
    linear-gradient(180deg, rgba(53,35,18,.98), rgba(21,14,9,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,235,190,.10),
    inset 0 0 0 1px rgba(0,0,0,.30),
    0 8px 16px rgba(0,0,0,.22);
  cursor:pointer;
}

.side-game__slot--la2::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:46px;
  height:46px;
  transform:translate(-50%, -50%);
  border-radius:6px;
  border:1px solid rgba(214,173,102,.36);
  background:
    linear-gradient(180deg, rgba(20,13,8,.98), rgba(39,26,15,.96));
  box-shadow:
    inset 0 1px 0 rgba(255,234,194,.08),
    0 0 0 1px rgba(0,0,0,.22);
}

.side-game__slot--la2:hover::before{
  border-color:rgba(235,196,119,.56);
  box-shadow:
    inset 0 1px 0 rgba(255,240,206,.12),
    0 0 0 1px rgba(255,212,123,.16),
    0 0 18px rgba(255,193,86,.10);
}

.side-game__slot--la2.is-filled::before{
  border-color:rgba(242,204,123,.68);
}

.side-game__slot-wrap{
  align-items:center;
}

.side-game__slot-title{
  margin-top:2px;
  font-size:12px;
  font-weight:900;
  text-align:center;
  color:#fff0ca;
}

.side-game__slot-name{
  font-size:11px;
  color:#ead7b0;
}

.side-game__slot-name--level{
  color:#fff0bd;
  font-weight:900;
}

.side-game__hint{
  min-height:48px;
  padding:0 12px;
  font-size:13px;
  line-height:1.35;
  text-align:center;
  color:#f0e0b7;
}

.side-game__actionbar{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  padding:12px 14px 0;
  border-top:2px solid rgba(188,133,40,.78);
  box-shadow:inset 0 1px 0 rgba(255,213,133,.08);
}

.side-game__btn--la2{
  min-height:38px;
  border-radius:6px;
  border:1px solid rgba(186,142,78,.54);
  background:
    linear-gradient(180deg, rgba(123,96,64,.96), rgba(67,48,27,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,240,201,.18),
    0 3px 10px rgba(0,0,0,.18);
  color:#f8eed4;
  font-weight:800;
}

.side-game__btn--la2.side-game__btn--primary{
  background:
    linear-gradient(180deg, rgba(160,125,78,.98), rgba(87,62,34,.99));
}

.side-game__inventorybar{
  display:flex;
  gap:10px;
  padding:14px;
}

.side-game__icon--la2{
  min-height:68px;
  padding:8px 10px;
  border-radius:8px;
  border-color:rgba(184,143,82,.38);
  background:
    linear-gradient(180deg, rgba(72,51,29,.92), rgba(29,20,12,.98));
}

.side-game__icon--la2 .side-game__icon-frame{
  flex-basis:46px;
  width:46px;
  height:46px;
}

.side-game__reward{
  margin:0 14px 14px;
}

  @media(max-width:1360px){
    .layout--with-promos{
      grid-template-columns:280px 292px minmax(0,1fr);
    }
    .layout--with-promos-right{
      grid-template-columns:280px minmax(0,1fr) 292px;
    }

    .side-promos-rail{
      width:292px;
  }
}

.side-game__beam{
  position:relative;
  height:10px;
  margin:0 14px;
  overflow:hidden;
  border-radius:999px;
  border:1px solid rgba(173,132,58,.38);
  background:
    linear-gradient(180deg, rgba(29,18,10,.95), rgba(55,37,21,.92));
  box-shadow:inset 0 1px 0 rgba(255,230,180,.06);
}

.side-game__beam-fill{
  position:absolute;
  left:-36%;
  top:0;
  bottom:0;
  width:36%;
  background:
    linear-gradient(90deg, rgba(255,209,110,0), rgba(255,220,150,.85), rgba(255,209,110,0));
  opacity:0;
}

.side-game.is-rolling .side-game__beam-fill{
  opacity:1;
  animation:side-game-beam-pass .65s ease-in-out 1;
}

.side-game.is-success .side-game__slot-wrap--weapon .side-game__slot--la2{
  box-shadow:
    inset 0 1px 0 rgba(255,245,212,.14),
    inset 0 0 0 1px rgba(0,0,0,.30),
    0 0 22px rgba(255,205,98,.34),
    0 0 38px rgba(255,214,124,.18);
}

.side-game.is-success .side-game__slot-wrap--weapon .side-game__slot-art{
  filter:brightness(1.26) saturate(1.14);
}

.side-game.is-fail .side-game__slot-wrap--weapon .side-game__slot--la2{
  box-shadow:
    inset 0 1px 0 rgba(255,210,210,.08),
    inset 0 0 0 1px rgba(0,0,0,.30),
    0 0 18px rgba(190,72,48,.22);
}

@keyframes side-game-beam-pass{
  0%{transform:translateX(0)}
  100%{transform:translateX(380%)}
}

/* === v42 dark native dropdowns === */
select{
  color-scheme:dark;
}

select,
select option,
select optgroup{
  background-color:#0f1318;
  color:#e7f5ef;
}

select option:checked,
select option:hover,
select option:focus{
  background:linear-gradient(180deg, rgba(28,93,72,.92), rgba(16,54,42,.96));
  color:#f2fff8;
}

.calc-option{
  margin-top:14px;
}

.calc-option__toggle{
  display:block;
  cursor:pointer;
  margin:0;
}

.calc-option__toggle input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.calc-option__box{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(137,176,163,.24);
  background:
    linear-gradient(180deg, rgba(18,26,32,.98), rgba(12,17,22,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 24px rgba(0,0,0,.14);
  overflow:hidden;
  isolation:isolate;
  transition:border-color .15s ease, box-shadow .15s ease, transform .18s ease;
}

.calc-option__box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  padding:1px;
  background:
    conic-gradient(from 0deg,
      rgba(99,242,166,0) 0deg,
      rgba(99,242,166,0) 300deg,
      rgba(99,242,166,.95) 326deg,
      rgba(144,255,222,.98) 342deg,
      rgba(99,242,166,0) 360deg);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite:exclude;
  opacity:0;
  pointer-events:none;
  z-index:0;
}

.calc-option__box::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(circle at var(--insurance-flare-x, 50%) 50%, rgba(111,255,206,.18), rgba(111,255,206,0) 24%);
  opacity:0;
  pointer-events:none;
  z-index:0;
}

.calc-option__toggle:hover .calc-option__box{
  border-color:rgba(111,220,180,.34);
  transform:translateY(-1px);
}

.calc-option__toggle input:checked + .calc-option__box{
  border-color:rgba(99,242,166,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 0 1px rgba(80,182,145,.12),
    0 16px 30px rgba(0,0,0,.2);
}

.calc-option__box.is-animating::before{
  opacity:1;
  animation:insurance-border-run 1s cubic-bezier(.22,.8,.24,1) forwards;
}

.calc-option__box.is-animating::after{
  animation:insurance-border-flare 1s ease-out forwards;
}

.calc-option__head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.calc-option__title{
  font-weight:900;
  color:#eefbf5;
}

.calc-option__meta{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
}

.calc-option__badge{
  padding:5px 10px;
  border-radius:999px;
  border:1px solid rgba(111,220,180,.24);
  background:rgba(99,242,166,.08);
  color:#8ff5c4;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

.calc-option__check{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:18px;
  color:#8ff5c4;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  opacity:0;
  transform:translateY(-4px) scale(.92);
  transition:opacity .24s ease, transform .24s ease;
}

.calc-option__toggle input:checked + .calc-option__box .calc-option__check,
.calc-option__check.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}

.calc-option__text{
  position:relative;
  z-index:1;
  color:#a9b8b4;
  font-size:13px;
  line-height:1.45;
}

.calc-option__summary{
  position:relative;
  z-index:1;
  color:#d9f8e9;
  font-size:13px;
  font-weight:800;
}

@keyframes insurance-border-run{
  0%{
    opacity:0;
    transform:rotate(0deg);
  }
  12%{
    opacity:1;
  }
  82%{
    opacity:1;
  }
  100%{
    opacity:0;
    transform:rotate(360deg);
  }
}

@keyframes insurance-border-flare{
  0%{
    opacity:0;
    --insurance-flare-x: 4%;
  }
  18%{
    opacity:.5;
  }
  55%{
    opacity:.3;
  }
  100%{
    opacity:0;
    --insurance-flare-x: 96%;
  }
}

@media(max-width:640px){
  .calc-option__head{
    flex-direction:column;
    align-items:flex-start;
  }

  .calc-option__meta{
    align-items:flex-start;
  }
}

.order-shell{
  display:grid;
  grid-template-columns:minmax(0, 1.4fr) minmax(320px, .9fr);
  gap:16px;
}

@media(max-width:980px){
  .order-shell{
    grid-template-columns:1fr;
  }
}

.order-hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.order-status-inline{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}

.order-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:#eefbf5;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
}

.order-chip--awaiting-payment,
.order-chip--waiting,
.order-chip--awaiting-delivery{
  border-color:rgba(255,214,102,.24);
  background:rgba(255,214,102,.08);
  color:#ffe39b;
}

.order-chip--paid,
.order-chip--found,
.order-chip--delivered,
.order-chip--confirmed{
  border-color:rgba(99,242,166,.26);
  background:rgba(99,242,166,.08);
  color:#8ff5c4;
}

.order-chip--searching{
  border-color:rgba(105,205,255,.24);
  background:rgba(105,205,255,.08);
  color:#9fe5ff;
}

.order-chip--cancelled{
  border-color:rgba(255,110,110,.24);
  background:rgba(255,110,110,.08);
  color:#ffb1b1;
}
.order-chip--attention,
.order-chip--open,
.order-chip--new{
  border-color:rgba(255,182,88,.3);
  background:rgba(255,182,88,.08);
  color:#ffd59d;
}
.order-chip--awaiting-customer,
.order-chip--accepted,
.order-chip--reviewing,
.order-chip--resolved{
  border-color:rgba(105,205,255,.24);
  background:rgba(105,205,255,.08);
  color:#9fe5ff;
}

.order-summary-card,
.order-side-card{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.order-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

@media(max-width:640px){
  .order-grid{
    grid-template-columns:1fr;
  }
}

.order-info{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.02);
}

.order-info span{
  color:var(--muted);
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.order-info b{
  color:#f4fff8;
  font-size:18px;
  line-height:1.35;
}

.order-info--wide{
  grid-column:1 / -1;
}

.order-note-card{
  padding:16px;
  border-radius:16px;
  border:1px solid rgba(99,242,166,.12);
  background:linear-gradient(180deg, rgba(18,26,32,.94), rgba(12,17,22,.96));
}

.order-note-card__title{
  margin-bottom:8px;
  color:#9ce8c3;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.order-note-card__body{
  color:#eefbf5;
  line-height:1.5;
}

.order-payment-box{
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(99,242,166,.18);
  background:
    radial-gradient(circle at top left, rgba(99,242,166,.12), transparent 36%),
    linear-gradient(180deg, rgba(16,23,29,.98), rgba(10,15,19,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 16px 30px rgba(0,0,0,.16);
}

.order-payment-box__eyebrow{
  color:#9ce8c3;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.order-payment-box h2{
  margin:8px 0 10px 0;
}

.order-payment-box p{
  margin:0;
  color:#b7c8c2;
  line-height:1.5;
}

.order-paid-button{
  width:auto;
  min-width:180px;
  margin-top:14px;
}

.manual-payment-box{
  margin-top:14px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.manual-payment-box.is-empty{
  gap:0;
}

.manual-payment-box__text{
  padding:14px 16px;
  border-radius:14px;
  background:#0f1318;
  border:1px solid rgba(255,255,255,.05);
  color:#eefbf5;
  line-height:1.6;
  white-space:pre-line;
  word-break:break-word;
}

.manual-payment-box__qr{
  display:flex;
  justify-content:center;
  padding:14px;
  border-radius:14px;
  background:#0f1318;
  border:1px solid rgba(255,255,255,.05);
}

.manual-payment-box__qr img{
  display:block;
  width:min(100%, 280px);
  max-height:280px;
  object-fit:contain;
  border-radius:12px;
  background:#fff;
  padding:8px;
}

.manual-payment-box__text.is-hidden,
.manual-payment-box__qr.is-hidden{
  display:none;
}

.order-stage-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.order-stage{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:14px;
  background:#0f1318;
  border:1px solid rgba(255,255,255,.05);
}

.order-stage span{
  color:var(--muted);
}

.order-stage b{
  color:#eefbf5;
  text-align:right;
}

.order-search-timer{
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(105,205,255,.16);
  background:
    radial-gradient(circle at 20% 20%, rgba(105,205,255,.12), transparent 28%),
    linear-gradient(180deg, rgba(15,21,29,.98), rgba(10,14,19,.99));
}

.order-search-timer__label{
  color:#a8e7ff;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.order-search-timer__value{
  margin-top:8px;
  color:#f5ffff;
  font-size:36px;
  font-weight:900;
  line-height:1;
}

.order-search-timer__hint{
  margin-top:8px;
  color:#b7c8d0;
  line-height:1.45;
}
.switchere-widget-box{
  min-height:720px;
  margin-top:14px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:#0d1318;
}
.order-provider-status{
  margin-top:14px;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:12px 14px;
  border-radius:14px;
  background:#0f1318;
  border:1px solid rgba(255,255,255,.05);
}
.order-provider-status span{
  color:var(--muted);
  font-size:12px;
}

.admin-order-card{
  background:
    linear-gradient(180deg, rgba(19,27,33,.96), rgba(11,16,21,.98));
}
.admin-order-card .admin-accordion__summary{
  background:transparent;
}

.admin-order-link{
  text-decoration:none;
}

.admin-order-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:14px;
}

.admin-order-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  margin-bottom:14px;
}

@media(max-width:760px){
  .admin-order-grid{
    grid-template-columns:1fr;
  }
}

.admin-order-kv{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:12px 14px;
  border-radius:14px;
  background:#0f1318;
  border:1px solid rgba(255,255,255,.05);
}

.admin-order-kv span{
  color:var(--muted);
  font-size:12px;
}

.admin-order-kv--wide{
  grid-column:1 / -1;
}

.admin-order-controls{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  margin-bottom:14px;
}

@media(max-width:980px){
  .admin-order-controls{
    grid-template-columns:1fr;
  }
}

.admin-order-controls label{
  display:flex;
  flex-direction:column;
  gap:6px;
  color:var(--muted);
  font-size:12px;
}

.admin-order-flags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:14px;
}

.admin-order-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.admin-inline-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.admin-order-save{
  min-width:200px;
}
.admin-order-controls--2{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}
.admin-dispute-preview{
  margin-bottom:14px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.05);
  background:#0f1318;
}
.admin-dispute-preview__meta{
  color:var(--muted);
  font-size:12px;
}
.admin-dispute-preview__text{
  margin-top:8px;
  color:#e3efe7;
  line-height:1.55;
  white-space:pre-wrap;
}

.auth-card{
  max-width:620px;
  margin:0 auto;
}

.auth-form{
  display:grid;
  gap:12px;
  margin-top:16px;
}

/* === v62 marketing and legal pages === */
.market-hero{
  padding:22px 22px 20px;
  border-color:rgba(120,189,176,.22);
  background:
    radial-gradient(circle at 12% 12%, rgba(100,200,178,.10), transparent 24%),
    radial-gradient(circle at 88% 10%, rgba(148,217,255,.08), transparent 24%),
    linear-gradient(180deg, rgba(16,24,30,.98), rgba(10,15,20,.98));
}
.market-hero--compact{
  padding-bottom:16px;
}
.market-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  padding:4px 9px;
  border-radius:999px;
  border:1px solid rgba(113,211,181,.22);
  color:#8fe4be;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:rgba(90,170,146,.08);
}
.market-hero__lead{
  max-width:860px;
  margin:12px 0 0;
  color:#bfd1cc;
  line-height:1.65;
}
.market-pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.market-pill{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
  color:#e8f4ef;
  font-size:12px;
  font-weight:700;
}
.market-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  margin-top:14px;
}
@media(max-width:1100px){
  .market-grid{
    grid-template-columns:1fr;
  }
}
.market-panel{
  min-height:100%;
}
.market-panel__title{
  margin-bottom:12px;
  font-size:14px;
  font-weight:900;
  letter-spacing:.04em;
  color:#f1fbf8;
  text-transform:uppercase;
}
.market-list,
.market-rule-list{
  margin:0;
  padding-left:18px;
  color:#bfd1cc;
  line-height:1.7;
}
.market-list li + li,
.market-rule-list li + li{
  margin-top:8px;
}
.section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.section-head h2{
  margin:0;
}
@media(max-width:760px){
  .section-head{
    flex-direction:column;
  }
}
.step-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}
@media(max-width:1100px){
  .step-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media(max-width:640px){
  .step-grid{
    grid-template-columns:1fr;
  }
}
.step-card{
  min-height:100%;
  padding:16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.02);
}
.step-card__num{
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  color:#7fe3bf;
}
.step-card__title{
  margin-top:8px;
  font-size:16px;
  font-weight:800;
  color:#f2f8f6;
}
.step-card__text{
  margin-top:8px;
  color:#b7c6c2;
  line-height:1.6;
  font-size:14px;
}
.faq-stack{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.faq-item{
  padding:0 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.02);
}
.faq-item summary{
  list-style:none;
  cursor:pointer;
  padding:14px 0;
  font-weight:800;
  color:#eff7f4;
}
.faq-item summary::-webkit-details-marker{
  display:none;
}
.faq-item p{
  margin:0 0 14px;
  color:#bccbc7;
  line-height:1.65;
}
.market-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}

.hero--market{
  padding:20px 0 4px;
}
.hero--market h1{
  margin:10px 0 8px;
}
.game-card--market{
  min-height:196px;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.game-card__eyebrow{
  position:absolute;
  top:16px;
  left:16px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#effaf6;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
}
.game-card--l2{
  background-color:#122028;
}
.game-card--warcraft{
  background-color:#1c1a26;
}
.b-title--market{
  font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;
  font-size:34px;
  font-weight:900;
  letter-spacing:.04em;
  color:#f3faf8;
  text-shadow:0 10px 28px rgba(0,0,0,.52);
}
.game-card--l2 .b-title--market{
  color:#fff3d1;
  text-shadow:
    0 10px 28px rgba(0,0,0,.62),
    0 0 22px rgba(244,202,103,.18);
}
.game-card--warcraft .b-title--market{
  color:#eef5ff;
  text-shadow:
    0 10px 28px rgba(0,0,0,.62),
    0 0 22px rgba(106,164,255,.18);
}
.game-card__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.game-card__chips span{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(8,13,18,.44);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.88);
  font-size:11px;
  font-weight:700;
  backdrop-filter:blur(3px);
}
.game-card--market .btxt{
  right:18px;
}
.game-card--market .b-sub{
  max-width:360px;
  line-height:1.45;
  color:rgba(245,248,250,.86);
  text-shadow:0 6px 18px rgba(0,0,0,.52);
}
.game-card--market::before{
  background:
    linear-gradient(90deg, rgba(8,12,16,.74) 0%, rgba(8,12,16,.46) 48%, rgba(8,12,16,.70) 100%),
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 18%),
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.06), transparent 36%);
}
.game-card--market::after{
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.11), transparent 26%),
    radial-gradient(circle at 76% 38%, rgba(99,242,166,.08), transparent 32%),
    radial-gradient(circle at 64% 80%, rgba(255,210,120,.08), transparent 30%);
}
@media(max-width:760px){
  .b-title--market{
    font-size:28px;
  }
}
  padding-top:18px;
  padding-bottom:18px;

.warcraft-hero{
  margin-bottom:14px;
}
.warcraft-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.warcraft-meta span{
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  font-size:12px;
  color:#e6f1ee;
}
.warcraft-preview{
  min-height:150px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 82% 20%, rgba(223,154,47,.22), transparent 24%),
    radial-gradient(circle at 18% 80%, rgba(95,129,203,.16), transparent 28%),
    linear-gradient(135deg, rgba(24,23,34,.98), rgba(11,15,21,.98));
}
.warcraft-preview__label{
  color:#f6c879;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:800;
}
.warcraft-preview__title{
  margin-top:8px;
  font-size:30px;
  font-weight:900;
  color:#f7f6ff;
}
.warcraft-preview__text{
  margin-top:10px;
  max-width:420px;
  line-height:1.65;
  color:#c9cfdf;
}
.server-tile--warcraft{
  background:
    radial-gradient(circle at 82% 18%, rgba(223,154,47,.18), transparent 24%),
    linear-gradient(180deg, rgba(24,23,34,.98), rgba(11,15,21,.98));
}
.server-tile__art{
  width:100%;
  aspect-ratio:16/9;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  padding:16px;
  background:
    radial-gradient(circle at 82% 18%, rgba(223,154,47,.28), transparent 24%),
    radial-gradient(circle at 18% 80%, rgba(95,129,203,.18), transparent 30%),
    linear-gradient(135deg, rgba(24,23,34,.98), rgba(11,15,21,.98));
}
.server-tile__art span{
  font-size:12px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#f6c879;
}

.auth-form label{
  display:flex;
  flex-direction:column;
  gap:6px;
  color:var(--muted);
}

.order-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}

.order-inline-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 14px;
  text-decoration:none;
}

.dispute-thread{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.dispute-message{
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.06);
  background:#11171d;
}

.dispute-message--system{
  border-color:rgba(105,205,255,.18);
  background:rgba(105,205,255,.06);
}

.dispute-message--shop{
  border-color:rgba(99,242,166,.16);
  background:rgba(99,242,166,.06);
}

.dispute-message--customer{
  border-color:rgba(255,214,102,.16);
  background:rgba(255,214,102,.06);
}

.dispute-message__author{
  color:#f1fbf5;
  font-weight:800;
}

.dispute-message__text{
  margin-top:6px;
  color:#deebe4;
  line-height:1.55;
}

.dispute-message__time{
  margin-top:8px;
  color:var(--muted);
  font-size:12px;
}

.dispute-status-bar{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}

.dispute-status-bar__text{
  color:var(--muted);
  line-height:1.5;
}

.dispute-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:14px;
}

.admin-dispute-status-note{
  margin-top:10px;
}

.reviews-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);
  gap:14px;
  margin-top:14px;
}

.reviews-section__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.reviews-section__head h2{
  margin:0;
  font-size:22px;
}

.reviews-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.review-card{
  padding:16px 18px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.06);
  background:#11171d;
}

.review-card__head{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.review-card__author-line{
  display:flex;
  align-items:center;
  gap:10px;
}

.review-card__author{
  font-size:18px;
  font-weight:800;
  color:#f1fbf5;
}

.review-card__meta{
  margin-top:6px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  color:var(--muted);
  font-size:13px;
}

.review-card__flag{
  font-size:18px;
  line-height:1;
}

.review-card__text{
  margin-top:12px;
  color:#deebe4;
  line-height:1.65;
}

.review-empty{
  padding:18px;
  border-radius:14px;
  border:1px dashed rgba(255,255,255,.09);
  color:var(--muted);
}

.review-form{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.review-form__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.review-form__grid label,
.review-form label{
  display:flex;
  flex-direction:column;
  gap:8px;
  color:#cdd9d2;
}

.review-form__grid label span,
.review-form label span{
  font-size:13px;
  color:var(--muted);
}

.review-form__notice{
  margin-bottom:12px;
}

.review-form__notice--success{
  color:#9df0bf;
}

.review-form__notice--error{
  color:#ffb0b0;
}

.review-form__foot{
  font-size:13px;
}

.review-form__trap{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}

.admin-review-card .admin-order-grid{
  margin-bottom:14px;
}

.admin-payment-preview{
  margin-top:14px;
}

.admin-payment-preview img{
  display:block;
  width:min(100%, 240px);
  max-height:240px;
  object-fit:contain;
  border-radius:14px;
  padding:8px;
  background:#fff;
  border:1px solid rgba(255,255,255,.08);
}

@media (max-width: 980px){
  .reviews-layout{
    grid-template-columns:1fr;
  }
}

@media (max-width: 640px){
  .review-form__grid{
    grid-template-columns:1fr;
  }
}