/* css/site.css */
/* ==========================================================================
   Skill Boosting — design system
   Themes: [data-theme="obsidian"] (default) · [data-theme="arctic"]
   ========================================================================== */
:root, [data-theme="obsidian"] {
  --bg: #08080c;
  --bg-2: #0c0c12;
  --surface: #111118;
  --surface-2: #17171f;
  --surface-3: #1e1e29;
  --line: rgba(255, 255, 255, .07);
  --line-2: rgba(255, 255, 255, .13);
  --text: #efeaf4;
  --text-2: #bdb8ca;
  --text-3: #817c93;
  --cta: #a65be8;
  --cta-hi: #ce9ff7;
  --cta-lo: #8836cf;
  --cta-ink: #12061c;
  --accent: #9a82ff;
  --accent-soft: rgba(154, 130, 255, .14);
  --accent-line: rgba(154, 130, 255, .45);
  --gold-soft: rgba(166,91,232, .12);
  --gold-line: rgba(166,91,232, .45);
  --success: #43d69b;
  --mint: var(--success);
  --muted: var(--text-2);
  --success-soft: rgba(67, 214, 155, .12);
  --danger: #ff6b7a;
  --warn: #a44df1;
  --glow-a: rgba(166,91,232, .10);
  --glow-b: rgba(154, 130, 255, .12);
  --shadow: 0 24px 60px -24px rgba(0, 0, 0, .8);
  --radius: 18px;
  --radius-sm: 12px;
  --wrap: 1240px;
  --font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --display: "Sora", "Inter", ui-sans-serif, system-ui, sans-serif;
}
[data-theme="arctic"] {
  --bg: #050b18;
  --bg-2: #081225;
  --surface: #101a2e;
  --surface-2: #142140;
  --surface-3: #1a2a4d;
  --line: rgba(255, 255, 255, .08);
  --line-2: rgba(255, 255, 255, .15);
  --text: #eef4ff;
  --text-2: #b3c2da;
  --text-3: #7688a6;
  --cta: #8713ec;
  --cta-hi: #ab5af2;
  --cta-lo: #7a11d5;
  --cta-ink: #0e0218;
  --accent: #00d2ff;
  --accent-soft: rgba(0, 210, 255, .12);
  --accent-line: rgba(0, 210, 255, .45);
  --gold-soft: rgba(135,19,236, .12);
  --gold-line: rgba(135,19,236, .45);
  --success: #22c55e;
  --success-soft: rgba(34, 197, 94, .12);
  --glow-a: rgba(0, 210, 255, .10);
  --glow-b: rgba(124, 77, 255, .14);
}

/* ---------- base */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; overflow-x: clip; scroll-padding-top: 90px; }
body {
  margin: 0; color: var(--text); font: 15.5px/1.65 var(--font); -webkit-font-smoothing: antialiased; overflow-x: clip;
  background:
    radial-gradient(1100px 600px at 0% -10%, var(--glow-a), transparent 60%),
    radial-gradient(900px 600px at 100% 0%, var(--glow-b), transparent 60%),
    var(--bg);
  background-attachment: fixed;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--text); text-decoration: none; }
a:hover { color: var(--cta-hi); }
h1, h2, h3, h4 { font-family: var(--display); line-height: 1.15; margin: 0 0 .6em; letter-spacing: -.02em; font-weight: 700; }
h1 { font-size: clamp(2rem, 4.2vw, 3.1rem); }
h2 { font-size: clamp(1.45rem, 2.4vw, 1.95rem); }
h3 { font-size: 1.12rem; letter-spacing: -.01em; }
p { margin: 0 0 1em; }
ul, ol { padding-left: 1.2em; }
hr { border: 0; border-top: 1px solid var(--line); margin: 2rem 0; }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; padding: .8rem .9rem; border-bottom: 1px solid var(--line); vertical-align: top; }
th { color: var(--text-3); font-weight: 600; font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; }
.table-wrap { overflow-x: auto; }
:focus-visible { outline: 2px solid var(--cta); outline-offset: 2px; }
::selection { background: var(--gold-soft); color: var(--text); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip-link { position: absolute; left: -999px; top: 8px; background: var(--cta); color: var(--cta-ink); padding: .5rem 1rem; border-radius: 8px; z-index: 100; }
.skip-link:focus { left: 16px; }

.wrap { max-width: var(--wrap); margin: 0 auto; padding-inline: 20px; }
.section { padding-block: 72px; }
.section-sm { padding-block: 36px; }
.muted { color: var(--text-2); }
.faint { color: var(--text-3); }
.small { font-size: .86rem; }
.center { text-align: center; }
.grid { display: grid; gap: 18px; }
.grid-2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); }
.grid-3 { grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.grid-4 { grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); }
.grid > *, .account-layout > *, .cart-layout > *, .sp-grid > *, .co-grid > * { min-width: 0; }
.stack > * + * { margin-top: 14px; }
.row { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.spread { display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap; }
.kicker { font-size: .74rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--cta); }
.section-head { display: flex; justify-content: space-between; align-items: end; gap: 16px; margin-bottom: 26px; flex-wrap: wrap; }
.section-head h2 { margin: 6px 0 0; }
.section-head p { margin: 6px 0 0; color: var(--text-2); max-width: 620px; }

/* surfaces: hairline gradient border */
.card, .product-card, .cat-tile, .step, .stat, .fieldset, .side-nav, .auth-card, .tier, .chat, .faq details, .method, .game-card {
  border: 1px solid transparent;
  background: linear-gradient(var(--surface), var(--surface)) padding-box,
              linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.03)) border-box;
  border-radius: var(--radius);
}
.card { padding: 24px; }
.card-tight { padding: 16px; }
.card h3 { margin-bottom: .4em; }

/* ---------- buttons */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .55rem; border: 1px solid var(--line-2);
  background: transparent; color: var(--text); padding: .78rem 1.2rem; border-radius: 12px; font: inherit; font-weight: 600;
  cursor: pointer; text-decoration: none; transition: background .2s, border-color .2s, transform .15s, box-shadow .2s; line-height: 1.2;
}
.btn:hover { border-color: var(--text-3); color: var(--text); background: rgba(255,255,255,.03); }
.btn:active { transform: translateY(1px); }
.btn svg { width: 18px; height: 18px; }
.btn-primary, .btn-mint {
  border: 0; color: var(--cta-ink); font-weight: 700;
  background: linear-gradient(180deg, var(--cta-hi) 0%, var(--cta) 48%, var(--cta-lo) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 10px 30px -12px var(--gold-line);
}
.btn-primary:hover, .btn-mint:hover { color: var(--cta-ink); filter: brightness(1.06); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 16px 36px -12px var(--gold-line); transform: translateY(-1px); }
.btn-outline { background: rgba(255,255,255,.02); }
.btn-outline:hover { border-color: var(--gold-line); background: var(--gold-soft); }
.btn-danger { border-color: rgba(255, 107, 122, .45); color: #ffb3bb; }
.btn-lg { padding: 1rem 1.6rem; font-size: 1.02rem; border-radius: 14px; }
.btn-sm { padding: .5rem .85rem; font-size: .86rem; border-radius: 10px; }
.btn-block { width: 100%; }
.btn[disabled] { opacity: .45; cursor: not-allowed; transform: none; }
.link-btn { background: none; border: 0; color: var(--text-2); font: inherit; cursor: pointer; padding: 0; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--line-2); }
.link-btn:hover { color: var(--text); }

/* ---------- forms */
label { display: block; font-weight: 600; font-size: .88rem; margin-bottom: .4rem; color: var(--text); }
input[type=text], input[type=email], input[type=password], input[type=number], input[type=search], input[type=url], select, textarea {
  width: 100%; background-color: var(--bg-2); color: var(--text); border: 1px solid var(--line-2); border-radius: 12px;
  padding: .75rem .9rem; font: inherit; transition: border-color .2s, box-shadow .2s;
}
select { appearance: none; -webkit-appearance: none; padding-right: 2.4rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23a09bb0' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center; }
select option { background: var(--surface-2); color: var(--text); }
input::placeholder, textarea::placeholder { color: var(--text-3); }
input:focus, select:focus, textarea:focus { border-color: var(--gold-line); outline: none; box-shadow: 0 0 0 4px var(--gold-soft); }
input[type=checkbox], input[type=radio] { accent-color: var(--cta); width: 1.05rem; height: 1.05rem; }
.field { margin-bottom: 1rem; }
.field .help, .helptext { display: block; color: var(--text-3); font-size: .82rem; margin-top: .35rem; }
.field-error, .errorlist { color: #ffb3bb; font-size: .84rem; margin: .35rem 0 0; list-style: none; padding: 0; }
.has-error input, .has-error select, .has-error textarea { border-color: var(--danger); }
.check { display: flex; gap: .65rem; align-items: flex-start; font-weight: 500; }
.check input { margin-top: .22rem; flex: none; }

/* ---------- header */
.topbar { border-bottom: 1px solid var(--line); font-size: .8rem; color: var(--text-3); background: rgba(0,0,0,.25); }
.topbar .wrap { display: flex; gap: 18px; justify-content: space-between; padding-block: 8px; flex-wrap: wrap; }
.topbar a { color: var(--text-2); }
.topbar a:hover { color: var(--text); }
.header { position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--bg) 84%, transparent); backdrop-filter: saturate(140%) blur(14px); -webkit-backdrop-filter: saturate(140%) blur(14px); border-bottom: 1px solid var(--line); }
.header .wrap { display: flex; align-items: center; gap: 18px; min-height: 70px; }
.logo { display: flex; align-items: center; gap: 10px; color: var(--text); font-family: var(--display); font-weight: 700; font-size: 1.12rem; letter-spacing: -.02em; white-space: nowrap; }
.logo:hover { color: var(--text); }
.logo svg { width: 32px; height: 32px; flex: none; }
.logo span b { font-weight: 700; color: var(--cta); }
.nav { display: flex; gap: 2px; align-items: center; }
.nav-item { position: relative; }
.nav-link { display: block; padding: .55rem .6rem; color: var(--text-2); border-radius: 10px; font-weight: 500; font-size: .88rem; white-space: nowrap; }
.nav-link:hover, .nav-item:focus-within > .nav-link { color: var(--text); background: rgba(255,255,255,.04); }
.mega { display: none; position: absolute; top: 100%; left: -8px; min-width: 270px; padding: 10px; margin-top: 8px;
  background: var(--surface-2); border: 1px solid var(--line-2); border-radius: 16px; box-shadow: var(--shadow); }
.mega::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
.nav-item:hover .mega, .nav-item:focus-within .mega { display: block; }
.mega a { display: flex; justify-content: space-between; padding: .55rem .75rem; border-radius: 10px; color: var(--text-2); font-size: .92rem; }
.mega a:hover { background: rgba(255,255,255,.05); color: var(--text); }
.mega .mega-all { color: var(--cta); border-top: 1px solid var(--line); margin-top: 6px; padding-top: .7rem; border-radius: 0 0 10px 10px; font-weight: 600; }
.header-actions { margin-left: auto; display: flex; gap: 8px; align-items: center; }
.search-form { position: relative; }
.search-form input { width: 180px; padding: .58rem .9rem .58rem 2.2rem; background-color: rgba(255,255,255,.03); border-color: var(--line); border-radius: 11px; font-size: .88rem; }
.search-form svg { position: absolute; left: .75rem; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; color: var(--text-3); }
.icon-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 12px; background: rgba(255,255,255,.03); color: var(--text); border: 1px solid var(--line); }
.icon-btn:hover { border-color: var(--line-2); color: var(--text); }
.icon-btn svg { width: 19px; height: 19px; }
.badge-count { position: absolute; top: -6px; right: -6px; background: var(--cta); color: var(--cta-ink); font-size: .68rem; font-weight: 800; min-width: 19px; height: 19px; border-radius: 10px; display: grid; place-items: center; padding: 0 5px; }
.burger { display: none; }
.mobile-nav { display: none; }
@media (max-width: 1180px) {
  .nav, .header-actions .search-form { display: none; }
  .burger { display: inline-flex; }
  .mobile-nav.open { display: block; border-top: 1px solid var(--line); padding: 12px 20px 20px; background: var(--bg-2); max-height: calc(100vh - 70px); overflow-y: auto; }
  .mobile-nav details { border-bottom: 1px solid var(--line); }
  .mobile-nav summary { padding: .85rem 0; font-weight: 600; cursor: pointer; }
  .mobile-nav a { display: block; padding: .45rem 0 .45rem .8rem; color: var(--text-2); }
  .mobile-nav .search-form { margin-bottom: 10px; }
  .mobile-nav .search-form input { width: 100%; padding-left: .9rem; }
  .mobile-help { display: flex; gap: 16px; border-bottom: 1px solid var(--line); padding-bottom: 8px; }
  .mobile-help a { padding-left: 0; }
}
@media (max-width: 520px) {
  .header .wrap { gap: 10px; }
  .header .logo { gap: 8px; font-size: .92rem; line-height: 1.15; }
  .header .logo span b { display: block; }
  .header-actions { gap: 6px; }
  .header-actions .icon-btn { width: 40px; height: 44px; flex: none; }
  .hide-sm { display: none !important; }
}

/* ---------- hero (home) */
.hero { position: relative; border-bottom: 1px solid var(--line); overflow: hidden; }
.hero .wrap { position: relative; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 48px; align-items: center; padding-block: 76px 84px; }
@media (max-width: 960px) { .hero .wrap { grid-template-columns: minmax(0, 1fr); padding-block: 48px; } }
.hero-img { position: absolute; inset: 0 0 0 40%; background-size: cover; background-position: center; opacity: .2; -webkit-mask-image: linear-gradient(90deg, transparent, #000 55%); mask-image: linear-gradient(90deg, transparent, #000 55%); pointer-events: none; }
.hero h1 { font-size: clamp(2.2rem, 4.8vw, 3.7rem); line-height: 1.05; margin: 18px 0 18px; }
.hero h1 em { font-style: normal; background: linear-gradient(90deg, var(--cta-hi), var(--cta) 55%, var(--accent)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero .lead { font-size: 1.12rem; color: var(--text-2); max-width: 560px; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 26px; }
.hero-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 36px; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; background: var(--line); max-width: 560px; }
.hero-facts div { background: var(--bg-2); padding: 14px 16px; }
.hero-facts strong { display: block; font-family: var(--display); font-size: 1.25rem; }
.hero-facts span { font-size: .8rem; color: var(--text-3); }
.hero-mosaic { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.hero-mosaic a { position: relative; border-radius: 18px; overflow: hidden; aspect-ratio: 4 / 5; border: 1px solid var(--line-2); background: var(--surface); isolation: isolate; }
.hero-mosaic a:nth-child(2), .hero-mosaic a:nth-child(4) { transform: translateY(28px); }
.hero-mosaic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s; z-index: -2; }
.hero-mosaic a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,.85)); z-index: -1; }
.hero-mosaic a:hover img { transform: scale(1.05); }
.hero-mosaic span { position: absolute; left: 14px; right: 14px; bottom: 12px; font-family: var(--display); font-weight: 600; color: #fff; }
.hero-mosaic small { display: block; font-family: var(--font); font-weight: 400; color: rgba(255,255,255,.7); font-size: .78rem; }
@media (max-width: 960px) { .hero-mosaic { grid-template-columns: repeat(4, minmax(0, 1fr)); } .hero-mosaic a { aspect-ratio: 3 / 4; } .hero-mosaic a:nth-child(2), .hero-mosaic a:nth-child(4) { transform: none; } }
@media (max-width: 560px) { .hero-mosaic { grid-template-columns: repeat(2, minmax(0, 1fr)); } .hero-facts { grid-template-columns: minmax(0, 1fr); } }
.eyebrow { display: inline-flex; gap: 10px; align-items: center; font-size: .76rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--text-2); padding: 6px 12px 6px 10px; border: 1px solid var(--line-2); border-radius: 999px; }
.eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 4px var(--success-soft); }
.trust-row { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 22px; color: var(--text-2); font-size: .9rem; }
.trust-row span { display: inline-flex; gap: 8px; align-items: center; }
.trust-row svg { width: 16px; height: 16px; color: var(--cta); flex: none; }

/* ---------- page heads & crumbs */
.page-head { border-bottom: 1px solid var(--line); }
.page-head .wrap { padding-block: 34px; }
.page-head .lead { color: var(--text-2); max-width: 760px; font-size: 1.05rem; margin: 0; }
.crumbs { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0 0 16px; font-size: .84rem; color: var(--text-3); }
.crumbs li + li::before { content: "/"; margin-right: 8px; color: var(--line-2); }
.crumbs a { color: var(--text-3); }
.crumbs a:hover { color: var(--text); }

/* game hub banner */
.hub-banner { position: relative; overflow: hidden; border-radius: 26px; margin-top: 18px; border: 1px solid var(--line-2); background: var(--surface); isolation: isolate; }
.hub-banner .hub-cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; opacity: .6; }
.hub-banner::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, var(--bg) 15%, color-mix(in srgb, var(--bg) 55%, transparent) 60%, transparent), linear-gradient(0deg, var(--bg), transparent 60%); }
.hub-banner .hub-inner { padding: 52px 46px; max-width: 700px; }
@media (max-width: 640px) { .hub-banner .hub-inner { padding: 30px 22px; } }
.hub-banner h1 { margin: 10px 0 14px; }
.hub-banner .lead { color: var(--text-2); }

/* ---------- chips, tags */
.chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chip { display: inline-flex; align-items: center; gap: 6px; padding: .32rem .75rem; border-radius: 999px; background: rgba(255,255,255,.03); border: 1px solid var(--line-2); color: var(--text-2); font-size: .8rem; font-weight: 500; }
a.chip:hover { border-color: var(--gold-line); color: var(--text); }
.chip-active { border-color: var(--gold-line); background: var(--gold-soft); color: var(--text); }
.tag { position: absolute; top: 12px; left: 12px; z-index: 2; background: rgba(8,8,12,.72); backdrop-filter: blur(8px); color: var(--cta-hi); border: 1px solid var(--gold-line); font-size: .66rem; font-weight: 700; padding: .25rem .6rem; border-radius: 999px; text-transform: uppercase; letter-spacing: .1em; }

/* ---------- game cards (home) */
.game-card { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 330px; padding: 22px; overflow: hidden; color: var(--text); isolation: isolate; transition: transform .3s, box-shadow .3s; }
.game-card:hover { transform: translateY(-4px); color: var(--text); box-shadow: var(--shadow); }
.game-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .8s; }
.game-card:hover img { transform: scale(1.06); }
.game-card::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(0,0,0,.05) 15%, rgba(6,6,10,.96) 90%); }
.game-card h3 { font-size: 1.4rem; margin: 0 0 4px; }
.game-card p { margin: 0; color: rgba(255,255,255,.72); font-size: .9rem; }
.game-card .chips { margin-top: 12px; }
.game-card .chip { background: rgba(0,0,0,.35); border-color: rgba(255,255,255,.14); color: rgba(255,255,255,.85); }
.game-card .go { position: absolute; top: 16px; right: 16px; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: rgba(0,0,0,.4); border: 1px solid rgba(255,255,255,.18); transition: .3s; }
.game-card .go svg { width: 18px; height: 18px; }
.game-card:hover .go { background: var(--cta); color: var(--cta-ink); border-color: transparent; }

/* ---------- product cards */
.product-card { position: relative; display: flex; flex-direction: column; overflow: hidden; transition: transform .3s, box-shadow .3s; }
.product-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.product-card .thumb { position: relative; aspect-ratio: 16 / 10; max-width: 100%; overflow: hidden; background: linear-gradient(135deg, var(--surface-3), var(--surface)); display: grid; place-items: center; color: var(--text-3); font-family: var(--display); font-weight: 600; }
.product-card .thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .7s; }
.product-card:hover .thumb img { transform: scale(1.05); }
.product-card .body { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 7px; flex: 1; }
.product-card .card-kicker { font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: var(--text-3); }
.product-card h3 { font-size: 1.04rem; margin: 0; }
.product-card h3 a { color: var(--text); }
.product-card h3 a::after { content: ""; position: absolute; inset: 0; z-index: 3; }
.product-card:focus-within { outline: 2px solid var(--cta); outline-offset: 3px; }
.product-card p { color: var(--text-2); font-size: .88rem; margin: 0; }
.product-card .foot { margin-top: auto; display: flex; justify-content: space-between; align-items: flex-end; gap: 10px; padding-top: 12px; border-top: 1px solid var(--line); }
.price-from { font-size: .7rem; color: var(--text-3); text-transform: uppercase; letter-spacing: .1em; }
.price { font-family: var(--display); font-weight: 700; font-size: 1.22rem; color: var(--text); }
.price-old { color: var(--text-3); text-decoration: line-through; font-size: .9rem; margin-left: 6px; font-weight: 500; }
.eta { font-size: .8rem; color: var(--text-2); display: inline-flex; gap: 6px; align-items: center; }
.eta svg { width: 14px; height: 14px; color: var(--text-3); flex: none; }

.cat-tile { display: flex; gap: 14px; align-items: center; padding: 16px 18px; color: var(--text); transition: .25s; }
.cat-tile:hover { color: var(--text); transform: translateY(-2px); box-shadow: var(--shadow); }
.cat-tile .ico { width: 44px; height: 44px; border-radius: 12px; background: var(--gold-soft); border: 1px solid var(--gold-line); display: grid; place-items: center; color: var(--cta-hi); font-family: var(--display); font-weight: 700; flex: none; }
.cat-tile strong { display: block; font-weight: 600; }
.cat-tile small { color: var(--text-3); }
.cat-tile .arrow { margin-left: auto; color: var(--text-3); }

.steps { counter-reset: step; display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
.step { padding: 24px; position: relative; }
.step::before { counter-increment: step; content: "0" counter(step); display: block; font-family: var(--display); font-size: 2rem; font-weight: 700; color: transparent; -webkit-text-stroke: 1px var(--cta); margin-bottom: 10px; opacity: .8; }
.step h3 { margin-bottom: 6px; }
.step p { color: var(--text-2); margin: 0; font-size: .93rem; }

.feature { display: flex; gap: 14px; }
.feature svg { width: 22px; height: 22px; color: var(--cta); flex: none; margin-top: 2px; }
.feature p { color: var(--text-2); margin: 0; font-size: .93rem; }

.tiers { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 120px), 1fr)); }
.tier { text-align: center; padding: 16px 10px; }
.tier strong { display: block; font-family: var(--display); font-size: 1.5rem; color: var(--tier, var(--cta)); }
.tier span { color: var(--text-3); font-size: .82rem; }
.tier.is-current { box-shadow: 0 0 0 1px var(--tier, var(--cta)) inset; }
.loyalty-name { font-size: 1.4rem; color: var(--tier, var(--text)); }

.cta-band { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; padding: 30px 34px; border-radius: 24px;
  background: linear-gradient(120deg, var(--gold-soft), var(--accent-soft)), var(--surface); border: 1px solid var(--line-2); }
.cta-band h2 { margin: 0 0 4px; font-size: 1.5rem; }
.cta-band p { margin: 0; color: var(--text-2); }

/* ---------- prose / legal / faq */
.prose { max-width: 820px; }
.prose h2 { margin-top: 1.8em; }
.prose h3 { margin-top: 1.4em; }
.prose li { margin-bottom: .35em; }
.prose a, .sp-rich a { color: var(--cta-hi); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--gold-line); }
.prose img { border-radius: var(--radius-sm); }
.prose blockquote { margin: 1.2em 0; padding: .9em 1.1em; border-left: 2px solid var(--cta); background: var(--surface); border-radius: 0 12px 12px 0; color: var(--text-2); }
.legal { max-width: 780px; }
.checklist { list-style: none; padding: 0; margin: 0; }
.checklist li { position: relative; padding-left: 30px; margin-bottom: .6em; }
.checklist li::before { content: ""; position: absolute; left: 0; top: .3em; width: 18px; height: 18px; border-radius: 50%; border: 1px solid var(--gold-line); background: var(--gold-soft); }
.checklist li::after { content: ""; position: absolute; left: 6px; top: calc(.3em + 4px); width: 5px; height: 8px; border-right: 2px solid var(--cta); border-bottom: 2px solid var(--cta); transform: rotate(45deg); }
.checklist.warn li::before { border-color: rgba(164,77,241,.4); background: rgba(164,77,241,.1); }
.checklist.warn li::after { left: 8px; top: calc(.3em + 4px); width: 2px; height: 7px; border: 0; background: var(--warn); transform: none; box-shadow: 0 9px 0 -0.5px var(--warn); }
.faq details { margin-bottom: 10px; overflow: hidden; }
.faq summary { cursor: pointer; padding: 17px 52px 17px 20px; font-weight: 600; list-style: none; position: relative; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: ""; position: absolute; right: 22px; top: 50%; width: 9px; height: 9px; border-right: 1.5px solid var(--text-2); border-bottom: 1.5px solid var(--text-2); transform: translateY(-70%) rotate(45deg); transition: transform .25s; }
.faq details[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
.faq details[open] { background: linear-gradient(var(--surface-2), var(--surface-2)) padding-box, linear-gradient(180deg, var(--gold-line), rgba(255,255,255,.04)) border-box; }
.faq .answer { padding: 0 20px 18px; color: var(--text-2); }
.faq .answer p:last-child { margin: 0; }

/* hints */
.hint { position: relative; display: inline-grid; place-items: center; width: 17px; height: 17px; flex: none; border-radius: 50%; border: 1px solid var(--line-2); color: var(--text-3);
  font: 600 10px/1 var(--font); cursor: help; vertical-align: middle; text-transform: none; letter-spacing: 0; }
.hint:hover, .hint:focus-visible, .hint.is-open { color: var(--cta-ink); background: var(--cta); border-color: var(--cta); outline: none; }
.hint-tip { display: none; position: absolute; left: 50%; bottom: calc(100% + 10px); transform: translateX(-50%); z-index: 60; width: 280px; max-width: 78vw; padding: 12px 14px; border-radius: 12px;
  background: var(--surface-3); border: 1px solid var(--line-2); box-shadow: var(--shadow); color: var(--text-2); font: 400 12.5px/1.55 var(--font); text-align: left; white-space: normal; }
.hint:hover .hint-tip, .hint:focus .hint-tip, .hint.is-open .hint-tip { display: block; }
.hint.left .hint-tip { left: -12px; transform: none; }
.hint-tip b { color: var(--text); font-weight: 600; }
.hint-row { display: block; }
.hint-row + .hint-row { margin-top: 6px; }
@media (max-width: 600px) { .hint-tip, .hint.left .hint-tip { position: fixed; left: 16px; right: 16px; bottom: 16px; width: auto; max-width: none; transform: none; } }

/* ==========================================================================
   Service page (sp-*)
   ========================================================================== */
.sp { padding-top: 26px; }
.sp-grid { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 40px; align-items: start; }
@media (max-width: 1080px) { .sp-grid { grid-template-columns: minmax(0, 1fr); } }
.sp-head { margin-bottom: 22px; }
.mobile-configure { display: none; }
@media (max-width: 1080px) { .mobile-configure { display: flex; margin-bottom: 22px; } }
.sp-head h1 { margin: 10px 0 12px; font-size: clamp(2rem, 3.8vw, 2.9rem); }
.sp-lead { font-size: 1.08rem; color: var(--text-2); max-width: 720px; margin: 0 0 14px; }
.sp-meta { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; color: var(--text-2); font-size: .9rem; }
.sp-meta .stars { color: var(--cta); letter-spacing: 1px; }
.sp-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.sp-tags span { font-size: .76rem; color: var(--text-2); padding: .25rem .65rem; border-radius: 999px; border: 1px solid var(--line-2); }

.sp-media { position: relative; border-radius: 22px; overflow: hidden; border: 1px solid var(--line-2); background: var(--surface); }
.sp-media-main { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; max-width: 100%; padding: 0; border: 0; background: #000; cursor: zoom-in; overflow: hidden; }
.sp-media-main .blur { position: absolute; inset: -30px; background-size: cover; background-position: center; filter: blur(30px) brightness(.5); }
.sp-media-main img { position: relative; width: 100%; height: 100%; object-fit: contain; }
.sp-media-main .zoom { position: absolute; right: 14px; top: 14px; z-index: 2; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: rgba(0,0,0,.5); border: 1px solid rgba(255,255,255,.2); color: #fff; }
.sp-media-main .zoom svg { width: 16px; height: 16px; }
.sp-media-caption { display: flex; justify-content: space-between; gap: 12px; padding: 12px 16px; font-size: .85rem; color: var(--text-2); border-top: 1px solid var(--line); }
.sp-thumbs { display: flex; gap: 8px; padding: 0 12px 12px; overflow-x: auto; scrollbar-width: thin; }
.sp-thumb { flex: 0 0 96px; aspect-ratio: 16 / 10; border-radius: 10px; overflow: hidden; padding: 0; cursor: pointer; border: 1px solid var(--line-2); background: #000; opacity: .6; transition: .25s; }
.sp-thumb img { width: 100%; height: 100%; object-fit: cover; }
.sp-thumb:hover, .sp-thumb.active { opacity: 1; border-color: var(--gold-line); }
.sp-thumb.active { box-shadow: 0 0 0 1px var(--cta) inset; }

.sp-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 12px; margin: 18px 0 8px; }
.sp-fact { padding: 14px 16px; border-radius: 14px; border: 1px solid var(--line); background: rgba(255,255,255,.02); }
.sp-fact span { display: block; font-size: .7rem; color: var(--text-3); text-transform: uppercase; letter-spacing: .12em; }
.sp-fact strong { display: block; font-family: var(--display); font-weight: 600; font-size: 1.02rem; margin-top: 2px; }

.sp-tabs { position: sticky; top: 70px; z-index: 5; display: flex; gap: 4px; overflow-x: auto; margin: 26px 0 0; padding: 8px 0; background: color-mix(in srgb, var(--bg) 90%, transparent); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); scrollbar-width: none; }
.sp-tabs a { padding: .5rem .9rem; border-radius: 10px; color: var(--text-2); font-size: .9rem; font-weight: 500; white-space: nowrap; }
.sp-tabs a:hover { color: var(--text); background: rgba(255,255,255,.04); }
.sp-block { padding: 32px 0; border-bottom: 1px solid var(--line); scroll-margin-top: 130px; }
.sp-block:last-child { border-bottom: 0; }
.sp-block > h2 { font-size: 1.45rem; margin-bottom: 16px; }
.sp-rich { color: var(--text-2); font-size: 1rem; }
.sp-rich h2 { font-size: 1.25rem; color: var(--text); margin: 1.4em 0 .6em; }
.sp-rich h2:first-child { margin-top: 0; }
.sp-rich h3 { color: var(--text); margin: 1.3em 0 .5em; }
.sp-rich strong { color: var(--text); }
.sp-rich ul { padding-left: 1.1em; }
.sp-rich blockquote, .note-block { margin: 18px 0; padding: 14px 18px; border-radius: 14px; border: 1px solid var(--line-2); background: rgba(255,255,255,.02); color: var(--text-2); }
.sp-rich blockquote p, .note-block p { margin: 0; }
.sp-rich blockquote.warning, .note-block.warning { border-color: rgba(164,77,241,.35); background: rgba(164,77,241,.06); }
.sp-rich blockquote.recommend { border-color: rgba(67,214,155,.35); background: var(--success-soft); }
.sp-rich blockquote.important { border-color: rgba(255,107,122,.35); background: rgba(255,107,122,.06); }
.sp-highlights { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 4px 22px; margin-top: 18px; }
.sp-two { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 16px; }
.sp-two .card h3 { font-size: 1rem; margin-bottom: 14px; }

.sp-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); position: relative; }
.sp-flow::before { content: ""; position: absolute; left: 12%; right: 12%; top: 22px; height: 1px; background: linear-gradient(90deg, var(--gold-line), var(--accent-line)); }
.sp-flow div { position: relative; text-align: center; padding: 0 10px; }
.sp-flow b { display: grid; place-items: center; width: 44px; height: 44px; margin: 0 auto 12px; border-radius: 50%; background: var(--surface); border: 1px solid var(--gold-line); font-family: var(--display); color: var(--cta-hi); }
.sp-flow strong { display: block; font-weight: 600; margin-bottom: 4px; }
.sp-flow span { font-size: .86rem; color: var(--text-2); }
@media (max-width: 700px) { .sp-flow { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); row-gap: 24px; } .sp-flow::before { display: none; } }

.sp-reviews { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 14px; }
.sp-review { padding: 18px; }
.sp-review p { margin: 8px 0 10px; color: var(--text-2); }
.sp-empty { padding: 22px; border-radius: 16px; border: 1px dashed var(--line-2); color: var(--text-2); }
.expert { display: flex; gap: 14px; align-items: center; }
.avatar { width: 50px; height: 50px; border-radius: 50%; background: var(--gold-soft); border: 1px solid var(--gold-line); display: grid; place-items: center; font-weight: 700; color: var(--cta-hi); flex: none; overflow: hidden; }
.avatar img { width: 100%; height: 100%; object-fit: cover; }

/* lightbox */
.lightbox { position: fixed; inset: 0; z-index: 999; background: rgba(4,4,8,.94); backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: center; padding: 64px 20px 30px; }
.lightbox[hidden] { display: none !important; }
.lightbox-inner { position: relative; width: 100%; max-width: 1180px; }
.lightbox img { width: 100%; max-height: 78vh; object-fit: contain; border-radius: 14px; }
.lb-close, .lb-nav { position: absolute; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--line-2); background: rgba(255,255,255,.06); color: #fff; cursor: pointer; font-size: 18px; }
.lb-close { top: -50px; right: 0; width: 40px; height: 40px; }
.lb-nav { top: 50%; transform: translateY(-50%); width: 46px; height: 46px; font-size: 22px; }
.lb-nav.prev { left: 10px; } .lb-nav.next { right: 10px; }
.lb-caption { text-align: center; margin-top: 12px; color: var(--text-2); font-size: .9rem; }

/* ==========================================================================
   Buy box (bx-*) — the calculator
   ========================================================================== */
.sp-aside { position: sticky; top: 90px; }
@media (max-width: 1080px) { .sp-aside { position: static; max-width: 560px; width: 100%; margin: 0 auto; } }
.bx { border-radius: 24px; border: 1px solid transparent; box-shadow: var(--shadow);
  background: linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(160deg, var(--gold-line), rgba(255,255,255,.06) 35%, rgba(255,255,255,.04) 70%, var(--accent-line)) border-box; }
.bx-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 18px 22px; border-bottom: 1px solid var(--line); }
.bx-head strong { font-family: var(--display); font-weight: 600; font-size: 1.02rem; }
.bx-head span { font-size: .8rem; color: var(--text-3); display: inline-flex; gap: 6px; align-items: center; }
.bx-head svg { width: 14px; height: 14px; }
.bx-body { padding: 4px 22px; }
.bx-group { padding: 18px 0; border-bottom: 1px solid var(--line); }
.bx-group:last-child { border-bottom: 0; }
.bx-label { display: flex; align-items: center; gap: 8px; font-size: .76rem; font-weight: 600; color: var(--text-2); text-transform: uppercase; letter-spacing: .12em; margin-bottom: 12px; }
.bx-help { margin: -6px 0 10px; font-size: .82rem; color: var(--text-3); }

.bx-seg { display: grid; gap: 8px; grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr)); }
@media (max-width: 420px) { .bx-seg { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bx-opt { position: relative; display: block; margin: 0; cursor: pointer; font-weight: inherit; }
.bx-opt input { position: absolute; opacity: 0; pointer-events: none; }
.bx-opt-in { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 60px; padding: 12px 8px 10px; border-radius: 13px; text-align: center;
  background: var(--bg-2); border: 1px solid var(--line-2); transition: border-color .2s, background .2s, box-shadow .2s; }
.bx-opt-name { font-weight: 600; font-size: .9rem; line-height: 1.2; color: var(--text); }
.bx-opt-delta { font-size: .74rem; font-weight: 600; color: var(--text-3); }
.bx-opt-delta.up { color: var(--cta); }
.bx-opt-delta.down { color: var(--success); }
.bx-opt:hover .bx-opt-in { border-color: var(--text-3); }
.bx-opt input:checked + .bx-opt-in { border-color: var(--cta); background: linear-gradient(180deg, var(--gold-soft), transparent); box-shadow: 0 0 0 1px var(--cta) inset; }
.bx-opt input:focus-visible + .bx-opt-in { box-shadow: 0 0 0 4px var(--gold-soft); }
.bx-flag { position: absolute; top: -8px; left: 50%; transform: translateX(-50%); max-width: calc(100% - 8px); padding: 1px 8px; border-radius: 999px; font-size: .58rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  color: var(--text); background: var(--surface); border: 1px solid var(--accent-line); pointer-events: none; z-index: 1; }

.bx-addons { display: grid; gap: 8px; }
.bx-addon { display: block; margin: 0; cursor: pointer; font-weight: inherit; position: relative; }
.bx-addon input { position: absolute; opacity: 0; pointer-events: none; }
.bx-addon-in { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 13px; border: 1px solid var(--line); background: rgba(255,255,255,.015); transition: .2s; }
.bx-addon:hover .bx-addon-in { border-color: var(--line-2); }
.bx-switch { position: relative; width: 34px; height: 20px; flex: none; border-radius: 999px; background: var(--surface-3); border: 1px solid var(--line-2); transition: .25s; }
.bx-switch::after { content: ""; position: absolute; left: 2px; top: 2px; width: 14px; height: 14px; border-radius: 50%; background: var(--text-3); transition: .25s; }
.bx-addon input:checked + .bx-addon-in { border-color: var(--gold-line); background: var(--gold-soft); }
.bx-addon input:checked + .bx-addon-in .bx-switch { background: var(--cta); border-color: var(--cta); }
.bx-addon input:checked + .bx-addon-in .bx-switch::after { left: 16px; background: var(--cta-ink); }
.bx-addon input:focus-visible + .bx-addon-in { box-shadow: 0 0 0 4px var(--gold-soft); }
.bx-addon-name { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; font-size: .93rem; color: var(--text); }
.bx-addon-price { font-weight: 600; font-size: .9rem; color: var(--text-2); white-space: nowrap; }
.bx-addon input:checked + .bx-addon-in .bx-addon-price { color: var(--cta-hi); }

.bx-range-values { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 10px; align-items: center; }
.bx-val { padding: 8px 12px; border-radius: 13px; border: 1px solid var(--line-2); background: var(--bg-2); transition: border-color .2s, box-shadow .2s; }
.bx-val:focus-within { border-color: var(--gold-line); box-shadow: 0 0 0 4px var(--gold-soft); }
.bx-val small { display: block; font-size: .64rem; color: var(--text-3); text-transform: uppercase; letter-spacing: .12em; }
.bx-val input, .bx-val select { width: 100%; background: transparent; border: 0; box-shadow: none; padding: 0; font-family: var(--display); font-size: 1.25rem; font-weight: 600; color: var(--text); background-image: none; border-radius: 0; }
.bx-val select { cursor: pointer; }
.bx-val input:focus, .bx-val select:focus { box-shadow: none; }
.bx-range-sep { color: var(--text-3); font-size: .8rem; }
.bx-slider { position: relative; height: 26px; margin: 14px 4px 2px; }
.bx-track { position: absolute; left: 0; right: 0; top: 11px; height: 4px; border-radius: 4px; background: var(--surface-3); }
.bx-fill { position: absolute; top: 11px; height: 4px; left: 0; width: 0; border-radius: 4px; background: linear-gradient(90deg, var(--accent), var(--cta)); }
.bx-slider input[type=range] { position: absolute; left: 0; top: 0; width: 100%; height: 26px; margin: 0; background: none; pointer-events: none; -webkit-appearance: none; appearance: none; }
.bx-slider input[type=range]::-webkit-slider-runnable-track { background: transparent; }
.bx-slider input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: auto; width: 22px; height: 22px; border-radius: 50%; background: var(--text); border: 5px solid var(--cta); box-shadow: 0 4px 14px rgba(0,0,0,.5); cursor: grab; }
.bx-slider input[type=range]::-moz-range-thumb { pointer-events: auto; width: 14px; height: 14px; border-radius: 50%; background: var(--text); border: 5px solid var(--cta); cursor: grab; }
.bx-slider input[type=range]::-moz-range-track { background: transparent; }
.bx-slider.single input[type=range] { pointer-events: auto; }
.bx-scale { display: flex; justify-content: space-between; margin-top: 4px; font-size: .68rem; color: var(--text-3); text-transform: uppercase; letter-spacing: .04em; }
.bx-single-head { display: flex; justify-content: space-between; align-items: baseline; }
.bx-single-head strong { font-family: var(--display); font-size: 1.35rem; }

.bx-foot { padding: 18px 22px 22px; border-top: 1px solid var(--line); background: linear-gradient(180deg, rgba(255,255,255,.02), transparent); border-radius: 0 0 24px 24px; }
.bx-total { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.bx-total span { color: var(--text-2); font-size: .9rem; }
.bx-total strong { font-family: var(--display); font-size: 2.1rem; font-weight: 700; letter-spacing: -.02em; }
.bx-total s { color: var(--text-3); font-size: .95rem; margin-left: 8px; }
.bx-note { font-size: .8rem; color: var(--text-3); margin: 2px 0 16px; }
.bx-note b { color: var(--success); font-weight: 600; }
.bx-actions { display: grid; grid-template-columns: minmax(0, 1fr) 56px; gap: 8px; }
.bx-buy { height: 56px; border: 0; border-radius: 15px; cursor: pointer; font: 700 1.05rem var(--display); letter-spacing: .01em; color: var(--cta-ink);
  background: linear-gradient(180deg, var(--cta-hi) 0%, var(--cta) 50%, var(--cta-lo) 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 14px 34px -14px var(--gold-line); transition: transform .15s, filter .2s, box-shadow .2s; }
.bx-buy:hover { transform: translateY(-1px); filter: brightness(1.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 18px 40px -14px var(--gold-line); }
.bx-cart { height: 56px; border-radius: 15px; border: 1px solid var(--line-2); background: rgba(255,255,255,.03); color: var(--text); cursor: pointer; display: grid; place-items: center; transition: .2s; }
.bx-cart:hover { border-color: var(--gold-line); background: var(--gold-soft); }
.bx-cart svg { width: 21px; height: 21px; }
.bx-support { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; margin-top: 10px; padding: 14px; border-radius: 15px; border: 1px solid var(--line-2); color: var(--text); font-weight: 600; transition: .2s; }
.bx-support:hover { color: var(--text); border-color: var(--accent-line); background: var(--accent-soft); }
.bx-support svg { width: 18px; height: 18px; color: var(--accent); }
.bx-support small { color: var(--text-3); font-weight: 400; }
.bx-pay { display: flex; justify-content: center; gap: 6px; flex-wrap: wrap; margin-top: 16px; }
.pay-icons { display: flex; flex-wrap: wrap; gap: 6px; }
.pay-icons span, .bx-pay span { font-size: .64rem; font-weight: 600; letter-spacing: .04em; color: var(--text-3); border: 1px solid var(--line); border-radius: 6px; padding: 3px 7px; }

.assure { margin-top: 14px; display: grid; gap: 2px; padding: 8px; border-radius: 18px; border: 1px solid var(--line); }
.assure-item { display: flex; gap: 12px; align-items: flex-start; padding: 10px; border-radius: 12px; font-size: .88rem; color: var(--text-2); cursor: default; }
.assure-item:hover, .assure-item:focus { background: rgba(255,255,255,.03); outline: none; }
.assure-item .ai { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; flex: none; color: var(--cta-hi); background: var(--gold-soft); }
.assure-item .ai svg { width: 16px; height: 16px; }
.assure-item strong { display: block; color: var(--text); font-weight: 600; font-size: .9rem; line-height: 32px; }
.assure-tip { display: none; font-size: .8rem; color: var(--text-3); line-height: 1.5; margin-top: -4px; }
.assure-item:hover .assure-tip, .assure-item:focus .assure-tip { display: block; }

.related-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 1080px) { .related-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .related-row { grid-template-columns: minmax(0, 1fr); } }

/* ==========================================================================
   Checkout (co-*), cart, summary
   ========================================================================== */
.stepper { display: flex; gap: 8px; list-style: none; padding: 0; margin: 0 0 28px; counter-reset: st; flex-wrap: wrap; }
.stepper li { counter-increment: st; flex: 1 1 150px; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--line); color: var(--text-3); font-size: .9rem; font-weight: 500; }
.stepper li::before { content: counter(st); display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; border: 1px solid var(--line-2); font-size: .78rem; font-weight: 700; flex: none; }
.stepper li.done { color: var(--text-2); }
.stepper li.done::before { content: "✓"; background: var(--success-soft); border-color: rgba(67,214,155,.5); color: var(--success); }
.stepper li.current { color: var(--text); border-color: var(--gold-line); background: var(--gold-soft); }
.stepper li.current::before { background: var(--cta); border-color: var(--cta); color: var(--cta-ink); }
.co-grid, .cart-layout { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 28px; align-items: start; }
@media (max-width: 960px) { .co-grid, .cart-layout { grid-template-columns: minmax(0, 1fr); } }
.co-step { margin-bottom: 16px; border-radius: 20px; border: 1px solid var(--line); background: var(--surface); }
.co-step.is-active { border-color: transparent; background: linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(160deg, var(--gold-line), rgba(255,255,255,.05) 45%) border-box; }
.co-step.is-locked { opacity: .5; }
.co-step-head { display: flex; align-items: center; gap: 14px; padding: 18px 22px; flex-wrap: wrap; }
.co-step-head > b { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--line-2); font-family: var(--display); font-size: .85rem; flex: none; }
.co-step.is-active .co-step-head > b { background: var(--cta); color: var(--cta-ink); border-color: var(--cta); }
.co-step.is-done .co-step-head > b { background: var(--success-soft); color: var(--success); border-color: rgba(67,214,155,.5); }
.co-step-head h2 { font-size: 1.08rem; margin: 0; }
.co-step-head p { margin: 0; font-size: .85rem; color: var(--text-3); }
.co-step-head .co-edit { margin-left: auto; font-size: .85rem; color: var(--text-2); }
.co-step-body { padding: 0 22px 22px; }
.co-signin { display: grid; gap: 10px; max-width: 460px; }
.co-perks { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)); gap: 10px; margin-top: 18px; }
.co-perks div { padding: 12px; border-radius: 12px; border: 1px solid var(--line); font-size: .85rem; color: var(--text-2); }
.co-perks strong { display: block; color: var(--text); font-weight: 600; }
.co-item { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 14px; padding: 16px; border-radius: 16px; border: 1px solid var(--line); margin-bottom: 12px; background: rgba(255,255,255,.012); }
@media (max-width: 560px) { .co-item { grid-template-columns: 64px minmax(0, 1fr); } .co-item .co-item-price { grid-column: 2; text-align: left; } }
.co-item-img { width: 96px; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; background: var(--surface-3); }
@media (max-width: 560px) { .co-item-img { width: 64px; } }
.co-item-img img { width: 100%; height: 100%; object-fit: cover; }
.co-item h3 { font-size: 1rem; margin: 0 0 2px; }
.co-item .opts { list-style: none; padding: 0; margin: 6px 0 0; font-size: .84rem; color: var(--text-2); display: flex; flex-wrap: wrap; gap: 4px 14px; }
.co-item .opts li span { color: var(--text-3); }
.co-item-price { text-align: right; font-family: var(--display); font-weight: 600; white-space: nowrap; }
.co-item-actions { display: flex; gap: 14px; margin-top: 8px; font-size: .82rem; }
.co-item-actions a, .co-item-actions button { color: var(--text-3); font-size: .82rem; }
.co-fields { grid-column: 1 / -1; border-top: 1px dashed var(--line-2); padding-top: 14px; margin-top: 2px; }
.co-fields-title { font-size: .76rem; text-transform: uppercase; letter-spacing: .12em; color: var(--text-3); margin-bottom: 10px; }
.form-grid { display: grid; gap: 0 14px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); }
.method { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 16px; margin-bottom: 10px; cursor: pointer; font-weight: 500; transition: .2s; }
.method:hover { box-shadow: 0 0 0 1px var(--line-2) inset; }
.method:has(input:checked) { background: linear-gradient(var(--surface-2), var(--surface-2)) padding-box, linear-gradient(160deg, var(--gold-line), rgba(255,255,255,.06)) border-box; }
.method strong { display: block; font-weight: 600; }
.method small { color: var(--text-3); }
.method .marks { display: flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
.method .marks span { font-size: .6rem; font-weight: 700; color: var(--text-2); border: 1px solid var(--line-2); border-radius: 5px; padding: 2px 6px; }
@media (max-width: 480px) { .method { grid-template-columns: auto minmax(0, 1fr); } .method .marks { grid-column: 2; justify-content: flex-start; } }
.co-next { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 18px; }
@media (max-width: 560px) { .co-next { grid-template-columns: minmax(0, 1fr); } }
.co-next div { font-size: .82rem; color: var(--text-2); padding: 12px; border-radius: 12px; background: rgba(255,255,255,.02); border: 1px solid var(--line); }
.co-next strong { display: block; color: var(--text); font-weight: 600; font-size: .86rem; }

.summary { position: sticky; top: 90px; }
.summary .sum-row { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; color: var(--text-2); font-size: .93rem; }
.summary .sum-row.discount { color: var(--success); }
.summary .sum-total { display: flex; justify-content: space-between; align-items: baseline; border-top: 1px solid var(--line); margin-top: 10px; padding-top: 14px; }
.summary .sum-total span { color: var(--text-2); }
.summary .sum-total strong { font-family: var(--display); font-size: 1.6rem; }
.summary h2 { font-size: 1.05rem; margin-bottom: 12px; }
.promo { display: flex; gap: 8px; margin-top: 14px; }
.promo input { flex: 1; min-width: 0; }
.line { display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.line:first-child { padding-top: 0; }
.line:last-child { border-bottom: 0; }
.line .thumb { width: 96px; aspect-ratio: 4 / 3; border-radius: 10px; background: var(--surface-3); flex: none; overflow: hidden; }
.line .thumb img { width: 100%; height: 100%; object-fit: cover; }
.line .info { flex: 1; min-width: 0; }
.line .opts { color: var(--text-2); font-size: .85rem; margin: 4px 0 0; padding: 0; list-style: none; }
.line .price { font-size: 1.05rem; white-space: nowrap; }
.progress { height: 6px; border-radius: 99px; background: var(--surface-3); overflow: hidden; }
.progress > span { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, var(--accent), var(--cta)); }
.fieldset { padding: 22px; margin: 0 0 18px; }
.fieldset legend { padding: 0 8px; font-weight: 600; }

/* ---------- account / booster */
.account-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 28px; align-items: start; }
@media (max-width: 860px) { .account-layout { grid-template-columns: minmax(0, 1fr); } }
.side-nav { padding: 10px; position: sticky; top: 90px; }
.side-nav a { display: flex; gap: 10px; align-items: center; padding: .62rem .8rem; border-radius: 10px; color: var(--text-2); font-weight: 500; }
.side-nav a:hover { background: rgba(255,255,255,.04); color: var(--text); }
.side-nav a.active { background: var(--gold-soft); color: var(--text); box-shadow: inset 2px 0 0 var(--cta); }
.side-nav .sep { border-top: 1px solid var(--line); margin: 8px 4px; }
@media (max-width: 860px) { .side-nav { position: static; display: flex; overflow-x: auto; gap: 4px; } .side-nav .sep { display: none; } .side-nav a { white-space: nowrap; } }
.stat { padding: 18px; }
.stat small { color: var(--text-3); font-weight: 500; text-transform: uppercase; font-size: .7rem; letter-spacing: .12em; }
.stat strong { display: block; font-family: var(--display); font-size: 1.55rem; margin-top: 4px; }
.status { display: inline-block; padding: .22rem .65rem; border-radius: 999px; font-size: .74rem; font-weight: 600; white-space: nowrap; color: var(--text-2); border: 1px solid var(--line-2); }
.status-paid, .status-in_auction { color: #cbbcff; border-color: var(--accent-line); background: var(--accent-soft); }
.status-assigned, .status-in_progress { color: #cc9bf7; border-color: var(--gold-line); background: var(--gold-soft); }
.status-awaiting_confirmation { color: #c5f2a8; border-color: rgba(150,220,110,.45); background: rgba(150,220,110,.1); }
.status-completed { color: var(--success); border-color: rgba(67,214,155,.45); background: var(--success-soft); }
.status-disputed { color: #ffb3bb; border-color: rgba(255,107,122,.45); background: rgba(255,107,122,.08); }
.timeline { display: flex; list-style: none; padding: 0; margin: 0 0 8px; overflow-x: auto; }
.timeline li { flex: 1; min-width: 96px; text-align: center; font-size: .76rem; color: var(--text-3); position: relative; padding-top: 26px; }
.timeline li::before { content: ""; position: absolute; top: 6px; left: 50%; transform: translateX(-50%); width: 14px; height: 14px; border-radius: 50%; background: var(--surface-3); border: 2px solid var(--line-2); z-index: 1; }
.timeline li::after { content: ""; position: absolute; top: 12px; left: -50%; width: 100%; height: 2px; background: var(--line-2); }
.timeline li:first-child::after { display: none; }
.timeline li.done { color: var(--text); }
.timeline li.done::before { background: var(--cta); border-color: var(--cta); }
.timeline li.done::after { background: var(--cta); }
.kv { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 16px; font-size: .92rem; }
.kv dt { color: var(--text-3); }
.kv dd { margin: 0; overflow-wrap: anywhere; }

.chat { display: flex; flex-direction: column; height: 520px; overflow: hidden; }
.chat-head { padding: 14px 18px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.chat-body { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.msg { max-width: 80%; padding: 10px 14px; border-radius: 16px; background: var(--surface-2); border: 1px solid var(--line); overflow-wrap: anywhere; white-space: pre-wrap; }
.msg .who { font-size: .72rem; color: var(--text-3); margin-bottom: 2px; display: block; white-space: normal; }
.msg.mine { align-self: flex-end; background: var(--gold-soft); border-color: var(--gold-line); border-bottom-right-radius: 4px; }
.msg.system { align-self: center; max-width: 95%; background: transparent; border-style: dashed; color: var(--text-2); font-size: .85rem; text-align: center; }
.msg.support { border-color: var(--accent-line); }
.chat-form { display: flex; gap: 8px; padding: 12px; border-top: 1px solid var(--line); }
.chat-form textarea { resize: none; height: 46px; min-height: 46px; overflow: hidden; }
.chat-closed { padding: 14px; border-top: 1px solid var(--line); color: var(--text-2); font-size: .9rem; text-align: center; }
.auction-card { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 18px; }
@media (max-width: 760px) { .auction-card { grid-template-columns: minmax(0, 1fr); } }
.countdown { font-variant-numeric: tabular-nums; font-weight: 700; color: var(--warn); }
.range-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.range-row label { font-size: .76rem; color: var(--text-3); font-weight: 500; margin-bottom: 2px; }
.pills { display: flex; flex-wrap: wrap; gap: 8px; }
.pill { position: relative; margin: 0; }
.pill input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.pill span { display: block; padding: .5rem .85rem; border: 1px solid var(--line-2); border-radius: 10px; font-size: .88rem; font-weight: 500; background: var(--bg-2); cursor: pointer; }
.pill input:checked + span { border-color: var(--cta); background: var(--gold-soft); }
.pill input:focus-visible + span { outline: 2px solid var(--cta); outline-offset: 3px; }

/* ---------- alerts */
.messages { list-style: none; padding: 0; margin: 16px 0 0; }
.alert { padding: 13px 16px; border-radius: 13px; border: 1px solid var(--line-2); background: var(--surface); margin-bottom: 10px; }
.alert-success { border-color: rgba(67,214,155,.4); background: var(--success-soft); }
.alert-error { border-color: rgba(255,107,122,.45); background: rgba(255,107,122,.08); }
.alert-warning, .alert-info { border-color: rgba(164,77,241,.4); background: rgba(164,77,241,.07); }
.notice { padding: 14px 16px; border-radius: 14px; background: var(--accent-soft); border: 1px solid var(--accent-line); color: var(--text); font-size: .92rem; }
.empty { text-align: center; padding: 48px 20px; color: var(--text-2); }

/* ---------- auth */
.auth-wrap { max-width: 460px; margin: 56px auto; }
.auth-card { padding: 32px; box-shadow: var(--shadow); }
.auth-card h1 { font-size: 1.7rem; }
.auth-card form p { margin: 0 0 14px; }
.auth-card form button[type=submit] { width: 100%; margin-top: 6px; }
.social-list { display: grid; gap: 10px; margin: 16px 0; }
.social-btn { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: .8rem; border-radius: 12px; font: 600 .95rem var(--font); border: 1px solid var(--line-2); background: rgba(255,255,255,.03); color: var(--text); cursor: pointer; }
.social-btn:hover { border-color: var(--text-3); color: var(--text); }
.social-btn svg { width: 20px; height: 20px; }
.divider { display: flex; align-items: center; gap: 12px; color: var(--text-3); font-size: .82rem; margin: 18px 0; }
.divider::before, .divider::after { content: ""; flex: 1; border-top: 1px solid var(--line); }

/* ---------- footer */
.footer { margin-top: 80px; border-top: 1px solid var(--line); color: var(--text-2); font-size: .92rem; background: rgba(0,0,0,.25); }
.footer .wrap { padding-block: 56px 30px; }
.footer-grid { display: grid; gap: 28px; grid-template-columns: 1.5fr repeat(3, 1fr); }
@media (max-width: 860px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .footer-grid { grid-template-columns: minmax(0, 1fr); } }
.footer h3 { color: var(--text); font-size: .76rem; text-transform: uppercase; letter-spacing: .16em; font-family: var(--font); font-weight: 600; margin-bottom: 1rem; }
.footer ul { list-style: none; padding: 0; margin: 0; }
.footer li { margin-bottom: .5rem; }
.footer a { color: var(--text-2); }
.footer a:hover { color: var(--text); }
.footer .legal-note { border-top: 1px solid var(--line); margin-top: 36px; padding-top: 20px; font-size: .78rem; color: var(--text-3); }

.consent { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 90; max-width: 540px; background: var(--surface-2); border: 1px solid var(--line-2); border-radius: 18px; padding: 18px; box-shadow: var(--shadow); }
.consent p { font-size: .88rem; color: var(--text-2); }
.consent a { color: var(--cta-hi); }

.review { border-bottom: 1px solid var(--line); padding: 16px 0; }
.stars { color: var(--cta); letter-spacing: 1px; }
.rating-line { display: flex; gap: 8px; align-items: center; color: var(--text-2); font-size: .9rem; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }

/* buy box: the total + Buy now + Contact support stay on screen even when the box is taller than the window */
.sp-aside { position: static; }
.sp-aside.fits { position: sticky; top: 90px; }
.bx-foot { position: sticky; bottom: 0; z-index: 4; background: var(--surface); box-shadow: 0 -22px 30px -20px rgba(0,0,0,.8); }
.sp-aside.fits .bx-foot { position: static; box-shadow: none; }

/* css/sage.css */
/* Sage: light surfaces, forest-green actions and quiet, readable neutrals.
   Loaded after site.css only for the Sage theme. */
[data-theme="sage"] {
  color-scheme: light;
  --green-50: #f0f7f2;
  --green-100: #e3f0e7;
  --green-200: #c8e1d1;
  --green-300: #a0c9b0;
  --green-400: #71ab8a;
  --green-500: #488b64;
  --green-600: #2c704c;
  --green-700: #246442;
  --green-800: #1b5036;
  --green-900: #183f2e;
  --green-950: #102a1f;
  --bg: #f6f8f5;
  --bg-2: #f0f4ef;
  --surface: #ffffff;
  --surface-2: #f0f5f1;
  --surface-3: #e4ebe5;
  --line: #dce5dd;
  --line-2: #aebeb2;
  --text: #202e26;
  --text-2: #4e6054;
  --text-3: #58685e;
  --control-line: #7d9183;
  --cta: #168454;
  --cta-hi: #116b44;
  --cta-lo: #105b3b;
  --cta-ink: #ffffff;
  --mint: #65f4ae;
  --mint-glow: rgba(101, 244, 174, .2);
  --accent: #356b64;
  --accent-soft: #edf4f2;
  --accent-line: #86aaa0;
  /* Aliases keep shared components compatible with the original themes. */
  --gold-soft: var(--green-100);
  --gold-line: #83a98f;
  --success: #246442;
  --success-soft: #e3f0e7;
  --danger: #b33342;
  --danger-soft: #fceff0;
  --danger-line: #cf8991;
  --warn: #4f1284;
  --warn-soft: #f3e7fd;
  --warn-line: #9965c6;
  --info: #285e85;
  --info-soft: #edf4fa;
  --info-line: #8eafc7;
  --glow-a: transparent;
  --glow-b: transparent;
  --shadow: 0 12px 36px -16px rgba(29, 57, 39, .2);
  --radius: 16px;
  --radius-sm: 10px;
}

body { background: var(--bg); }
::selection { background: var(--green-200); color: var(--green-950); }
.card, .product-card, .cat-tile, .step, .stat, .fieldset, .side-nav,
.auth-card, .tier, .chat, .faq details, .method, .game-card {
  border-color: var(--line);
  background: var(--surface);
}
.card, .product-card, .auth-card { box-shadow: 0 3px 14px -9px rgba(29,57,39,.12); }
.kicker { letter-spacing: .12em; }
.btn { min-height: 44px; border-radius: 10px; }
.btn-primary, .btn-mint, .bx-buy {
  background: var(--cta);
  color: var(--cta-ink);
  box-shadow: 0 3px 7px rgba(36,100,66,.12);
}
.btn-primary:hover, .btn-mint:hover, .bx-buy:hover {
  background: var(--cta-hi);
  filter: none;
  box-shadow: 0 4px 12px rgba(16,91,59,.12), 0 0 16px var(--mint-glow);
  color: var(--cta-ink);
}
.btn-outline { background: var(--surface); border-color: var(--line-2); }
.btn-outline:hover { background: var(--green-50); border-color: var(--cta); }
.btn-lg { font-size: .96rem; padding: .95rem 1.4rem; }
.btn-danger, .field-error, .errorlist { color: var(--danger); }
.btn-danger { border-color: var(--danger-line); }

input[type=text], input[type=email], input[type=password], input[type=number],
input[type=search], input[type=url], select, textarea { background-color: var(--surface); border-color: var(--control-line); }
input:focus, select:focus, textarea:focus { border-color: var(--cta); box-shadow: 0 0 0 3px var(--green-100); }
.has-error input, .has-error select, .has-error textarea { border-color: var(--danger); }
.pill span, .bx-opt-in, .bx-val { background-color: var(--surface); border-color: var(--control-line); }
.pill input:checked + span, .bx-opt input:checked + .bx-opt-in { background: var(--green-50); }
.bx-addon-in { border-color: var(--control-line); background: var(--surface); }
.bx-switch { border-color: var(--control-line); }
.bx-opt input:focus-visible + .bx-opt-in, .bx-addon input:focus-visible + .bx-addon-in { outline: 2px solid var(--cta); outline-offset: 3px; }

.topbar { background: var(--bg-2); color: var(--text-2); }
.topbar .wrap { padding-block: 7px; }
.header { background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }
.logo span b { color: var(--cta); }
.nav-link:hover, .nav-item:focus-within > .nav-link,
.mega a:hover, .side-nav a:hover, .sp-tabs a:hover { background: var(--green-50); color: var(--cta); }
.mega { background: var(--surface); border-color: var(--line); }
.search-form input { background: var(--bg); border-color: var(--line-2); }
.icon-btn { background: var(--surface); border-color: var(--line-2); cursor: pointer; }
.icon-btn:hover { background: var(--green-50); border-color: var(--cta); }

.hero { background: linear-gradient(120deg, #f6f8f5, #edf4ed); }
.hero .wrap { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 56px; padding-block: 64px 72px; }
.hero h1 { font-size: clamp(2.2rem, 3.8vw, 3.25rem); line-height: 1.14; letter-spacing: -.045em; margin-block: 22px 20px; }
.hero h1 em { background: none; color: var(--cta); }
.hero .lead { font-size: 1.04rem; line-height: 1.8; max-width: 510px; }
.hero-img { opacity: .06; }
.eyebrow { background: rgba(255,255,255,.8); border-color: var(--line); color: var(--cta); font-size: .7rem; letter-spacing: .08em; }
.eyebrow i { flex: none; }
.hero-facts { border: 0; border-radius: 0; background: none; gap: 18px; max-width: none; margin-top: 34px; }
.hero-facts div { background: none; border-top: 1px solid #cbd9cd; padding: 14px 0 0; }
.hero-facts strong { font-family: var(--font); font-size: .9rem; font-weight: 600; }
.hero-facts span { display: block; margin-top: 3px; font-size: .76rem; line-height: 1.5; }
.hero-mosaic { gap: 14px; }
.hero-mosaic a { aspect-ratio: 1.3; border-radius: 16px; border-color: rgba(24,63,46,.12); box-shadow: var(--shadow); }
.hero-mosaic a:nth-child(2), .hero-mosaic a:nth-child(4) { transform: translateY(18px); }
.hero-mosaic a::after { background: linear-gradient(180deg, transparent 20%, rgba(10,25,18,.9)); }
.hero-mosaic span { font-size: .94rem; }
.hero-mosaic small { color: #e2ece5; }

.section { padding-block: 64px; }
.section-head { margin-bottom: 26px; }
.section-head h2 { letter-spacing: -.03em; }
.game-card { padding: 198px 20px 22px; min-height: 360px; justify-content: flex-start; color: var(--text); }
.game-card img { height: 176px; z-index: 0; }
.game-card::after { display: none; }
.game-card h3 { font-size: 1.12rem; }
.game-card p { color: var(--text-2); font-size: .85rem; }
.game-card .chips { gap: 6px; margin-top: 14px; }
.game-card .chip { background: var(--bg); color: var(--text-2); border-color: var(--line); font-size: .71rem; padding: .22rem .55rem; }
.game-card .go { background: var(--surface); color: var(--cta); border-color: transparent; z-index: 1; }
.game-card:hover { color: var(--text); transform: translateY(-3px); }
.product-card:hover { transform: translateY(-3px); border-color: var(--cta); }
.product-card .body { padding: 20px; gap: 10px; }
.product-card .card-kicker { font-size: .67rem; letter-spacing: .06em; }
.product-card h3 { font-size: 1.04rem; line-height: 1.4; }
.product-card .foot { flex-wrap: wrap; row-gap: 8px; padding-top: 14px; }
.product-card .price { font-size: 1.3rem; }
.eta { font-size: .76rem; }
.tag { background: var(--surface); color: var(--cta); border-color: var(--line); font-size: .64rem; }
.chip { background: var(--surface); }
.chip-active { background: var(--green-100); border-color: var(--cta); color: var(--cta); }
.step { padding: 26px; }
.step::before { color: var(--cta); -webkit-text-stroke: 0; font-size: .85rem; opacity: 1; background: var(--green-100); border-radius: 10px; width: 38px; height: 38px; display: grid; place-items: center; margin-bottom: 22px; }
.tier { border-top: 3px solid var(--tier, var(--cta)); }
.tier strong { color: var(--text); }
.loyalty-name { color: var(--text); }
.home .tiers { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.home .tier { padding: 14px 6px; }
.home .tier strong { font-size: 1.3rem; }
.home .tier span { font-size: .76rem; }
.tier.is-current { border-color: var(--cta); box-shadow: 0 0 0 1px var(--cta) inset; background: var(--green-50); }
.cta-band { background: var(--green-100); border-color: #cbded0; border-radius: 18px; padding: 34px; }
.faq details[open] { background: var(--surface); border-color: var(--green-300); }
.faq details[open] summary { color: var(--cta); }
.faq summary { padding-block: 20px; }
.faq .answer { line-height: 1.8; }

.hub-banner .hub-cover { opacity: .3; }
.hub-banner::after { background: linear-gradient(90deg, #f0f5f1 10%, rgba(240,245,241,.95) 40%, rgba(240,245,241,.5)); }
.bx { background: var(--surface); border-color: var(--line-2); box-shadow: var(--shadow); }
.bx-head { background: var(--green-50); border-radius: 23px 23px 0 0; flex-wrap: wrap; }
.bx-foot { box-shadow: 0 -10px 22px -16px rgba(29,57,39,.3); }
.bx-buy { border-radius: 12px; }
.bx-cart, .bx-support { background: var(--surface); border-color: var(--control-line); }
.bx-slider input[type=range]::-webkit-slider-thumb { background: var(--surface); box-shadow: 0 2px 6px rgba(29,57,39,.18); }
.bx-slider input[type=range]::-moz-range-thumb { background: var(--surface); }
.bx-support:hover { background: var(--green-50); border-color: var(--cta); }
.bx-range-values .bx-val input, .bx-range-values .bx-val select { background-color: transparent; }
.sp-fact, .assure { background: var(--surface); }
.assure-item:hover, .assure-item:focus { background: var(--green-50); }
.sp-tabs { background: rgba(246,248,245,.96); }
.co-step.is-active, .method:has(input:checked) { background: var(--surface); border-color: var(--cta); }
.method:has(input:checked) { background: var(--green-50); }
.co-step.is-locked { opacity: .8; }
.co-item, .co-next div, .co-perks div, .social-btn { background: var(--surface); }
.social-btn:hover { background: var(--green-50); }
.pay-icons span, .bx-pay span { background: var(--surface); color: var(--text-2); border-color: var(--line); }
.status-paid, .status-in_auction { color: var(--info); background: var(--info-soft); border-color: var(--info-line); }
.status-assigned, .status-in_progress { color: var(--warn); background: var(--warn-soft); border-color: var(--warn-line); }
.status-awaiting_confirmation, .status-completed { color: var(--success); background: var(--success-soft); border-color: var(--gold-line); }
.status-disputed { color: var(--danger); background: var(--danger-soft); border-color: var(--danger-line); }
.alert-error { color: var(--danger); background: var(--danger-soft); border-color: var(--danger-line); }
.alert-warning { color: var(--warn); background: var(--warn-soft); border-color: var(--warn-line); }
.alert-info { color: var(--info); background: var(--info-soft); border-color: var(--info-line); }
.lb-caption { color: #e2ece5; }
.lb-close, .lb-nav { border-color: rgba(255,255,255,.4); }
.footer { background: #edf2ed; margin-top: 72px; }
.footer .logo { color: var(--text); }
.consent { background: var(--surface); border-color: var(--line-2); }
.consent a { text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 960px) {
  .hero .wrap { grid-template-columns: minmax(0, 1fr); padding-block: 44px; gap: 32px; }
  .hero h1 { max-width: 680px; }
  .hero .lead { max-width: 600px; }
  .hero-facts { max-width: 600px; }
  .hero-mosaic { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .hero-mosaic a { aspect-ratio: 1; }
  .hero-mosaic a:nth-child(2), .hero-mosaic a:nth-child(4) { transform: none; }
}
@media (max-width: 560px) {
  .section { padding-block: 40px; }
  .section-sm { padding-block: 26px; }
  .hero h1 { font-size: clamp(1.9rem, 7.4vw, 2.55rem); }
  .hero .lead { font-size: .98rem; }
  .hero-actions { gap: 10px; }
  .hero-actions .btn { flex: 1 1 140px; }
  .hero-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 26px; }
  .hero-facts strong { font-size: .8rem; }
  .hero-facts span { font-size: .72rem; }
  .hero-mosaic { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .hero-mosaic a { aspect-ratio: 1.35; }
  .hero-mosaic span { font-size: .86rem; left: 12px; }
  .hero-mosaic small { font-size: .7rem; }
  .card, .fieldset { padding: 20px; }
  .home .tiers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home .tiers .tier:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .cta-band { padding: 24px; }
  .cta-band .btn { width: 100%; }
  .bx-head, .bx-foot { padding-inline: 18px; }
  .bx-body { padding-inline: 18px; }
  .bx-support { flex-wrap: wrap; gap: 6px; }
  .bx-support small { flex-basis: 100%; text-align: center; }
  .consent { left: 12px; right: 12px; bottom: 12px; padding: 16px; }
  .consent .row .btn { flex: 1; }
}

/* css/catalog.css */
[hidden] { display: none !important; }
.category-art { --art-bg: #203f39; --art-ink: #d7eed4; position: relative; width: 100%; height: 100%; min-height: 210px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; background: radial-gradient(ellipse at 70% 30%, #ffffff18, transparent 55%), var(--art-bg); color: var(--art-ink); }
.category-art::before { content: ''; position: absolute; width: 210px; height: 210px; border: 1px solid #ffffff18; border-radius: 50%; right: -45px; top: -70px; box-shadow: 0 0 0 24px #ffffff05, 0 0 0 48px #ffffff03; }
.category-art .art-game { position: absolute; top: 20px; left: 20px; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; opacity: .75; }
.category-art svg { width: 82px; height: 82px; margin-top: 12px; filter: drop-shadow(0 6px 12px #0002); }
.category-art > strong { font-family: var(--font-heading, inherit); font-size: 24px; letter-spacing: -.025em; margin-top: 8px; }
.category-art .art-corner { position: absolute; bottom: 14px; left: 20px; right: 20px; display: flex; justify-content: space-between; font-size: 8px; letter-spacing: .15em; opacity: .55; }
.category-art .art-corner span { font-size: 16px; }
.art-gearing { --art-bg: #283d54; --art-ink: #d3e8f5; }
.art-raids { --art-bg: #493b50; --art-ink: #eee0f1; }
.art-dungeons { --art-bg: #283f43; --art-ink: #d3eeea; }
.art-gold { --art-bg: #3f2854; --art-ink: #d7b6f3; }
.art-pvp { --art-bg: #4c3538; --art-ink: #f3d6d3; }
.art-professions { --art-bg: #3d4635; --art-ink: #e4ebcb; }
.product-card:has(.category-art) .tag { top: 42px; font-size: 8px; }
.service-art { border-radius: 18px; overflow: hidden; margin: 24px 0; }
.service-art .category-art { min-height: 280px; }
.service-art .category-art svg { width: 105px; height: 105px; }
html { scroll-padding-top: 100px; }
.header { z-index: 70; }
.header > .wrap { gap: 24px; }
.catalog-nav { gap: 8px; }
.games-menu { position: relative; }
.games-menu > summary { cursor: pointer; list-style: none; padding: 12px 16px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-2); font-weight: 600; white-space: nowrap; }
.games-menu > summary::-webkit-details-marker { display: none; }
.games-menu > summary span { margin-left: 14px; }
.games-panel { position: absolute; top: calc(100% + 14px); left: 0; width: min(680px, 85vw); padding: 24px; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); }
.games-panel .section-head { gap: 16px; margin-bottom: 16px; }
.games-panel input { width: 100%; margin-bottom: 16px; }
.games-menu-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; max-height: 420px; overflow: auto; }
.game-menu-entry { padding: 16px; border: 1px solid var(--line); border-radius: 12px; }
.game-menu-entry > a { display: flex; gap: 10px; align-items: center; margin-bottom: 12px; }
.game-menu-entry > a span { margin-left: auto; }
.game-menu-entry > div { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 12px; color: var(--text-2); }
.game-menu-entry a:hover { color: var(--cta); text-decoration: underline; }
.live-search { position: relative; min-width: 0; }
.live-search .search-form { display: block; }
.live-search .search-form > svg { top: 22px; }
.search-popover [role="listbox"] { max-height: min(560px, calc(100vh - 210px)); overflow-y: auto; }
.live-search input { width: 100%; min-width: 220px; padding-left: 38px; }
.search-popover { position: absolute; top: calc(100% + 10px); right: 0; width: min(490px, 90vw); background: var(--surface); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); overflow: hidden; z-index: 90; }
.search-status { padding: 14px 16px 8px; margin: 0; font-size: 12px; color: var(--text-2); }
.search-result { display: flex; align-items: center; gap: 12px; padding: 12px 16px; min-height: 70px; border-bottom: 1px solid var(--line); text-decoration: none; }
.search-result[aria-selected="true"], .search-result:hover { background: var(--surface-2); }
.search-result img { width: 52px; height: 44px; border-radius: 7px; object-fit: cover; }
.search-result strong, .search-result small { display: block; }
.search-result strong { font-size: 13px; line-height: 1.45; }
.search-result small { font-size: 11px; color: var(--text-2); margin-top: 4px; }
.search-result > em { margin-left: auto; font-size: 11px; font-style: normal; white-space: nowrap; color: var(--text-2); }
.search-all { padding: 14px 18px; width: 100%; color: var(--cta); background: var(--surface-2); border: 0; text-align: left; cursor: pointer; font-weight: 600; }
.theme-toggle { font-size: 24px; }
.catalog-shell { max-width: 1480px; padding: 0 28px; margin: auto; display: grid; grid-template-columns: 212px minmax(0, 1fr); gap: 32px; align-items: start; }
.catalog-shell main { min-width: 0; }
.catalog-shell main > .wrap, .catalog-shell main > section > .wrap { width: 100%; padding-inline: 0; }
.catalog-sidebar { position: sticky; top: 96px; padding-block: 26px; max-height: calc(100vh - 96px); overflow: auto; }
.catalog-sidebar nav > a { display: flex; justify-content: space-between; align-items: center; min-height: 44px; padding: 10px 14px; border-radius: 8px; font-size: 13px; margin: 2px 0; color: var(--text-2); }
.catalog-sidebar a:hover { background: var(--surface-2); color: var(--text); }
.catalog-sidebar nav > a[aria-current="page"] { background: var(--green-100, var(--surface-2)); color: var(--cta); font-weight: 700; }
.sidebar-title { font-size: 14px; font-weight: 700; padding: 26px 14px 14px; }
.sidebar-all { color: var(--text-3); }
.sidebar-help { margin: 28px 10px 0; padding-top: 22px; border-top: 1px solid var(--line); }
.sidebar-help strong { display: block; font-size: 12px; margin-bottom: 12px; }
.sidebar-help a { display: block; font-size: 12px; padding: 8px 0; color: var(--text-2); }
.sidebar-toggle { display: none; }
.has-catalog .grid-4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.has-catalog .sp-grid { grid-template-columns: minmax(0, 1fr) 345px; gap: 28px; }
.has-catalog .sp-two { grid-template-columns: 1fr; }
.has-catalog .sp-head h1 { font-size: clamp(28px, 3vw, 42px); }
.has-catalog .sp-aside { top: 100px; }
.product-card .body { display: flex; flex-direction: column; flex: 1; }
.product-card .foot { margin-top: auto; padding-top: 18px; }
.card-request { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 15px; color: var(--cta); padding-top: 7px; }
.product-card .body > p { margin-bottom: 16px; }
.product-card h3 a:after { z-index: 1; }
.trustpilot-block { position: relative; z-index: 2; border-top: 1px solid var(--line); padding: 12px 0; margin-top: 8px; }
.trustpilot-label { display: flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 600; }
.trustpilot-label > span { font-size: 22px; color: var(--cta); }
.trustpilot-block > small { font-size: 10px; color: var(--text-3); }
.sp-aside > .trustpilot-block { background: var(--surface); padding: 16px; border: 1px solid var(--line); border-radius: 12px; }
.service-enquiry { padding: 26px; display: grid; gap: 18px; }
.service-enquiry h2 { font-size: 24px; line-height: 1.3; margin: 0; }
.service-enquiry p { font-size: 13px; line-height: 1.7; margin: 0; }
.hero-character { position: relative; align-self: stretch; display: flex; align-items: center; justify-content: center; isolation: isolate; }
.hero-character img { width: 100%; height: auto; max-height: 560px; object-fit: contain; position: relative; z-index: 1; filter: drop-shadow(0 20px 20px #163f2622); }
.hero-orbit { position: absolute; width: 90%; aspect-ratio: 1; background: radial-gradient(circle, #b6d3a8 0%, #dce9d5 53%, transparent 72%); border-radius: 50%; z-index: 0; }
.hero-art-caption { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 2; background: var(--surface); border: 1px solid var(--line); border-radius: 30px; padding: 10px 18px; font-size: 11px; white-space: nowrap; box-shadow: var(--shadow); }
.blog-heading { background: var(--surface-2); padding-bottom: 28px; }
.blog-heading h1 { font-size: clamp(34px, 4vw, 56px); margin: 16px 0; letter-spacing: -.04em; }
.blog-tabs { display: flex; gap: 8px; margin-top: 28px; flex-wrap: wrap; }
.blog-tabs a { border: 1px solid var(--line); border-radius: 30px; padding: 10px 20px; font-size: 14px; background: var(--surface); }
.blog-tabs a[aria-current="page"] { background: var(--cta); border-color: var(--cta); color: var(--cta-ink); }
.blog-filter { display: flex; align-items: center; gap: 14px; margin-top: 20px; }
.blog-filter select { width: auto; min-width: 160px; }
.blog-card { border: 1px solid var(--line); border-radius: 16px; overflow: hidden; background: var(--surface); display: flex; flex-direction: column; }
.blog-cover { display: flex; justify-content: space-between; align-items: end; padding: 28px; height: 190px; background: #244b3b; color: #e2f4cf; }
.blog-cover span { text-transform: uppercase; font-size: 12px; letter-spacing: .15em; }
.blog-cover b { font-size: 65px; font-weight: 500; line-height: 1; }
.blog-cover.section-news { background: #354760; color: #e1eafd; }
.blog-cover.section-tools { background: #dce8b9; color: #344329; }
.blog-cover:has(img) { padding: 0; }
.blog-cover img { width: 100%; height: 100%; object-fit: cover; }
.blog-card-body { padding: 24px; display: flex; flex: 1; flex-direction: column; gap: 14px; }
.blog-card h2 { font-size: 20px; line-height: 1.4; margin: 0; }
.blog-card p { font-size: 13px; color: var(--text-2); line-height: 1.75; margin: 0; }
.blog-meta { display: flex; flex-wrap: wrap; gap: 12px; font-size: 11px; color: var(--text-3); margin-top: auto; padding-top: 16px; }
.pagination { display: flex; justify-content: center; align-items: center; gap: 20px; margin: 36px 0; }
.article-wrap { max-width: 850px; padding-top: 30px; }
.article-header { margin: 38px 0; }
.article-header h1 { font-size: clamp(30px, 4vw, 48px); line-height: 1.18; margin-block: 20px; letter-spacing: -.04em; }
.article-body { max-width: 72ch; font-size: 16px; line-height: 1.9; }
.article-image { width: 100%; border-radius: 16px; }
.article-sources { padding-block: 24px; border-top: 1px solid var(--line); margin-top: 24px; font-size: 13px; }
.article-sources h2 { font-size: 18px; }
.article-hub { display: block; padding: 22px; border-radius: 12px; background: var(--surface-2); color: var(--cta); font-weight: 600; margin-block: 24px; }
.planning-tool { margin-block: 30px; }
.planning-tool form { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.planning-tool label { display: grid; gap: 8px; font-size: 13px; }
.tool-result { display: block; background: var(--surface-2); padding: 20px; border-radius: 10px; margin-top: 22px; font-weight: 600; }
html[data-mode="dark"] { color-scheme: dark; --bg: #101914; --bg-2: #131e18; --surface: #19251e; --surface-2: #203027; --surface-3: #2a3c30; --line: #34483a; --line-2: #53705b; --text: #e8f1e8; --text-2: #b6c8ba; --text-3: #a4b9aa; --control-line: #688771; --cta: #65f4ae; --cta-hi: #86f8bf; --cta-lo: #4ce19a; --cta-ink: #102c1c; --mint: #65f4ae; --mint-glow: rgba(101,244,174,.14); --green-50: #203529; --green-100: #284632; --green-200: #375f44; --green-950: #ebf7ed; --gold-soft: #203529; --accent: #9bd8c5; --success: #9cd0a1; --success-soft: #203529; --danger: #ffa6ad; --danger-soft: #42272d; --warn: #c595ef; --warn-soft: #2c1e39; --info: #a5cbf0; --info-soft: #203345; --shadow: 0 16px 44px #0005; }
[data-theme="sage"] .eyebrow i { background: var(--mint); box-shadow: 0 0 0 4px var(--mint-glow); }
[data-theme="sage"] .catalog-sidebar nav > a[aria-current="page"],
[data-theme="sage"] .search-result[aria-selected="true"] { box-shadow: inset 3px 0 0 var(--mint); }
[data-theme="sage"] .bx-opt input:checked + .bx-opt-in,
[data-theme="sage"] .bx-addon input:checked + .bx-addon-in { border-color: var(--cta); box-shadow: inset 0 -2px 0 var(--mint); }
[data-theme="sage"] .hero-orbit { background: radial-gradient(circle, #c7f1dc 0%, #e0f1e7 53%, transparent 72%); }
[data-mode="dark"] .header, [data-mode="dark"] .mobile-nav { background: #19251ef5; }
[data-mode="dark"] .hero { background: linear-gradient(120deg, #111b15, #1b2c20); }
[data-theme="sage"][data-mode="dark"] .hero-orbit { background: radial-gradient(circle, #214637 0%, #193529 52%, transparent 72%); }
[data-mode="dark"] .eyebrow, [data-mode="dark"] .hub-banner, [data-mode="dark"] .bx, [data-mode="dark"] .sp-tabs { background: var(--surface); color: var(--text); }
[data-mode="dark"] .hero-facts div { border-color: var(--line); }
[data-mode="dark"] .hub-banner:after { background: linear-gradient(90deg, #19251efa, #19251ec9); }
[data-mode="dark"] .hub-cover { opacity: .23; }
[data-mode="dark"] .game-card:after { background: linear-gradient(180deg, transparent 20%, var(--surface) 55%); }
[data-mode="dark"] .chip, [data-mode="dark"] .sp-facts, [data-mode="dark"] .note-block { background: var(--surface-2); color: var(--text-2); }
[data-mode="dark"] .bx-opt input:checked + .bx-opt-in, [data-mode="dark"] .bx-addon input:checked + .bx-addon-in { color: var(--text); background: var(--green-100); }
@media (min-width: 1001px) { .catalog-sidebar nav { display: block !important; } }
@media (max-width: 1250px) { .header > .wrap { gap: 14px; } .catalog-nav > a:last-child { display: none; } .live-search input { min-width: 180px; } .catalog-shell { gap: 24px; grid-template-columns: 185px minmax(0, 1fr); } .has-catalog .sp-grid { grid-template-columns: minmax(0, 1fr) 310px; gap: 20px; } .has-catalog .grid-3, .has-catalog .grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1000px) { .catalog-shell { display: block; padding-inline: 20px; } .catalog-sidebar { position: static; padding: 16px 0 0; max-height: none; } .sidebar-toggle { display: flex; justify-content: space-between; width: 100%; background: var(--surface); color: var(--text); border: 1px solid var(--line); border-radius: 10px; padding: 14px; font: inherit; font-size: 14px; cursor: pointer; } .catalog-sidebar nav { display: none; padding-block: 12px; } .catalog-sidebar.is-open nav { display: block; } .catalog-sidebar .sidebar-help { display: none; } .has-catalog .sp-grid { grid-template-columns: minmax(0, 1fr) 340px; } .header-actions > .live-search { max-width: 250px; } }
@media (max-width: 800px) { .catalog-nav { display: none; } .header-actions > .live-search { display: none; } .mobile-nav .live-search { display: block; padding: 0; } .mobile-nav .search-form { margin: 0; } .mobile-nav .search-popover { position: static; width: 100%; margin-top: 8px; max-height: 400px; overflow: auto; } .hero .wrap { gap: 20px; } .hero-character { max-width: 420px; margin: auto; } .hero-character img { max-height: 360px; } .has-catalog .sp-grid { display: flex; flex-direction: column; } .has-catalog .sp-main, .has-catalog .sp-aside { width: 100%; } .has-catalog .sp-aside { position: static; } .blog-heading { padding-top: 32px; } }
@media (max-width: 560px) { .has-catalog .grid-3, .has-catalog .grid-4 { grid-template-columns: 1fr; } .catalog-shell { padding-inline: 16px; } .blog-filter { flex-wrap: wrap; } .planning-tool form { grid-template-columns: 1fr; } .hero-character { max-width: 330px; } .blog-tabs a { padding: 9px 14px; } .search-result > em { display: none; } .hero-art-caption { font-size: 10px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* css/premium-blue.css */
/* Premium blue: semantic light/dark tokens, shared across store and workspace. */
html[data-theme] {
  --blue-50:#f0f7ff; --blue-100:#e0efff; --blue-200:#bfdcff; --blue-300:#8cc2ff;
  --blue-400:#58a7ff; --blue-500:#2786ef; --blue-600:#1166ca; --blue-700:#1455a3;
  --blue-800:#164782; --blue-900:#153962; --blue-950:#0b203c;
  --bg:#f5f8fd; --bg-2:#edf3fb; --surface:#fff; --surface-2:#eef5ff; --surface-3:#dfeafa;
  --text:#132b49; --text-2:#435b78; --text-3:#526982; --line:#d4e0ee; --line-2:#a7bad1; --control-line:#7089a8;
  --cta:#1166ca; --cta-hi:#0e55ad; --cta-lo:#154a86; --cta-ink:#fff;
  --mint:#58a7ff; --mint-glow:#58a7ff26; --accent:#1455a3; --accent-soft:#e0efff; --accent-line:#85add8;
  --green-50:var(--blue-50); --green-100:var(--blue-100); --green-200:var(--blue-200); --green-300:var(--blue-300); --green-950:var(--blue-950);
  --gold-soft:#e0efff; --gold-line:#8db0d9; --success:#22634e; --success-soft:#e7f4ec;
  --danger:#b32946; --danger-soft:#ffedf1; --danger-line:#db8598; --warn:#4a0b82; --warn-soft:#eddbfc; --warn-line:#833fbe;
  --info:#1455a3; --info-soft:#e0efff; --info-line:#85add8; --shadow:0 18px 48px -24px #163d6e35;
  --footer-bg:#e9f0fa; --footer-text:#354f70; --footer-heading:#132b49; --footer-line:#bdcde1;
}
html[data-theme][data-mode="dark"] {
  color-scheme:dark; --bg:#080f1d; --bg-2:#0c1729; --surface:#101e33; --surface-2:#162842; --surface-3:#203955;
  --text:#edf5ff; --text-2:#b7cbe4; --text-3:#a4bbd7; --line:#2c4160; --line-2:#486488; --control-line:#6684aa;
  --cta:#8cc2ff; --cta-hi:#b1d6ff; --cta-lo:#64acfc; --cta-ink:#081b34;
  --accent:#9bcaff; --accent-soft:#172e4c; --accent-line:#527cae;
  --green-50:#152a46; --green-100:#1a3558; --green-200:#254c79; --green-300:#5b8fc5; --green-950:#edf5ff;
  --gold-soft:#172e4c; --gold-line:#527cae; --success:#a0ddbf; --success-soft:#163a31;
  --danger:#ffacc0; --danger-soft:#442437; --danger-line:#a5617c; --warn:#c893f6; --warn-soft:#2d1d3b; --warn-line:#6d4292;
  --info:#a8d1ff; --info-soft:#172e4c; --info-line:#527cae; --shadow:0 18px 48px -16px #0007;
  --footer-bg:#0b1729; --footer-text:#b7cbe4; --footer-heading:#edf5ff; --footer-line:#2c4160;
}
html[data-theme] .header, html[data-theme] .mobile-nav {background:color-mix(in srgb,var(--surface) 96%,transparent)}
html[data-theme] .hero {background:linear-gradient(120deg,var(--bg),var(--surface-2));}
html[data-theme] .hero-orbit {background:radial-gradient(circle,#9acaff7d 0%,#bcdcff45 46%,transparent 71%);}
html[data-theme][data-mode="dark"] .hero-orbit {background:radial-gradient(circle,#224e85 0%,#122b4e 49%,transparent 72%);}
.hero-character img {filter:drop-shadow(0 22px 22px #081e4130)}
html[data-theme] .hero-facts div {border-color:var(--line-2)}
html[data-theme] .eyebrow {background:var(--surface);color:var(--cta);border-color:var(--line)}
html[data-theme] .hub-banner::after {background:linear-gradient(90deg,var(--surface-2) 10%,color-mix(in srgb,var(--surface-2) 93%,transparent) 50%,color-mix(in srgb,var(--surface-2) 70%,transparent));}
.cta-band {border-color:var(--line-2)}
.hero-mosaic a::after {background:linear-gradient(180deg,transparent 20%,#07182fe8)}
.sp-tabs {background:var(--bg)}
.btn-primary,.btn-mint,.bx-buy {box-shadow:0 4px 12px #125ecb19}
.btn-primary:hover,.btn-mint:hover,.bx-buy:hover {box-shadow:0 6px 16px #125ecb30}
.category-art {--art-bg:#15375d;--art-ink:#dbeeff;background:radial-gradient(ellipse at 72% 20%,#4797e329,transparent 60%),var(--art-bg)}
.art-gearing {--art-bg:#173a67;--art-ink:#dbeaff}.art-raids {--art-bg:#202a5a;--art-ink:#e3e5ff}.art-dungeons {--art-bg:#123953;--art-ink:#d1efff}.art-gold {--art-bg:#23344f;--art-ink:#d3a8f8}.art-pvp {--art-bg:#332955;--art-ink:#f5d6ff}.art-professions {--art-bg:#20405a;--art-ink:#d6eeff}
.category-art .art-game {opacity:1;color:#c4d9f0}.category-art .art-corner {opacity:1;color:#afc5e1}
.blog-cover {background:#183b66;color:#dcecff}.blog-cover.section-news {background:#263460;color:#e5e9ff}.blog-cover.section-tools {background:#c7e3ff;color:#193e6a}
.product-badges {position:absolute;top:14px;left:14px;right:14px;display:flex;flex-wrap:wrap;gap:6px;z-index:2;pointer-events:none}
.product-card .product-badges .tag {position:static;font-size:10px;line-height:1.2;font-weight:800;padding:6px 9px;border:0;border-radius:6px;box-shadow:0 2px 8px #071b3f26;letter-spacing:.02em;text-transform:none}
.tag.badge-hot {background:#aa59f2;color:#23053d}.tag.badge-new {background:#ff92cd;color:#4a1131}.tag.badge-choice {background:#c1b1ff;color:#30205c}.tag.badge-value {background:#89d9ff;color:#0c3558}.tag.badge-upcoming {background:#e8f1ff;color:#21456e}
.product-card:has(.category-art) .product-badges {top:44px}
html[data-theme] .footer {background:var(--footer-bg);color:var(--footer-text);border-color:var(--footer-line)}
html[data-theme] .footer p, html[data-theme] .footer li, html[data-theme] .footer a, html[data-theme] .footer .legal-note {color:var(--footer-text);opacity:1}
html[data-theme] .footer h3, html[data-theme] .footer .logo, html[data-theme] .footer .logo span {color:var(--footer-heading)}
html[data-theme] .footer a:hover {color:var(--cta);text-decoration:underline}
html[data-theme] .footer .logo b {color:var(--cta)}
html[data-theme] .footer .legal-note {border-color:var(--footer-line)}
html[data-theme] .footer .pay-icons span {background:var(--surface);color:var(--text-2);border-color:var(--footer-line);opacity:1}
/* A single product heading and calculator precede the long-form content in source order. */
.has-catalog .sp-grid,.sp-grid {display:grid;grid-template-areas:"heading calculator" "content calculator";grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px 28px}
.sp-grid>.sp-head {grid-area:heading;margin-bottom:0}.sp-grid>.sp-main {grid-area:content;min-width:0}.sp-grid>.sp-aside {grid-area:calculator;min-width:0;top:96px}.sp-main>.service-art:first-child {margin-top:0}
.sp-head h1 {margin-top:12px}.sp-head .sp-lead {margin-bottom:12px}.mobile-configure {display:none!important}
.mobile-buy-widget {position:fixed;inset:auto 12px max(12px,env(safe-area-inset-bottom));z-index:65;display:none;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid var(--line-2);border-radius:14px;box-shadow:0 8px 35px #0004;background:var(--surface);color:var(--text)}
.mobile-buy-widget small {display:block;font-size:10px;color:var(--text-2)}.mobile-buy-widget b {background:var(--cta);color:var(--cta-ink);padding:10px 12px;border-radius:8px;font-size:12px}
.raid-schedule,.gold-stock {margin:8px 0 32px;scroll-margin-top:100px}.raid-schedule h2,.gold-stock h2 {font-size:clamp(1.15rem,2vw,1.6rem)}
.raid-schedule .section-head {gap:12px;align-items:flex-end;margin-bottom:16px}.schedule-zone,.schedule-freshness {font-size:11px;color:var(--text-2)}.schedule-zone {max-width:150px;text-align:right}.schedule-freshness {margin-top:12px;line-height:1.6}
.raid-card {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:22px;margin-bottom:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}
.raid-tags {display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.raid-tags span {font-size:10px;border:1px solid var(--line);border-radius:5px;padding:3px 6px;color:var(--text-2);background:var(--surface-2)}
.raid-card h3 {font-size:17px;margin:0 0 6px}.raid-card p {font-size:12px;color:var(--text-2);margin:0 0 10px}.raid-card time {font-size:12px;font-weight:600}.raid-card small {display:block;font-size:11px;color:var(--text-2);line-height:1.6}
.raid-countdown {text-align:right;align-self:center}.raid-countdown>span {display:block;font-size:11px;color:var(--text-2)}.raid-countdown>strong {display:block;font-variant-numeric:tabular-nums;font-size:clamp(18px,2.5vw,26px);color:var(--cta);letter-spacing:-.04em;margin:4px 0}
.raid-booking {display:flex;align-items:center;flex-wrap:wrap;gap:10px;grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px}.raid-booking>strong {font-size:12px}.raid-booking .btn {margin-left:auto}.raid-booking>small {width:100%;text-align:right}
.state-chip,.role-chip,.unread-chip {display:inline-flex;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;background:var(--info-soft);color:var(--info);border:1px solid var(--info-line)}
.state-cancelled,.state-closed {background:var(--danger-soft);color:var(--danger);border-color:var(--danger-line)}.state-completed {background:var(--success-soft);color:var(--success)}.state-in_progress {background:var(--warn-soft);color:var(--warn);border-color:var(--warn-line)}
.schedule-empty {padding:24px;background:var(--surface);border:1px dashed var(--line-2);border-radius:14px}.schedule-empty p {font-size:13px;line-height:1.7;color:var(--text-2);margin:10px 0}.schedule-empty a {font-size:13px;color:var(--cta);font-weight:600}
.stock-grid {display:grid;gap:10px}.stock-server {display:flex;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--surface)}.stock-server>div:last-child {text-align:right}.stock-server strong {font-size:14px}.stock-server small {display:block;font-size:11px;color:var(--text-2);margin-top:4px}
/* Shared role workspace. */
.workspace {display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;padding-block:32px 64px;min-height:70vh}.workspace-sidebar {position:sticky;top:104px;align-self:start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px}.workspace-brand {display:flex;align-items:center;gap:10px;font-size:12px}.workspace-mark {display:grid;place-items:center;width:32px;height:32px;background:#153962;color:#c9e4ff;border-radius:9px;font-size:10px;letter-spacing:.05em}.workspace-person {border-block:1px solid var(--line);padding-block:18px;margin-block:18px}.workspace-person>strong {display:block;margin-bottom:10px}.workspace-person>div {display:flex;flex-wrap:wrap;gap:5px}.role-chip {font-size:9px;padding:3px 5px}
.workspace-sidebar nav {display:grid;gap:5px}.workspace-sidebar nav a {display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:10px;border-radius:8px;color:var(--text-2)}.workspace-sidebar nav a:hover,.workspace-sidebar nav a[aria-current] {background:var(--surface-2);color:var(--cta)}.workspace-sidebar nav a[aria-current] {box-shadow:inset 3px 0 var(--cta);font-weight:700}.workspace-sidebar nav span {color:var(--text-3)}.workspace-secondary {display:grid;gap:10px;margin-top:20px;border-top:1px solid var(--line);padding:16px 10px 0;font-size:11px;color:var(--text-2)}
.workspace-main {min-width:0}.workspace-head {margin:4px 0 24px}.workspace-head h1 {font-size:clamp(26px,3vw,36px);letter-spacing:-.04em;margin:10px 0 14px}.workspace-head p {max-width:70ch;font-size:14px;line-height:1.7}.workspace-intro {color:var(--text-2);margin-bottom:24px}.workspace-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.workspace-card {padding:24px;border-radius:16px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);transition:border-color .2s,transform .2s}.workspace-card:hover {border-color:var(--cta);transform:translateY(-2px)}.workspace-card-index {display:flex;justify-content:space-between;color:var(--cta);font-size:11px;font-weight:700}.workspace-card h2 {font-size:19px;margin:28px 0 10px}.workspace-card p {font-size:13px;color:var(--text-2);line-height:1.7;margin:0}
.workspace-panel {border:1px solid var(--line);border-radius:14px;background:var(--surface);margin:20px 0;overflow:hidden}.workspace-panel>h2 {padding:22px 22px 0;font-size:20px}.workspace-row {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line);font-size:13px}.workspace-row:last-child {border-bottom:0}.workspace-row>a:first-child {min-width:0}.workspace-row strong {display:block;overflow-wrap:anywhere}.workspace-row small {display:block;color:var(--text-2);margin-top:5px;line-height:1.6}.workspace-row a:hover {color:var(--cta)}.workspace-row-actions {display:flex;gap:14px;white-space:nowrap;font-size:11px}.workspace-row>.state-chip {flex-shrink:0}.workspace-actions {display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px;align-items:center}.workspace-filter {display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.workspace-filter label {font-size:11px;color:var(--text-2);flex:1;min-width:130px}.workspace-filter input,.workspace-filter select {display:block;width:100%;margin-top:6px;min-height:42px}.workspace-empty {padding:40px 24px;text-align:center;color:var(--text-2)}.workspace-empty h2,.workspace-empty h3 {color:var(--text);font-size:20px}.workspace-empty p {font-size:13px;line-height:1.8;max-width:55ch;margin:10px auto}
.workspace-form {background:var(--surface);padding:28px;border:1px solid var(--line);border-radius:16px}.workspace-field {margin-bottom:22px;min-width:0}.workspace-field>label {display:block;font-size:13px;font-weight:600;margin-bottom:8px}.workspace-field input:not([type=checkbox]),.workspace-field textarea,.workspace-field select {width:100%;min-height:44px;border-radius:8px}.workspace-field textarea {min-height:140px;line-height:1.7}.workspace-field input[type=checkbox] {width:18px;height:18px;vertical-align:middle;margin-right:8px}.workspace-field>div>div {margin:10px 0;font-size:13px}.workspace-field .helptext {font-size:11px;color:var(--text-2);line-height:1.7;margin-top:8px}.workspace-form .errorlist {background:var(--danger-soft);padding:12px 24px;border-radius:8px;font-size:13px}.workspace-save {display:flex;flex-wrap:wrap;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:22px}.seo-preview {margin:24px 0;padding:20px;background:var(--surface-2);border-radius:12px}.seo-preview>* {display:block}.seo-preview small {font-size:10px;color:var(--text-2);margin-bottom:12px}.seo-preview strong {color:var(--cta);font-size:18px}.seo-preview span {font-size:11px;color:var(--text-2);margin:7px 0}.seo-preview p {font-size:13px;color:var(--text-2)}
.team-chat {background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.team-chat-log {height:460px;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:24px;overscroll-behavior:contain}.team-message {max-width:85%;background:var(--surface-2);border:1px solid var(--line);padding:12px 16px;border-radius:12px;align-self:flex-start}.team-message.mine {align-self:flex-end;background:var(--info-soft);border-color:var(--info-line)}.team-message header {display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;font-size:11px;color:var(--text-2)}.team-message p {white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;margin:6px 0 0}.team-chat-status {padding:0 24px;font-size:11px;color:var(--text-2)}.team-chat-form {border-top:1px solid var(--line);display:flex;gap:12px;padding:16px}.team-chat-form textarea {flex:1;min-width:0;min-height:64px}.team-chat-form button {align-self:flex-end}
@media(min-width:1251px) {.has-catalog .sp-grid {grid-template-columns:minmax(0,1fr) 360px}}
@media(max-width:1250px) and (min-width:801px) {.has-catalog .sp-grid,.sp-grid {grid-template-columns:minmax(0,1fr) 310px;gap:24px}.raid-card {grid-template-columns:1fr}.raid-countdown {text-align:left}}
@media(max-width:1000px) {.workspace {gap:22px;grid-template-columns:190px minmax(0,1fr)}.workspace-sidebar {padding:12px}.workspace-row {padding:16px}.workspace-card {padding:20px}.raid-booking .btn {margin-left:0}}
@media(max-width:800px) {.has-catalog .sp-grid,.sp-grid {display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "calculator" "content";gap:20px}.sp-grid>.sp-aside {position:static;width:100%}.sp-grid>.sp-head {width:100%}.sp-head .sp-meta {margin-top:8px}.sp-head h1 {font-size:clamp(25px,6vw,34px);margin-bottom:10px}.sp-head .sp-lead {font-size:13px;line-height:1.65}.mobile-buy-widget:not([hidden]) {display:flex}body:has(.mobile-buy-widget) {padding-bottom:90px}.sp-aside .assure {display:none}.sp-aside .service-enquiry {padding:22px}.sp-aside .service-enquiry h2 {font-size:18px}.workspace {display:block;padding-top:18px}.workspace-sidebar {position:static;padding:14px;margin-bottom:28px}.workspace-brand,.workspace-person,.workspace-secondary {display:none}.workspace-sidebar nav {display:flex;gap:8px;overflow-x:auto}.workspace-sidebar nav a {flex-shrink:0;gap:10px}.workspace-head {margin-top:0}.workspace-head h1 {font-size:28px}.workspace-filter {gap:10px}.workspace-row {gap:12px;align-items:flex-start}.workspace-form {padding:20px}.workspace-row-actions {flex-direction:column;gap:8px}.team-chat-log {height:55vh;padding:16px}.raid-schedule .section-head {align-items:flex-start}.raid-card {grid-template-columns:1fr auto;padding:18px}.schedule-zone {font-size:10px}.sp-aside>.bx {margin-top:0}}
@media(max-width:480px) {.workspace-cards {grid-template-columns:1fr}.workspace-card h2 {margin-top:18px}.workspace-row {flex-direction:column}.workspace-row-actions {flex-direction:row}.workspace-form {padding:16px}.workspace-filter {flex-direction:column;align-items:stretch}.raid-card {grid-template-columns:1fr}.raid-countdown {text-align:left;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.raid-countdown small {width:100%}.raid-countdown>strong {font-size:26px}.raid-booking {gap:8px}.raid-booking .btn {width:100%;margin-top:5px}.raid-booking>small {text-align:left}.stock-server {gap:8px}.stock-server strong {font-size:12px}.team-chat-form {flex-direction:column}.team-chat-form textarea {width:100%}.team-chat-form button {width:100%}}
@media(prefers-reduced-motion:reduce) {.workspace-card {transition:none}}
@media(max-width:800px) {
  .sp-aside .bx-foot {position:static;inset:auto;box-shadow:none}
  .sp-head .sp-tags {display:none}
  .sp-head .kicker {font-size:10px}
  .sp-head .sp-meta:empty {display:none}
  .workspace-secondary {display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:8px;padding:12px 10px 0;font-size:10px}
}

/* css/neon-workspace.css */
/* Compact storefront and a consistent account shell. */
html[data-theme] {--bg:#ecf1ff;--bg-2:#e1eaff;--surface-2:#eff2ff;--line:#ccd6ee;--cta:#2454db;--cta-hi:#393cbd;--accent:#344bc2;--accent-soft:#e6eaff;--mint:#2454db}
html[data-theme][data-mode="dark"] {--bg:#080a1a;--bg-2:#0d112a;--surface:#131932;--surface-2:#1a2343;--surface-3:#28345b;--line:#344167;--cta:#a6bdff;--cta-hi:#ccd9ff;--accent:#b5c8ff;--accent-soft:#232b53;--mint:#a6bdff}
html[data-theme] body {background:radial-gradient(ellipse at 95% 12%,#a5b7ff2e,transparent 42%),var(--bg)}
html[data-theme] .hero {background:radial-gradient(ellipse at 85% 35%,#6336da85,transparent 45%),radial-gradient(ellipse at 45% 95%,#006aff6b,transparent 55%),#0b1230;color:#f5f7ff;border-bottom:1px solid #677cfa80}
html[data-theme] .hero h1,html[data-theme] .hero .hero-facts strong {color:#f5f7ff}
html[data-theme] .hero h1 em,html[data-theme] .hero h1 span {color:#a0cbff}
html[data-theme] .hero p,html[data-theme] .hero .hero-facts span {color:#ccd7f4}
html[data-theme] .hero .eyebrow {background:#233058;border-color:#5e75bb;color:#daecff}
html[data-theme] .hero .btn-primary {background:linear-gradient(110deg,#2d61f0,#7048e9);border-color:#7b98ff;color:#fff;box-shadow:0 0 30px #5279ff55}
html[data-theme] .hero .btn-outline {background:#172543;color:#e6eeff;border-color:#607aae}
html[data-theme] .hero-orbit,html[data-theme][data-mode="dark"] .hero-orbit {background:radial-gradient(circle,#6a5aec88 0%,#3474d63b 49%,transparent 72%)}
html[data-theme] .hero-art-caption {background:#1b2d57;color:#e5edff;border:1px solid #647cae}
html[data-theme] .hub-banner {background:radial-gradient(ellipse at 90% 10%,#5f36b5,transparent 70%),#111d47;color:#f1f5ff;border:1px solid #536dd3}
html[data-theme] .hub-banner::after {background:linear-gradient(90deg,#111b45f2,#182356aa 60%,#34327255)}
html[data-theme] .hub-banner h1 {color:#f4f6ff}
html[data-theme] .hub-banner .lead,html[data-theme] .hub-banner .kicker {color:#d3deff}
html[data-theme] .hub-banner .chip {background:#253569;color:#e5ebff;border-color:#6178b8}
html[data-theme] .hub-banner .chip-active {background:#b7ccff;color:#142555;border-color:#b7ccff}
html[data-theme] .btn-primary,html[data-theme] .btn-mint {box-shadow:0 4px 16px #4b63e929}
.grid.product-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.product-card,.product-card:hover {transform:none!important;transition:border-color .18s,box-shadow .18s}
.product-card:hover {border-color:#6b84f0;box-shadow:0 0 0 1px #6b84f024,0 10px 30px #5867d024}
.product-card .thumb,.product-card .thumb img,.product-card:hover .thumb img,.product-card:hover .category-art {transform:none!important;transition:none!important}
.product-card .thumb {aspect-ratio:auto;height:145px}
.product-card .category-art {min-height:145px;background:radial-gradient(ellipse at 85% 20%,#746bff77,transparent 70%),var(--art-bg)}
.product-card .category-art svg {width:52px;height:52px;margin-top:20px}
.product-card .category-art>strong {font-size:17px;margin-top:4px}
.product-card .category-art .art-game,.product-card .category-art .art-corner {display:none}
.product-card .product-badges,.product-card:has(.category-art) .product-badges {top:10px;left:10px;right:10px}
.product-card .body {padding:14px;gap:7px}
.product-card h3 {font-size:14px;line-height:1.45}
.product-card .card-kicker {font-size:9px;letter-spacing:.03em}
.product-card .body>p {font-size:12px;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-card .foot {padding-top:10px;gap:8px}
.product-card .price {font-size:19px}.product-card .price-from,.product-card .eta {font-size:10px}.product-card .card-request {font-size:12px}
.category-art.art-raids {--art-bg:#312267}.category-art.art-dungeons {--art-bg:#073e69}.category-art.art-gearing {--art-bg:#203784}.category-art.art-pvp {--art-bg:#5a2269}.category-art.art-gold {--art-bg:#3c3266}
.workspace {grid-template-columns:222px minmax(0,1fr);gap:28px}
.workspace-sidebar {background:linear-gradient(165deg,#152653,#11172f);border-color:#415782;box-shadow:0 12px 35px #122a5322;color:#e7efff;max-height:calc(100dvh - 122px);overflow-y:auto}
.workspace-brand,.workspace-secondary,.workspace-secondary a,.workspace-secondary .link-btn {color:#d4e0ff}
.workspace-mark {background:linear-gradient(140deg,#336aea,#854fe5);color:#fff;box-shadow:0 0 20px #5277ff60}
.workspace-person,.workspace-secondary {border-color:#3b4b75}.workspace-sidebar .role-chip {color:#d7e6ff;background:#243b6c;border-color:#5476b1}
.workspace-sidebar nav a {color:#c5d2f1;padding:11px 12px}.workspace-sidebar nav span {color:#a8bee9}
.workspace-sidebar nav a:hover,.workspace-sidebar nav a[aria-current] {background:#304680;color:#fff}
.workspace-sidebar nav a[aria-current] {box-shadow:inset 3px 0 #93bcff,0 0 16px #5a7dff20}
.workspace-sidebar nav {scrollbar-width:thin;scrollbar-color:#647cac transparent}
.workspace-head {display:flex;align-items:center;justify-content:space-between;gap:18px}
.workspace-main h1 {font-size:clamp(26px,3vw,34px);letter-spacing:-.035em}
.workspace-alerts {display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.workspace-alerts .btn {font-size:11px;gap:6px}.workspace-alerts [data-unread] {border-radius:12px;background:var(--accent-soft);color:var(--accent);padding:2px 6px}
.workspace-cards {grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.workspace-card {padding:20px;border-top:3px solid #7997ff}.workspace-card:nth-child(3n+2) {border-top-color:#b38aff}.workspace-card:nth-child(3n) {border-top-color:#3eb9ef}.workspace-card h2 {font-size:17px;margin-top:22px}
.workspace-filters {display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.workspace-filters input {flex:1;min-width:150px}.workspace-filters select {width:auto;max-width:100%}
.chat-tabs {display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0;font-size:12px}.chat-tabs a {padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--cta)}
.chat-tabs a:hover {border-color:var(--cta);background:var(--surface-2)}
.order-list-row>div:first-child {flex:1;min-width:0}.order-list-row>div:last-child {text-align:right;flex-shrink:0}.order-list-row .status {font-size:10px;white-space:normal}
.offer-price {font-size:21px;color:var(--cta);font-variant-numeric:tabular-nums}
.workspace-order-summary {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workspace-order-summary>div {padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.workspace-order-summary small {display:block;font-size:11px;color:var(--text-2);margin-bottom:8px}.workspace-order-summary strong {font-size:20px;overflow-wrap:anywhere}
.assignment-panel {padding:24px}.assignment-panel>h2 {padding:0;margin:0 0 12px;font-size:21px}.assignment-panel>.muted {font-size:13px}.assignment-form {margin-top:20px;max-width:640px}.assignment-form p>label {display:block;font-size:12px;font-weight:600;margin-bottom:7px}.assignment-form input:not([type=checkbox]),.assignment-form select {width:100%}.assignment-form input[type=checkbox] {width:18px;height:18px}.assignment-form .errorlist {color:var(--danger);font-size:13px}.offer-table {border:1px solid var(--line);border-radius:10px}.offer-table .workspace-row {padding:12px 16px}
.assignment-form .helptext {display:block;font-size:11px;color:var(--text-2);line-height:1.5;margin-top:6px}
.demo-notice {font-size:11px;font-weight:600;border:1px solid var(--warn-line);border-radius:8px;padding:10px 12px;background:var(--warn-soft);color:var(--warn)}
.raid-card {border-left:3px solid #6c86f5;background:linear-gradient(120deg,var(--surface),var(--surface-2))}.raid-countdown>strong {text-shadow:0 0 20px #7086ef3b}.raid-tags .demo-tag {background:var(--warn-soft);color:var(--warn);border-color:var(--warn-line)}
.notification-toast {position:fixed;right:24px;bottom:24px;z-index:1000;max-width:min(420px,calc(100vw - 32px));padding:18px 22px;border-radius:14px;border:1px solid #7997ff;background:#182b58;color:#f2f6ff;box-shadow:0 12px 50px #131e5a55;font-size:13px;overflow-wrap:anywhere}
.sound-volume {display:flex;align-items:center;gap:10px;font-size:12px;max-width:230px}.sound-volume input {width:130px}
.workspace-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 22px}.workspace-metrics>div {padding:17px 20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.workspace-metrics small {font-size:11px;color:var(--text-2)}.workspace-metrics strong {display:block;font-size:27px;margin-top:7px;color:var(--cta)}
@media(min-width:1001px) {.raid-card {grid-template-columns:minmax(0,1fr) 165px 180px;gap:18px;padding:18px}.raid-booking {grid-column:auto;border-top:0;border-left:1px solid var(--line);padding:0 0 0 18px;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}.raid-booking .btn {margin:0;width:100%;font-size:11px}.raid-booking>small {text-align:left}.raid-countdown {text-align:left}.raid-countdown>strong {font-size:24px}.raid-card h3 {font-size:15px}.raid-card .raid-notes {font-size:10px;margin-top:6px}.raid-card p {margin-bottom:6px}}
@media(max-width:1200px) {.grid.product-grid {grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-cards {grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-head {align-items:flex-start;flex-direction:column}.workspace {gap:22px;grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:800px) {.workspace {display:block}.workspace-sidebar {max-height:none;overflow:visible;position:sticky;top:70px;z-index:50;padding:10px}.workspace-sidebar nav {overflow:auto}.workspace-sidebar .workspace-secondary {display:none}.workspace-head {gap:10px}.grid.product-grid {grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-order-summary {grid-template-columns:1fr}.workspace-order-summary>div {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}.workspace-order-summary small {margin:0}.assignment-panel {padding:18px}.order-list-row {flex-direction:column}.order-list-row>div:last-child {text-align:left;flex-shrink:1}.workspace-alerts {flex-shrink:1}.auction-card {grid-template-columns:1fr!important}}
@media(max-width:480px) {.grid.product-grid {grid-template-columns:1fr}.product-card .thumb {height:150px}.workspace-cards {grid-template-columns:1fr}.workspace-filters {flex-direction:column}.workspace-filters input,.workspace-filters select {width:100%}.workspace-sidebar {top:62px}.workspace-sidebar nav a {padding:9px 10px;font-size:11px}.notification-toast {right:16px;bottom:16px}.workspace-alerts .btn {min-height:36px}.workspace-metrics {gap:8px}.workspace-metrics>div {padding:12px}.workspace-metrics strong {font-size:22px}.workspace-metrics small {font-size:9px}}
@media(prefers-reduced-motion:reduce) {.product-card {transition:none}}
@media(max-width:800px) {.workspace-sidebar nav {scrollbar-width:none}.workspace-sidebar nav::-webkit-scrollbar {display:none}.workspace .timeline {scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}}

/* css/arena.css */
/* Arena: reference palette: sky blue / violet, with distinct light and dark roles.
   This is the final semantic palette for the storefront and account UI. */
html[data-theme], html[data-theme][data-mode="dark"] {
  color-scheme:dark;
  --arena-blue-50:#eff6ff;--arena-blue-100:#dbeafe;--arena-blue-200:#bfdbfe;--arena-blue-300:#93c5fd;--arena-blue-400:#60a5fa;--arena-blue-500:#3b82f6;--arena-blue-600:#2563eb;--arena-blue-700:#1d4ed8;--arena-blue-800:#1e40af;--arena-blue-900:#1e3a8a;--arena-blue-950:#172554;
  --arena-violet-50:#f5f3ff;--arena-violet-100:#ede9fe;--arena-violet-200:#ddd6fe;--arena-violet-300:#c4b5fd;--arena-violet-400:#a78bfa;--arena-violet-500:#8b5cf6;--arena-violet-600:#7c3aed;--arena-violet-700:#6d28d9;--arena-violet-800:#5b21b6;--arena-violet-900:#4c1d95;--arena-violet-950:#2e1065;
  --bg:#050918;--bg-2:#090f25;--surface:#0c1428;--surface-2:#111d35;--surface-3:#253752;
  --text:#f5f8ff;--text-2:#c4d3ee;--text-3:#a8bedf;--muted:var(--text-2);
  --line:#263650;--line-2:#475776;--control-line:#668ac4;
  --cta:#009deb;--cta-hi:#70cfff;--cta-lo:#008fd6;--cta-ink:#04121d;
  --mint:#009deb;--mint-glow:#22baff35;--accent:#5dc9ff;--accent-soft:#123965;--accent-line:#418cca;
  --green-50:#122e56;--green-100:#204fa8;--green-200:#3573cb;--green-300:#58acff;--green-950:#f5f8ff;
  --gold-soft:#21143a;--gold-line:#5d2bc0;
  --success:#56bbed;--success-soft:#11303f;--danger:#ff9bad;--danger-soft:#4b203b;--danger-line:#b95d81;
  --warn:#996cf3;--warn-soft:#210d49;--warn-line:#5321b7;--info:#8ad8ff;--info-soft:#134066;--info-line:#3e87b8;
  --footer-bg:#050b19;--footer-text:#b9cce9;--footer-heading:#f4f8ff;--footer-line:#2b4265;
  --shadow:0 16px 38px #0005;--arena-action:#103141;--arena-action-hi:#18455c;--arena-action-ink:#d9f2ff;
}
html[data-theme][data-mode="light"] {
  color-scheme:light;--bg:#d9e4f8;--bg-2:#ccd9f3;--surface:#fff;--surface-2:#e2ebfd;--surface-3:#c4d6f3;
  --text:#0c2047;--text-2:#2c4772;--text-3:#3f5d87;--line:#94abd1;--line-2:#5b79aa;--control-line:#536f99;
  --cta:#0646ff;--cta-hi:#0039db;--cta-lo:#0646ff;--cta-ink:#04121d;--mint:#005fc2;--accent:#075eb8;--accent-soft:#c4dcff;--accent-line:#4681c8;
  --green-50:#d5e6ff;--green-100:#b4d3ff;--green-950:#092754;
  --success:#074462;--success-soft:#b5def3;--danger:#a51138;--danger-soft:#ffc8d5;--danger-line:#b8566d;
  --warn:#280868;--warn-soft:#b08df6;--warn-line:#4510ae;--info:#07519e;--info-soft:#badaff;--info-line:#4a86c2;
  --gold-soft:#c8aff9;--gold-line:#4b15b7;
}
html[data-theme] body {background:radial-gradient(ellipse at 0% 25%,#7645d912,transparent 45%),radial-gradient(ellipse at 100% 10%,#118cc918,transparent 40%),var(--bg);background-attachment:fixed}
html[data-theme] .header,html[data-theme] .mobile-nav {background:#090f25f7;border-color:#385787;color:#f4f8ff}
html[data-theme] .topbar {background:linear-gradient(100deg,#1640ac,#421c8e);border-color:#5578ca;color:#f2f5ff}
html[data-theme] .topbar a {color:#f2f5ff}
html[data-theme] .header a,html[data-theme] .header .logo,html[data-theme] .header .logo span {color:#f5f8ff}
html[data-theme] .header .logo b {color:#009deb}
html[data-theme] .logo {--cta:#009deb;--cta-ink:#04121d}
html[data-theme] .header .btn,html[data-theme] .header .icon-btn,html[data-theme] .header .theme-toggle,html[data-theme] .header .games-menu>summary,html[data-theme] .header input {background:#142c53;color:#e9f4ff;border-color:#6888bb}
html[data-theme] .header input::placeholder {color:#bfd0ed}
html[data-theme] .header .games-menu>summary {background:#2055c9;border-color:#709aff;color:#fff}
html[data-theme] .games-panel,html[data-theme] .search-popover {--surface:#102342;--surface-2:#1c3764;--text:#f5f8ff;--text-2:#c4d3ee;--text-3:#a8bedf;--cta:#009deb;background:#102342;color:#f5f8ff}
html[data-theme] .mobile-nav a {color:#e9f4ff}
html[data-theme] .btn-primary,html[data-theme] .btn-mint,html[data-theme] .hero .btn-primary,html[data-theme] .bx-buy {
  background:linear-gradient(115deg,var(--arena-action-hi),var(--arena-action));color:var(--arena-action-ink);border:1px solid var(--mint);font-weight:700;box-shadow:inset 0 1px 0 #ffffff18,0 0 18px var(--premium-glow);border-radius:10px;
}
html[data-theme] .btn-primary:hover,html[data-theme] .btn-mint:hover,html[data-theme] .hero .btn-primary:hover,html[data-theme] .bx-buy:hover {background:var(--arena-action-hi);color:var(--arena-action-ink);border-color:var(--mint);box-shadow:0 0 26px var(--premium-glow);filter:none}
html[data-theme] .btn-outline {border-color:var(--control-line);background:var(--surface-2);color:var(--text)}
html[data-theme] .hero .btn-outline {background:#102e49;border-color:#5f94bd;color:#e5f4ff}
.kicker,.card-kicker {color:var(--mint)}
html[data-theme] .hero {background:radial-gradient(ellipse at 85% 40%,#087ca052,transparent 48%),radial-gradient(ellipse at 40% 100%,#0569f289,transparent 60%),#080e29;border-bottom:1px solid #4584db}
html[data-theme] .hero h1 em {color:#44c1ff;text-shadow:0 0 35px #19b7ff30}
html[data-theme] .hero .eyebrow {background:#18313ddd;color:#c7e6f6;border-color:#50849e;border-radius:6px;box-shadow:0 0 20px #79badb15}
html[data-theme] .hero .eyebrow i {background:#3eb5f0;box-shadow:0 0 12px #3eb5f0}
html[data-theme] .hero-orbit,html[data-theme][data-mode="dark"] .hero-orbit {background:radial-gradient(circle,#1f9ad86b,#087ef840 49%,transparent 72%)}
html[data-theme] .hero-facts div {border-color:#536fa2}
html[data-theme] .hero-art-caption {background:#19395d;color:#b7e7ff;border-color:#52b5e2}
html[data-theme] .hub-banner {background:linear-gradient(110deg,#112e74,#2b1672);border-color:#526de2;box-shadow:0 10px 36px #153acf24}
html[data-theme] .hub-banner::after {background:linear-gradient(90deg,#0c255bee,#122565a6 56%,#3d158d33)}
html[data-theme] .hub-banner .hub-cover {opacity:.6}
html[data-theme] .hub-banner .chip {background:#193d7d;border-color:#6f95d9;color:#eff5ff}
html[data-theme] .hub-banner .chip-active {background:#0ba2ed;border-color:#6dceff;color:#042c3c;box-shadow:0 0 20px #00aaff35}
html[data-theme] .product-card {background:linear-gradient(155deg,#172e56,#0f1a35);border:1px solid #456297;border-radius:12px;color:#f5f8ff;box-shadow:0 8px 22px #0003}
html[data-theme] .product-card h3 a {color:#fff}
html[data-theme] .product-card .body>p {color:#c1d0ea}
html[data-theme] .product-card .card-kicker {color:#65ccff;font-weight:700;letter-spacing:.055em}
html[data-theme] .product-card .price {color:#54c0f6;font-size:22px;font-weight:800}
html[data-theme] .product-card .price-from,html[data-theme] .product-card .eta,html[data-theme] .product-card .price-old {color:#b5c9e8}
html[data-theme] .product-card .foot {border-color:#416091;gap:8px;flex-wrap:wrap}
html[data-theme] .product-card .foot>.eta {width:100%;font-size:10px}
html[data-theme] .product-card:hover {border-color:#60b1d9;box-shadow:0 0 0 1px #5db1db20,0 14px 34px #050a1955,0 0 28px #4eb5e812}
html[data-theme] .product-card .card-request {margin-top:8px;padding:10px 12px;background:var(--arena-action);border:1px solid var(--mint);border-radius:8px;color:var(--arena-action-ink)}
html[data-theme] .product-card .foot>div:only-child {width:100%}
.card-buy-action {margin-left:auto;padding:9px 10px;background:#009deb;color:#04121d;border:1px solid #70cfff;border-radius:7px;font-size:11px;font-weight:800;white-space:nowrap;pointer-events:none}
html[data-theme] .product-card .product-badges .tag {padding:7px 10px;font-size:10px;font-weight:800;letter-spacing:.04em;border-radius:5px;text-transform:uppercase;box-shadow:0 3px 10px #03091380;opacity:1}
html[data-theme] .tag {background:#2358c9;color:#fff;border:1px solid #779dff;opacity:1}
html[data-theme] .tag.badge-hot {background:#722bff;color:#120a22;border:1px solid #ae85ff}
html[data-theme] .tag.badge-new {background:#009deb;color:#042535;border:1px solid #78d2ff}
html[data-theme] .tag.badge-choice {background:#6b1fe0;color:#fff;border:1px solid #b694ff}
html[data-theme] .tag.badge-value {background:#00aaff;color:#002030;border:1px solid #83d6ff}
html[data-theme] .tag.badge-upcoming {background:#403080;color:#f3edff;border:1px solid #a38adf}
html[data-theme] .category-art,html[data-theme] .product-card .category-art {--art-bg:#1040aa;--art-ink:#fff;background:repeating-linear-gradient(135deg,transparent 0 28px,#ffffff06 28px 29px),radial-gradient(ellipse at 85% 0%,#187dffb3,transparent 68%),var(--art-bg);color:var(--art-ink)}
html[data-theme] .category-art.art-raids {--art-bg:#512394}.category-art.art-raids::before {border-color:#ae85ff66}
html[data-theme] .category-art.art-dungeons {--art-bg:#064d85}
html[data-theme] .category-art.art-gearing {--art-bg:#203fab}
html[data-theme] .category-art.art-pvp {--art-bg:#402081}
html[data-theme] .category-art.art-gold {--art-bg:#331276}
html[data-theme] .category-art.art-professions {--art-bg:#174c83}
html[data-theme] .category-art svg {color:#c1eaff;filter:drop-shadow(0 0 9px #52c6ff60)}
html[data-theme] .category-art .art-game,html[data-theme] .category-art .art-corner {color:#d6edff}
html[data-theme] .cat-tile {border-color:var(--line-2);background:var(--surface)}
html[data-theme] .cat-tile .ico {background:#302348;color:#e4d7ff;border-color:#866abd}
html[data-theme] .cat-tile:hover {border-color:var(--mint);box-shadow:0 4px 24px #1a6fff20}
html[data-theme] .catalog-sidebar nav>a[aria-current],html[data-theme] .workspace-sidebar nav a[aria-current] {background:#153443;color:#e2f5ff;box-shadow:inset 3px 0 #74bfe4,0 0 18px #3297c915}
html[data-theme] .catalog-sidebar nav>a[aria-current] span {color:#fff}
html[data-theme] .sp-tabs a.active,html[data-theme] .sp-tabs a[aria-current] {color:var(--mint);border-color:var(--mint)}
html[data-theme] .bx {border-color:#538adc;box-shadow:0 0 0 1px #386fed1c,0 15px 40px #0004}
html[data-theme] .bx-head {background:linear-gradient(105deg,#1645a5,#373084);color:#fff;border-bottom:1px solid #6892e9}
html[data-theme] .bx-head h2,html[data-theme] .bx-head strong,html[data-theme] .bx-head span,html[data-theme] .bx-head small {color:#eef4ff}
html[data-theme] .bx-opt input:checked+.bx-opt-in,html[data-theme] .bx-addon input:checked+.bx-addon-in {background:#214bb1;border-color:#72c9ff;color:#fff;box-shadow:inset 0 -2px #3bbeff,0 0 15px #086dff2b}
html[data-theme] .bx-opt input:checked+.bx-opt-in *,html[data-theme] .bx-addon input:checked+.bx-addon-in * {color:#fff}
html[data-theme] .bx-opt-tag,html[data-theme] .bx-popular,html[data-theme] .bx-flag {background:#6b1fe0;color:#fff;border-color:#b693ff;box-shadow:0 2px 10px #6125e65c;font-weight:800}
html[data-theme] .sp-tags span {background:#15478e;color:#e5f5ff;border-color:#669add}
html[data-theme] .bx-total strong,html[data-theme] .bx-total-price,html[data-theme] .summary .price {color:var(--cta)}
html[data-theme] input:focus,html[data-theme] select:focus,html[data-theme] textarea:focus {border-color:var(--mint);box-shadow:0 0 0 3px #1c8dff30}
html[data-theme] .chip,html[data-theme] .sp-facts,html[data-theme] .note-block {background:var(--surface-2);border-color:var(--line-2);color:var(--text)}
html[data-theme] .role-chip,html[data-theme] .state-chip,html[data-theme] .unread-chip {background:#194aa5;color:#f4f8ff;border-color:#6b9aff;font-weight:700}
html[data-theme] .status-assigned,html[data-theme] .status-in_auction,html[data-theme] .status-awaiting_assignment {background:#482a90;color:#f4efff;border-color:#a082df}
html[data-theme] .status-in_progress {background:#064961;color:#96dcff;border-color:#39a0d4}
html[data-theme] .status-completed {background:#073952;color:#ade4ff;border-color:#509bc0}
html[data-theme] .raid-card {border-left:1px solid var(--line);background:var(--surface);box-shadow:none}
html[data-theme] .raid-countdown>strong {color:var(--mint);text-shadow:0 0 20px #00bdff35}
html[data-theme] .raid-tags span {border-color:var(--line-2);color:var(--text)}
html[data-theme] .raid-tags .demo-tag {background:#2e1561;color:#bfa3f7;border-color:#663eb7}
html[data-theme] .workspace-card {border-top-color:#25b6ff}.workspace-card:nth-child(3n+2) {border-top-color:#9752ff}.workspace-card:nth-child(3n) {border-top-color:#722bff}
html[data-theme] .workspace-mark {background:linear-gradient(140deg,#006bea,#7127da);box-shadow:0 0 20px #5277ff60}
html[data-theme] .workspace-alerts [data-unread] {background:#009deb;color:#04121d;font-weight:800}
html[data-theme] .chat-tabs a {color:var(--mint);border-color:var(--line-2)}
html[data-theme] .blog-cover {background:linear-gradient(130deg,#134ca5,#1b2551);color:#e3f6ff}
html[data-theme] .blog-cover.section-news {background:linear-gradient(130deg,#5824a6,#282450);color:#f1eaff}
html[data-theme] .blog-cover.section-tools {background:linear-gradient(130deg,#085378,#153e69);color:#c6ecff}
html[data-theme] .cta-band {background:linear-gradient(115deg,#143a8a,#402378);border-color:#6172cd;color:#f4f8ff}
html[data-theme] .cta-band h2,html[data-theme] .cta-band p {color:#f0f5ff}
html[data-theme] .footer {background:#050b19;border-top:1px solid #315c9a}
html[data-theme] .footer p,html[data-theme] .footer li,html[data-theme] .footer a,html[data-theme] .footer .legal-note {color:#bbcfec}
html[data-theme] .footer h3,html[data-theme] .footer .logo,html[data-theme] .footer .logo span {color:#f4f8ff}
html[data-theme] .footer .logo b {color:#009deb}
html[data-theme] .footer .pay-icons span {background:#142849;color:#e0eeff;border-color:#6686b7}
html[data-theme] .mobile-buy-widget {background:#101f3f;border-color:#5e91d9;color:#fff}
html[data-theme] .mobile-buy-widget small {color:#c4d9f4}
html[data-theme] .mobile-buy-widget b {background:#009deb;color:#04121d}
html[data-theme][data-mode="light"] .product-card {box-shadow:0 10px 25px #12387424}
@media(prefers-reduced-motion:reduce) {html[data-theme] .btn {transition:none}}

/* Premium navigation and reference palette. The header uses the same tokens in both themes. */
html[data-theme][data-mode="light"] .premium-header .header-wallet strong {color:#101a39}
html[data-theme][data-mode="light"] .workspace-sidebar {background:#fff;color:#101a39;border-color:#adbee7}
html[data-theme][data-mode="light"] .workspace-sidebar a,html[data-theme][data-mode="light"] .workspace-sidebar strong {color:#43577c}
html[data-theme][data-mode="light"] .workspace-sidebar nav a[aria-current] {color:#fff}
html[data-theme][data-mode="light"] .btn-outline {background:#eef2ff;color:#101a39;border-color:#6b1fe0}
html[data-theme][data-mode="light"] .bx-head h2 {color:#172243}
html[data-theme] {--neon-cyan:#009deb;--neon-violet:#884dff;--premium-surface:#080e23;--premium-control:#111b36;--premium-text:#f0f5ff;--premium-muted:#a8bada;--premium-border:#35486f;--premium-glow:#009deb22;--card-ink:#f3f7ff;--card-muted:#b7c8e5}
html[data-theme][data-mode="light"] {--bg:#f6f7fc;--bg-2:#edf1ff;--surface:#fff;--surface-2:#eef2ff;--surface-3:#dce5ff;--text:#101a39;--text-2:#43577c;--text-3:#4c6187;--line:#b3c1df;--line-2:#7189b7;--mint:#08557c;--accent:#08557c;--cta:#08557c;--cta-ink:#fff;--arena-action:#e4f3fa;--arena-action-hi:#cee9f6;--arena-action-ink:#06374f;--premium-surface:#fff;--premium-control:#eef2ff;--premium-text:#101a39;--premium-muted:#4b5f83;--premium-border:#adbee7;--premium-glow:#197aaa2b;--card-ink:#101a39;--card-muted:#43577c}
html[data-theme] .premium-utility {background:var(--premium-surface);color:var(--premium-muted);font-size:11px;border-bottom:1px solid var(--premium-border)}
.premium-utility>.wrap {display:flex;align-items:center;gap:24px;min-height:38px}
.utility-promise {display:flex;align-items:center;gap:8px;font-weight:500;letter-spacing:.025em}
.utility-promise i {width:6px;height:6px;background:var(--neon-cyan);border:1px solid #004466;border-radius:50%;box-shadow:0 0 9px #00aaff70}
.utility-links {display:flex;gap:22px;margin-left:auto}.utility-links a {color:var(--premium-muted)}
.store-preferences {display:flex;align-items:center;gap:6px;margin:0}.store-preferences label {display:flex;align-items:center;margin:0;line-height:1}.store-preferences label:last-of-type select {width:90px}
html[data-theme] .store-preferences select {font-size:11px;line-height:1.4;height:34px;min-height:34px;width:134px;max-width:150px;padding:5px 28px 5px 10px;background-position:right 9px center;background-color:var(--premium-surface);color:var(--premium-text);border:1px solid transparent;border-radius:6px;cursor:pointer}
.store-preferences select:hover {border-color:var(--premium-border)}
html[data-theme] .premium-header {background:var(--premium-surface);border-bottom:1px solid var(--premium-border);box-shadow:0 8px 28px #0002,0 1px 24px var(--premium-glow);isolation:isolate}
.premium-header::after {content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--neon-cyan) 27%,var(--neon-violet) 75%,transparent);pointer-events:none}
.premium-header .premium-header-row {min-height:86px;display:flex;gap:26px;align-items:center}
html[data-theme] .premium-header .logo {color:var(--premium-text);--cta:var(--mint);--cta-ink:var(--premium-surface);gap:10px;flex-shrink:0}
html[data-theme] .premium-header .logo span {color:var(--premium-text);font-size:20px;line-height:1.1;letter-spacing:-.6px}
html[data-theme] .premium-header .logo b {color:var(--mint)}
.premium-header .logo small {display:block;font-size:8px;letter-spacing:2.1px;font-weight:500;color:var(--premium-muted);margin-top:6px}
.premium-header .logo>svg {width:38px;height:44px;filter:drop-shadow(0 0 8px var(--premium-glow))}
.premium-header .catalog-nav {gap:18px;flex-shrink:0}
html[data-theme] .premium-header .games-menu>summary {display:flex;align-items:center;background:linear-gradient(120deg,var(--premium-control),var(--premium-surface));border:1px solid #6c70a6;color:var(--premium-text);padding:11px 14px;font-size:12px;gap:9px;box-shadow:inset 0 0 16px #9566ff0b,0 0 18px #9365f719;transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}
html[data-theme] .premium-header .nav-link {color:var(--premium-muted);font-size:12px}
.premium-header .header-actions {gap:8px;flex:1;justify-content:flex-end;min-width:0}
html[data-theme] .premium-header .header-actions>.live-search {max-width:260px;min-width:120px;flex:1;margin-right:12px}
html[data-theme] .premium-header .search-form input {background:var(--premium-control);border-color:var(--premium-border);color:var(--premium-text);height:40px;font-size:11px}
html[data-theme] .premium-header input::placeholder {color:var(--premium-muted)}
html[data-theme] .premium-header .icon-btn {position:relative;width:38px;height:40px;flex-shrink:0;background:transparent;color:var(--premium-text);border:1px solid transparent;border-radius:10px}
html[data-theme] .premium-header .icon-btn:hover {background:var(--premium-control);border-color:var(--premium-border);color:var(--mint)}
.premium-header .icon-btn svg {width:20px;height:20px}
.premium-header .badge-count {background:var(--neon-cyan);color:#001520;border:1px solid #003752;min-width:16px;height:16px;font-size:9px;top:-1px;right:-1px;line-height:14px}
[hidden] {display:none!important}
html[data-theme] .header-wallet {position:relative;display:grid;gap:2px;flex-shrink:0;padding:8px 34px 8px 12px;border:1px solid var(--premium-border);border-radius:10px;background:var(--premium-control);color:var(--premium-text);margin-right:5px;min-width:112px}
.header-wallet>span {font-size:9px;color:var(--premium-muted);line-height:1}.header-wallet>strong {font-size:13px;line-height:1.3;font-variant-numeric:tabular-nums}
.header-wallet>i {position:absolute;right:8px;top:14px;display:grid;place-items:center;width:19px;height:19px;border-radius:5px;background:var(--mint);color:var(--premium-surface);font-style:normal;font-size:15px;font-weight:600}
html[data-theme] .header-avatar {height:36px;width:36px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(145deg,#321878,#7132cf);border:1px solid #b485ff;color:white;font-weight:700;font-size:13px;box-shadow:0 0 16px #884dff26}
.header-notifications {position:relative;flex-shrink:0}.header-notifications>summary {list-style:none;cursor:pointer}.header-notifications>summary::-webkit-details-marker {display:none}
.header-notification-panel {position:absolute;right:0;top:54px;width:360px;max-width:calc(100vw - 32px);padding:20px;border:1px solid var(--premium-border);border-radius:16px;background:var(--premium-surface);color:var(--premium-text);box-shadow:0 20px 55px #0005,0 0 24px var(--premium-glow);z-index:100}
.header-notification-panel .section-head {align-items:center;gap:14px;margin-bottom:12px}.header-notification-panel .section-head strong {font-size:14px}.header-notification-panel .link-btn {font-size:10px;white-space:nowrap;color:var(--mint)}
html[data-theme] .header-notice {display:grid;gap:5px;padding:13px 0;border-top:1px solid var(--premium-border);color:var(--premium-text);font-size:12px;line-height:1.5}.header-notice small {color:var(--premium-muted);font-size:10px}
html[data-theme] .header-notice-all {display:block;color:var(--mint);font-size:12px;padding-top:12px;border-top:1px solid var(--premium-border)}
html[data-theme] .premium-header .header-login {background:var(--arena-action);color:var(--arena-action-ink);border:1px solid var(--mint);font-size:11px;white-space:nowrap}
html[data-theme] .premium-header .mobile-nav {background:var(--premium-surface);color:var(--premium-text)}
html[data-theme] .premium-header .mobile-nav a {color:var(--premium-text)}
html[data-theme] .premium-header .games-panel,html[data-theme] .premium-header .search-popover {background:var(--premium-surface);color:var(--premium-text);--surface:var(--premium-surface);--surface-2:var(--premium-control);--text:var(--premium-text);--text-2:var(--premium-muted);--text-3:var(--premium-muted)}
html[data-theme] .premium-header .games-panel a,html[data-theme] .premium-header .search-popover a {color:var(--premium-text)}
html[data-theme] .btn-primary,html[data-theme] .bx-buy {box-shadow:0 0 18px var(--premium-glow),0 6px 18px #0002}
html[data-theme] .btn-outline {border-color:var(--neon-violet)}
html[data-theme] .hero .hero-actions .btn-primary,html[data-theme] .bx .bx-buy {background:var(--arena-action);color:var(--arena-action-ink);border:1px solid var(--mint);box-shadow:0 0 24px var(--premium-glow),0 8px 22px #0002;text-shadow:none}
html[data-theme] .hero .hero-actions .btn-primary:hover,html[data-theme] .bx .bx-buy:hover {background:var(--arena-action-hi);box-shadow:0 0 30px var(--premium-glow)}
html[data-theme] .product-card {background:linear-gradient(150deg,var(--surface-2),var(--surface) 70%);border-color:var(--line);color:var(--card-ink);border-radius:16px;box-shadow:inset 0 1px 0 #ffffff0b,0 10px 28px #0002;transition:transform var(--motion-normal) var(--ease-standard),border-color var(--motion-normal),box-shadow var(--motion-normal)}
html[data-theme] .product-card h3 a {color:var(--card-ink)}
html[data-theme] .product-card .body>p,html[data-theme] .product-card .price-from,html[data-theme] .product-card .eta,html[data-theme] .product-card .price-old {color:var(--card-muted)}
html[data-theme] .product-card .price,html[data-theme] .product-card .card-kicker {color:var(--mint)}
html[data-theme] .card-buy-action {background:var(--arena-action);color:var(--arena-action-ink);border-color:var(--mint)}
html[data-theme] .product-card .foot {border-color:var(--line)}
html[data-theme] .tag.badge-hot {background:#722bff;color:#120a22;border-color:#ae85ff}
html[data-theme] .tag.badge-new {background:#00aaff;color:#001621;border-color:#003752}
html[data-theme] .tag.badge-choice {background:#884dff;color:#fff;border-color:#b794ff}
html[data-theme][data-mode="light"] .tag.badge-choice {background:#6b1fe0;border-color:#6b1fe0}
html[data-theme][data-mode="light"] .tag.badge-hot {background:#4300c8;color:#fff;border-color:#4300c8}
html[data-theme] .tag.badge-value {background:#00aaff;color:#001621;border-color:#003752}
html[data-theme] .bx {border-color:var(--mint);box-shadow:0 0 20px var(--premium-glow),0 16px 35px #0002}
html[data-theme] .bx-head {background:linear-gradient(110deg,#102343,#241743);border-color:#5b4092}
html[data-theme][data-mode="light"] .bx-head {background:linear-gradient(110deg,#e7efff,#eee5ff);border-color:#b8c8f4}
html[data-theme][data-mode="light"] .bx-head strong,html[data-theme][data-mode="light"] .bx-head span,html[data-theme][data-mode="light"] .bx-head small {color:#172243}
html[data-theme] .bx-opt input:checked+.bx-opt-in,html[data-theme] .bx-addon input:checked+.bx-addon-in {background:#11384c;border-color:#009deb;box-shadow:inset 0 -2px #009deb,0 0 15px #009deb15}
html[data-theme][data-mode="light"] .bx-opt input:checked+.bx-opt-in,html[data-theme][data-mode="light"] .bx-addon input:checked+.bx-addon-in {background:#e6f1f7;border-color:#08557c;box-shadow:inset 0 -2px #08557c,0 0 15px #197aaa15}
html[data-theme] .bx-flag {background:#00aaff;color:#001621;border:1px solid #004669;box-shadow:0 0 12px #00aaff28}
html[data-theme] .sp-tags span {background:var(--surface-2);color:var(--text-2);border-color:var(--line-2)}
.hub-price-range {display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;font-size:13px;color:#fff}.hub-price-range>span {padding:8px 12px;border:1px solid #88a5cf;border-radius:7px;background:#090f2599}.hub-price-range strong {color:#00aaff}.hub-price-range .stars {color:#00aaff}
.wallet-grid {display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:start}.wallet-card {border:1px solid var(--line-2);border-radius:16px;background:var(--surface);padding:28px}.wallet-card h2 {font-size:20px;margin:0 0 22px}.wallet-amount {font-family:Sora,Inter,sans-serif;font-size:clamp(28px,3vw,42px);font-weight:600;letter-spacing:-1px;margin:18px 0;color:var(--mint);text-shadow:0 0 25px var(--premium-glow)}.wallet-card>.muted {font-size:13px;line-height:1.7}.wallet-card>.btn {margin-top:14px}.wallet-form {display:grid;gap:12px}.wallet-form label {font-size:12px;font-weight:600;margin:0}.wallet-form input,.wallet-form select {min-height:44px}.wallet-presets {display:flex;gap:8px}.wallet-presets button {flex:1;border:1px solid var(--line-2);border-radius:7px;padding:8px;background:var(--surface-2);color:var(--text);cursor:pointer}.wallet-presets button:hover {border-color:var(--mint)}.wallet-history {margin-top:24px}.wallet-transaction {display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-top:1px solid var(--line);font-size:13px}.wallet-transaction small {display:block;color:var(--text-3);margin-top:7px;font-size:11px}.wallet-credit {color:var(--mint)}
@media(min-width:1251px) {.has-catalog .sp-grid,.sp-grid {grid-template-columns:minmax(0,1fr) 420px;gap:24px 30px}}
@media(min-width:801px) and (max-width:1250px) {.has-catalog .sp-grid,.sp-grid {grid-template-columns:minmax(0,1fr) 360px;gap:22px}}
@media(max-width:1200px) {.premium-header .premium-header-row {gap:18px}.premium-header .catalog-nav>.nav-link {display:none}html[data-theme] .premium-header .header-actions>.live-search {max-width:170px;margin-right:0}.premium-header .header-actions {gap:5px}.premium-header .logo span {font-size:18px}}
@media(max-width:1020px) {html[data-theme] .premium-header .header-actions>.live-search {display:none}.premium-header .header-actions {flex:1}.premium-header .premium-header-row {gap:22px}.wallet-grid {grid-template-columns:1fr}}
@media(max-width:800px) {.premium-utility>.wrap {min-height:38px;gap:8px}.utility-promise {font-size:10px}.utility-links {display:none}.store-preferences {margin-left:auto}html[data-theme] .store-preferences select {font-size:10px;max-width:115px;padding-left:5px}.premium-header .premium-header-row {min-height:74px;gap:10px}.premium-header .catalog-nav {display:none}.premium-header .logo small {display:none}.premium-header .header-actions {gap:3px}html[data-theme] .premium-header .header-actions .icon-btn {width:33px;height:36px}html[data-theme] .premium-header .logo span {font-size:16px}.premium-header .logo>svg {width:28px;height:34px}.header-wallet {min-width:0!important;padding:7px 25px 7px 9px!important;margin-right:0}.header-wallet>i {right:5px;width:16px;height:16px;top:12px;font-size:13px}.header-wallet>strong {font-size:11px}.header-avatar {display:none!important}.premium-header .header-actions>.theme-toggle {display:grid}.header-notification-panel {position:fixed;right:16px;top:118px}.wallet-card {padding:22px}.wallet-transaction {flex-wrap:wrap}.premium-header .burger {display:grid}}
@media(max-width:480px) {.utility-promise {display:none}.store-preferences {margin-left:auto;gap:2px}.premium-utility>.wrap {padding-left:18px;padding-right:18px}html[data-theme] .store-preferences select {max-width:155px}.premium-header .premium-header-row {flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:12px;min-height:90px}.premium-header .logo {margin-right:auto}.premium-header:has(.header-wallet) .header-actions {flex-basis:100%;justify-content:space-between}.premium-header:has(.header-wallet) .logo {width:100%}.premium-header:has(.header-wallet) .logo>span {display:flex;gap:3px;align-items:baseline}.premium-header:has(.header-wallet) .logo small {display:block;margin:0 0 0 auto;font-size:7px}.premium-header:has(.header-wallet) .logo>span {flex:1}.premium-header .header-actions>.theme-toggle {display:grid}.header-notification-panel {top:168px}.header-wallet {flex:1!important;max-width:170px;grid-template-columns:auto auto;align-items:center;gap:10px}.header-wallet>strong {font-size:12px}.header-wallet>span {font-size:10px}.header-wallet>i {top:7px}.premium-header .logo>svg {width:24px;height:28px}.premium-header .header-login {padding:9px 12px}.premium-header .header-actions {flex:0 1 auto}.wallet-card {padding:20px}.wallet-transaction>span {font-size:11px}}

/* Motion vocabulary: subtle feedback and automatic carousel rotation. */
html[data-theme] {--motion-fast:140ms;--motion-normal:240ms;--motion-slow:500ms;--ease-standard:cubic-bezier(.2,0,0,1)}
html[data-theme] body {isolation:isolate}
html[data-theme] body::before {content:"";position:fixed;inset:-100px 0 0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#7dbddd2b 1px,transparent 1.5px),radial-gradient(circle,#9e7ce122 1px,transparent 1.5px);background-size:97px 113px,173px 157px;background-position:0 0,47px 67px;animation:ambient-drift 38s linear infinite}
@keyframes ambient-drift {to {transform:translateY(97px)}}
.booster-presence {display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;color:var(--premium-muted)}
.booster-presence strong {font-variant-numeric:tabular-nums;color:var(--premium-text)}
.booster-presence i {width:6px;height:6px;flex:none;border-radius:50%;background:#82c4e5;box-shadow:0 0 8px #74c3eb70}
.games-symbol {width:22px;height:22px;flex:none;color:#bda0ee;transition:transform var(--motion-normal) var(--ease-standard)}
.games-chevron {width:14px;height:14px;flex:none;transition:transform var(--motion-normal)}
.games-menu[open] .games-chevron {transform:rotate(180deg)}
.games-menu:hover .games-symbol {transform:rotate(-7deg)}
html[data-theme] .premium-header .games-menu>summary:hover,html[data-theme] .premium-header .games-menu[open]>summary {border-color:#b399f5;box-shadow:0 0 22px #a17bef27}
.premium-header .games-menu[open] .games-panel {animation:panel-reveal var(--motion-normal) var(--ease-standard)}
@keyframes panel-reveal {from {opacity:0;transform:translateY(-5px)}to {opacity:1;transform:translateY(0)}}
.tier:nth-child(3n+1) {--tier:var(--neon-cyan)}.tier:nth-child(3n+2) {--tier:var(--neon-violet)}.tier:nth-child(3n) {--tier:var(--neon-violet)}
html[data-theme][data-mode="light"] .tier:nth-child(3n+1) {--tier:#08557c}html[data-theme][data-mode="light"] .tier:nth-child(3n+2) {--tier:#7541c3}html[data-theme][data-mode="light"] .tier:nth-child(3n) {--tier:#5322b5}
.product-card .thumb::after {content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(transparent,var(--surface));pointer-events:none}
.product-card .body {position:static}
.product-card .thumb::before {content:"";position:absolute;bottom:0;left:0;right:0;height:1px;z-index:2;background:linear-gradient(90deg,transparent,#73bee3 20%,#a374ed 70%,transparent);box-shadow:0 0 12px #86c5e562}
.product-card:nth-child(3n+2) .thumb::before {background:linear-gradient(90deg,transparent,#a374ed 20%,#9f80dc 70%,transparent)}
.product-card:nth-child(3n) .thumb::before {background:linear-gradient(90deg,transparent,#98c5db 20%,#68b3d9 70%,transparent)}
html[data-theme] .product-card .foot {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}
html[data-theme] .product-card .foot>div:only-child {grid-column:1/-1}
html[data-theme] .product-card .foot>.eta {display:inline-flex;align-items:center;gap:6px;width:fit-content;grid-column:1/-1;justify-self:start;margin-top:3px;padding:4px 7px;border:1px solid var(--line);border-radius:6px;font-size:10px;background:var(--surface-2)}
.product-card .eta::before {content:"";width:4px;height:4px;background:#93bed4;border-radius:50%;box-shadow:0 0 6px #74c3eb66}
.product-card .thumb img {filter:saturate(1.12);transition:transform var(--motion-slow) var(--ease-standard)}
html[data-theme] .product-card .product-badges .tag {backdrop-filter:blur(12px);border-radius:6px;padding:6px 9px;box-shadow:0 0 14px #a683eb2c;font-size:9px}
html[data-theme] .product-card .tag.badge-hot {background:#261645dd;color:#dbc9ff;border-color:#9270d7}
html[data-theme] .product-card .tag.badge-new,html[data-theme] .product-card .tag.badge-value {background:#24343cee;color:#d1f0ff;border-color:#80afc7}
html[data-theme] .product-card .tag.badge-choice {background:#311c53ee;color:#e2d4ff;border-color:#aa80ec}
html[data-theme] .card-buy-action {box-shadow:0 0 13px var(--premium-glow);font-weight:700}
html[data-theme][data-mode="light"] .bx-opt input:checked+.bx-opt-in *,html[data-theme][data-mode="light"] .bx-addon input:checked+.bx-addon-in * {color:#06374f}
html[data-theme][data-mode="light"] .workspace-sidebar nav a[aria-current] {color:#e2f5ff}
.service-showcase {position:relative;isolation:isolate;padding-bottom:0}
.service-showcase::before {content:"";position:absolute;inset:0 0 -36px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 28% 58%,#46baff12,transparent 62%),radial-gradient(ellipse at 78% 60%,#946bff14,transparent 62%)}
html[data-theme][data-mode="light"] .service-showcase::before {background:radial-gradient(ellipse at 28% 58%,#46baff0c,transparent 62%),radial-gradient(ellipse at 78% 60%,#946bff0e,transparent 62%)}
.product-carousel {min-width:0;position:relative;z-index:1}
.carousel-toolbar {display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:-12px auto 0;min-height:44px;max-width:var(--wrap);padding-inline:20px}
.carousel-controls {display:flex;gap:8px}
.carousel-controls button {width:42px;height:42px;display:grid;place-items:center;background:var(--surface-2);color:var(--text);border:1px solid var(--line-2);border-radius:50%;cursor:pointer;transition:box-shadow var(--motion-fast),border-color var(--motion-fast)}
.carousel-controls svg {width:18px;height:18px}
.carousel-controls button:hover:not(:disabled) {border-color:var(--mint);box-shadow:0 0 18px var(--premium-glow)}
.carousel-controls button:disabled {opacity:.35;cursor:default}
.carousel-count {color:var(--text-3);font-size:11px;font-variant-numeric:tabular-nums}
.carousel-track {--rail-gutter:0px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4);gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--rail-gutter);scrollbar-width:none;padding:24px var(--rail-gutter) 72px;margin:0;background:transparent}
.carousel-track>.product-card {scroll-snap-align:start;min-width:0}
.carousel-track>.product-card .thumb {height:auto;aspect-ratio:2/1}
html[data-theme] .carousel-track>.product-card {box-shadow:0 10px 20px -12px #02081780,0 24px 38px -24px #429bff30,inset 0 1px 0 #ffffff0b}
html[data-theme][data-mode="light"] .carousel-track>.product-card {box-shadow:0 10px 20px -12px #203f7d35,0 24px 38px -24px #6478ba38,inset 0 1px 0 #fff}
html[data-theme] .carousel-track>.product-card:hover {box-shadow:0 14px 24px -14px #02081770,0 24px 38px -20px #429bff35}
.carousel-track:focus-visible {outline:2px solid var(--mint);outline-offset:5px;border-radius:10px}
.premium-footer {position:relative;margin-top:72px;overflow:hidden}
html[data-theme] .premium-footer {background:radial-gradient(ellipse at 8% 0,#3a256544,transparent 48%),#070c1a;border-color:#534477}
.premium-footer::before {content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#60b1d9,#a780e1,transparent)}
.footer-intro {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:6px 0 32px;margin-bottom:38px;border-bottom:1px solid #2b3550}
.footer-intro h2 {font-size:clamp(20px,2.1vw,28px);color:#eef5ff;margin:9px 0 0;letter-spacing:-.5px}
html[data-theme] .footer-intro .kicker {color:#94c5dd}
html[data-theme] .footer-intro .btn {background:#101d30;color:#d9eef8;border-color:#688a9b;white-space:nowrap}
.premium-footer .footer-grid {grid-template-columns:1.7fr 1fr 1fr 1fr;gap:36px;padding-bottom:36px}
.footer-brand .logo {margin-bottom:18px}.footer-brand>p {max-width:300px;font-size:13px;line-height:1.8}.footer-email {display:inline-block;font-size:13px;margin-top:4px;overflow-wrap:anywhere}
.footer-socials {display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
html[data-theme] .footer-socials a {display:flex;align-items:center;gap:7px;border:1px solid #3a4563;border-radius:8px;padding:8px 10px;font-size:11px;color:#d4e6ed;background:#111b2c}
.footer-socials svg {width:14px;height:14px}
html[data-theme] .premium-footer a:hover {color:#97d0ec}
.premium-footer h3 {margin:4px 0 18px!important;letter-spacing:.12em;font-size:11px}
.premium-footer li {margin:0 0 11px;font-size:12px}
.footer-assurance {display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:20px 0;border-top:1px solid #2b3550;border-bottom:1px solid #2b3550;color:#bed3dd;font-size:11px}
.footer-assurance>span {display:flex;align-items:center;gap:9px}.footer-assurance svg {width:19px;height:19px;color:#96c5dc}.footer-assurance a {margin-left:auto}
.premium-footer .legal-note {border:0;margin-top:22px;padding-top:0;font-size:10px;line-height:1.9;max-width:960px}
@media(max-width:1250px) {.carousel-track {grid-auto-columns:calc((100% - 48px)/3)}}
@media(max-width:1000px) {.premium-footer .footer-grid {grid-template-columns:1.3fr 1fr;gap:30px}.footer-brand {max-width:380px}}
@media(max-width:700px) {.carousel-track {--rail-gutter:16px;grid-auto-columns:calc((100% - 18px)/2);gap:18px;padding-bottom:56px}.footer-intro {align-items:flex-start;flex-direction:column}.footer-intro .btn {font-size:12px}.footer-assurance {gap:16px}}
@media(max-width:480px) {.booster-presence {font-size:9px;gap:4px}.premium-utility>.wrap {gap:4px!important;padding-left:12px!important;padding-right:12px!important}html[data-theme] .store-preferences select {width:105px!important;padding-left:5px!important;font-size:10px}.store-preferences label:last-of-type select {width:76px!important}.carousel-track {grid-auto-columns:85%;gap:14px}.premium-footer .footer-grid {grid-template-columns:1fr 1fr;gap:25px 18px}.footer-brand {grid-column:1/-1}.footer-assurance a {margin-left:0}}
@media(prefers-reduced-motion:reduce) {html[data-theme] {--motion-fast:0ms;--motion-normal:0ms;--motion-slow:0ms}html[data-theme] *,html[data-theme] *::before,html[data-theme] *::after {animation:none!important;scroll-behavior:auto!important;transition:none!important}.product-card:hover,.product-card:hover .thumb img,.games-menu:hover .games-symbol {transform:none!important}}


/* Catalog file workflow: readable previews and a native accessible file input. */
.import-steps {margin-top:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.import-steps .wallet-card>p {font-size:14px;line-height:1.7}
.import-steps .wallet-card>.wallet-form {margin-top:24px}
.import-steps .kicker {margin-bottom:8px}
.import-intro .chat-tabs a[aria-current] {background:var(--surface-2);border-color:var(--mint);color:var(--mint)}
.import-file {position:relative;display:grid;gap:10px;align-content:center;text-align:center;min-height:124px;padding:24px;border:1px dashed var(--mint);border-radius:12px;background:var(--surface-2);color:var(--text)}
.import-file input[type=file] {position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.import-file:focus-within {outline:2px solid var(--mint);outline-offset:4px}
.import-file span {font-size:12px;color:var(--text-2);overflow-wrap:anywhere;pointer-events:none}
[data-import-product][hidden] {display:none!important}
.import-steps .btn {white-space:normal;text-align:center}
@media(max-width:1020px) {.import-steps {grid-template-columns:minmax(0,1fr)}}

/* Horizontal rails retain native swipe, trackpad and keyboard scrolling. */
.carousel-track::-webkit-scrollbar,.sp-thumbs::-webkit-scrollbar,.sp-tabs::-webkit-scrollbar,.side-nav::-webkit-scrollbar,.workspace-sidebar nav::-webkit-scrollbar,.timeline::-webkit-scrollbar {display:none;width:0;height:0}
html[data-theme] .sp-thumbs,html[data-theme] .sp-tabs,html[data-theme] .side-nav,html[data-theme] .workspace-sidebar nav,html[data-theme] .timeline {scrollbar-width:none}
.carousel-track {cursor:grab}
.carousel-track.is-dragging {cursor:grabbing;scroll-snap-type:none;user-select:none}
.carousel-controls button:focus-visible {outline:2px solid var(--mint);outline-offset:3px}

/* Shared planning tools: a quiet blue utility rail beneath the game artwork. */
.playdesk {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 0;border-bottom:1px solid var(--line);gap:26px}
.playdesk>a {display:flex;align-items:center;gap:16px;padding:12px 0;color:var(--text);min-height:72px}
.playdesk>a>svg {width:30px;height:30px;flex-shrink:0;color:var(--accent)}
.playdesk>a>span:nth-child(2) {min-width:0;flex:1}
.playdesk strong {display:block;font-size:15px;line-height:1.5}
.playdesk small {display:block;font-size:12px;color:var(--text-2);margin-top:4px;line-height:1.6}
.playdesk>a>span:last-child {color:var(--accent);transition:transform .18s ease-out}
.playdesk>a>span:last-child svg {width:18px;height:18px;display:block}
.playdesk>a:hover>span:last-child {transform:translateX(4px)}
.playdesk a:hover strong,.calendar-link:hover {color:var(--accent)}
.run-planner {padding-top:30px;padding-bottom:72px}
.planner-heading {display:flex;align-items:center;justify-content:space-between;gap:32px;margin:38px 0 36px}
.planner-heading h1 {font-size:clamp(30px,3.4vw,48px);letter-spacing:-.035em;line-height:1.15;max-width:20ch;margin:0 0 20px;text-wrap:balance}
.planner-heading .lead {max-width:65ch;color:var(--text-2);margin:0;font-size:17px;line-height:1.7}
.planner-heading>.btn {flex-shrink:0}
html[data-theme] .run-planner .btn-outline {background:var(--surface-2);color:var(--text);border-color:var(--control-line)}
.schedule-filters {display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;padding:24px;background:var(--surface);border-radius:12px;margin-bottom:40px}
.schedule-filters label {display:grid;gap:9px;flex:1;min-width:150px;font-weight:600;font-size:13px;color:var(--text-2)}
.schedule-filters select {width:100%;min-height:48px;padding:10px 34px 10px 12px;border:1px solid var(--control-line);border-radius:8px;background:var(--surface-2);color:var(--text);font:inherit;appearance:auto}
.schedule-filters>.btn {min-height:48px}
.schedule-filters>a {padding:14px 0;font-size:13px;color:var(--accent)}
.run-planner .raid-schedule {margin-top:0}
.calendar-link {display:inline-block;margin-top:14px;min-height:28px;color:var(--accent);font-size:13px;text-decoration:underline;text-underline-offset:4px}
.calendar-link[hidden] {display:none}
.raid-card-info h3,.raid-card-info p {overflow-wrap:anywhere}
.raid-card-info p>a {text-decoration:underline;text-underline-offset:3px}
.raid-countdown>strong {white-space:nowrap;font-size:21px;letter-spacing:-.02em}
.planner-help {border-top:1px solid var(--line);margin-top:48px;padding-top:36px}
.planner-help h2 {margin:0 0 12px;font-size:24px}
.planner-help p {max-width:65ch;color:var(--text-2);line-height:1.7;margin:0 0 24px}
html[data-theme] .run-planner .schedule-empty {padding:36px;background:var(--surface);border-radius:12px}
.run-planner .schedule-empty p {max-width:65ch;line-height:1.7}
html[data-theme] .playdesk a:focus-visible,.calendar-link:focus-visible {outline:2px solid var(--accent);outline-offset:6px;border-radius:4px}
@media(min-width:1000px) {.home .hero .wrap {padding-top:48px;padding-bottom:48px}.home .hero-character {max-height:510px}.home .hero-character img {max-height:510px;object-fit:contain}.home .hero h1 {font-size:clamp(40px,3.5vw,56px)}}
@media(max-width:900px) {.playdesk {gap:16px}.playdesk>a {gap:10px}.playdesk>a>svg {width:24px;height:24px}.planner-heading {align-items:flex-start;flex-direction:column}.planner-heading>.btn {align-self:flex-start}}
@media(max-width:650px) {.playdesk {grid-template-columns:1fr;gap:0;padding:8px 0}.playdesk>a {padding:18px 0}.playdesk>a+a {border-top:1px solid var(--line)}.playdesk>a>svg {width:28px;height:28px}.playdesk strong {font-size:15px}.planner-heading {margin:24px 0;gap:20px}.schedule-filters {gap:16px;padding:18px;margin-bottom:30px}.schedule-filters label {min-width:calc(50% - 16px)}.schedule-filters label:first-child {flex-basis:100%}.schedule-filters>.btn {flex:1}.run-planner .schedule-empty {padding:24px!important}.run-planner .section-head {align-items:flex-start;gap:12px}.run-planner .schedule-zone {max-width:145px;font-size:11px}.run-planner {padding-bottom:40px}}
@media(prefers-reduced-motion:reduce) {.playdesk>a>span:last-child {transition:none}.playdesk>a:hover>span:last-child {transform:none}}
@media(max-width:480px) {.schedule-filters label {flex-basis:100%;min-width:0}}

/* css/home-premium.css */
/* Homepage design preview. Other page bodies retain their approved implementation. */
html[data-theme] {
  --hp-bg:#09061b;--hp-panel:#17112e;--hp-raised:#261b46;--hp-line:#493567;
  --hp-text:#faf7ff;--hp-muted:#c7b9e3;--hp-blue:#54c6ff;--hp-blue-deep:#397dff;
  --hp-button:#54c6ff;--hp-button-ink:#07152e;--hp-hover:#90dcff;
  --hp-violet:#a77aff;--hp-pink:#f378e8;--hp-shadow:0 18px 44px #09011c66;
}
html[data-theme][data-mode="light"] {
  --hp-bg:#f5f0ff;--hp-panel:#fff;--hp-raised:#eee6ff;--hp-line:#c4b0df;
  --hp-text:#17253d;--hp-muted:#4e607a;--hp-blue:#215db4;--hp-blue-deep:#215db4;
  --hp-button:#215db4;--hp-button-ink:#fff;--hp-hover:#194d99;
  --hp-violet:#7433c9;--hp-pink:#a72096;--hp-shadow:0 18px 44px #37205222;
}

/* Unified header with blue actions and violet depth. */
html[data-theme] .premium-utility,html[data-theme] .premium-header {
  --premium-surface:var(--hp-bg);--premium-control:var(--hp-panel);--premium-text:var(--hp-text);
  --premium-muted:var(--hp-muted);--premium-border:var(--hp-line);--mint:var(--hp-blue);
  --neon-cyan:var(--hp-blue);--premium-glow:transparent;--wrap:1360px;
  background:var(--hp-bg);color:var(--hp-text);border-color:var(--hp-line);box-shadow:none;
}
html[data-theme] .premium-utility {position:relative;z-index:120;font-size:12px}
.premium-utility>.wrap {min-height:44px;gap:24px}
.premium-utility .utility-links {gap:24px}
.premium-utility .booster-presence {color:var(--hp-muted)}
.premium-utility .booster-presence i {background:var(--hp-blue);box-shadow:none}
.premium-header::after {display:none}
.premium-header .premium-header-row {min-height:88px;gap:24px}
html[data-theme] .premium-header .logo {--cta:var(--hp-blue);--cta-ink:var(--hp-bg)}
html[data-theme] .premium-header .logo b {color:var(--hp-blue)}
.premium-header .logo>svg {filter:none}
html[data-theme] .premium-header .games-menu>summary {
  height:46px;padding:0 17px;gap:11px;border-radius:10px;background:var(--hp-raised);
  border:1px solid var(--hp-line);box-shadow:inset 0 1px 0 #ffffff0a;color:var(--hp-text);
  font-size:13px;font-weight:650;transition:background .18s,border-color .18s;
}
html[data-theme] .premium-header .games-menu>summary:hover,
html[data-theme] .premium-header .games-menu[open]>summary {background:var(--hp-panel);border-color:var(--hp-blue)}
.premium-header .games-symbol {color:var(--hp-blue);width:22px;height:22px}
.premium-header .games-chevron {color:var(--hp-muted);width:15px;height:15px}
html[data-theme] .premium-header .nav-link {font-size:13px;color:var(--hp-muted)}
html[data-theme] .premium-header .nav-link:hover {color:var(--hp-text)}
html[data-theme] .premium-header .search-form input {height:44px;background:var(--hp-panel);border-color:var(--hp-line);border-radius:10px;font-size:12px}
html[data-theme] .premium-header .header-login {min-height:44px;padding:10px 18px;border:0;background:var(--hp-button);color:var(--hp-button-ink);box-shadow:none;border-radius:10px;font-size:13px;font-weight:700}
html[data-theme] .premium-header .header-login:hover {background:var(--hp-hover);color:var(--hp-button-ink)}
html[data-theme] .premium-header .icon-btn {width:40px;height:44px;border-radius:10px}
html[data-theme] .premium-header .header-wallet {background:var(--hp-panel);border:1px solid var(--hp-line);padding:8px 44px 8px 13px;min-width:124px;border-radius:10px;margin:0;color:var(--hp-text)}
html[data-theme] .premium-header .header-wallet strong {color:var(--hp-text);font-size:15px;line-height:1.4}
.premium-header .header-wallet>span {color:var(--hp-muted);font-size:10px}
.wallet-money {position:absolute;right:11px;top:50%;transform:translateY(-50%);width:24px;height:24px;color:var(--hp-blue)}
html[data-theme] .premium-header .header-avatar {background:var(--hp-raised);color:var(--hp-text);border:1px solid var(--hp-line);box-shadow:none;border-radius:10px;width:40px;height:44px}
.premium-header .badge-count {background:var(--hp-blue);color:#081a32;border-color:var(--hp-bg)}
html[data-theme] .premium-header .games-panel,html[data-theme] .premium-header .search-popover,
html[data-theme] .premium-header .header-notification-panel {background:var(--hp-panel);border-color:var(--hp-line);box-shadow:var(--hp-shadow);border-radius:14px}
html[data-theme] .premium-header .games-panel a {color:var(--hp-text)}
html[data-theme] .premium-header .game-menu-entry>a {background:var(--hp-raised);border-color:transparent}
.premium-header .header-actions {gap:6px}

/* Native details + radio fields keep the preference panel usable without JavaScript. */
.locale-switcher {position:relative;flex-shrink:0;margin-left:0;font-size:12px}
.locale-switcher>summary {display:flex;align-items:center;gap:10px;list-style:none;padding:0 12px;height:34px;cursor:pointer;border:1px solid var(--hp-line);border-radius:8px;background:var(--hp-panel);color:var(--hp-text);font-weight:600}
.locale-switcher>summary::-webkit-details-marker {display:none}
.locale-switcher>summary:hover,.locale-switcher[open]>summary {border-color:var(--hp-blue)}
.locale-globe {width:16px;height:16px;color:var(--hp-muted)}
.locale-chevron {width:15px;height:15px;color:var(--hp-muted);transition:transform .18s}
.locale-switcher[open] .locale-chevron {transform:rotate(180deg)}
.locale-divider {height:14px;width:1px;background:var(--hp-line);margin:0 2px}
.locale-panel {position:absolute;right:0;top:calc(100% + 12px);width:304px;max-width:calc(100vw - 24px);padding:20px;background:var(--hp-panel);border:1px solid var(--hp-line);border-radius:14px;box-shadow:var(--hp-shadow);z-index:200;color:var(--hp-text)}
.locale-panel-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;font-size:14px}
.locale-panel-head>button {width:28px;height:28px;display:grid;place-items:center;background:transparent;border:0;border-radius:6px;color:var(--hp-muted);cursor:pointer}
.locale-panel-head>button:hover {background:var(--hp-raised);color:var(--hp-text)}
.locale-panel-head svg {width:18px;height:18px}
.locale-panel fieldset {border:0;padding:0;margin:0 0 18px;min-width:0;box-shadow:none;background:none}
.locale-panel legend {font-size:11px;font-weight:600;color:var(--hp-muted);padding:0;margin:0 0 9px}
.locale-options {display:grid;gap:5px}
.locale-options label {position:relative;display:block;margin:0;cursor:pointer}
.locale-options input {position:absolute;opacity:0;width:1px;height:1px;padding:0;margin:0}
.locale-options label>span {display:flex;align-items:center;gap:11px;min-height:42px;padding:9px 11px;border:1px solid transparent;border-radius:8px;color:var(--hp-text);font-size:13px;line-height:1.3}
.locale-options label>span>b {min-width:25px;font-size:11px;font-weight:600;color:var(--hp-muted)}
.locale-options label>span>svg {width:17px;height:17px;margin-left:auto;color:var(--hp-blue);visibility:hidden}
.locale-options input:checked+span {background:var(--hp-raised);border-color:var(--hp-line)}
.locale-options input:checked+span>svg {visibility:visible}
.locale-options input:focus-visible+span {outline:2px solid var(--hp-blue);outline-offset:2px}
.locale-options label:hover>span {background:var(--hp-raised)}
.locale-currencies {grid-template-columns:1fr 1fr}
.locale-apply {width:100%;border:0;border-radius:8px;min-height:43px;background:var(--hp-button);color:var(--hp-button-ink);font:700 13px/1.4 var(--font);cursor:pointer}
.locale-apply:hover {background:var(--hp-hover)}
.locale-apply:disabled {opacity:.6;cursor:wait}
.locale-switcher summary:focus-visible,.locale-panel button:focus-visible {outline:2px solid var(--hp-blue);outline-offset:3px}

/* Homepage palette and composition: blue actions, graphite surfaces, quiet depth. */
html[data-theme] body.home-premium {--wrap:1360px;--bg:var(--hp-bg);--surface:var(--hp-panel);--surface-2:var(--hp-raised);--text:var(--hp-text);--text-2:var(--hp-muted);--text-3:var(--hp-muted);--line:var(--hp-line);--line-2:var(--hp-line);--mint:var(--hp-blue);--accent:var(--hp-blue);--cta:var(--hp-blue);--cta-ink:var(--hp-button-ink);background:var(--hp-bg);color:var(--hp-text);background-image:none}
.home-premium::before,.home-premium::after {display:none!important}
.home-premium .section {padding-block:56px}
.home-premium .section-sm {padding-block:28px}
.home-premium .section-head {margin-bottom:25px;align-items:flex-end}
.home-premium .section-head h2 {font-size:clamp(23px,2.3vw,31px);letter-spacing:-.025em;line-height:1.25}
.home-premium .section-head p {font-size:14px;line-height:1.7;color:var(--hp-muted);margin:9px 0 0}
html[data-theme] .home-premium .hero {margin:24px 20px 0;border:1px solid #7952c6;border-radius:18px;background:radial-gradient(ellipse at 83% 38%,#8c24d8a6,transparent 54%),radial-gradient(ellipse at 56% 110%,#174cd6ad,transparent 60%),linear-gradient(115deg,#140d32 18%,#241250 62%,#411668);color:#f5f8ff;isolation:isolate;overflow:hidden}
.home-premium .hero .hero-img {opacity:.15;filter:saturate(1.2)}
.home-premium .hero .wrap {grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;padding:54px 40px 40px;max-width:1320px;min-height:480px}
.home-premium .hero h1 {font-size:clamp(36px,4vw,56px);font-weight:700;line-height:1.12;letter-spacing:-.035em;margin:0 0 24px;max-width:13ch}
html[data-theme] .home-premium .hero h1 em {color:#65d0ff;background:none;text-shadow:0 4px 28px #2185fc50;-webkit-text-fill-color:currentColor}
.home-premium .hero .lead {font-size:16px;line-height:1.75;color:#ddd1f5;max-width:52ch;margin-bottom:28px}
.home-premium .hero-actions {gap:12px}
html[data-theme] .home-premium .btn-primary {background:var(--hp-button);color:var(--hp-button-ink);border:1px solid transparent;box-shadow:none;border-radius:9px;font-weight:700;transition:background .18s,transform .18s}
html[data-theme] .home-premium .btn-primary:hover {background:var(--hp-hover);color:var(--hp-button-ink);box-shadow:none;filter:none;transform:translateY(-1px)}
html[data-theme] .home-premium .btn-outline {background:var(--hp-raised);color:var(--hp-text);border:1px solid var(--hp-line);box-shadow:none;border-radius:9px}
html[data-theme] .home-premium .hero .btn-primary {background:#54c6ff;color:#07152e;min-height:48px;font-size:14px;padding:13px 22px;box-shadow:0 7px 30px #179bff66}
html[data-theme] .home-premium .hero .btn-outline {background:#372259;color:#f3e7ff;border-color:#af70f5;min-height:48px;font-size:14px;padding:13px 22px}
.home-premium .hero-facts {margin-top:32px;gap:24px}
.home-premium .hero-facts div {border:0;padding-top:0}
.home-premium .hero-facts strong {font-size:12px;color:#e7effc}
.home-premium .hero-facts span {font-size:11px;line-height:1.55;color:#d3c4ee;margin-top:6px}
.home-premium .hero-character {align-self:end;max-height:470px;position:relative}
.home-premium .hero-character img {width:100%;height:auto;max-height:470px;object-fit:contain;filter:saturate(1.12) drop-shadow(0 16px 26px #08032299);transform:perspective(900px) rotateY(var(--hero-tilt,0deg)) translateY(var(--hero-lift,0px));transition:transform .35s cubic-bezier(.16,1,.3,1)}
.home-premium .game-card img,.home-premium .product-card .thumb img,.home-premium .blog-card img {filter:saturate(1.16) contrast(1.03)}
html[data-theme] .home-premium .hero-orbit {width:95%;background:radial-gradient(ellipse,#ae3bff77,transparent 68%);border:2px solid #b784ff;border-top-color:#ed9fff;border-bottom-color:#57bbff;box-shadow:0 0 55px #9738ff77,inset 0 0 50px #6145ff55;filter:none;transform:translate(var(--hero-glow-x,0px),var(--hero-glow-y,0px)) rotate(-16deg) scaleY(.9);transition:transform .6s cubic-bezier(.16,1,.3,1)}
.home-premium .hero-orbit::after {content:"";position:absolute;inset:17px;border:1px solid #ce8cff66;border-right-color:#fe9bea;border-radius:50%;transform:rotate(28deg)}
.home-premium .playdesk {padding:13px 0 16px;gap:40px;border-color:var(--hp-line)}
.home-premium .playdesk>a {padding:10px 0;min-height:70px;gap:13px}
.home-premium .playdesk strong {font-size:14px;font-weight:600}
.home-premium .playdesk small {font-size:12px;color:var(--hp-muted)}
.home-premium .playdesk>a>svg {color:var(--hp-blue);width:25px;height:25px}

/* Compact game covers and a denser merchandise rail. */
.home-premium #games {padding-top:45px;padding-bottom:38px}
.home-premium #games .grid {gap:18px}
html[data-theme] .home-premium .game-card {min-height:245px;border:0;border-radius:14px;padding:22px;box-shadow:none;background:#131d2f;color:white}
.home-premium .game-card {justify-content:flex-end}
.home-premium .game-card::after {display:block;background:linear-gradient(180deg,#0b112100 12%,#0b1121cc 61%,#0b1121fa)}
.home-premium .game-card img {height:100%;z-index:-2;transition:transform .35s ease;object-position:center}
.home-premium .game-card h3 {font-size:21px;line-height:1.25;letter-spacing:-.025em;color:#fff}
.home-premium .game-card p {font-size:12px;color:#d2def0;line-height:1.6}
.home-premium .game-card .chips {gap:5px;margin-top:14px}
.home-premium .game-card .chip {font-size:10px;background:#111d30d9;border-color:#7084a24d;border-radius:5px;color:#dfebff;padding:4px 7px}
.home-premium .game-card .go {width:32px;height:32px;top:16px;right:16px;background:#0b1425a8;border:0;border-radius:8px;color:#d6e7ff}
.home-premium .game-card:hover {transform:translateY(-3px)}
.home-premium .game-card:hover img {transform:scale(1.035)}
.home-premium .service-showcase::before {display:none}
.home-premium .carousel-toolbar {margin-top:-12px;margin-bottom:0;max-width:1360px}
.home-premium .carousel-track {--rail-gutter:20px;grid-auto-columns:calc((100% - 72px)/5);gap:18px;padding:20px var(--rail-gutter) 38px}
.home-premium .carousel-controls button {width:36px;height:36px;border-radius:8px;background:var(--hp-panel);border-color:var(--hp-line);color:var(--hp-text)}
.home-premium .carousel-controls button:hover:not(:disabled) {background:var(--hp-raised);border-color:var(--hp-blue);box-shadow:none}
html[data-theme] .home-premium .carousel-track>.product-card {background:var(--hp-panel);color:var(--hp-text);border:1px solid var(--hp-line);border-radius:12px;box-shadow:none;transition:transform .2s,border-color .2s}
html[data-theme] .home-premium .carousel-track>.product-card:hover {border-color:var(--hp-blue);box-shadow:none;transform:translateY(-3px)}
.home-premium .carousel-track>.product-card .thumb {aspect-ratio:1.85;overflow:hidden}
.home-premium .product-card .thumb::before {display:none}
.home-premium .product-card .thumb::after {height:42%;background:linear-gradient(transparent,var(--hp-panel))}
.home-premium .product-card .body {padding:16px}
html[data-theme] .home-premium .product-card .card-kicker {color:var(--hp-muted);font-size:9px;letter-spacing:.035em}
.home-premium .product-card h3 {font-size:16px;line-height:1.35;letter-spacing:-.015em;margin:8px 0}
html[data-theme] .home-premium .product-card h3 a {color:var(--hp-text)}
html[data-theme] .home-premium .product-card .body>p {font-size:12px;line-height:1.65;color:var(--hp-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:3.3em}
html[data-theme] .home-premium .product-card .price {font-size:21px;color:var(--hp-text);font-weight:700}
html[data-theme] .home-premium .product-card .price-from {font-size:10px;color:var(--hp-muted)}
html[data-theme] .home-premium .product-card .price-old {color:var(--hp-muted)}
html[data-theme] .home-premium .product-card .foot {border-color:var(--hp-line);padding-top:13px;gap:8px}
html[data-theme] .home-premium .card-buy-action {padding:8px 9px;background:var(--hp-raised);color:var(--hp-blue);border:1px solid var(--hp-line);font-size:10px;border-radius:6px;box-shadow:none}
html[data-theme] .home-premium .product-card .foot>.eta {border:0;background:none;padding:3px 0;font-size:10px;color:var(--hp-muted)}
.home-premium .product-card .eta::before {background:var(--hp-blue);box-shadow:none}
html[data-theme] .home-premium .product-card .card-request {background:var(--hp-raised);color:var(--hp-blue);border-color:var(--hp-line);font-size:12px;padding:8px 10px}
html[data-theme] .home-premium .product-card .product-badges .tag {color:#e2edff;background:#1a3054f2;border:1px solid #7697ce66;border-radius:5px;box-shadow:none;backdrop-filter:none;font-size:9px;padding:5px 8px}

/* Supporting sections have one surface treatment and a calmer reading rhythm. */
html[data-theme] .home-premium .card,html[data-theme] .home-premium .step {background:var(--hp-panel);border:1px solid var(--hp-line);border-radius:14px;box-shadow:none}
.home-premium .steps {gap:0;counter-reset:step;border-block:1px solid var(--hp-line)}
html[data-theme] .home-premium .step {padding:28px 24px 28px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
.home-premium .step+.step {padding-left:24px;border-left:1px solid var(--hp-line)}
.home-premium .step::before {font-size:13px;font-weight:700;color:var(--hp-blue);background:var(--hp-raised);-webkit-text-stroke:0;margin-bottom:18px;opacity:1}
.home-premium .step h3 {font-size:17px;margin:0 0 12px}
.home-premium .step p {font-size:13px;line-height:1.8;color:var(--hp-muted);margin:0}
.home-premium .card {padding:28px}
.home-premium .card h2 {font-size:25px;line-height:1.3;letter-spacing:-.025em}
.home-premium .feature {gap:15px}
.home-premium .feature svg {background:none!important;border:0!important;color:var(--hp-blue)!important;width:23px;height:23px;padding:0}
.home-premium .feature strong {font-size:14px}
.home-premium .feature p,.home-premium .card>.muted {font-size:13px;line-height:1.8;color:var(--hp-muted)}
html[data-theme] .home-premium .tier {border:0;border-radius:8px;background:var(--hp-raised);box-shadow:none;padding:16px}
html[data-theme] .home-premium .tier strong {color:var(--hp-blue);font-size:23px}
html[data-theme] .home-premium .tier span {color:var(--hp-muted);font-size:11px}
.home-premium .faq {margin-top:35px}
html[data-theme] .home-premium .faq details {background:transparent;border:0;border-bottom:1px solid var(--hp-line);border-radius:0;box-shadow:none;margin:0}
.home-premium .faq summary {padding:22px 0;font-size:15px}
.home-premium .faq details>div {padding:0 0 22px;color:var(--hp-muted)}
html[data-theme] .home-premium .cta-band {background:var(--hp-panel);border:1px solid var(--hp-line);border-radius:14px;box-shadow:none;padding:32px}
html[data-theme] .home-premium .cta-band h2 {color:var(--hp-text);font-size:27px}
html[data-theme] .home-premium .cta-band p {color:var(--hp-muted);font-size:14px}
html[data-theme] .home-premium .premium-footer {background:var(--hp-panel);border-color:var(--hp-line);--mint:var(--hp-blue)}
.home-premium .premium-footer::before {display:none}
html[data-theme] .home-premium .premium-footer .footer-intro .btn,html[data-theme] .home-premium .footer-socials a {background:var(--hp-raised);border-color:var(--hp-line);color:var(--hp-text);box-shadow:none}
html[data-theme] .home-premium .premium-footer h2,html[data-theme] .home-premium .premium-footer h3,html[data-theme] .home-premium .premium-footer .logo span {color:var(--hp-text)}
html[data-theme] .home-premium .premium-footer p,html[data-theme] .home-premium .premium-footer a,html[data-theme] .home-premium .premium-footer .legal-note {color:var(--hp-muted)}
html[data-theme] .home-premium .premium-footer .logo b {color:var(--hp-blue)}
.home-premium .premium-footer .footer-intro,.home-premium .premium-footer .footer-grid,.home-premium .premium-footer .footer-assurance {border-color:var(--hp-line)}
.home-premium ::selection {background:#3679ed;color:#fff}
.home-premium :focus-visible {outline-color:var(--hp-blue)}
.action-arrow {display:inline-block;width:1em;height:1em;min-width:1em;vertical-align:-.12em;flex-shrink:0}
.home-premium .footer-intro .kicker {display:none}
.home-premium .product-card .card-kicker {text-transform:none;letter-spacing:0;font-size:11px}
.home-premium .product-card h3 {margin-top:0;margin-bottom:6px}
.home-premium .product-card .body>.card-kicker+p {margin-top:12px}
html[data-theme] .home-premium .tier {background:transparent;border:0;border-radius:0;padding:10px 8px;box-shadow:none}
.home-premium .tiers {gap:0;margin-top:26px}
html[data-theme] .home-premium .tier+.tier {border-left:1px solid var(--hp-line)}
@media(max-width:480px) {html[data-theme] .home-premium .tier:nth-child(odd) {border-left:0}.home-premium .tiers {row-gap:20px}}

@media(min-width:1600px) {.home-premium .carousel-track {grid-auto-columns:calc((100% - 90px)/6)}}
@media(max-width:1250px) {.premium-header .premium-header-row {gap:18px}.premium-header .catalog-nav {gap:14px}.premium-header:has(.header-wallet) .nav-link {display:none}.home-premium .carousel-track {grid-auto-columns:calc((100% - 54px)/4)}.home-premium .hero .wrap {padding-inline:30px}.home-premium .hero h1 {font-size:46px}}
@media(max-width:1000px) {.home-premium .hero .wrap {grid-template-columns:1.05fr .95fr;min-height:420px;gap:15px;padding:38px 24px}.home-premium .hero h1 {font-size:38px}.home-premium .hero .lead {font-size:14px}.home-premium .hero-facts {gap:14px}.home-premium .hero-facts div:first-child {display:none}.home-premium .hero-character {max-height:410px}.home-premium .hero-character img {max-height:410px}.home-premium .carousel-track {grid-auto-columns:calc((100% - 36px)/3)}.home-premium .step:nth-child(3) {border-left:0;padding-left:0}.home-premium .steps {grid-template-columns:1fr 1fr}.home-premium #games .grid {grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px) {.premium-header .premium-header-row {min-height:76px;gap:12px}.premium-header .header-actions {gap:3px}.premium-utility>.wrap {gap:12px}.locale-switcher {margin-left:auto}.premium-header .header-wallet {min-width:110px!important;padding-right:37px!important}.wallet-money {width:21px;height:21px;right:9px}.home-premium .hero {margin:16px 16px 0}.home-premium .playdesk {gap:20px}.home-premium .playdesk small {font-size:11px}.home-premium .card {padding:22px}.home-premium .card h2 {font-size:22px}}
@media(max-width:650px) {.home-premium .hero .wrap {grid-template-columns:1fr;min-height:0;padding:34px 25px 0;gap:20px}.home-premium .hero h1 {max-width:15ch;font-size:clamp(31px,7.4vw,42px);margin-bottom:20px}.home-premium .hero .lead {font-size:14px;line-height:1.7;max-width:40ch;margin-bottom:23px}.home-premium .hero-facts {display:none}.home-premium .hero-character {height:245px;max-height:none;justify-self:end;width:80%;margin-top:-8px}.home-premium .hero-character img {height:100%;max-height:none;object-fit:contain;object-position:bottom}.home-premium .hero-actions {gap:9px}.home-premium .hero .btn {font-size:12px!important;padding:12px 15px!important;min-height:44px!important}.home-premium .playdesk {grid-template-columns:1fr;padding-block:8px;gap:0}.home-premium .playdesk>a {min-height:68px;padding:14px 0}.home-premium .section {padding-block:36px}.home-premium #games {padding-top:34px;padding-bottom:20px}.home-premium #games .grid {gap:12px}.home-premium .game-card {min-height:205px!important;padding:15px!important}.home-premium .game-card h3 {font-size:17px}.home-premium .game-card p {font-size:11px}.home-premium .game-card .chips {display:none}.home-premium .carousel-track {--rail-gutter:16px;grid-auto-columns:calc((100% - 16px)/2);gap:16px;padding-bottom:26px}.home-premium .carousel-toolbar {padding-inline:16px}.home-premium .step {padding:22px 16px 22px 0!important}.home-premium .step:nth-child(even) {padding-left:16px!important}.home-premium .step h3 {font-size:15px}.home-premium .step p {font-size:12px}.home-premium .cta-band {padding:24px!important}.home-premium .cta-band h2 {font-size:24px!important}}
@media(max-width:480px) {.premium-utility>.wrap {min-height:43px;padding-inline:16px!important}.premium-utility .booster-presence {font-size:9px}.locale-switcher>summary {gap:8px;padding:0 9px;height:32px;font-size:11px}.locale-globe {width:14px;height:14px}.locale-panel {right:0;width:286px;padding:18px}.premium-header .premium-header-row {min-height:76px;padding-block:12px;gap:10px}.premium-header .header-login {font-size:11px!important;padding:9px 12px!important}.premium-header .header-actions>.icon-btn {width:32px!important}.premium-header:has(.header-wallet) .header-wallet {flex:0 1 142px!important;max-width:150px;gap:7px;grid-template-columns:auto auto;padding:9px 36px 9px 10px!important}.premium-header:has(.header-wallet) .header-wallet strong {font-size:13px}.home-premium .carousel-track {grid-auto-columns:72%}.home-premium .product-card .body {padding:14px}.home-premium .product-card h3 {font-size:16px}.home-premium .hero {margin-inline:12px;border-radius:14px}.home-premium .hero .wrap {padding-inline:20px}.home-premium .hero-character {height:220px}.home-premium .section-head h2 {font-size:24px}.home-premium .section-head p {font-size:13px}.home-premium .tiers {grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce) {.home-premium *, .locale-switcher * {scroll-behavior:auto!important;transition:none!important;animation:none!important}.home-premium .btn:hover,.home-premium .game-card:hover,.home-premium .carousel-track>.product-card:hover {transform:none}}
@media(max-width:360px) {.premium-header:has(.header-wallet) .header-wallet {display:block;flex:0 0 90px!important;min-width:90px!important;max-width:90px}.premium-header .header-wallet>span {display:none}.premium-header:has(.header-wallet) .header-wallet strong {font-size:12px}.premium-header .header-wallet .wallet-money {width:19px;height:19px;right:8px}}

/* The owner requested vivid gaming color, neon energy and visible motion. */
html[data-theme] .home-premium {background-image:radial-gradient(ellipse 75% 650px at 100% 32%,#622c9c24,transparent),radial-gradient(ellipse 70% 650px at 0% 65%,#1656b524,transparent)}
html[data-theme] .premium-header .games-menu>summary {border-color:var(--hp-violet);background:var(--hp-raised);box-shadow:inset 0 1px 0 #cf98ff22,0 5px 18px #8b35ed1f}
html[data-theme] .premium-header .games-menu>summary:hover {border-color:var(--hp-pink);box-shadow:0 5px 24px #b44aff40}
html[data-theme] .premium-header .header-login,html[data-theme] .home-premium .btn-primary {box-shadow:0 6px 24px #239aff42}
html[data-theme] .premium-header .header-login:hover,html[data-theme] .home-premium .btn-primary:hover {box-shadow:0 8px 32px #239aff70;transform:translateY(-2px)}
.home-premium .premium-header::after {display:block;content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:linear-gradient(90deg,#439aff,#ad64ff,#f378e8);transform:scaleX(var(--page-progress,0));transform-origin:left;box-shadow:0 2px 10px #9a53ff99;pointer-events:none}
.home-premium .hero::before {content:"";position:absolute;z-index:-1;inset:auto -10% -65% 30%;height:100%;background:radial-gradient(ellipse,#2869ff66,transparent 65%);pointer-events:none}
.home-premium .hero .wrap>div:first-child {position:relative;z-index:2}
.home-premium .hero-character {animation:hero-summon .9s cubic-bezier(.16,1,.3,1) both}
.home-premium .hero-orbit::after {animation:portal-charge 4.5s cubic-bezier(.16,1,.3,1) both}
.home-premium .hero-actions .btn-primary {animation:action-charge 2s ease-out 2}
.home-premium .btn .action-arrow,.premium-header .header-login .action-arrow {transition:transform .22s cubic-bezier(.16,1,.3,1)}
.home-premium .btn:hover .action-arrow,.premium-header .header-login:hover .action-arrow {transform:translate(2px,-2px)}
.home-premium .playdesk>a {transition:color .2s}
.home-premium .playdesk>a:nth-child(2)>svg,.home-premium .playdesk>a:nth-child(2) strong {color:var(--hp-violet)}
.home-premium .playdesk>a:nth-child(3)>svg,.home-premium .playdesk>a:nth-child(3) strong {color:var(--hp-pink)}
.home-premium .playdesk>a:hover>svg {filter:drop-shadow(0 2px 8px #8c51ff99)}
html[data-theme] .home-premium .game-card {box-shadow:inset 0 0 0 1px #a777ff55;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s}
.home-premium .game-card::after {background:linear-gradient(180deg,#0b052000 15%,#0b052070 48%,#0b0520ed 100%)}
html[data-theme] .home-premium .game-card:hover {box-shadow:inset 0 0 0 1px #c49aff,0 10px 32px #8243ea55;transform:translateY(-5px)}
.home-premium .game-card:hover .go {background:#7043d9;color:#fff}
html[data-theme] .home-premium .carousel-track>.product-card {border-color:#664095;background:var(--hp-panel)}
html[data-theme] .home-premium .carousel-track>.product-card:hover {border-color:var(--hp-blue);box-shadow:0 10px 30px #5745de44;transform:translateY(-5px)}
html[data-theme] .home-premium .product-card .product-badges .tag {background:#7131aee8;border-color:#bb7aff;color:#fff}
html[data-theme] .home-premium .product-card .product-badges .badge-upcoming {background:#263e8de8;border-color:#6d99ff}
html[data-theme] .home-premium .card-buy-action {background:#372357;border-color:#9865d9;color:#e5c6ff}
html[data-theme][data-mode="light"] .home-premium .card-buy-action {background:#efe2ff;border-color:#a57bce;color:#642895}
html[data-theme] .home-premium .product-card .card-kicker {font-size:11px;letter-spacing:0}
.home-premium .step::before {background:var(--hp-raised);color:var(--hp-blue);box-shadow:inset 0 0 0 1px var(--hp-line)}
.home-premium .step:nth-child(2)::before,.home-premium .step:nth-child(4)::before {color:var(--hp-pink)}
html[data-theme] .home-premium .tier strong {color:var(--hp-blue)}
html[data-theme] .home-premium .tier:nth-child(even) strong {color:var(--hp-pink)}
html[data-theme] .home-premium .cta-band {background:linear-gradient(110deg,#241149,#36165c 60%,#192958);border-color:#9359d3}
html[data-theme] .home-premium .cta-band h2 {color:#fff}
html[data-theme] .home-premium .cta-band p {color:#e0caf5}
html[data-theme] .home-premium .premium-footer {background:linear-gradient(180deg,var(--hp-panel),var(--hp-bg));border-top-color:var(--hp-violet)}
.home-premium {scrollbar-color:var(--hp-violet) var(--hp-bg);caret-color:var(--hp-pink)}
.home-premium ::selection {background:#763cc4;color:#fff}
.home-premium :focus-visible {outline:2px solid var(--hp-pink);outline-offset:4px}
@keyframes hero-summon {from {transform:translateY(18px) scale(.97);filter:brightness(1.3)}to {transform:none;filter:none}}
@keyframes portal-charge {from {transform:rotate(-110deg) scale(.92);opacity:.35}to {transform:rotate(28deg) scale(1);opacity:1}}
@keyframes action-charge {0%,100% {box-shadow:0 7px 30px #179bff66}50% {box-shadow:0 7px 40px #36b8ffa6}}
@media(prefers-reduced-motion:reduce) {.home-premium .hero-character,.home-premium .hero-orbit::after,.home-premium .hero-actions .btn-primary {animation:none}.home-premium .hero-character img {transform:none!important}.home-premium .hero-orbit {transition:none}.home-premium .btn:hover .action-arrow,.premium-header .header-login:hover .action-arrow {transform:none}}
@media(prefers-reduced-motion:reduce) {html[data-theme] .home-premium .btn-primary:hover,html[data-theme] .premium-header .header-login:hover,html[data-theme] .home-premium .game-card:hover,html[data-theme] .home-premium .carousel-track>.product-card:hover {transform:none}}

/* css/brand.css */
.logo .brand-image {display:block;width:auto;max-width:200px;height:42px;object-fit:contain}
.logo .brand-image--light {display:none}
html[data-mode="light"] .logo .brand-image--dark {display:none}
html[data-mode="light"] .logo .brand-image--light {display:block}
@media(max-width:480px) {.logo .brand-image {max-width:160px;height:34px}}

/* css/menu-navigation.css */
/* Curated groups share their content across desktop and mobile navigation. */
.launcher-columns {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:10px 0}
.launcher-column {display:flex;flex-direction:column;gap:28px;min-width:0}
.launcher-group {min-width:0}
.launcher-group h3 {margin:0 0 10px;font:700 15px/1.35 var(--display,var(--font));color:var(--text);text-transform:none;letter-spacing:0;overflow-wrap:anywhere}
.launcher-group ul {display:flex;flex-direction:column;gap:2px;list-style:none;padding:0;margin:0}
.launcher-group li {margin:0;padding:0;min-width:0}
.launcher-group li a {display:block;padding:5px 0;font-size:13.5px;line-height:1.45;color:var(--text-2);overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:color .18s,text-decoration-color .18s}
.launcher-group li a:hover,.launcher-group li a:focus-visible {color:var(--accent);text-decoration-color:currentColor}
#sb-home .launcher-group h3 {font-size:15px}
#sb-home .launcher-group li a {color:var(--ah-muted)}
#sb-home .launcher-group li a:hover,#sb-home .launcher-group li a:focus-visible {color:var(--ah-neon)}
.mobile-nav .launcher-column {gap:22px;margin:18px 0}
.mobile-nav .launcher-group h3 {font-size:14px;margin-bottom:6px}
.mobile-nav .launcher-group li a {min-height:40px;display:flex;align-items:center;padding:8px 0}
@media(max-width:1100px) {.launcher-columns {gap:20px}}
@media(max-width:700px) {.launcher-columns {grid-template-columns:1fr}}

/* css/select-controls.css */
/* Native selects keep form submission, keyboard navigation and validation. */
@supports (appearance:base-select) {
  html[data-theme][data-mode] body select:not([multiple]):not([size]),
  html[data-theme][data-mode] body select[size="1"] {appearance:base-select;background-image:none;padding-right:14px;cursor:pointer;gap:12px}
  html[data-theme][data-mode] body select:not([multiple]):not([size])::picker(select),
  html[data-theme][data-mode] body select[size="1"]::picker(select) {appearance:base-select;margin-top:8px;padding:6px;border:1px solid var(--sm-line,var(--line));border-radius:12px;background:var(--sm-panel,var(--surface));color:var(--sm-ink,var(--text));box-shadow:0 16px 36px -12px rgba(4,19,35,.3);max-height:min(340px,55dvh);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--sm-control,var(--line)) transparent;font:400 15px/1.45 var(--font)}
  html[data-theme][data-mode] body select::picker(select) {inset:auto;position-area:none;top:calc(anchor(bottom) + 8px);left:anchor(left);width:anchor-size(width);min-width:0;max-width:calc(100vw - 24px);box-sizing:border-box;position-try-fallbacks:flip-block;position-try-order:normal;margin:0}
  html[data-theme][data-mode] body select[data-picker-positioned]:not([multiple])::picker(select) {position:fixed;position-anchor:--sc-unused-picker-anchor;position-area:none;position-try-fallbacks:none;inset:auto;top:var(--picker-top);bottom:var(--picker-bottom);left:var(--picker-left);width:var(--picker-width);min-inline-size:0;min-block-size:0;max-height:var(--picker-height);margin:0}
  html[data-theme][data-mode] body select::picker-icon {content:"";width:7px;height:7px;border:solid var(--sm-muted,var(--text-2));border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin:0 3px 4px auto;align-self:center;transition:rotate .18s}
  html[data-theme][data-mode] body select:open::picker-icon {rotate:180deg}
  html[data-theme][data-mode] body select option {display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:var(--sm-ink,var(--text));font:inherit;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
  html[data-theme][data-mode] body select option:checked {background:color-mix(in srgb,var(--sm-accent,var(--accent)) 13%,transparent);color:var(--sm-ink,var(--text));font-weight:600}
  html[data-theme][data-mode] body select option:hover,
  html[data-theme][data-mode] body select option:focus {background:var(--sm-raised,var(--surface-2));color:var(--sm-ink,var(--text));outline:none}
  html[data-theme][data-mode] body select option::checkmark {color:var(--sm-accent,var(--accent));order:1;margin-left:auto;font-size:15px}
  html[data-theme][data-mode] body select option:disabled {opacity:.45;cursor:not-allowed}
  html[data-theme][data-mode] body select optgroup {padding:8px;font:600 12px/1.5 var(--font);color:var(--sm-muted,var(--text-2))}
  html[data-theme][data-mode] body select:disabled {cursor:not-allowed;opacity:.6}
  @media(prefers-reduced-motion:reduce) {html[data-theme][data-mode] body select::picker-icon {transition:none}}
}

/* css/trustpilot-display.css */
.tp-badge {display:inline-flex;flex-direction:column;gap:6px;max-width:100%;color:var(--text);font-family:var(--font)}
.tp-badge-top {display:flex;align-items:center;justify-content:space-between;gap:12px}
.tp-brand {font:650 16px/1.2 var(--font);letter-spacing:-.02em}
.tp-preview {color:var(--text-2);font:500 9px/1.2 var(--font);letter-spacing:.03em}
.tp-stars {display:flex;gap:3px}
.tp-stars svg {display:block;width:25px;height:25px;background:#00a878;border-radius:2px;flex:none}
.tp-profile {display:flex;flex-direction:column;gap:4px;color:inherit}
.tp-profile small {font-size:11px;color:var(--text-2)}
.tp-badge .trustpilot-widget {min-width:170px;max-width:100%}
.trustpilot-block {padding:0;margin:12px 0 0;border:0;background:none}
.trustpilot-block .tp-badge {width:100%}
.product-card .trustpilot-block .tp-badge--preview {flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
.product-card .tp-badge-top {gap:6px;flex-wrap:wrap}
.product-card .tp-brand {font-size:11px}
.product-card .tp-preview {font-size:8px}
.product-card .tp-stars {gap:2px}
.product-card .tp-stars svg {width:15px;height:15px}
#sb-home .ref-card .trustpilot-block {position:relative;z-index:2;margin-top:12px}
#sb-home .ah-hero-trustpilot {margin-left:16px;padding:0;color:#fff}
#sb-home .ah-hero-trustpilot .tp-badge {color:#fff}
#sb-home .ah-hero-trustpilot .tp-brand {font-size:16px;letter-spacing:-.02em;text-decoration:none}
#sb-home .ah-hero-trustpilot .tp-preview {color:#c5d0dc;font-size:9px}
#sb-home .ah-hero-trustpilot .tp-stars svg {color:#fff;width:25px;height:25px}
.footer-assurance>.tp-badge {margin-left:auto}
#sb-home .footer-assurance .tp-stars svg {width:22px;height:22px;color:#fff}
#sb-home .footer-assurance .tp-badge a {margin:0;display:flex;flex-direction:column;align-items:flex-start}
@media(max-width:600px) {#sb-home .ah-hero-trustpilot {margin-left:0}.footer-assurance>.tp-badge {margin-left:0}}

/* css/home-arena.css */
/* Approved SkillCarry homepage visual system, shared by storefront and account pages.
   Exo 2, cyan actions, navy surfaces, and the paired cool light theme. */

html[data-mode] :is(#sb-home,#sb-store) {
  --ah-bg:#060b14;--ah-bg-2:#0a1220;--ah-panel:#111d2e;--ah-raised:#1a2b42;--ah-line:#293e58;--ah-line-2:#426180;
  --ah-text:#f5f9ff;--ah-muted:#bccbe0;--ah-faint:#91a6c0;
  --ah-neon:#24d7ff;--ah-neon-hi:#a0efff;--ah-neon-deep:#099fe5;--ah-neon-ink:#04131c;--ah-neon-soft:rgba(62,201,255,.12);
  --ah-fel:#70f3aa;--ah-ember:#ff8d53;--ah-arcane:#bb9aff;
  --ah-shadow:0 18px 40px -18px rgba(0,0,0,.7);--ah-shadow-lg:0 32px 60px -26px rgba(0,0,0,.8);
  --wrap:1320px;--font:"Exo 2",Inter,system-ui,sans-serif;--display:"Exo 2",Inter,system-ui,sans-serif;
  --bg:var(--ah-bg);--bg-2:var(--ah-bg-2);--surface:var(--ah-panel);--surface-2:var(--ah-raised);--surface-3:var(--ah-line);
  --text:var(--ah-text);--text-2:var(--ah-muted);--text-3:var(--ah-faint);--line:var(--ah-line);--line-2:var(--ah-line-2);
  --cta:var(--ah-neon);--cta-hi:var(--ah-neon-hi);--cta-ink:var(--ah-neon-ink);--accent:var(--ah-neon);--mint:var(--ah-neon);
  --premium-surface:var(--ah-panel);--premium-control:var(--ah-raised);--premium-text:var(--ah-text);--premium-muted:var(--ah-muted);--premium-border:var(--ah-line-2);--premium-glow:var(--ah-neon-soft);
  --hp-bg:var(--ah-bg);--hp-panel:var(--ah-panel);--hp-raised:var(--ah-raised);--hp-line:var(--ah-line-2);--hp-text:var(--ah-text);--hp-muted:var(--ah-muted);
  --hp-blue:var(--ah-neon);--hp-button:var(--ah-neon);--hp-button-ink:var(--ah-neon-ink);--hp-hover:var(--ah-neon-hi);--hp-violet:var(--ah-neon);--hp-pink:var(--ah-ember);
  --neon-cyan:var(--ah-neon);--neon-violet:var(--ah-neon-deep);--shadow:var(--ah-shadow);
  background:var(--ah-bg);color:var(--ah-text);font:400 15px/1.6 var(--font);color-scheme:dark;caret-color:var(--ah-neon);scrollbar-color:var(--ah-line-2) var(--ah-bg);accent-color:var(--ah-neon);
}
html[data-mode="light"] :is(#sb-home,#sb-store) {
  --ah-bg:#f3f6fb;--ah-bg-2:#e9eef6;--ah-panel:#ffffff;--ah-raised:#e4ebf4;--ah-line:#d3dce8;--ah-line-2:#aebccf;
  --ah-text:#0f1620;--ah-muted:#4f5d75;--ah-faint:#65738a;
  --ah-neon:#0284c7;--ah-neon-hi:#0ea5e9;--ah-neon-deep:#075985;--ah-neon-ink:#04131c;--ah-neon-soft:rgba(14,165,233,.12);
  --ah-shadow:0 18px 40px -22px rgba(20,40,70,.35);--ah-shadow-lg:0 32px 60px -30px rgba(20,40,70,.4);
  color-scheme:light;
}
:is(#sb-home,#sb-store) .ah-sky {position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.9}
:is(#sb-home,#sb-store) a {color:inherit;text-decoration:none}
:is(#sb-home,#sb-store) .wrap {max-width:var(--wrap);padding-inline:24px}
:is(#sb-home,#sb-store) .section {padding-block:72px}
:is(#sb-home,#sb-store) .section-sm {padding-block:36px}
:is(#sb-home,#sb-store) ::selection {background:var(--ah-neon);color:#04131c}
:is(#sb-home,#sb-store) :focus-visible {outline:2px solid var(--ah-neon);outline-offset:3px;border-radius:4px}
:is(#sb-home,#sb-store) ::-webkit-scrollbar {width:10px;height:10px}
:is(#sb-home,#sb-store) ::-webkit-scrollbar-thumb {background:var(--ah-line-2);border-radius:8px;border:2px solid var(--ah-bg)}
:is(#sb-home,#sb-store) h2 {font-family:var(--display);font-weight:650;font-size:clamp(30px,3.4vw,46px);line-height:1.1;letter-spacing:-.03em;text-transform:none;margin:0;color:var(--ah-text);text-wrap:balance}
:is(#sb-home,#sb-store) .ah-head h2 em {font-style:normal;font-weight:750;color:var(--ah-neon)}
:is(#sb-home,#sb-store) .ah-head h2 {max-width:26ch}
:is(#sb-home,#sb-store) h3 {font-family:var(--display);text-transform:none;letter-spacing:0}
:is(#sb-home,#sb-store) .action-arrow {width:14px;height:14px;flex:none}
:is(#sb-home,#sb-store) .ah-lead {font-size:16px;line-height:1.65;color:var(--ah-muted);margin:16px 0 0;max-width:62ch}

/* Buttons: Exo 2, uppercase, one neon fill for the primary action. */
:is(#sb-home,#sb-store) .btn {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 20px;border-radius:10px;font:700 13px/1.2 var(--display);letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent;cursor:pointer;white-space:nowrap;box-shadow:none;filter:none;transition:transform .18s ease-out,box-shadow .22s ease-out,background .18s ease-out,border-color .18s ease-out,color .18s ease-out}
:is(#sb-home,#sb-store) .btn-lg {min-height:54px;padding:0 26px;font-size:13.5px}
:is(#sb-home,#sb-store) .btn-sm {min-height:40px;padding:0 15px;font-size:11.5px;border-radius:9px}
:is(#sb-home,#sb-store) .btn-primary,:is(#sb-home,#sb-store) .btn-mint {background:var(--ah-neon);color:var(--ah-neon-ink);border-color:var(--ah-neon);text-shadow:none}
:is(#sb-home,#sb-store) .btn-primary:hover,:is(#sb-home,#sb-store) .btn-mint:hover {background:var(--ah-neon-hi);border-color:var(--ah-neon-hi);color:var(--ah-neon-ink);transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(62,201,255,.55);filter:none}
:is(#sb-home,#sb-store) .btn-outline {background:transparent;color:var(--ah-text);border-color:var(--ah-line-2)}
:is(#sb-home,#sb-store) .btn-outline:hover {border-color:var(--ah-neon);color:var(--ah-neon);background:var(--ah-neon-soft);transform:translateY(-2px);box-shadow:none}
:is(#sb-home,#sb-store) .btn .action-arrow {transition:transform .22s cubic-bezier(.16,1,.3,1)}
:is(#sb-home,#sb-store) .btn:hover .action-arrow {transform:translate(2px,-2px)}

/* ---------- Header ---------- */
:is(#sb-home,#sb-store) .premium-utility {background:var(--ah-bg-2);border-bottom:1px solid var(--ah-line);color:var(--ah-muted);font-size:11.5px;letter-spacing:.02em}
:is(#sb-home,#sb-store) .premium-utility>.wrap {min-height:36px;gap:22px}
:is(#sb-home,#sb-store) .booster-presence {display:inline-flex;align-items:center;gap:8px;font-weight:600}
:is(#sb-home,#sb-store) .booster-presence i {width:7px;height:7px;border-radius:50%;background:var(--ah-fel)}
:is(#sb-home,#sb-store) .booster-presence strong {color:var(--ah-text)}
:is(#sb-home,#sb-store) .utility-links a {color:var(--ah-muted);font-weight:500;transition:color .18s}
:is(#sb-home,#sb-store) .utility-links a:hover {color:var(--ah-neon)}
:is(#sb-home,#sb-store) .locale-switcher>summary {background:transparent;border:1px solid transparent;color:var(--ah-muted);height:30px;border-radius:8px;font-size:11.5px;font-weight:600}
:is(#sb-home,#sb-store) .locale-switcher>summary:hover,:is(#sb-home,#sb-store) .locale-switcher[open]>summary {background:var(--ah-raised);border-color:var(--ah-line-2);color:var(--ah-text)}
:is(#sb-home,#sb-store) .locale-panel {background:var(--ah-panel);border:1px solid var(--ah-line-2);box-shadow:var(--ah-shadow);color:var(--ah-text)}
:is(#sb-home,#sb-store) .premium-header {background:var(--ah-bg);border-bottom:1px solid var(--ah-line);box-shadow:none;transition:box-shadow .3s}
:is(#sb-home,#sb-store) .premium-header.is-scrolled {box-shadow:0 14px 30px -24px rgba(0,0,0,.8)}
:is(#sb-home,#sb-store) .premium-header::after {content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--ah-neon) 35%,var(--ah-neon) 65%,transparent);opacity:.45;transform:none;box-shadow:none}
:is(#sb-home,#sb-store) .premium-header .premium-header-row {min-height:82px;gap:22px}
:is(#sb-home,#sb-store) :is(.premium-header>.wrap,.premium-utility>.wrap) {width:100%;max-width:none;padding-inline:clamp(20px,2vw,40px)}
:is(#sb-home,#sb-store) .premium-header .logo {--cta:var(--ah-neon);--cta-ink:var(--ah-neon-ink);color:var(--ah-text);gap:11px}
:is(#sb-home,#sb-store) .premium-header .logo>svg {width:40px;height:40px;filter:none}
:is(#sb-home,#sb-store) .premium-header .logo span {font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:.02em;line-height:1;color:var(--ah-text);text-transform:uppercase}
:is(#sb-home,#sb-store) .premium-header .logo b {color:var(--ah-neon)}
:is(#sb-home,#sb-store) .premium-header .logo small {display:block;font-family:var(--display);font-size:8.5px;font-weight:600;letter-spacing:.28em;color:var(--ah-faint);margin-top:6px}
:is(#sb-home,#sb-store) .premium-header .catalog-nav {gap:6px}
:is(#sb-home,#sb-store) .premium-header .games-menu>summary {display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 16px;border-radius:10px;background:linear-gradient(135deg,#79eaff,#13bced);border:1px solid #80eaff;color:#032132;font:750 12.5px/1 var(--display);letter-spacing:.07em;text-transform:uppercase;box-shadow:0 6px 24px -8px #14c9ff8c,inset 0 1px 0 #d5faffb3;cursor:pointer;transition:box-shadow .2s,filter .2s}
:is(#sb-home,#sb-store) .premium-header .games-menu>summary .games-symbol {width:20px;height:20px;color:inherit;transition:transform .25s}
:is(#sb-home,#sb-store) .premium-header .games-menu>summary .games-chevron {width:14px;height:14px;color:#04131c;opacity:1;stroke-width:2.2;transition:transform .25s}
:is(#sb-home,#sb-store) .premium-header .games-menu>summary:hover,:is(#sb-home,#sb-store) .premium-header .games-menu>summary:focus-visible,:is(#sb-home,#sb-store) .premium-header .games-menu[open]>summary {filter:none;border-color:#90eeff;box-shadow:0 0 0 1px #36d5ff66,0 0 9px 1px #20caff80,0 0 24px 2px #13bbed40,inset 0 1px 0 #d5faff80}
html[data-mode="light"] :is(#sb-home,#sb-store) .premium-header .games-menu>summary {background:linear-gradient(135deg,#32caff,#0594dd);border-color:#0086c7;color:#032132;box-shadow:0 3px 8px -4px #075a8a66,inset 0 1px 0 #bcefff80}
:is(#sb-home,#sb-store) .premium-header .games-menu>summary {position:relative;overflow:visible}
:is(#sb-home,#sb-store) .premium-header .games-menu>summary::after {content:none}
html[data-mode="light"] :is(#sb-home,#sb-store) .premium-header .games-menu>summary:hover,html[data-mode="light"] :is(#sb-home,#sb-store) .premium-header .games-menu>summary:focus-visible,html[data-mode="light"] :is(#sb-home,#sb-store) .premium-header .games-menu[open]>summary {border-color:#0079b9;box-shadow:0 0 0 1px #088bc459,0 0 8px 1px #078bd280,0 0 20px 2px #087fcf38,inset 0 1px 0 #bcefff80;filter:none}
:is(#sb-home,#sb-store) .premium-header .games-menu[open] .games-chevron {transform:rotate(180deg)}
:is(#sb-home,#sb-store) .premium-header .catalog-nav>.nav-link {display:inline-flex;color:var(--ah-muted);font:600 13px/1.2 var(--display);letter-spacing:.04em;padding:10px 12px;border-radius:9px;transition:color .18s,background .18s}
@media(min-width:1101px) and (max-width:1250px) {:is(#sb-home,#sb-store) .premium-header .header-actions>.live-search {max-width:190px}:is(#sb-home,#sb-store) .premium-header .catalog-nav {gap:2px}:is(#sb-home,#sb-store) .premium-header .catalog-nav>.nav-link {font-size:12px;padding:10px 8px}:is(#sb-home,#sb-store) .premium-header:has(.header-wallet) .header-actions>.live-search {display:none}}
:is(#sb-home,#sb-store) .premium-header .nav-link:hover {color:var(--ah-text);background:var(--ah-raised)}
:is(#sb-home,#sb-store) .premium-header .header-actions {gap:8px}
:is(#sb-home,#sb-store) .premium-header .header-actions>.live-search {flex:1 1 0;max-width:none;min-width:0;margin-right:6px}
:is(#sb-home,#sb-store) .premium-header .search-form input {height:42px;border-radius:10px;background:var(--ah-panel);border:1px solid var(--ah-line-2);color:var(--ah-text);font-size:13px;padding-left:38px;min-height:0;transition:border-color .18s,box-shadow .18s}
:is(#sb-home,#sb-store) .premium-header .search-form input:focus {border-color:var(--ah-neon);box-shadow:0 0 0 3px var(--ah-neon-soft);outline:0}
:is(#sb-home,#sb-store) .premium-header input::placeholder {color:var(--ah-faint);opacity:1}
:is(#sb-home,#sb-store) .premium-header .search-form>svg {color:var(--ah-faint)}
:is(#sb-home,#sb-store) .search-popover {background:var(--ah-panel);border:1px solid var(--ah-line-2);box-shadow:var(--ah-shadow);color:var(--ah-text)}
:is(#sb-home,#sb-store) .search-result {border-color:var(--ah-line)}
:is(#sb-home,#sb-store) .search-result[aria-selected="true"],:is(#sb-home,#sb-store) .search-result:hover {background:var(--ah-raised)}
:is(#sb-home,#sb-store) .search-all {background:var(--ah-raised);color:var(--ah-neon)}
:is(#sb-home,#sb-store) .premium-header .icon-btn {width:42px;height:42px;border-radius:10px;background:transparent;border:1px solid transparent;color:var(--ah-text);transition:background .18s,border-color .18s,color .18s}
:is(#sb-home,#sb-store) .premium-header .icon-btn:hover {background:var(--ah-raised);border-color:var(--ah-line-2);color:var(--ah-neon)}
:is(#sb-home,#sb-store) .premium-header .icon-btn svg {width:20px;height:20px}
:is(#sb-home,#sb-store) .premium-header .badge-count {background:var(--ah-neon);color:var(--ah-neon-ink);border:0;min-width:17px;height:17px;font-size:9.5px;line-height:17px;top:1px;right:1px}
:is(#sb-home,#sb-store) .premium-header .header-login {background:var(--ah-neon);color:var(--ah-neon-ink);border:1px solid var(--ah-neon);font-size:11.5px;letter-spacing:.1em;box-shadow:none;transform:none}
:is(#sb-home,#sb-store) .premium-header .header-login:hover {background:var(--ah-neon-hi);border-color:var(--ah-neon-hi);transform:translateY(-1px);box-shadow:0 10px 22px -12px rgba(62,201,255,.6)}
:is(#sb-home,#sb-store) .premium-header .header-avatar {width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ah-raised);border:1px solid var(--ah-neon);color:var(--ah-neon);font:700 14px/1 var(--display)}
:is(#sb-home,#sb-store) .premium-header .header-wallet {background:transparent;border:0;box-shadow:none;color:var(--ah-text);border-radius:8px}
:is(#sb-home,#sb-store) .premium-header .header-wallet strong {color:var(--ah-neon)}
@media(max-width:480px) {:is(#sb-home,#sb-store) .premium-header .header-wallet {display:flex!important;flex:0 0 auto!important;align-items:center;gap:6px!important;min-width:0!important;width:auto;max-width:none;padding:9px 10px!important}:is(#sb-home,#sb-store) .premium-header .header-wallet>span,:is(#sb-home,#sb-store) .premium-header .header-wallet .wallet-money {display:none}:is(#sb-home,#sb-store) .premium-header .header-wallet strong {white-space:nowrap;font-size:13px;line-height:20px}}
:is(#sb-home,#sb-store) .header-notification-panel {background:var(--ah-panel);border:1px solid var(--ah-line-2);color:var(--ah-text);box-shadow:var(--ah-shadow)}
:is(#sb-home,#sb-store) .premium-header .mobile-nav {background:var(--ah-bg-2);color:var(--ah-text);border-color:var(--ah-line)}
:is(#sb-home,#sb-store) .premium-header .mobile-nav a {color:var(--ah-text)}
:is(#sb-home,#sb-store) .premium-header .mobile-nav details {border-color:var(--ah-line)}
:is(#sb-home,#sb-store) .premium-header .mobile-nav summary {font:700 15px/1.3 var(--display);letter-spacing:.02em;padding:12px 0;cursor:pointer}
:is(#sb-home,#sb-store) .premium-header .mobile-nav .mobile-help {display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;padding:6px 0 10px;border-bottom:1px solid var(--ah-line);margin-bottom:6px}
:is(#sb-home,#sb-store) .premium-header .mobile-nav .mobile-help a {display:block;padding:9px 0;font:600 14px/1.3 var(--display);color:var(--ah-neon)}
:is(#sb-home,#sb-store) .premium-header .mobile-nav details a {display:block;padding:8px 0 8px 18px;font-size:14px;color:var(--ah-muted)}
:is(#sb-home,#sb-store) .premium-header .mobile-nav>a {display:block;padding:14px 0;font-weight:600}

/* Game launcher: click-to-open panel — games on the left, the active game's art, hubs and featured picks on the right, trust links underneath. */
:is(#sb-home,#sb-store) .games-launcher {top:calc(100% - 4px);left:50%;translate:-50% 0;width:min(1060px,calc(100vw - 48px));height:min(620px,calc(100dvh - 138px));max-height:calc(100dvh - 138px);overflow:hidden;overscroll-behavior:contain;padding:0;display:grid;grid-template-columns:288px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;border-radius:18px;border:1px solid var(--ah-line-2);background:var(--ah-panel);box-shadow:var(--ah-shadow-lg);color:var(--ah-text);isolation:isolate}
:is(#sb-home,#sb-store) .games-launcher::before {content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--ah-neon) 30%,var(--ah-neon) 70%,transparent);opacity:.8;z-index:1}
:is(#sb-home,#sb-store) .launcher-list {display:flex;flex-direction:column;gap:4px;padding:16px 14px;background:var(--ah-bg-2);border-right:1px solid var(--ah-line)}
:is(#sb-home,#sb-store) .launcher-tab {width:100%;text-align:left;font:inherit;cursor:pointer;background:none;--g:var(--ah-neon);position:relative;display:flex;align-items:center;gap:13px;padding:10px 12px;border-radius:12px;border:1px solid transparent;color:var(--ah-text);transition:background .15s,border-color .15s}
:is(#sb-home,#sb-store) .launcher-tab img {width:52px;height:52px;border-radius:9px;object-fit:cover;flex:none}
:is(#sb-home,#sb-store) .launcher-tab strong {display:block;font:700 15px/1.2 var(--display);letter-spacing:.01em}
:is(#sb-home,#sb-store) .launcher-tab small {display:block;font-size:12px;color:var(--ah-muted);margin-top:4px;font-variant-numeric:tabular-nums}
:is(#sb-home,#sb-store) .launcher-tab>svg {width:16px;height:16px;margin-left:auto;color:var(--ah-neon);opacity:0;transform:translateX(-4px);transition:opacity .15s,transform .15s}
:is(#sb-home,#sb-store) .launcher-tab:hover {background:var(--ah-raised)}
:is(#sb-home,#sb-store) .launcher-tab:is([aria-selected="true"],[data-active="true"]) {background:var(--ah-raised);border-color:var(--ah-line-2)}
:is(#sb-home,#sb-store) .launcher-tab:is([aria-selected="true"],[data-active="true"]) strong {color:var(--ah-neon)}
:is(#sb-home,#sb-store) .launcher-tab:is([aria-selected="true"],[data-active="true"])>svg {opacity:1;transform:none}
:is(#sb-home,#sb-store) .launcher-all {min-height:44px;display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:16px 12px 4px;font:700 12px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ah-neon)}
:is(#sb-home,#sb-store) .launcher-all:hover {color:var(--ah-neon-hi)}
:is(#sb-home,#sb-store) .launcher-list {min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
:is(#sb-home,#sb-store) .launcher-panes {min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;overscroll-behavior:contain}
:is(#sb-home,#sb-store) .launcher-pane {--g:var(--ah-neon);display:grid;align-content:start;gap:16px;padding:18px 20px 20px;min-height:100%;min-width:0;animation:none}
:is(#sb-home,#sb-store) .launcher-banner {position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;min-height:164px;padding:18px 20px;border-radius:14px;overflow:hidden;isolation:isolate;color:#fff;border:1px solid var(--ah-line-2)}
:is(#sb-home,#sb-store) .launcher-banner img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;z-index:-2;transition:transform 6s ease-out}
:is(#sb-home,#sb-store) .launcher-pane:hover .launcher-banner img {transform:scale(1.04)}
:is(#sb-home,#sb-store) .launcher-banner::after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,11,18,.94) 12%,rgba(8,11,18,.55) 60%,rgba(8,11,18,.25)),linear-gradient(0deg,rgba(8,11,18,.9),transparent 70%)}
:is(#sb-home,#sb-store) .launcher-kicker {display:block;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.78);margin-bottom:6px;max-width:36ch}
:is(#sb-home,#sb-store) .launcher-banner strong {font:700 26px/1.05 var(--display);letter-spacing:.01em;text-transform:uppercase}
:is(#sb-home,#sb-store) .launcher-cta {min-height:44px;display:inline-flex;align-items:center;gap:8px;flex:none;height:38px;padding:0 16px;border-radius:9px;background:var(--ah-neon);color:var(--ah-neon-ink);font:700 12px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;transition:background .18s,transform .18s}
:is(#sb-home,#sb-store) .launcher-cta:hover {background:var(--ah-neon-hi);color:var(--ah-neon-ink);transform:translateY(-1px)}
:is(#sb-home,#sb-store) .launcher-cats {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
:is(#sb-home,#sb-store) .launcher-cats a {display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 2px;border-bottom:1px solid var(--ah-line);color:var(--ah-text);transition:color .15s,padding .15s}
:is(#sb-home,#sb-store) .launcher-cats a:hover {color:var(--ah-neon);padding-left:6px}
:is(#sb-home,#sb-store) .launcher-cats strong {font:600 14px/1.3 var(--display)}
:is(#sb-home,#sb-store) .launcher-cats small {font-size:12px;color:var(--ah-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
:is(#sb-home,#sb-store) .launcher-featured {display:grid;gap:2px;padding-top:2px}
:is(#sb-home,#sb-store) .launcher-label {display:block;margin:0 0 8px;font:700 11px/1 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--ah-faint)}
:is(#sb-home,#sb-store) .launcher-featured a {display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:7px 10px;margin:0 -10px;border-radius:10px;color:var(--ah-text);transition:background .15s}
:is(#sb-home,#sb-store) .launcher-featured a:hover {background:var(--ah-raised)}
:is(#sb-home,#sb-store) .launcher-featured img {width:56px;height:36px;border-radius:6px;object-fit:cover}
:is(#sb-home,#sb-store) .launcher-featured strong {display:block;font:600 13.5px/1.3 var(--display)}
:is(#sb-home,#sb-store) .launcher-featured small {display:block;font-size:11.5px;color:var(--ah-muted);margin-top:2px}
:is(#sb-home,#sb-store) .launcher-featured b {color:var(--ah-neon);font:700 13px/1 var(--display);white-space:nowrap;font-variant-numeric:tabular-nums}
:is(#sb-home,#sb-store) .launcher-foot {grid-column:1/-1;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-top:1px solid var(--ah-line);background:var(--ah-bg-2);font-size:11.5px;overflow-x:auto;scrollbar-width:thin}
:is(#sb-home,#sb-store) .launcher-foot>span {display:none}
:is(#sb-home,#sb-store) .launcher-foot a {white-space:nowrap;flex:none}
:is(#sb-home,#sb-store) .launcher-foot a {color:var(--ah-muted);transition:color .15s}
:is(#sb-home,#sb-store) .launcher-foot a:hover {color:var(--ah-neon)}
:is(#sb-home,#sb-store) .games-menu[open] .games-panel {animation:ah-panel .26s cubic-bezier(.16,1,.3,1)}

/* ---------- Hero ---------- */
:is(#sb-home,#sb-store) .ah-hero {position:relative;overflow:hidden;margin:0;border:0;border-radius:0;background:#07090e;color:#eef3f8;isolation:isolate}
:is(#sb-home,#sb-store) .ah-hero-art {position:absolute;inset:0;z-index:-3;background-size:cover;background-position:center 30%;opacity:.78;transform:scaleX(-1) scale(1.04) translate3d(calc(var(--px,0px) * .6),calc(var(--py,0px) * -.6),0);transition:transform .6s cubic-bezier(.16,1,.3,1)}
:is(#sb-home,#sb-store) .ah-hero::before {content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,9,14,.97) 0%,rgba(7,9,14,.9) 34%,rgba(7,9,14,.38) 66%,rgba(7,9,14,.55) 100%),linear-gradient(0deg,var(--ah-bg) 0%,rgba(8,11,18,.35) 26%,transparent 58%)}
:is(#sb-home,#sb-store) .ah-hero::after {content:"";position:absolute;z-index:-1;width:min(62vw,780px);aspect-ratio:1;right:-6%;top:4%;background:radial-gradient(circle,rgba(62,201,255,.2),rgba(62,201,255,.06) 38%,transparent 66%);pointer-events:none}
:is(#sb-home,#sb-store) .ah-hero-grid {display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:32px;align-items:end;min-height:640px;padding:0 24px}
:is(#sb-home,#sb-store) .ah-hero-copy {position:relative;z-index:2;align-self:center;padding:48px 0 64px;animation:ah-rise .7s cubic-bezier(.16,1,.3,1) both}
:is(#sb-home,#sb-store) .ah-hero h1 {font-family:var(--display);font-weight:700;font-size:clamp(40px,4.8vw,66px);line-height:1;letter-spacing:0;text-transform:uppercase;margin:0 0 22px;max-width:12ch;color:#fff;text-wrap:balance}
:is(#sb-home,#sb-store) .ah-hero h1 em {font-style:normal;color:var(--ah-neon-hi)}
html[data-mode="light"] :is(#sb-home,#sb-store) .ah-hero h1 em {color:#8fe3ff}
:is(#sb-home,#sb-store) .ah-hero .lead {font-size:17px;line-height:1.7;color:#d5dbe4;max-width:52ch;margin:0 0 24px}
:is(#sb-home,#sb-store) .ah-hero .hero-actions {display:flex;flex-wrap:wrap;gap:12px;margin:0}
:is(#sb-home,#sb-store) .ah-hero-trustpilot {display:inline-flex;align-items:center;gap:10px;min-height:54px;margin-left:12px;padding:4px 0;color:#fff}
:is(#sb-home,#sb-store) .ah-hero-trustpilot svg {color:#00b67a;flex:none}
:is(#sb-home,#sb-store) .ah-hero-trustpilot span {display:grid;gap:3px}
:is(#sb-home,#sb-store) .ah-hero-trustpilot small {font-size:11px;line-height:1.3;color:#d5dbe4}
:is(#sb-home,#sb-store) .ah-hero-trustpilot strong {font-size:22px;line-height:1.1;font-weight:650;letter-spacing:-.025em;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .18s}
:is(#sb-home,#sb-store) .ah-hero-trustpilot:hover strong {text-decoration-color:#00b67a}
:is(#sb-home,#sb-store) .ah-hero .btn-outline {background:rgba(8,11,18,.6);color:#fff;border-color:rgba(255,255,255,.26)}
:is(#sb-home,#sb-store) .ah-hero .btn-outline:hover {border-color:var(--ah-neon);color:#8fe3ff;background:rgba(62,201,255,.12)}
:is(#sb-home,#sb-store) .ah-hero-proof {display:flex;flex-wrap:wrap;gap:6px 0;list-style:none;margin:32px 0 0;padding:0;max-width:640px}
:is(#sb-home,#sb-store) .ah-hero-proof li {display:flex;flex-direction:column;gap:3px;padding:0 22px 0 0;margin-right:22px;border-right:1px solid rgba(255,255,255,.16)}
:is(#sb-home,#sb-store) .ah-hero-proof li:last-child {border-right:0;margin-right:0;padding-right:0}
:is(#sb-home,#sb-store) .ah-hero-proof strong {font:700 13px/1.3 var(--display);letter-spacing:.06em;text-transform:uppercase;color:#fff}
:is(#sb-home,#sb-store) .ah-hero-proof span {font-size:12.5px;line-height:1.45;color:#aeb6c4}
:is(#sb-home,#sb-store) .ah-hero-proof a {color:#8fe3ff;text-decoration:underline;text-underline-offset:3px}
:is(#sb-home,#sb-store) .ah-hero-count {display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;font:600 12.5px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:#a5e6ff}
:is(#sb-home,#sb-store) .ah-hero-count b {color:#fff;font-weight:700}
:is(#sb-home,#sb-store) .ah-hero-count i {width:22px;height:1px;background:var(--ah-neon)}

/* Command bar overlapping the hero's edge. */
:is(#sb-home,#sb-store) .ah-desk {position:relative;z-index:3;margin-top:-36px}
:is(#sb-home,#sb-store) .ah-desk .playdesk {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;margin:0;border:1px solid var(--ah-line-2);border-radius:14px;background:var(--ah-panel);box-shadow:var(--ah-shadow);overflow:hidden}
:is(#sb-home,#sb-store) .playdesk>a {display:flex;align-items:center;gap:14px;min-height:0;padding:18px 22px;color:var(--ah-text);border-left:1px solid var(--ah-line);transition:background .18s}
:is(#sb-home,#sb-store) .playdesk>a:first-child {border-left:0}
:is(#sb-home,#sb-store) .playdesk>a:hover,:is(#sb-home,#sb-store) .playdesk>a:focus-visible {background:var(--ah-neon-soft)}
:is(#sb-home,#sb-store) .playdesk>a:focus-visible {outline:2px solid var(--ah-neon);outline-offset:-3px;border-radius:0}
:is(#sb-home,#sb-store) .playdesk>a>svg:first-child {width:26px;height:26px;flex:none;color:var(--ah-neon)}
:is(#sb-home,#sb-store) .playdesk strong {display:block;font:700 14px/1.3 var(--display);color:var(--ah-neon);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:5px;transition:text-decoration-color .18s,color .18s}
:is(#sb-home,#sb-store) .playdesk>a:hover strong,:is(#sb-home,#sb-store) .playdesk>a:focus-visible strong {text-decoration-color:currentColor}
:is(#sb-home,#sb-store) .playdesk small {display:block;font-size:12.5px;color:var(--ah-muted);margin-top:2px}
:is(#sb-home,#sb-store) .playdesk>a>.playdesk-copy {min-width:0;flex:1;transform:none}

/* ---------- Section heads ---------- */
:is(#sb-home,#sb-store) .ah-head {display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:30px}
:is(#sb-home,#sb-store) .ah-link {display:inline-flex;align-items:center;gap:8px;font:700 12.5px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--ah-neon);white-space:nowrap}
:is(#sb-home,#sb-store) .ah-link:hover {color:var(--ah-neon-hi)}
:is(#sb-home,#sb-store) .ah-link .action-arrow {transition:transform .22s}
:is(#sb-home,#sb-store) .ah-link:hover .action-arrow {transform:translate(2px,-2px)}

/* ---------- Games: compact artwork banners, fully clickable ---------- */
:is(#sb-home,#sb-store) .ah-games {padding-top:72px}
:is(#sb-home,#sb-store) .ah-game-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
:is(#sb-home,#sb-store) .ah-game {position:relative;display:flex;align-items:flex-end;aspect-ratio:1.9;min-width:0;padding:18px;border-radius:12px;overflow:hidden;isolation:isolate;background:var(--ah-panel);border:1px solid var(--ah-line);transition:border-color .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out}
:is(#sb-home,#sb-store) .ah-game>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;z-index:-2;filter:saturate(1.1);transition:transform .55s cubic-bezier(.16,1,.3,1)}
:is(#sb-home,#sb-store) .ah-game::after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,12,24,.03) 20%,rgba(5,12,24,.90) 100%);pointer-events:none}
:is(#sb-home,#sb-store) .ah-game h3 {margin:0;color:#fff;font:800 21px/1.2 var(--display);text-transform:none;letter-spacing:0;text-wrap:balance;text-shadow:0 2px 8px #0008}
:is(#sb-home,#sb-store) .ah-game:hover {transform:translateY(-3px);border-color:var(--ah-neon);box-shadow:0 12px 24px -14px #00121dcc}
:is(#sb-home,#sb-store) .ah-game:hover>img {transform:scale(1.045)}
:is(#sb-home,#sb-store) .ah-game:focus-visible {outline-offset:4px}
@media(max-width:1100px) {
  :is(#sb-home,#sb-store) .ah-game {padding:14px}
  :is(#sb-home,#sb-store) .ah-game h3 {font-size:18px}
}
@media(max-width:800px) {
  :is(#sb-home,#sb-store) .ah-game-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media(max-width:480px) {
  :is(#sb-home,#sb-store) .ah-game {aspect-ratio:1.45;padding:12px}
  :is(#sb-home,#sb-store) .ah-game h3 {font-size:16px;line-height:1.25}
}

/* ---------- Featured services (shared product cards, restyled) ---------- */
:is(#sb-home,#sb-store) .ah-featured {padding-top:16px}
:is(#sb-home,#sb-store) .product-carousel {position:relative}
:is(#sb-home,#sb-store) .carousel-toolbar {max-width:none;margin:-10px 0 12px;padding:0;min-height:0;justify-content:flex-end;gap:14px}
:is(#sb-home,#sb-store) .carousel-controls button {width:40px;height:40px;border-radius:10px;background:var(--ah-panel);border:1px solid var(--ah-line-2);color:var(--ah-text);transition:border-color .18s,color .18s}
:is(#sb-home,#sb-store) .carousel-controls button:hover:not(:disabled) {border-color:var(--ah-neon);color:var(--ah-neon);box-shadow:none}
:is(#sb-home,#sb-store) .carousel-count {color:var(--ah-faint);font-size:12px;font-variant-numeric:tabular-nums}
:is(#sb-home,#sb-store) .carousel-track {--rail-gutter:0px;grid-auto-columns:calc((100% - 54px)/4);gap:18px;padding:14px 0 28px;margin:0}
:is(#sb-home,#sb-store) .product-card {position:relative;display:flex;flex-direction:column;min-height:0;background:var(--ah-panel);border:1px solid var(--ah-line);border-radius:14px;color:var(--ah-text);box-shadow:none;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .3s}
:is(#sb-home,#sb-store) .product-card:hover {transform:translateY(-4px)!important;border-color:var(--ah-line-2);box-shadow:var(--ah-shadow-lg)}
:is(#sb-home,#sb-store) .product-card .thumb {position:relative;height:158px;flex:none;aspect-ratio:auto;overflow:hidden;background:var(--ah-raised)}
:is(#sb-home,#sb-store) .product-card .thumb img {width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)!important}
:is(#sb-home,#sb-store) .product-card:hover .thumb img {transform:scale(1.05)!important}
:is(#sb-home,#sb-store) .product-card .thumb::before {display:none}
:is(#sb-home,#sb-store) .product-card .thumb::after {display:none}
:is(#sb-home,#sb-store) .product-card .category-art {min-height:0;height:100%}
:is(#sb-home,#sb-store) .product-badges {pointer-events:none;position:absolute;top:10px;left:10px;right:10px;z-index:2;display:flex;flex-wrap:wrap;gap:6px}
:is(#sb-home,#sb-store) .product-card .tag {display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;max-width:100%;font:800 12px/1.15 var(--display);letter-spacing:.025em;text-transform:uppercase;padding:7px 12px;border-radius:9px;background:#37516e;border:0;color:#fff;box-shadow:0 5px 14px -5px #0009;opacity:1;backdrop-filter:none;white-space:normal;text-align:center}
:is(#sb-home,#sb-store) .product-card .tag .badge-icon {display:block;flex:none;width:14px;height:16px}
:is(#sb-home,#sb-store) .product-card .tag.badge-hot {background:#d74700;box-shadow:0 0 16px #ff6a1673,0 4px 12px #0005}
:is(#sb-home,#sb-store) .product-card .tag.badge-preorder,:is(#sb-home,#sb-store) .product-card .tag.badge-upcoming {background:#823cdb;box-shadow:0 0 16px #b775ff7a,0 4px 12px #0005}
:is(#sb-home,#sb-store) .product-card .tag.badge-choice {background:#2466bb;box-shadow:0 0 14px #368bff70}
:is(#sb-home,#sb-store) .product-card .tag.badge-value {background:#137457;box-shadow:0 0 14px #27c08b65}
:is(#sb-home,#sb-store) .product-card .tag.badge-new {background:#087d79;box-shadow:0 0 14px #1bddc865}
:is(#sb-home,#sb-store) .product-card .tag.badge-sale {background:#e31e36;box-shadow:0 0 16px #ff29447a,0 4px 12px #0005}
:is(#sb-home,#sb-store) .product-card .tag.badge-soldout {background:#644054;color:#fff;box-shadow:0 0 12px #d471a54d}
:is(#sb-home,#sb-store) .product-card[data-availability="sold_out"] .thumb img {filter:saturate(.25) brightness(.75)}
:is(#sb-home,#sb-store) .product-card[data-availability="sold_out"] .price-from {color:#ff8fa3}
:is(#sb-home,#sb-store) .product-card .body {min-width:0;padding:16px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
:is(#sb-home,#sb-store) .product-card h3 {font:700 19px/1.2 var(--display);margin:0}
:is(#sb-home,#sb-store) .product-card h3 a {color:var(--ah-text)}
:is(#sb-home,#sb-store) .product-card .card-kicker {font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--ah-neon);text-transform:none}
:is(#sb-home,#sb-store) .product-card .card-benefits {list-style:none;margin:6px 0 0;padding:0;display:grid;gap:3px;font-size:12.5px;color:var(--ah-muted)}
:is(#sb-home,#sb-store) .product-card .card-benefits li {display:flex;gap:8px;align-items:flex-start;line-height:1.45}
:is(#sb-home,#sb-store) .product-card .card-benefits li::before {content:"";flex:none;width:5px;height:5px;margin-top:7px;border-radius:50%;background:var(--ah-neon)}
:is(#sb-home,#sb-store) .product-card .body>p {font-size:12.5px;line-height:1.6;color:var(--ah-muted);margin:4px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
:is(#sb-home,#sb-store) .product-card .trustpilot-block {border-color:var(--ah-line);margin-top:6px;padding:8px 0 0}
:is(#sb-home,#sb-store) .product-card .foot {margin-top:auto;padding-top:10px;border-top:1px solid var(--ah-line);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}
:is(#sb-home,#sb-store) .product-card .foot>div:only-child {grid-column:1/-1}
:is(#sb-home,#sb-store) .product-card .price-from {display:inline;margin-right:5px;font:700 10px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ah-faint)}
:is(#sb-home,#sb-store) .product-card .price {font:700 23px/1.1 var(--display);color:var(--ah-neon);font-variant-numeric:tabular-nums}
:is(#sb-home,#sb-store) .product-card .price-old {font-size:12px;color:var(--ah-faint);text-decoration:line-through;margin-left:6px}
:is(#sb-home,#sb-store) .card-buy-action {grid-column:2;grid-row:1/3;align-self:center;display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:8px;background:var(--ah-neon);border:1px solid var(--ah-neon);color:var(--ah-neon-ink);min-height:44px;justify-content:center;font:700 12px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;box-shadow:none;transition:background .18s,transform .18s}
:is(#sb-home,#sb-store) .card-buy-action:hover {background:var(--ah-neon-hi);color:var(--ah-neon-ink);transform:translateY(-1px)}
:is(#sb-home,#sb-store) .product-card .foot>.eta {grid-column:1;display:inline-flex;align-items:center;gap:7px;width:fit-content;margin-top:2px;padding:0;border:0;background:none;font-size:11.5px;color:var(--ah-muted)}
:is(#sb-home,#sb-store) .product-card .eta::before {content:"";width:6px;height:6px;border-radius:50%;background:var(--ah-fel)}
:is(#sb-home,#sb-store) .product-card .card-request {min-height:44px;display:inline-flex;align-items:center;gap:7px;margin-top:6px;padding:0;border:0;background:none;color:var(--ah-neon);font:700 12.5px/1.3 var(--display)}
:is(#sb-home,#sb-store) .product-card .card-request:hover {color:var(--ah-neon-hi)}

/* ---------- Interactive order guide ---------- */
:is(#sb-home,#sb-store) .og-layout {display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.35fr);align-items:center;gap:48px;min-height:432px;padding:32px;border-radius:16px;background:var(--ah-panel);border:1px solid var(--ah-line)}
:is(#sb-home,#sb-store) .og-steps {display:grid;gap:10px}
:is(#sb-home,#sb-store) .og-step {position:relative;display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:18px 18px 18px 22px;border:0;border-radius:10px;background:none;color:var(--ah-muted);font-family:var(--font);cursor:pointer;transition:background .2s ease-out,color .2s ease-out}
:is(#sb-home,#sb-store) .og-step:hover {background:var(--ah-raised);color:var(--ah-text)}
:is(#sb-home,#sb-store) .og-step-content {display:grid;gap:12px}
:is(#sb-home,#sb-store) .og-number {font:700 12px/26px var(--display);font-variant-numeric:tabular-nums;color:var(--ah-faint);flex:none}
:is(#sb-home,#sb-store) .og-title {display:block;font:700 22px/1.25 var(--display);color:inherit}
:is(#sb-home,#sb-store) .og-description {display:block;font-size:14px;line-height:1.7;color:var(--ah-muted)}
:is(#sb-home,#sb-store) .og-progress {position:absolute;top:18px;bottom:18px;left:0;width:3px;border-radius:3px;background:var(--ah-line-2);overflow:hidden}
:is(#sb-home,#sb-store) .og-progress::after {content:"";position:absolute;inset:0;background:var(--ah-neon);transform-origin:top;transform:scaleY(0)}
:is(#sb-home,#sb-store) .is-enhanced .og-step[aria-selected="true"] {background:var(--ah-raised);color:var(--ah-text)}
:is(#sb-home,#sb-store) .is-enhanced .og-step[aria-selected="true"] .og-number {color:var(--ah-neon)}
:is(#sb-home,#sb-store) .is-enhanced .og-step[aria-selected="true"] .og-progress::after {transform:scaleY(var(--guide-progress,0))}
:is(#sb-home,#sb-store) .is-enhanced .og-step[aria-selected="false"] .og-description {display:none}
:is(#sb-home,#sb-store) .og-visuals {min-width:0}
:is(#sb-home,#sb-store) .og-panel {margin:0 0 12px;overflow:hidden;border-radius:12px}
:is(#sb-home,#sb-store) .og-panel picture {display:block}
:is(#sb-home,#sb-store) .og-panel img {display:block;width:100%;height:clamp(360px,34vw,520px);object-fit:contain}
:is(#sb-home,#sb-store) .og-panel[hidden] {display:none}
:is(#sb-home,#sb-store) .is-enhanced .og-panel {margin:0;animation:og-reveal .45s cubic-bezier(.16,1,.3,1)}
:is(#sb-home,#sb-store) .og-caption {display:flex;gap:14px;align-items:center;margin-top:20px;color:var(--ah-muted);font-size:12px}
:is(#sb-home,#sb-store) .og-caption[hidden] {display:none}
:is(#sb-home,#sb-store) [data-guide-count] {font:700 12px/1 var(--display);color:var(--ah-neon);font-variant-numeric:tabular-nums;letter-spacing:.08em}
@keyframes og-reveal {from {opacity:.35;transform:translateX(12px)}to {opacity:1;transform:translateX(0)}}
@media(max-width:1000px) {
  :is(#sb-home,#sb-store) .og-layout {gap:24px;padding:24px;grid-template-columns:minmax(260px,.95fr) minmax(0,1fr)}
  :is(#sb-home,#sb-store) .og-title {font-size:20px}
}
@media(max-width:760px) {
  :is(#sb-home,#sb-store) .og-layout {grid-template-columns:1fr;gap:20px;padding:20px;min-height:0}
  :is(#sb-home,#sb-store) .og-visuals {grid-row:1}
  :is(#sb-home,#sb-store) .og-panel img {height:clamp(260px,80vw,380px)}
  :is(#sb-home,#sb-store) .og-step {padding:14px 12px 14px 18px}
  :is(#sb-home,#sb-store) .og-title {font-size:19px}
  :is(#sb-home,#sb-store) .og-description {font-size:13px}
  :is(#sb-home,#sb-store) .og-caption {margin-top:14px}
}
@media(prefers-reduced-motion:reduce) {
  :is(#sb-home,#sb-store) .is-enhanced .og-step[aria-selected="true"] .og-progress::after {transform:scaleY(1)}
}

/* ---------- Trust and loyalty ---------- */
:is(#sb-home,#sb-store) .ah-band {display:grid;grid-template-columns:1.15fr .85fr;gap:0;border:1px solid var(--ah-line);border-radius:16px;background:var(--ah-panel);overflow:hidden}
:is(#sb-home,#sb-store) .ah-band>div {padding:34px 36px}
:is(#sb-home,#sb-store) .ah-band>div+div {border-left:1px solid var(--ah-line);background:var(--ah-bg-2)}
:is(#sb-home,#sb-store) .ah-band h2 {font-size:clamp(22px,2.1vw,30px);margin:0 0 22px}
:is(#sb-home,#sb-store) .ah-trust-list {list-style:none;margin:0;padding:0;display:grid;gap:0}
:is(#sb-home,#sb-store) .ah-trust-list li {display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;padding:16px 0;border-top:1px solid var(--ah-line)}
:is(#sb-home,#sb-store) .ah-trust-list li:first-child {border-top:0;padding-top:0}
:is(#sb-home,#sb-store) .ah-trust-list strong {font:700 14.5px/1.4 var(--display);color:var(--ah-text)}
:is(#sb-home,#sb-store) .ah-trust-list p {margin:0;font-size:14px;line-height:1.65;color:var(--ah-muted)}
:is(#sb-home,#sb-store) .ah-trust-list a {color:var(--ah-neon);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ah-neon-soft)}
:is(#sb-home,#sb-store) .ah-trust-list a:hover {text-decoration-color:currentColor}
:is(#sb-home,#sb-store) .ah-loyalty>p {font-size:14px;line-height:1.65;color:var(--ah-muted);margin:0 0 24px;max-width:46ch}
:is(#sb-home,#sb-store) .ah-ranks {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:end}
:is(#sb-home,#sb-store) .ah-ranks li {--t:calc(var(--i,0) / 4);display:grid;gap:8px;text-align:center}
:is(#sb-home,#sb-store) .ah-ranks li::before {content:"";display:block;height:calc(28px + 64px * var(--t));border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--ah-neon),var(--ah-neon-deep));opacity:calc(.35 + .65 * var(--t))}
:is(#sb-home,#sb-store) .ah-ranks b {font:700 17px/1 var(--display);color:var(--ah-neon);font-variant-numeric:tabular-nums}
:is(#sb-home,#sb-store) .ah-ranks span {display:block;font:700 12px/1.2 var(--display);color:var(--ah-text)}
:is(#sb-home,#sb-store) .ah-ranks small {display:block;font-size:10.5px;color:var(--ah-faint);font-variant-numeric:tabular-nums}

/* ---------- Reviews ---------- */
:is(#sb-home,#sb-store) .ah-reviews {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}
:is(#sb-home,#sb-store) .ah-review {padding:24px;border:1px solid var(--ah-line);border-radius:14px;background:var(--ah-panel)}
:is(#sb-home,#sb-store) .ah-review .stars {color:var(--ah-neon);letter-spacing:2px;font-size:14px}
:is(#sb-home,#sb-store) .ah-review p {font-size:14.5px;line-height:1.7;color:var(--ah-text);margin:12px 0 14px}
:is(#sb-home,#sb-store) .ah-review small {font-size:12.5px;color:var(--ah-muted)}
:is(#sb-home,#sb-store) .ah-review small a {color:var(--ah-neon)}

/* ---------- FAQ: an introduction and a focused answer column ---------- */
:is(#sb-home,#sb-store) .ah-faq {display:grid;grid-template-columns:minmax(240px,.62fr) minmax(0,1fr);gap:72px;padding:76px 0 0;align-items:start}
:is(#sb-home,#sb-store) .ah-faq-intro h2 {font-size:clamp(28px,3vw,38px);line-height:1.14;text-wrap:initial}
:is(#sb-home,#sb-store) .ah-faq-intro h2 em {font-style:normal;color:var(--ah-neon)}
:is(#sb-home,#sb-store) .ah-faq-intro>p {font-size:16px;line-height:1.65;color:var(--ah-muted);max-width:29ch;margin:18px 0 0}
:is(#sb-home,#sb-store) .ah-faq-help {margin-top:36px;padding-top:26px;border-top:1px solid var(--ah-line)}
:is(#sb-home,#sb-store) .ah-faq-help strong {font:700 18px/1.3 var(--display);color:var(--ah-text)}
:is(#sb-home,#sb-store) .ah-faq-help p {font-size:14px;line-height:1.65;color:var(--ah-muted);max-width:34ch;margin:10px 0 16px}
:is(#sb-home,#sb-store) .ah-faq-help a {display:inline-flex;align-items:center;gap:9px;min-height:44px;color:var(--ah-neon);font-weight:700}
:is(#sb-home,#sb-store) .ah-faq-list {display:grid;gap:10px}
:is(#sb-home,#sb-store) .ah-faq-item {margin:0;padding:0;background:var(--ah-panel);border:1px solid var(--ah-line);border-radius:12px;overflow:hidden;transition:border-color .2s,background .2s}
:is(#sb-home,#sb-store) .ah-faq-item[open] {border-color:var(--ah-neon);background:var(--ah-raised)}
:is(#sb-home,#sb-store) .ah-faq-item summary {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;min-height:70px;list-style:none;font:600 17px/1.45 var(--display);color:var(--ah-text);cursor:pointer}
:is(#sb-home,#sb-store) .ah-faq-item summary::-webkit-details-marker {display:none}
:is(#sb-home,#sb-store) .ah-faq-item summary::after {content:none}
:is(#sb-home,#sb-store) .ah-faq-item summary:hover,:is(#sb-home,#sb-store) .ah-faq-item[open] summary {color:var(--ah-neon)}
:is(#sb-home,#sb-store) .ah-faq-toggle {display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid var(--ah-line-2);border-radius:8px;color:var(--ah-neon)}
:is(#sb-home,#sb-store) .ah-faq-item[open] .ah-faq-toggle {background:var(--ah-neon);border-color:var(--ah-neon);color:var(--ah-neon-ink)}
:is(#sb-home,#sb-store) .ah-faq-item[open] .ah-faq-vertical {display:none}
:is(#sb-home,#sb-store) .ah-faq-answer {padding:0 66px 24px 24px;color:var(--ah-muted);font-size:14.5px;line-height:1.8;max-width:72ch}
:is(#sb-home,#sb-store) .ah-faq-answer p {margin:0 0 12px}
:is(#sb-home,#sb-store) .ah-faq-answer p:last-child {margin-bottom:0}
:is(#sb-home,#sb-store) .ah-faq-answer a {color:var(--ah-neon);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px) {
  :is(#sb-home,#sb-store) .ah-faq {grid-template-columns:1fr;gap:28px;padding-top:52px}
  :is(#sb-home,#sb-store) .ah-faq-intro {display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
  :is(#sb-home,#sb-store) .ah-faq-help {grid-column:2;grid-row:1/3;margin-top:0;padding:0 0 0 24px;border-top:0;border-left:1px solid var(--ah-line)}
}
@media(max-width:600px) {
  :is(#sb-home,#sb-store) .ah-faq-intro {display:block}
  :is(#sb-home,#sb-store) .ah-faq-help {padding:20px 0 0;margin-top:22px;border-left:0;border-top:1px solid var(--ah-line)}
  :is(#sb-home,#sb-store) .ah-faq-item summary {padding:18px;gap:14px;font-size:16px}
  :is(#sb-home,#sb-store) .ah-faq-answer {padding:0 18px 22px;font-size:14px}
}

/* ---------- Support band: the one drenched surface on the page ---------- */
:is(#sb-home,#sb-store) .ah-cta {display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:48px;padding:38px 42px;border-radius:16px;background:var(--ah-neon);color:#04131c;box-shadow:var(--ah-shadow)}
:is(#sb-home,#sb-store) .ah-cta h2 {color:#04131c;font-size:clamp(22px,2.3vw,32px);margin:0 0 8px}
:is(#sb-home,#sb-store) .ah-cta p {margin:0;font-size:15px;line-height:1.6;color:#0d2f40;max-width:56ch}
:is(#sb-home,#sb-store) .ah-cta .btn {background:#04131c;color:#fff;border-color:#04131c}
:is(#sb-home,#sb-store) .ah-cta .btn:hover {background:#0f2431;border-color:#0f2431;color:#fff;box-shadow:0 14px 28px -14px rgba(4,19,28,.7)}

/* ---------- Blog ---------- */
:is(#sb-home,#sb-store) .ah-blog {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
:is(#sb-home,#sb-store) .blog-card {border:1px solid var(--ah-line);border-radius:14px;background:var(--ah-panel);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .3s}
:is(#sb-home,#sb-store) .blog-card:hover {transform:translateY(-4px);border-color:var(--ah-line-2);box-shadow:var(--ah-shadow-lg)}
:is(#sb-home,#sb-store) .blog-cover {height:172px;padding:22px;display:flex;justify-content:space-between;align-items:flex-end;background:var(--ah-raised);color:var(--ah-neon)}
:is(#sb-home,#sb-store) .blog-cover:has(img) {padding:0}
:is(#sb-home,#sb-store) .blog-cover img {width:100%;height:100%;object-fit:cover}
:is(#sb-home,#sb-store) .blog-cover span {font:700 11px/1 var(--display);letter-spacing:.16em;text-transform:uppercase}
:is(#sb-home,#sb-store) .blog-cover b {font:600 48px/1 var(--display);opacity:.5}
:is(#sb-home,#sb-store) .blog-card-body {padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
:is(#sb-home,#sb-store) .blog-card .card-kicker {font-size:11.5px;font-weight:600;color:var(--ah-neon)}
:is(#sb-home,#sb-store) .blog-card h2 {font:700 17px/1.4 var(--display);letter-spacing:0;margin:0;text-transform:none}
:is(#sb-home,#sb-store) .blog-card h2 a {color:var(--ah-text)}
:is(#sb-home,#sb-store) .blog-card p {font-size:13.5px;line-height:1.65;color:var(--ah-muted);margin:0}
:is(#sb-home,#sb-store) .blog-meta {margin-top:auto;padding-top:12px;font-size:11.5px;color:var(--ah-faint);display:flex;gap:12px;font-variant-numeric:tabular-nums}

/* ---------- Footer ---------- */
:is(#sb-home,#sb-store) .premium-footer {position:relative;padding:56px 0 30px;margin:0;background:var(--ah-bg-2);border-top:1px solid var(--ah-line);color:var(--ah-muted)}
:is(#sb-home,#sb-store) .premium-footer::before {display:none}
:is(#sb-home,#sb-store) .footer-intro {display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:0 0 30px;margin-bottom:34px;border-bottom:1px solid var(--ah-line)}
:is(#sb-home,#sb-store) .footer-intro .kicker {display:none}
:is(#sb-home,#sb-store) .footer-intro h2 {font-size:clamp(20px,2vw,28px);margin:0;color:var(--ah-text)}
:is(#sb-home,#sb-store) .footer-intro .btn {background:transparent;color:var(--ah-text);border-color:var(--ah-line-2)}
:is(#sb-home,#sb-store) .footer-intro .btn:hover {border-color:var(--ah-neon);color:var(--ah-neon)}
:is(#sb-home,#sb-store) .premium-footer .footer-grid {display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;padding-bottom:34px;border:0}
:is(#sb-home,#sb-store) .premium-footer h3 {margin:4px 0 16px!important;font:700 12px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--ah-text)}
:is(#sb-home,#sb-store) .premium-footer ul {list-style:none;margin:0;padding:0}
:is(#sb-home,#sb-store) .premium-footer li {margin:0 0 10px}
:is(#sb-home,#sb-store) .premium-footer a {color:var(--ah-muted);font-size:13.5px;transition:color .18s}
:is(#sb-home,#sb-store) .premium-footer a:hover {color:var(--ah-neon)}
:is(#sb-home,#sb-store) .premium-footer .logo {--cta:var(--ah-neon);--cta-ink:var(--ah-neon-ink);color:var(--ah-text);margin-bottom:16px}
:is(#sb-home,#sb-store) .premium-footer .logo span {font:700 18px/1 var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--ah-text)}
:is(#sb-home,#sb-store) .premium-footer .logo b {color:var(--ah-neon)}
:is(#sb-home,#sb-store) .footer-brand>p {max-width:300px;font-size:13.5px;line-height:1.75;margin:0 0 8px;color:var(--ah-muted)}
:is(#sb-home,#sb-store) .footer-email {color:var(--ah-neon)}
:is(#sb-home,#sb-store) .footer-socials {display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
:is(#sb-home,#sb-store) .footer-socials a {display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;border:1px solid var(--ah-line-2);background:var(--ah-panel);color:var(--ah-text);font-size:12px;font-weight:600;box-shadow:none}
:is(#sb-home,#sb-store) .footer-socials a:hover {border-color:var(--ah-neon);color:var(--ah-neon)}
:is(#sb-home,#sb-store) .footer-socials svg {width:14px;height:14px}
:is(#sb-home,#sb-store) .footer-assurance {display:flex;flex-wrap:wrap;gap:22px;align-items:center;padding:18px 0;border-top:1px solid var(--ah-line);border-bottom:1px solid var(--ah-line);font-size:12.5px;color:var(--ah-muted)}
:is(#sb-home,#sb-store) .footer-assurance span {display:inline-flex;align-items:center;gap:8px}
:is(#sb-home,#sb-store) .footer-assurance svg {width:18px;height:18px;color:var(--ah-neon)}
:is(#sb-home,#sb-store) .footer-assurance a {margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--ah-neon)}
:is(#sb-home,#sb-store) .legal-note {padding-top:20px;font-size:11.5px;line-height:1.7;color:var(--ah-faint)}
:is(#sb-home,#sb-store) .legal-note p {margin:0 0 6px}

/* ---------- Motion: one entrance, hover feedback, nothing waiting on scroll ---------- */
@keyframes ah-rise {from {opacity:0;transform:translate3d(0,14px,0)}to {opacity:1;transform:none}}
@keyframes ah-panel {from {opacity:0;transform:translateY(-8px)}to {opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce) {
  :is(#sb-home,#sb-store) *,:is(#sb-home,#sb-store) *::before,:is(#sb-home,#sb-store) *::after {animation:none!important;transition:none!important}
  :is(#sb-home,#sb-store) .btn:hover,:is(#sb-home,#sb-store) .ah-game:hover,:is(#sb-home,#sb-store) .product-card:hover,:is(#sb-home,#sb-store) .blog-card:hover {transform:none!important}
}

/* ---------- Responsive ---------- */
@media(max-width:1250px) {
  :is(#sb-home,#sb-store) .premium-header .premium-header-row {gap:16px}
  :is(#sb-home,#sb-store) .carousel-track {grid-auto-columns:calc((100% - 36px)/3)}
  :is(#sb-home,#sb-store) .ah-hero-grid {grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:580px}
  :is(#sb-home,#sb-store) .games-launcher {width:min(860px,calc(100vw - 48px));grid-template-columns:250px minmax(0,1fr)}
}
@media(max-width:1000px) {
  :is(#sb-home,#sb-store) .ah-hero-grid {grid-template-columns:1fr;min-height:0;gap:0}
  :is(#sb-home,#sb-store) .ah-hero-copy {padding:52px 0 40px}
  :is(#sb-home,#sb-store) .ah-band {grid-template-columns:1fr}
  :is(#sb-home,#sb-store) .ah-band>div+div {border-left:0;border-top:1px solid var(--ah-line)}
  :is(#sb-home,#sb-store) .ah-trust-list li {grid-template-columns:1fr;gap:6px}
  :is(#sb-home,#sb-store) .ah-blog {grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(#sb-home,#sb-store) .premium-footer .footer-grid {grid-template-columns:1.4fr 1fr 1fr}
}
@media(max-width:800px) {
  :is(#sb-home,#sb-store) .section {padding-block:52px}
  :is(#sb-home,#sb-store) .ah-games {padding-top:56px}
  :is(#sb-home,#sb-store) .ah-desk {margin-top:-28px}
  :is(#sb-home,#sb-store) .ah-desk .playdesk {grid-template-columns:1fr}
  :is(#sb-home,#sb-store) .playdesk>a {border-left:0;border-top:1px solid var(--ah-line);padding:15px 18px}
  :is(#sb-home,#sb-store) .playdesk>a:first-child {border-top:0}
  :is(#sb-home,#sb-store) .carousel-track {grid-auto-columns:calc((100% - 18px)/2)}
  :is(#sb-home,#sb-store) .ah-cta {padding:28px}
  :is(#sb-home,#sb-store) .premium-footer .footer-grid {grid-template-columns:1fr 1fr;gap:26px 18px}
  :is(#sb-home,#sb-store) .footer-brand {grid-column:1/-1}
  :is(#sb-home,#sb-store) .ah-band>div {padding:26px 24px}
}
@media(max-width:650px) {
  :is(#sb-home,#sb-store) .wrap {padding-inline:16px}
  :is(#sb-home,#sb-store) .ah-hero-grid {padding:0 16px}
  :is(#sb-home,#sb-store) .ah-hero-copy {padding:40px 0 28px}
  :is(#sb-home,#sb-store) .ah-hero h1 {font-size:clamp(34px,10vw,48px);max-width:11ch}
  :is(#sb-home,#sb-store) .ah-hero .lead {font-size:15px;margin-bottom:22px}
  :is(#sb-home,#sb-store) .ah-hero .btn-lg {min-height:48px;padding:0 18px;font-size:12px}
  :is(#sb-home,#sb-store) .ah-hero-proof {margin-top:26px;gap:12px 0}
  :is(#sb-home,#sb-store) .ah-hero-proof li {flex:1 1 100%;border-right:0;margin:0;padding:0;flex-direction:row;align-items:baseline;gap:10px}
  :is(#sb-home,#sb-store) .carousel-track {grid-auto-columns:82%;gap:16px}
  :is(#sb-home,#sb-store) .ah-ranks {gap:6px}
  :is(#sb-home,#sb-store) .ah-ranks small {display:none}
  :is(#sb-home,#sb-store) .ah-blog {grid-template-columns:1fr}
  :is(#sb-home,#sb-store) .ah-cta {padding:24px;margin-top:36px}
  :is(#sb-home,#sb-store) .ah-cta .btn {width:100%}
  :is(#sb-home,#sb-store) .faq summary {padding:15px 2px;font-size:15px}
  :is(#sb-home,#sb-store) .footer-assurance a {margin-left:0}
}
@media(max-width:480px) {
  :is(#sb-home,#sb-store) .premium-header .logo>span {display:block;white-space:nowrap;font-size:17px}
  :is(#sb-home,#sb-store) .premium-header .logo b {display:inline}
  :is(#sb-home,#sb-store) .premium-header .logo small {display:none}
  :is(#sb-home,#sb-store) .premium-header .logo>svg {width:32px;height:32px}
  :is(#sb-home,#sb-store) .ah-hero .hero-actions .btn {flex:1 1 100%}
  :is(#sb-home,#sb-store) .premium-footer .footer-grid {grid-template-columns:1fr 1fr}
}

/* The launcher is anchored to the header so it fits at every desktop width. */
:is(#sb-home,#sb-store) .premium-header .catalog-nav,
:is(#sb-home,#sb-store) .premium-header .games-menu {position:static}
:is(#sb-home,#sb-store) .launcher-pane[hidden] {display:none}
/* Preserve the full-card link without letting it cover the visible actions. */
:is(#sb-home,#sb-store) .product-card .card-buy-action,
:is(#sb-home,#sb-store) .product-card .card-request {position:relative;z-index:3;pointer-events:auto}
:is(#sb-home,#sb-store) .product-card .thumb::before {content:none;background:none;box-shadow:none}
:is(#sb-home,#sb-store) .product-card .thumb::after {content:"";display:block;position:absolute;inset:0;height:auto;background:linear-gradient(180deg,transparent 48%,var(--ah-panel) 100%);box-shadow:none;pointer-events:none}
:is(#sb-home,#sb-store) .product-card h3 a::after {background:none;box-shadow:none}
:is(#sb-home,#sb-store) .product-card .foot>div:has(.card-request) {display:grid;justify-items:start;gap:4px}
html[data-theme][data-mode] :is(#sb-home,#sb-store) .legal-note,
html[data-theme][data-mode] :is(#sb-home,#sb-store) .legal-note p {color:var(--ah-muted)}
html[data-mode="light"] :is(#sb-home,#sb-store) .product-card[data-availability="sold_out"] .price-from {color:#a32243}
:is(#sb-home,#sb-store) .launcher-tabs {display:grid;gap:4px}
:is(#sb-home,#sb-store) .ah-hero-copy {min-width:0}
@media(max-width:1000px) {
  :is(#sb-home,#sb-store) .ah-hero-copy {max-width:660px;padding-bottom:76px}
  :is(#sb-home,#sb-store) .ah-hero-art {background-position:35% center}
}
@media(max-width:650px) {
  :is(#sb-home,#sb-store) .ah-hero-copy {padding-bottom:64px}
  :is(#sb-home,#sb-store) .product-card .body {padding:16px}
}

/* One continuous atmospheric layer; the former dotted overlay is retired. */
html[data-theme] :is(#sb-home,#sb-store)::before {content:none;display:none}
:is(#sb-home,#sb-store) .ah-sky {opacity:1}
:is(#sb-home,#sb-store) .ah-game:hover,:is(#sb-home,#sb-store) .product-card:hover {border-color:var(--ah-neon)}
@media(min-width:801px) and (max-width:1100px) {
  :is(#sb-home,#sb-store) .carousel-track {grid-auto-columns:calc((100% - 18px)/2)}
}
@media(max-width:480px) {
  :is(#sb-home,#sb-store) .product-badges {right:10px;left:10px;top:10px;gap:6px}
  :is(#sb-home,#sb-store) .product-card .tag {font-size:11px;letter-spacing:.025em;padding:7px 10px;min-height:28px;gap:5px;border-radius:8px}
  :is(#sb-home,#sb-store) .product-card .tag .badge-icon {width:11px;height:14px}
  :is(#sb-home,#sb-store) .product-card .body {padding:14px 12px;gap:6px}
  :is(#sb-home,#sb-store) .product-card h3 {font-size:17px}
  :is(#sb-home,#sb-store) .product-card .card-kicker {font-size:10.5px}
  :is(#sb-home,#sb-store) .product-card .card-benefits {font-size:12px}
  :is(#sb-home,#sb-store) .product-card .price {font-size:21px}
  :is(#sb-home,#sb-store) .card-buy-action {padding:10px;min-width:48px}
}

/* Art-led game cards, with clear labels and real catalog counts. */
:is(#sb-home,#sb-store) .ah-game {aspect-ratio:1.58;padding:20px;align-items:stretch;justify-content:space-between;flex-direction:column;border-radius:24px}
:is(#sb-home,#sb-store) .ah-game>img {object-position:62% center}
:is(#sb-home,#sb-store) .ah-game::after {background:linear-gradient(90deg,rgba(5,12,24,.82),rgba(5,12,24,.12)),linear-gradient(0deg,rgba(5,12,24,.55),transparent 60%)}
:is(#sb-home,#sb-store) .ah-game-copy {display:grid;justify-items:start;gap:12px}
:is(#sb-home,#sb-store) .ah-game h3 {max-width:84%;font-size:22px;text-wrap:initial}
:is(#sb-home,#sb-store) .ah-game-feature {display:inline-flex;align-items:center;gap:9px;max-width:82%;padding:8px 11px;border-radius:12px;background:#f5f9ff20;color:#fff;font:600 12px/1.3 var(--font)}
:is(#sb-home,#sb-store) .ah-game-feature svg {flex:none}
:is(#sb-home,#sb-store) .ah-game-offers {align-self:flex-end;display:inline-flex;align-items:center;gap:5px;padding:8px 11px;border-radius:8px;background:#050c18;color:#fff;font:600 12px/1 var(--font);font-variant-numeric:tabular-nums}
:is(#sb-home,#sb-store) .ah-game-offers b {font-weight:800;color:#8eeaff}
:is(#sb-home,#sb-store) .ah-game:hover {border-color:#50dfff;box-shadow:0 0 24px -7px #24d7ff99,0 14px 26px -16px #00121dcc}
/* Keep the three factual Hero details aligned even when their copy wraps. */
:is(#sb-home,#sb-store) .ah-hero-proof {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:min(760px,calc(100vw - 48px));max-width:none}
:is(#sb-home,#sb-store) .ah-hero-proof li {min-width:0;margin:0;padding-right:20px}
/* Trust, process and earned savings share one brighter brand band. */
:is(#sb-home,#sb-store) .wrap.ah-band {width:calc(100% - 48px);max-width:calc(var(--wrap) - 48px);padding:0;grid-template-columns:1.06fr .94fr;border-color:var(--ah-line-2)}
:is(#sb-home,#sb-store) .ah-band>div {padding:36px}
:is(#sb-home,#sb-store) .ah-band>div+div {background:linear-gradient(145deg,var(--ah-neon-soft),var(--ah-bg-2))}
:is(#sb-home,#sb-store) .ah-band h2 {font-size:clamp(26px,2.4vw,34px);line-height:1.12;text-wrap:initial;margin-bottom:18px}
:is(#sb-home,#sb-store) .ah-band h2 em {font-style:normal;color:var(--ah-neon)}
:is(#sb-home,#sb-store) .ah-trust-intro {font-size:15px;line-height:1.7;color:var(--ah-muted);margin:0 0 22px;max-width:48ch}
:is(#sb-home,#sb-store) .ah-trust-list li {grid-template-columns:1fr;gap:6px;padding:14px 0}
:is(#sb-home,#sb-store) .ah-trust-list strong {font-size:16px;color:var(--ah-neon)}
:is(#sb-home,#sb-store) .ah-trust-list p {font-size:14px}
:is(#sb-home,#sb-store) .ah-trust-link {display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-top:12px;font:700 14px/1.2 var(--display);color:var(--ah-neon)}
:is(#sb-home,#sb-store) .ah-loyalty .ah-loyalty-saving {display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;margin:24px 0 14px;font:600 16px/1.3 var(--display);color:var(--ah-text)}
:is(#sb-home,#sb-store) .ah-loyalty-saving strong {font:800 clamp(44px,4vw,64px)/1 var(--display);color:var(--ah-neon);letter-spacing:-.025em}
:is(#sb-home,#sb-store) .ah-ranks {margin-top:24px;gap:10px}
:is(#sb-home,#sb-store) .ah-ranks li::before {opacity:1;background:linear-gradient(180deg,var(--ah-neon),var(--ah-neon-deep));box-shadow:0 6px 14px -9px var(--ah-neon)}
:is(#sb-home,#sb-store) .ah-ranks b {font-size:21px}
:is(#sb-home,#sb-store) .ah-ranks small {color:var(--ah-muted)}
:is(#sb-home,#sb-store) .ah-loyalty-action {width:100%;margin-top:28px}
@media(max-width:1100px) {
  :is(#sb-home,#sb-store) .ah-game {padding:15px;aspect-ratio:1.3}
  :is(#sb-home,#sb-store) .ah-game h3 {font-size:19px}
  :is(#sb-home,#sb-store) .ah-game-feature {padding:7px 8px;font-size:11px;max-width:100%}
}
@media(max-width:1000px) {
  :is(#sb-home,#sb-store) .ah-hero-proof {width:100%}
  :is(#sb-home,#sb-store) .wrap.ah-band {grid-template-columns:1fr}
}
@media(max-width:650px) {
  :is(#sb-home,#sb-store) .ah-hero-proof {grid-template-columns:1fr;gap:14px}
  :is(#sb-home,#sb-store) .ah-hero-proof li {padding:0;display:grid;grid-template-columns:126px 1fr;align-items:start;gap:12px}
  :is(#sb-home,#sb-store) .wrap.ah-band {width:calc(100% - 32px)}
  :is(#sb-home,#sb-store) .ah-band>div {padding:26px 22px}
}
@media(max-width:480px) {
  :is(#sb-home,#sb-store) .ah-game {aspect-ratio:1.03;padding:12px;border-radius:18px}
  :is(#sb-home,#sb-store) .ah-game h3 {font-size:17px;max-width:100%}
  :is(#sb-home,#sb-store) .ah-game-feature {font-size:10px;gap:5px;padding:7px}
  :is(#sb-home,#sb-store) .ah-game-feature svg {width:13px;height:14px}
  :is(#sb-home,#sb-store) .ah-game-offers {padding:7px 8px;font-size:10px}
}
@media(prefers-reduced-motion:reduce) {
  :is(#sb-home,#sb-store) .ah-game:hover>img,:is(#sb-home,#sb-store) .product-card:hover .thumb img {transform:none!important}
}

/* Owner's rounded, solid-color All games reference, in SkillCarry cyan. */
:is(#sb-home,#sb-store) .premium-header .games-menu>summary {height:46px;padding-inline:20px;border:1px solid transparent;border-radius:14px;background:var(--ah-neon);color:#04131c;font:650 14px/1 var(--display);letter-spacing:.01em;text-transform:none;box-shadow:0 4px 16px -5px #12bce578,inset 0 1px 0 #ffffff35;transition:background .18s,box-shadow .18s}
html[data-mode="light"] :is(#sb-home,#sb-store) .premium-header .games-menu>summary {background:#20bdeb;border-color:transparent;color:#04131c;box-shadow:0 4px 16px -5px #049ed16b,inset 0 1px 0 #ffffff55}
:is(#sb-home,#sb-store) .premium-header .games-menu>summary:is(:hover,:focus-visible),:is(#sb-home,#sb-store) .premium-header .games-menu[open]>summary,html[data-mode="light"] :is(#sb-home,#sb-store) .premium-header .games-menu>summary:is(:hover,:focus-visible),html[data-mode="light"] :is(#sb-home,#sb-store) .premium-header .games-menu[open]>summary {background:#65def9;border-color:transparent;filter:none;box-shadow:0 5px 20px -4px #0abbe699,0 0 12px #19c9ef33,inset 0 1px 0 #ffffff55}

:is(#sb-home,#sb-store) .premium-header .header-wallet {min-width:0!important;padding:8px 10px!important;flex-shrink:0}

/* Mobile game navigation: independent disclosures, comfortable touch rows. */
:is(#sb-home,#sb-store) .premium-header .burger {-webkit-tap-highlight-color:transparent;appearance:none;isolation:isolate;border-radius:12px;background:transparent;box-shadow:none;outline:none}
:is(#sb-home,#sb-store) .premium-header .burger svg {background:none}
:is(#sb-home,#sb-store) .premium-header .burger[aria-expanded="true"] {background:var(--ah-neon-soft);color:var(--ah-neon);border-color:var(--ah-line-2)}
:is(#sb-home,#sb-store) .premium-header .burger:focus-visible {outline:2px solid var(--ah-neon);outline-offset:3px}
@media(max-width:800px) {
 html.mobile-menu-open {overflow:hidden}
 :is(#sb-home,#sb-store) .premium-header {backdrop-filter:none;-webkit-backdrop-filter:none}
 :is(#sb-home,#sb-store) .premium-header #mobile-nav.open {position:fixed;top:var(--mobile-menu-top,130px);bottom:0;left:0;right:0;max-height:none;padding:18px 20px calc(24px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;background:var(--ah-bg);border-top:1px solid var(--ah-line);z-index:60}
 :is(#sb-home,#sb-store) #mobile-nav summary {display:flex;align-items:center;gap:12px;list-style:none;min-height:56px;padding:12px 8px;font-size:16px;letter-spacing:0;-webkit-tap-highlight-color:transparent}
 :is(#sb-home,#sb-store) #mobile-nav summary::-webkit-details-marker {display:none}
 :is(#sb-home,#sb-store) #mobile-nav summary>span {flex:1;min-width:0}
 :is(#sb-home,#sb-store) #mobile-nav summary>img {width:36px;height:36px;object-fit:cover;border-radius:8px}
 :is(#sb-home,#sb-store) #mobile-nav summary>svg {width:20px;height:20px;color:var(--ah-muted);transition:transform .18s;flex:none}
 :is(#sb-home,#sb-store) #mobile-nav details[open]>summary {color:var(--ah-neon)}
 :is(#sb-home,#sb-store) #mobile-nav details[open]>summary>svg {transform:rotate(180deg);color:var(--ah-neon)}
 :is(#sb-home,#sb-store) #mobile-nav .mobile-game-content {padding:0 0 12px 8px}
 :is(#sb-home,#sb-store) #mobile-nav .mobile-all-services {display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:10px 12px;margin:0 0 4px;border-radius:8px;background:var(--ah-neon-soft);color:var(--ah-neon);font-weight:650}
 :is(#sb-home,#sb-store) #mobile-nav .mobile-all-services svg {width:18px;height:18px}
 :is(#sb-home,#sb-store) #mobile-nav .mobile-menu-group {border:0}
 :is(#sb-home,#sb-store) #mobile-nav .mobile-menu-group>summary {font-size:14px;font-weight:600;min-height:46px;padding:10px 12px}
 :is(#sb-home,#sb-store) #mobile-nav .mobile-menu-group ul {list-style:none;margin:0 0 10px;padding:0}
 :is(#sb-home,#sb-store) #mobile-nav .mobile-menu-group li a {min-height:44px;padding:11px 14px 11px 24px;font-size:14px;line-height:1.5;border-radius:8px}
 :is(#sb-home,#sb-store) #mobile-nav a[aria-current="page"] {color:var(--ah-neon);background:var(--ah-neon-soft)}
 :is(#sb-home,#sb-store) #mobile-nav .mobile-help {margin:16px 0 0;border-top:1px solid var(--ah-line);border-bottom:0;padding:14px 8px 0;gap:0 20px}
 :is(#sb-home,#sb-store) #mobile-nav .mobile-help a {min-height:44px;display:flex;align-items:center;color:var(--ah-muted);font-size:14px}
}

/* All storefront touch feedback uses the actual rounded control, not WebKit's rectangular overlay.
   Inherited by links, labels, buttons, tabs, and their icons; keyboard focus stays intact. */
:is(#sb-home,#sb-store) {-webkit-tap-highlight-color:transparent}

/* Category titles are real links; mobile keeps its disclosure plus an explicit destination. */
:is(#sb-home,#sb-store) .launcher-group h3>.menu-category-link {display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:4px 0;color:inherit;font:inherit;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;border-radius:3px;transition:color .18s,text-decoration-color .18s}
:is(#sb-home,#sb-store) .launcher-group h3>.menu-category-link svg {width:14px;height:14px;flex:none;opacity:.65}
:is(#sb-home,#sb-store) .launcher-group h3>.menu-category-link:is(:hover,:focus-visible) {color:var(--ah-neon);text-decoration-color:currentColor}
:is(#sb-home,#sb-store) .launcher-group h3>.menu-category-link:focus-visible {outline:2px solid var(--ah-neon);outline-offset:4px}
:is(#sb-home,#sb-store) #mobile-nav .mobile-menu-group li>.mobile-category-all {display:flex;align-items:center;justify-content:space-between;color:var(--ah-neon);font-weight:650}

/* Uploaded hero video uses the same scene and poster, without mirroring the film. */
#sb-home .ah-hero-art {background-size:contain;background-repeat:no-repeat;background-position:right center;transform:none;transition:none}
#sb-home .ah-hero-video {inset:0 0 0 auto;width:auto;max-width:100%;height:100%;object-fit:contain;object-position:right center;transform:none;transition:none;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 22%)}
@media(max-width:800px){#sb-home .ah-hero-video{inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:65% center;mask-image:none}#sb-home .ah-hero-scene::before{background:linear-gradient(180deg,rgba(7,9,14,.64),rgba(7,9,14,.72) 65%,var(--ah-bg)),linear-gradient(90deg,rgba(7,9,14,.3),transparent)}}

/* Expanded game navigation: restrained accent, compact art, clear category hierarchy. */
:is(#sb-home,#sb-store) .games-launcher{width:min(1760px,calc(100vw - 40px));height:min(820px,calc(100dvh - var(--market-header-height,82px) - 64px));max-height:calc(100dvh - var(--market-header-height,82px) - 64px);grid-template-columns:230px minmax(0,1fr);border-radius:20px;box-shadow:0 26px 80px #0007,0 0 0 1px color-mix(in srgb,var(--ah-neon) 8%,transparent)}
:is(#sb-home,#sb-store) .launcher-list{padding:18px 12px;background:linear-gradient(160deg,var(--ah-neon-soft),transparent 55%),var(--ah-bg-2)}
:is(#sb-home,#sb-store) .launcher-tab{padding:12px 10px;gap:12px}
:is(#sb-home,#sb-store) .launcher-tab img{width:46px;height:46px;border:1px solid var(--ah-line-2)}
:is(#sb-home,#sb-store) .launcher-tab strong{font-size:14px;line-height:1.4}
:is(#sb-home,#sb-store) .launcher-tab small{font-size:11px}
:is(#sb-home,#sb-store) .launcher-pane{padding:20px 24px;gap:22px}
:is(#sb-home,#sb-store) .launcher-banner{min-height:110px;padding:20px 22px;border-radius:12px}
:is(#sb-home,#sb-store) .launcher-banner strong{font-size:24px;text-transform:none}
:is(#sb-home,#sb-store) .launcher-pane:hover .launcher-banner img{transform:none}
:is(#sb-home,#sb-store) .launcher-columns{display:block;column-count:3;column-gap:28px;padding:0}
:is(#sb-home,#sb-store) .launcher-group{display:inline-block;width:100%;break-inside:avoid;border-top:1px solid var(--ah-line);padding-top:12px;min-width:0;margin-bottom:22px}
:is(#sb-home,#sb-store) .launcher-group h3{font-size:16px;line-height:1.4;margin:0 0 10px;color:var(--ah-text)}
:is(#sb-home,#sb-store) .launcher-group h3>.menu-category-link{display:flex;min-height:34px;padding:0 0 0 10px;border-left:2px solid var(--ah-neon);border-radius:0;color:var(--ah-text);text-decoration:none}
:is(#sb-home,#sb-store) .launcher-group ul{gap:4px}
:is(#sb-home,#sb-store) .launcher-group .menu-subcategory a{display:block;padding:7px 10px;background:var(--ah-neon-soft);border:1px solid transparent;border-radius:6px;color:var(--ah-muted);font-size:12px;line-height:1.45;text-decoration:none}
:is(#sb-home,#sb-store) .launcher-group .menu-subcategory a:hover{border-color:var(--ah-line-2);color:var(--ah-neon)}
:is(#sb-home,#sb-store) .menu-product-link{display:flex!important;align-items:center;gap:10px;padding:5px 6px!important;border-radius:8px;text-decoration:none;font-size:12.5px!important;line-height:1.45;min-height:46px}
:is(#sb-home,#sb-store) .menu-product-link:hover{background:var(--ah-raised);text-decoration:none}
:is(#sb-home,#sb-store) .menu-product-thumb,:is(#sb-home,#sb-store) .menu-product-placeholder{width:36px;height:36px;flex:none;border-radius:7px;border:1px solid var(--ah-line-2);object-fit:cover}
:is(#sb-home,#sb-store) .menu-product-placeholder{display:grid;place-items:center;font:700 15px/1 var(--display);color:var(--ah-muted);background:var(--ah-raised)}
:is(#sb-home,#sb-store) .menu-product-placeholder{position:relative;overflow:hidden}
:is(#sb-home,#sb-store) .menu-product-placeholder .category-art{position:absolute;inset:0;width:100%;height:100%;min-height:0;border-radius:inherit;padding:0}
:is(#sb-home,#sb-store) .menu-product-placeholder .category-art>span,:is(#sb-home,#sb-store) .menu-product-placeholder .category-art>strong{display:none}
:is(#sb-home,#sb-store) .menu-product-placeholder .category-art>svg{position:absolute;inset:5px;width:24px;height:24px;margin:0;transform:none;opacity:.9}
:is(#sb-home,#sb-store) .launcher-foot{padding:12px 20px;font-size:11px}
@media(min-width:1700px){:is(#sb-home,#sb-store) .launcher-columns{column-count:4}:is(#sb-home,#sb-store) .games-launcher{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:1100px) and (min-width:801px){:is(#sb-home,#sb-store) .games-launcher{grid-template-columns:200px minmax(0,1fr)}:is(#sb-home,#sb-store) .launcher-columns{column-count:2}:is(#sb-home,#sb-store) .launcher-pane{padding:16px}}

:is(#sb-home,#sb-store) .premium-utility .utility-edit-page{display:inline-flex;align-items:center;gap:6px;margin-right:auto;color:var(--ah-neon);white-space:nowrap;font-size:12px;font-weight:600}
:is(#sb-home,#sb-store) .utility-edit-page svg{width:15px;height:15px;flex:none}
@media(max-width:600px){:is(#sb-home,#sb-store) .premium-utility:has(.utility-edit-page){display:block}:is(#sb-home,#sb-store) .premium-utility:has(.utility-edit-page) .wrap{display:flex;flex-wrap:wrap;gap:10px;padding-block:6px}}

/* Reserve the hero video box before metadata/first frame arrives. */
#sb-home .ah-hero-video{width:100%;height:100%;max-width:100%;}

/* css/reference-product-card.css */
/* The supplied final card, enlarged for complete live catalog content. */
:is(#sb-home,#sb-store) .carousel-track {grid-auto-columns:calc((100% - 48px)/4);gap:16px;padding-top:12px;padding-bottom:64px;margin-bottom:-38px;align-items:stretch}
:is(#sb-home,#sb-store) .product-card.ref-card {
  --rc-sale:#ff6464;--rc-button-ink:#04131c;
  position:relative;display:flex;flex-direction:column;grid-template-columns:none;
  width:100%;height:auto;min-height:420px;padding:0;gap:0;isolation:isolate;
  background:var(--ah-panel);border:1px solid var(--ah-line);border-top-color:var(--ah-line-2);
  border-radius:14px;overflow:hidden;box-shadow:0 6px 28px -8px #0007,inset 0 1px 0 #ffffff0d;
  transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease;
}
:is(#sb-home,#sb-store) .product-card.ref-card {transform:none!important}
:is(#sb-home,#sb-store) .product-card.ref-card:focus-within {outline:2px solid var(--ah-neon);outline-offset:-3px;border-radius:14px}
:is(#sb-home,#sb-store) .ref-card .card-desc p {margin:0 0 .6em}
:is(#sb-home,#sb-store) .ref-card .card-desc>:last-child {margin-bottom:0}
:is(#sb-home,#sb-store) .ref-card .card-desc :is(strong,b) {font-weight:700;color:var(--ah-text)}
:is(#sb-home,#sb-store) .ref-card .card-desc :is(ul,ol) {padding-left:1.2em;margin:0}
:is(#sb-home,#sb-store) .product-card.ref-card:hover {transform:translateY(-5px)!important;box-shadow:0 20px 48px -12px #0008,0 0 0 1px var(--ah-neon-soft)}
:is(#sb-home,#sb-store) .ref-card::before,:is(#sb-home,#sb-store) .ref-card::after {content:none}
:is(#sb-home,#sb-store) .ref-card .card-img {position:relative;height:180px;overflow:hidden;flex-shrink:0;isolation:isolate;background:var(--ah-panel)}
:is(#sb-home,#sb-store) .ref-card .card-img__bg {position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);max-width:none;object-fit:cover;object-position:center 30%;filter:saturate(1.1);transition:transform .6s ease}
:is(#sb-home,#sb-store) .ref-card:hover .card-img__bg {transform:scale(1.05)}
:is(#sb-home,#sb-store) .ref-card .card-img__bg {z-index:0}
:is(#sb-home,#sb-store) .ref-card .card-img__fade {position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--ah-panel) 40%,transparent) 52%,var(--ah-panel) 98%)}
:is(#sb-home,#sb-store) .ref-card .card-status,:is(#sb-home,#sb-store) .ref-card .discount-badge {position:absolute;top:10px;left:10px;z-index:5;display:inline-flex;align-items:center;gap:4px;box-sizing:border-box;height:24px;padding:0 10px;border:1px solid transparent;border-radius:6px;font:900 10px/1.2 var(--display);text-transform:uppercase;letter-spacing:.7px;white-space:nowrap;color:#fff}
:is(#sb-home,#sb-store) .ref-card .card-status .badge-icon {width:10px;height:12px;flex:none}
:is(#sb-home,#sb-store) .ref-card .card-status--hot {background:linear-gradient(90deg,#cf3100,#e94708);box-shadow:0 0 0 1px #ff50004d,0 3px 12px #c8280080}
:is(#sb-home,#sb-store) .ref-card .card-status--preorder {background:linear-gradient(90deg,#6531bc,#8950d8);box-shadow:0 0 0 1px #8c50ff4d,0 3px 12px #6428c880}
:is(#sb-home,#sb-store) .ref-card .card-status--soldout {background:var(--ah-raised);border:1px solid var(--ah-line-2);color:var(--ah-muted)}
:is(#sb-home,#sb-store) .ref-card .card-status--new,:is(#sb-home,#sb-store) .ref-card .card-status--choice,:is(#sb-home,#sb-store) .ref-card .card-status--value {background:var(--ah-neon-deep);color:#fff;box-shadow:0 3px 12px var(--ah-neon-soft)}
:is(#sb-home,#sb-store) .ref-card .discount-badge {background:linear-gradient(90deg,#c90e0e,#dd2323);box-shadow:0 0 0 1px #ff505059,0 3px 12px #c8000080}
:is(#sb-home,#sb-store) .ref-card .discount-badge b {font:inherit;letter-spacing:inherit}
:is(#sb-home,#sb-store) .ref-card .img-benefits {position:absolute;bottom:12px;left:12px;right:12px;display:flex;flex-wrap:wrap;gap:5px;z-index:2}
:is(#sb-home,#sb-store) .ref-card .benefit {display:block;min-width:0;max-width:100%;padding:5px 9px;border-radius:5px;font:800 10px/1.2 var(--display);letter-spacing:.3px;text-transform:uppercase;white-space:normal;overflow-wrap:anywhere;color:#fff;backdrop-filter:blur(8px) saturate(1.4);background:#063d58e6;border:1.5px solid #24d7ff;box-shadow:0 0 10px #00d2ff47,inset 0 1px 0 #00d2ff24}
:is(#sb-home,#sb-store) .ref-card .benefit:nth-child(2) {background:#37205ae6;border-color:var(--ah-arcane);box-shadow:0 0 10px #7c4dff47,inset 0 1px 0 #7c4dff24}
:is(#sb-home,#sb-store) .ref-card .img-classes {position:absolute;top:11px;right:11px;display:flex;align-items:center;flex-direction:row-reverse;z-index:3}
:is(#sb-home,#sb-store) .ref-card .img-classes>* {margin-left:-9px}
:is(#sb-home,#sb-store) .ref-card .img-classes>*:last-child {margin-left:0}
:is(#sb-home,#sb-store) .ref-card .cls-icon,:is(#sb-home,#sb-store) .ref-card .cls-icon--more {position:relative;width:30px;height:30px;border-radius:50%;flex-shrink:0}
:is(#sb-home,#sb-store) .ref-card .cls-icon img {display:block;width:30px;height:30px;border-radius:50%;object-fit:cover;filter:saturate(1.3) contrast(1.12) brightness(.92);box-shadow:0 0 0 2px var(--ah-bg),0 0 0 3.5px var(--ah-neon-soft),0 3px 10px #000b}
:is(#sb-home,#sb-store) .ref-card .cls-icon--more {display:grid;place-items:center;background:var(--ah-raised);box-shadow:0 0 0 2px var(--ah-bg),0 0 0 3.5px var(--ah-neon-soft);font:900 9px/1 var(--display);color:var(--ah-neon)}
:is(#sb-home,#sb-store) .ref-card .neon-line {position:relative;z-index:2;height:4px;margin-top:-3px;flex-shrink:0;background:linear-gradient(90deg,var(--ah-panel),var(--ah-neon) 25%,var(--ah-arcane) 55%,var(--ah-neon) 80%,var(--ah-panel)) bottom/100% 1px no-repeat,var(--ah-panel);box-shadow:none;pointer-events:none}
:is(#sb-home,#sb-store) .ref-card .card-body {background:var(--ah-panel)}
:is(#sb-home,#sb-store) .ref-card .card-body {padding:16px;display:flex;flex-direction:column;flex:1;min-width:0;gap:0}
:is(#sb-home,#sb-store) .ref-card h3.card-title {margin:0 0 8px;font:800 17px/1.3 var(--display);white-space:normal;overflow-wrap:anywhere;color:var(--ah-text)}
:is(#sb-home,#sb-store) .ref-card .card-title a {color:inherit}
:is(#sb-home,#sb-store) .ref-card .card-title a::after {content:"";position:absolute;inset:0;z-index:1}
:is(#sb-home,#sb-store) .ref-card .card-desc {margin:0;font:400 13px/1.55 var(--font);color:var(--ah-muted);display:block;overflow-wrap:anywhere}
:is(#sb-home,#sb-store) .ref-card .meta-row {display:flex;align-items:flex-start;gap:5px;flex-wrap:wrap;margin-top:auto;padding-top:14px;min-width:0}
:is(#sb-home,#sb-store) .ref-card .pill {display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:8px;font:700 10px/1.2 var(--font);color:var(--ah-muted);background:var(--ah-raised);border:1px solid var(--ah-line);white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis;max-width:100%}
:is(#sb-home,#sb-store) .ref-card .pill svg {flex:none}
:is(#sb-home,#sb-store) .ref-card .pill .pill-label {display:block;min-width:0;white-space:normal;overflow-wrap:anywhere;padding:0;border:0;border-radius:0;background:none;font:inherit;color:inherit;cursor:inherit}
:is(#sb-home,#sb-store) .ref-card .pill-dot {width:5px;height:5px;flex:none;border-radius:50%;background:var(--ah-neon);box-shadow:0 0 7px var(--ah-neon-soft)}
:is(#sb-home,#sb-store) .ref-card .card-foot {display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:52px;margin-top:11px;padding-top:12px;border-top:1px solid var(--ah-line)}
:is(#sb-home,#sb-store) .ref-card .price-block {display:flex;flex-direction:column;gap:1px;line-height:1}
:is(#sb-home,#sb-store) .ref-card .price-from {display:block;font:800 10px/1 var(--display);letter-spacing:1.2px;text-transform:uppercase;color:var(--ah-neon);margin:0}
:is(#sb-home,#sb-store) .ref-card .price-main {display:flex;align-items:baseline;gap:1px;font-variant-numeric:tabular-nums;color:var(--ah-text)}
:is(#sb-home,#sb-store) .ref-card .price-currency {font:900 13px/1 var(--display);color:var(--ah-neon);align-self:flex-start;margin-top:3px}
:is(#sb-home,#sb-store) .ref-card .price-currency--suffix {order:3;margin-left:3px}
:is(#sb-home,#sb-store) .ref-card .price-integer {font:900 28px/1 var(--display);letter-spacing:-.8px;color:inherit}
:is(#sb-home,#sb-store) .ref-card .price-decimal {font:800 14px/1 var(--display);color:var(--ah-muted);align-self:flex-end;margin-bottom:1px}
:is(#sb-home,#sb-store) .ref-card .price-old {display:block;margin:0;font:700 11px/1 var(--font);color:var(--ah-muted);text-decoration:line-through;text-decoration-color:var(--rc-sale)}
:is(#sb-home,#sb-store) .ref-card .price--sale {gap:2px}
:is(#sb-home,#sb-store) .ref-card .price--sale .price-main,:is(#sb-home,#sb-store) .ref-card .price--sale .price-currency,:is(#sb-home,#sb-store) .ref-card .price--sale .price-decimal {color:var(--rc-sale)}
:is(#sb-home,#sb-store) .ref-card .price--sale .price-integer {font-size:24px}
:is(#sb-home,#sb-store) .ref-card .btn-buy {position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:36px;padding:10px 13px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--ah-neon),var(--ah-neon-deep));color:var(--rc-button-ink);font:900 12px/1.2 var(--display);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;box-shadow:0 4px 14px var(--ah-neon-soft);transition:filter .18s ease,box-shadow .18s ease}
:is(#sb-home,#sb-store) .ref-card .btn-buy:hover {filter:brightness(1.12);box-shadow:0 6px 20px var(--ah-neon-soft)}
:is(#sb-home,#sb-store) .ref-card--sale .btn-buy {background:linear-gradient(135deg,#d92e35,#b60d19);color:#fff;box-shadow:0 4px 14px #dc1e1e40}
:is(#sb-home,#sb-store) .ref-card--soldout .card-img__bg {filter:saturate(.3) brightness(.55)}
:is(#sb-home,#sb-store) .ref-card .card-availability {font:800 11px/1.3 var(--display);color:var(--ah-muted)}
:is(#sb-home,#sb-store) .ref-card .card-request {background:var(--ah-raised);color:var(--ah-muted);border:1px solid var(--ah-line-2);box-shadow:none}
html[data-mode="light"] :is(#sb-home,#sb-store) .ref-card {--rc-sale:#b81c32;--rc-button-ink:#fff;box-shadow:0 6px 28px -10px #17365333,inset 0 1px 0 #fff}
html[data-mode="light"] :is(#sb-home,#sb-store) .product-card.ref-card:hover {box-shadow:0 14px 26px -12px #284b703b,0 0 0 1px var(--ah-neon-soft)}
html[data-mode="light"] :is(#sb-home,#sb-store) .ref-card .btn-buy {background:linear-gradient(135deg,#027cb9,#075985)}
html[data-mode="light"] :is(#sb-home,#sb-store) .ref-card--sale .btn-buy {background:linear-gradient(135deg,#d92e35,#b60d19)}
html[data-mode="light"] :is(#sb-home,#sb-store) .ref-card .card-request {background:var(--ah-raised);color:var(--ah-muted)}
@media(prefers-reduced-motion:reduce) {:is(#sb-home,#sb-store) .product-card.ref-card:hover,:is(#sb-home,#sb-store) .ref-card:hover .card-img__bg {transform:none!important}}
@media(max-width:1150px) {:is(#sb-home,#sb-store) .carousel-track {grid-auto-columns:calc((100% - 32px)/3)}}
@media(max-width:850px) {:is(#sb-home,#sb-store) .carousel-track {grid-auto-columns:calc((100% - 16px)/2)}}
@media(max-width:600px) {:is(#sb-home,#sb-store) .carousel-track {grid-auto-columns:86%}:is(#sb-home,#sb-store) .ref-card .btn-buy {min-height:40px}}

/* css/home-atmosphere.css */
/* Fine drifting dust and broad continuous light, inspired by the supplied product5.html. */
:is(#sb-home,#sb-store) .ah-atmosphere {
  --ambient-blue:rgba(19,112,158,.16);--ambient-violet:rgba(87,70,150,.13);--ambient-ice:rgba(37,104,128,.09);--dust-color:#c1dceb;
  position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--ah-bg);contain:strict;
}
html[data-mode="light"] :is(#sb-home,#sb-store) .ah-atmosphere {--ambient-blue:rgba(80,157,200,.12);--ambient-violet:rgba(127,120,181,.09);--ambient-ice:rgba(113,175,184,.06);--dust-color:#377ca6}
:is(#sb-home,#sb-store) .ah-atmosphere-wash {position:absolute;inset:-15%;background:radial-gradient(ellipse at 16% 32%,var(--ambient-blue),transparent 58%),radial-gradient(ellipse at 83% 58%,var(--ambient-violet),transparent 61%),radial-gradient(ellipse at 45% 94%,var(--ambient-ice),transparent 52%);animation:ah-air-flow 38s ease-in-out infinite alternate}
:is(#sb-home,#sb-store) .ah-atmosphere-dust {position:absolute;inset:0;color:var(--dust-color)}
:is(#sb-home,#sb-store) .ah-atmosphere-dust i {position:absolute;top:0;left:var(--x);width:var(--size);height:var(--size);border-radius:50%;background:currentColor;opacity:var(--alpha);animation:ah-dust-fall var(--duration) linear var(--delay) infinite;box-shadow:0 0 2px currentColor}
@keyframes ah-air-flow {from {transform:translate3d(-2%,-1%,0) scale(1)}to {transform:translate3d(3%,2%,0) scale(1.06)}}
@keyframes ah-dust-fall {from {transform:translate3d(0,-8vh,0)}to {transform:translate3d(var(--drift),108vh,0)}}
:is(#sb-home,#sb-store) .ah-atmosphere.is-paused *,:is(#sb-home,#sb-store) .ah-atmosphere.is-paused {animation-play-state:paused}
@media(prefers-reduced-motion:reduce) {:is(#sb-home,#sb-store) .ah-atmosphere-wash {animation:none}:is(#sb-home,#sb-store) .ah-atmosphere-dust {display:none}}

/* One continuous support scene: the video fades into the copy's themed surface. */
/* The hero scene dissolves beneath the command bar into the live page atmosphere.
   Keep the copy outside the mask so text and controls never fade. */
#sb-home .ah-hero {overflow:visible;background:transparent}
#sb-home .ah-hero::before,#sb-home .ah-hero::after {content:none}
#sb-home .ah-hero-scene {position:absolute;inset:0 0 -96px;z-index:-1;isolation:isolate;overflow:hidden;pointer-events:none;background:#07090e;mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 160px),rgba(0,0,0,.76) calc(100% - 118px),rgba(0,0,0,.26) calc(100% - 54px),transparent 100%)}
#sb-home .ah-hero-scene::before {content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,9,14,.97),rgba(7,9,14,.9) 34%,rgba(7,9,14,.38) 66%,rgba(7,9,14,.55)),linear-gradient(0deg,var(--ah-bg),rgba(8,11,18,.35) 26%,transparent 58%)}
#sb-home .ah-hero-scene::after {content:"";position:absolute;z-index:-1;width:min(62vw,780px);aspect-ratio:1;right:-6%;top:4%;background:radial-gradient(circle,rgba(62,201,255,.2),rgba(62,201,255,.06) 38%,transparent 66%)}
@media(max-width:800px){#sb-home .ah-hero-scene::before{background:linear-gradient(180deg,rgba(7,9,14,.64),rgba(7,9,14,.72) 65%,var(--ah-bg)),linear-gradient(90deg,rgba(7,9,14,.3),transparent)}}

:is(#sb-home,#sb-store) .ah-cta.ah-cta-video {position:relative;display:flex;gap:0;min-height:360px;padding:0;overflow:hidden;background:var(--ah-panel);color:var(--ah-text);isolation:isolate}
:is(#sb-home,#sb-store) .ah-manager-media {position:absolute;inset:0 auto 0 0;width:65%;min-width:0}
:is(#sb-home,#sb-store) .ah-manager-media video {display:block;width:100%;height:100%;object-fit:cover;object-position:38% center;mask-image:linear-gradient(90deg,#000 58%,transparent 100%)}
:is(#sb-home,#sb-store) .ah-manager-copy {position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;width:43%;margin-left:auto;padding:44px 44px 44px 12px}
:is(#sb-home,#sb-store) .ah-manager-copy h2 {margin:0;max-width:14ch;font-size:clamp(30px,3.1vw,44px);line-height:1.08;letter-spacing:-.02em;color:var(--ah-text)}
:is(#sb-home,#sb-store) .ah-manager-copy p {margin:0;max-width:34ch;font-size:16px;line-height:1.6;color:var(--ah-muted)}
:is(#sb-home,#sb-store) .ah-manager-copy .btn {margin-top:4px;background:var(--ah-neon);border-color:var(--ah-neon);color:var(--ah-neon-ink)}
:is(#sb-home,#sb-store) .ah-manager-copy .btn:hover {background:var(--ah-neon-hi);border-color:var(--ah-neon-hi);color:var(--ah-neon-ink)}
:is(#sb-home,#sb-store) .ah-video-toggle {position:absolute;left:16px;bottom:16px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #ffffff75;border-radius:50%;background:#081422d9;color:#fff;cursor:pointer}
:is(#sb-home,#sb-store) .ah-video-toggle[hidden] {display:none}
:is(#sb-home,#sb-store) .video-play-icon,:is(#sb-home,#sb-store) .ah-video-toggle.is-paused .video-pause-icon {display:none}
:is(#sb-home,#sb-store) .ah-video-toggle.is-paused .video-play-icon {display:block}
@media(max-width:850px) {:is(#sb-home,#sb-store) .ah-cta.ah-cta-video {display:block;min-height:0}:is(#sb-home,#sb-store) .ah-manager-media {position:relative;width:100%;aspect-ratio:16/9}:is(#sb-home,#sb-store) .ah-manager-media video {object-fit:contain;mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}:is(#sb-home,#sb-store) .ah-manager-copy {width:100%;margin:0;padding:8px 28px 32px;gap:16px}:is(#sb-home,#sb-store) .ah-manager-copy h2 {max-width:18ch;font-size:32px}:is(#sb-home,#sb-store) .ah-manager-copy .btn {width:auto}:is(#sb-home,#sb-store) .ah-video-toggle {bottom:28px}}
@media(max-width:480px) {:is(#sb-home,#sb-store) .ah-manager-copy {padding:8px 24px 28px}:is(#sb-home,#sb-store) .ah-manager-copy .btn {width:100%}}

/* css/site-arena.css */
/* Internal-page compositions in the approved SkillCarry homepage system.
   home-arena.css owns the shared palette, typeface, header, footer and buttons.
   All rules here are scoped to #sb-store so the approved homepage stays stable. */

#sb-store {
  --control-line:var(--ah-line-2);--accent-soft:var(--ah-neon-soft);--accent-line:var(--ah-neon);
  --success:#70f3aa;--success-soft:#12372d;--danger:#ff99ad;--danger-soft:#3a1c2a;--danger-line:#b15b75;
  --warn:#dbc1ff;--warn-soft:#2c2144;--warn-line:#79619f;--info:var(--ah-neon);--info-soft:var(--ah-raised);
  --green-50:var(--ah-bg-2);--green-100:var(--ah-raised);--green-200:var(--ah-line);--green-300:var(--ah-line-2);--green-950:var(--ah-text);
  --footer-bg:var(--ah-bg-2);--footer-text:var(--ah-muted);--footer-heading:var(--ah-text);--footer-line:var(--ah-line);
  --gold-soft:var(--ah-raised);--gold-line:var(--ah-line-2);--radius:14px;--radius-sm:10px;
  --font-mono:var(--font);
}
html[data-mode="light"] #sb-store {--ah-neon:#05608d;--ah-neon-hi:#044b70;--ah-neon-ink:#fff;--ah-faint:#5b6980;--success:#13734c;--success-soft:#e5f5ed;--danger:#ad2444;--danger-soft:#fff0f4;--danger-line:#d4889b;--warn:#654296;--warn-soft:#f0eafb;--warn-line:#b6a4cf}
#sb-store main {min-width:0;min-height:40vh}
#sb-store :is(h1,h2,h3,h4) {font-family:var(--display);color:var(--ah-text);text-transform:none;text-shadow:none;overflow-wrap:break-word}
#sb-store h1 {font-size:clamp(34px,3.5vw,50px);font-weight:750;line-height:1.08;letter-spacing:-.03em;margin:0 0 20px;text-wrap:balance}
#sb-store h2 {font-size:clamp(26px,2.4vw,34px);font-weight:650;line-height:1.18;letter-spacing:-.025em;margin:0 0 20px}
#sb-store h3 {font-size:20px;font-weight:700;line-height:1.35;letter-spacing:-.015em}
#sb-store :is(.lead,.sp-lead) {font-size:17px;line-height:1.7;color:var(--ah-muted);max-width:68ch;margin:0}
#sb-store :is(.muted,.faint,.small,.helptext,.bx-help,.bx-note,.card-kicker) {color:var(--ah-muted)}
#sb-store .kicker {display:none}
#sb-store a {text-underline-offset:4px}
#sb-store :is(.prose a,.article-body a,.field a,.auth-card p a,.auth-card .text-center a,.co-item-actions a,.co-item-actions .link-btn,.kv a,.article-sources a) {color:var(--ah-neon);text-decoration:underline;text-decoration-thickness:1px}
#sb-store :is(p,li,dd) {overflow-wrap:break-word}
#sb-store :is(.section-head,.spread) {gap:20px}
#sb-store .section-head {margin-bottom:24px}
#sb-store .section-head h2 {margin:0}
#sb-store .section-head .muted {margin:10px 0 0}
#sb-store .page-head {padding:48px 0 32px;background:transparent;border:0}
#sb-store .page-head h1 {max-width:25ch}
#sb-store .breadcrumbs {font-size:12px;line-height:1.6;color:var(--ah-faint);margin:0 0 24px;flex-wrap:wrap}
#sb-store .breadcrumbs a {color:var(--ah-muted)}
#sb-store .breadcrumbs a:hover {color:var(--ah-neon)}
#sb-store :is(.small,.helptext) {font-size:13px;line-height:1.6}
#sb-store :is(.price,[data-live-price],[data-mobile-price],.money,.sum-total strong,.co-item-price,.offer-price) {font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--ah-neon)}
#sb-store .section:last-child,#sb-store .section-sm:last-child {padding-bottom:64px}
#sb-store .premium-footer {margin-top:40px}

/* Controls share the same silhouette and state language as the homepage. */
#sb-store :is(.btn,.bx-buy,.bx-cart,.social-btn,.locale-apply) {font-family:var(--display);font-weight:750;border-radius:10px;text-shadow:none;filter:none}
#sb-store .btn {white-space:normal;padding-block:11px}
#sb-store .btn-lg {padding-block:14px}
#sb-store :is(.btn-ghost,.social-btn) {background:var(--ah-panel);border:1px solid var(--ah-line-2);color:var(--ah-text)}
#sb-store :is(.btn-ghost,.social-btn):hover {background:var(--ah-raised);border-color:var(--ah-neon)}
#sb-store .btn-danger {background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-line)}
#sb-store :is(button,.btn):is(:disabled,[aria-disabled="true"]) {background:var(--ah-raised);color:var(--ah-faint);border-color:var(--ah-line);opacity:.75;box-shadow:none;transform:none;cursor:not-allowed}
#sb-store .link-btn {font-family:var(--font);color:var(--ah-neon)}
#sb-store :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),select,textarea) {min-height:44px;border:1px solid var(--ah-line-2);border-radius:10px;background:var(--ah-bg-2);color:var(--ah-text);font:400 15px/1.5 var(--font);box-shadow:none;max-width:100%;accent-color:var(--ah-neon)}
#sb-store :is(input,textarea)::placeholder {color:var(--ah-faint);opacity:1}
#sb-store :is(input,select,textarea):focus {border-color:var(--ah-neon);outline:2px solid var(--ah-neon-soft);outline-offset:1px;box-shadow:0 0 0 2px var(--ah-neon-soft)}
#sb-store :is(input[type="checkbox"],input[type="radio"],input[type="range"]) {accent-color:var(--ah-neon)}
#sb-store :is(.field>label,.workspace-form label,.assignment-form label) {color:var(--ah-text);font-size:14px;font-weight:600}
#sb-store :is(.field-error,.errorlist) {color:var(--danger);font-size:13px}
#sb-store :is([aria-invalid="true"],.has-error input,.has-error textarea,.has-error select) {border-color:var(--danger)}
#sb-store .field {margin-bottom:20px}
#sb-store [aria-busy="true"] {cursor:progress}
#sb-store :is(.card,.fieldset,.summary,.order-panel,.table-wrap,.planning-tool,.auth-card,.workspace-form,.workspace-panel,.workspace-card,.workspace-stat,.chat-box,.chat-panel) {background:var(--ah-panel);color:var(--ah-text);border:1px solid var(--ah-line);border-radius:14px;box-shadow:none;backdrop-filter:none}
#sb-store .card {padding:26px}
#sb-store .card>h2,#sb-store form.card>h2 {font-size:26px;line-height:1.2;margin-bottom:24px}
#sb-store :is(.alert,.toast,.demo-notice) {border:1px solid var(--ah-line-2);border-radius:10px;background:var(--ah-raised);color:var(--ah-text);font-size:14px;line-height:1.6}
#sb-store :is(.alert-error,.alert-danger) {background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger)}
#sb-store .alert-success {background:var(--success-soft);border-color:var(--success);color:var(--success)}
#sb-store :is(.alert-warning,.demo-notice) {background:var(--warn-soft);border-color:var(--warn-line);color:var(--warn)}
#sb-store :is(.status,.role-chip,.state-chip,.sp-tags span,.chip,.tag) {font-family:var(--font);font-size:12px;line-height:1.3;font-weight:600;border:1px solid var(--ah-line-2);border-radius:8px;padding:6px 10px;background:var(--ah-raised);color:var(--ah-muted);text-transform:none;letter-spacing:0}
#sb-store :is(.status-completed,.status-done,.status-paid,.status-active,.is-online) {background:var(--success-soft);color:var(--success);border-color:var(--success)}
#sb-store :is(.status-in_progress,.status-in-progress,.status-processing,.status-assigned,.state-chip) {background:var(--ah-neon-soft);color:var(--ah-neon);border-color:var(--ah-line-2)}
#sb-store :is(.status-failed,.status-cancelled,.status-disputed) {background:var(--danger-soft);color:var(--danger);border-color:var(--danger-line)}
#sb-store :is(.chip-active,.chip:hover) {background:var(--ah-neon-soft);color:var(--ah-neon);border-color:var(--ah-neon)}

/* Catalog: a quiet navigation rail, game artwork and the same service cards. */
#sb-store .catalog-shell {width:100%;max-width:none;padding-inline:clamp(20px,2vw,40px);grid-template-columns:clamp(180px,13vw,240px) minmax(0,1fr);gap:clamp(24px,2vw,36px)}
#sb-store .catalog-shell main>.wrap,#sb-store .catalog-shell main>section>.wrap {max-width:none;padding-inline:0}
#sb-store .catalog-sidebar {top:calc(var(--market-header-height,82px) + 16px);max-height:none;overflow:visible;align-self:start;padding-block:18px;background:transparent}
#sb-store .catalog-sidebar.is-tall {position:static}
#sb-store .catalog-sidebar nav>a {min-height:44px;padding:11px 13px;border-radius:9px;color:var(--ah-muted);font-size:13px;font-weight:550}
#sb-store .catalog-sidebar nav>a:hover {background:var(--ah-panel);color:var(--ah-neon)}
#sb-store .catalog-sidebar nav>a[aria-current="page"] {background:var(--ah-raised);color:var(--ah-neon);font-weight:700;box-shadow:none}
#sb-store .sidebar-title {font:750 16px/1.3 var(--display);color:var(--ah-text);margin:28px 12px 12px}
#sb-store .sidebar-help {border-color:var(--ah-line);padding-top:22px;margin-top:28px}
#sb-store .sidebar-help strong {font-size:13px;color:var(--ah-text)}
#sb-store .sidebar-help a {font-size:12px;color:var(--ah-muted)}
#sb-store .sidebar-help a:hover {color:var(--ah-neon)}
#sb-store .catalog-sidebar nav>.sidebar-all {justify-content:flex-start;gap:8px;min-height:32px;padding:6px 10px;font-size:12px;color:var(--ah-faint)}
#sb-store .sidebar-game {display:flex;align-items:center;gap:10px;padding:0 10px;margin:22px 0 16px;min-height:30px;color:var(--ah-text);font:750 17px/1.2 var(--display)}
#sb-store .sidebar-game img {object-fit:contain;flex:none;border-radius:7px}
#sb-store .catalog-sidebar nav>.sidebar-overview {min-height:38px;margin:0 0 8px;padding:9px 11px;border:1px solid transparent}
#sb-store .catalog-sidebar nav>.sidebar-overview[aria-current] {border-color:var(--ah-line);background:var(--ah-panel)}
#sb-store .sidebar-categories {display:grid;gap:3px}
#sb-store .sidebar-category {border:0;padding:1px;border-radius:10px;min-width:0}
#sb-store .sidebar-category summary {display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding:9px 10px;color:var(--ah-muted);font:550 13px/1.45 var(--font);cursor:pointer;list-style:none}
#sb-store .sidebar-category summary::-webkit-details-marker {display:none}
#sb-store .sidebar-category summary svg {flex:none;color:var(--ah-faint);transition:transform .18s ease}
#sb-store .sidebar-category summary:hover {color:var(--ah-neon)}
#sb-store .sidebar-category[open] {background:linear-gradient(90deg,color-mix(in srgb,var(--ah-neon) 5%,transparent),transparent 78%) no-repeat;border:0;box-shadow:none}
#sb-store .sidebar-category[open] summary {color:var(--ah-neon);font-weight:700}
#sb-store .sidebar-category[open] summary svg {transform:rotate(90deg);color:var(--ah-neon)}
#sb-store .sidebar-products {display:grid;gap:3px;margin:0 7px 8px;padding:3px 0 0;border-top:0}
#sb-store .sidebar-products a {display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 9px;min-height:34px;border-radius:7px;font:450 12px/1.5 var(--font);color:var(--ah-muted);overflow-wrap:anywhere}
#sb-store .sidebar-products a:hover {background:linear-gradient(90deg,var(--ah-neon-soft),transparent);color:var(--ah-text)}
#sb-store .sidebar-products a[aria-current] {background:linear-gradient(90deg,var(--ah-neon-soft),color-mix(in srgb,var(--ah-neon) 4%,transparent) 60%,transparent 92%);color:var(--ah-neon);font-weight:650}
#sb-store .sidebar-products .sidebar-category-all {font-size:11px;color:var(--ah-faint);padding-block:6px}
#sb-store .sidebar-assistance {margin-top:18px;padding:14px 10px 0;border-top:1px solid var(--ah-line)}
#sb-store .sidebar-assistance a {display:flex;align-items:center;gap:9px;min-height:34px;font:550 12px/1.4 var(--font);color:var(--ah-muted)}
#sb-store .sidebar-assistance a>svg:last-child {margin-left:auto;width:12px;height:12px}
#sb-store .sidebar-assistance a:hover {background:transparent;color:var(--ah-neon)}
#sb-store .catalog-sidebar nav>.sidebar-game-link {justify-content:flex-start;gap:9px}
#sb-store .sidebar-game-link img {object-fit:contain;flex:none}
#sb-store .sidebar-game-link>svg {margin-left:auto;flex:none}
#sb-store .hub-banner {position:relative;min-height:320px;display:flex;align-items:center;isolation:isolate;background:none;color:var(--ah-text);border:0;border-radius:0;box-shadow:none;margin-top:0;overflow:visible}
#sb-store .hub-banner .hub-cover {position:absolute;inset:-20px -16px -28px auto;z-index:-1;width:64%;height:calc(100% + 48px);min-height:0;object-fit:cover;object-position:65% center;opacity:.8;filter:none;mask-image:linear-gradient(90deg,transparent 0%,#000 48%,#000 74%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 20%,#000 67%,transparent 100%);mask-composite:intersect}
#sb-store .hub-banner::after {content:none}
#sb-store .hub-banner .hub-inner {position:relative;z-index:0;padding:30px 0 38px;max-width:68%;width:780px}
#sb-store .hub-banner:not(:has(.hub-cover)) .hub-inner {max-width:100%}
#sb-store .hub-banner h1 {font-size:clamp(30px,3.2vw,44px);line-height:1.08;max-width:22ch;margin:0 0 18px;color:var(--ah-text)}
#sb-store .hub-banner .lead {color:var(--ah-muted);font-size:15px;line-height:1.7;max-width:57ch}
#sb-store .hub-price-range {margin-top:20px;display:flex;flex-wrap:wrap;gap:12px}
#sb-store .hub-price-range>span {background:none;color:var(--ah-muted);border:0;border-radius:0;font-size:12px;padding:4px 0}
#sb-store .hub-price-range strong {color:var(--ah-neon)}
#sb-store .hub-banner .chips {gap:7px}
#sb-store .hub-banner .chip {background:var(--ah-panel);color:var(--ah-muted);border-color:var(--ah-line-2);font-size:12px}
#sb-store .hub-banner .chip-active,#sb-store .hub-banner .chip:hover {color:var(--ah-neon);border-color:var(--ah-neon);background:var(--ah-neon-soft)}
#sb-store .grid.product-grid,#sb-store .catalog-shell .grid-4 {grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
#sb-store .product-card[hidden] {display:none}
#sb-store .game-services {padding:28px 0 44px}
#sb-store .game-service-heading {display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin:0 0 18px}
#sb-store .game-service-heading h2 {font-size:25px;margin:0}
#sb-store .game-service-count {font-size:12px;white-space:nowrap;color:var(--ah-faint)}
#sb-store .game-service-count b {color:var(--ah-text);font-weight:650}
#sb-store .category-tags {display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
#sb-store .category-tags[hidden] {display:none}
#sb-store .category-tags button {display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:7px 12px;border:1px solid var(--ah-line);border-radius:8px;background:var(--ah-panel);color:var(--ah-muted);font:600 12px/1.4 var(--font);cursor:pointer;transition:color .18s,background .18s,border-color .18s}
#sb-store .category-tags button span {font-size:10px;color:var(--ah-faint);font-variant-numeric:tabular-nums}
#sb-store .category-tags button:hover {border-color:var(--ah-neon);color:var(--ah-neon)}
#sb-store .category-tags button[aria-pressed="true"] {background:var(--ah-neon-soft);border-color:var(--ah-neon);color:var(--ah-neon)}
#sb-store .category-tags button[aria-pressed="true"] span {color:var(--ah-neon)}
#sb-store .game-service-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
#sb-store .game-service-grid .ref-card {min-height:0}
#sb-store .game-service-grid .ref-card .card-img {height:155px}
#sb-store .game-service-grid .ref-card .card-body {padding:16px}
#sb-store .game-service-grid .ref-card .card-title {font-size:17px;line-height:1.35;min-height:0}
#sb-store .game-service-grid .ref-card .card-desc {font-size:13px;line-height:1.6;margin-bottom:14px}
#sb-store .game-service-grid .ref-card .meta-row {gap:5px}
#sb-store .game-service-grid .ref-card .pill {font-size:10px;padding:4px 6px}
#sb-store .game-service-grid .ref-card .card-foot {gap:6px;min-height:46px;padding-top:10px;margin-top:10px}
#sb-store .game-service-grid .ref-card .btn-buy {font-size:10px;padding:9px 10px;min-height:36px}
#sb-store .game-service-grid .ref-card .price-integer {font-size:24px}
#sb-store .game-service-grid .ref-card .card-availability {font-size:11px}
#sb-store .ref-card .card-img {height:190px}
#sb-store .ref-card .card-desc {font-size:14px;line-height:1.65}
#sb-store .ref-card .card-body {padding:20px}
#sb-store .ref-card h3.card-title {font-size:19px;letter-spacing:-.015em;margin-bottom:10px}
#sb-store .ref-card .btn-buy {min-height:40px;font-size:12px}
#sb-store .ref-card .card-request {margin-top:0;padding:10px 13px;background:var(--ah-raised);color:var(--ah-muted);border:1px solid var(--ah-line-2)}
#sb-store .ref-card .pill {font-size:11px;padding:5px 7px}
#sb-store .ref-card .meta-row {padding-top:22px}
#sb-store .ref-card .card-foot {margin-top:14px;padding-top:14px}
#sb-store .carousel-track {grid-auto-columns:calc((100% - 48px)/4)}
#sb-store .catalog-shell .carousel-track {grid-auto-columns:calc((100% - 32px)/3)}
#sb-store .cat-tile {background:var(--ah-panel);color:var(--ah-text);border:1px solid var(--ah-line);border-radius:12px;padding:20px;box-shadow:none;gap:14px}
#sb-store .cat-tile:hover {border-color:var(--ah-neon);background:var(--ah-raised);transform:none}
#sb-store .cat-tile .ico {width:40px;height:40px;flex:none;background:var(--ah-raised);color:var(--ah-neon);border:1px solid var(--ah-line-2);border-radius:10px;font:750 18px/1 var(--display)}
#sb-store .cat-tile strong {font:700 17px/1.35 var(--display)}
#sb-store .cat-tile small {color:var(--ah-muted);font-size:12px;line-height:1.5}
#sb-store .cat-tile .arrow {color:var(--ah-neon)}
#sb-store .empty {padding:40px 28px;color:var(--ah-muted);font-size:16px;line-height:1.7}
#sb-store .empty a:not(.btn) {color:var(--ah-neon);text-decoration:underline}
#sb-store .game-library-heading {max-width:760px;margin-bottom:36px}
#sb-store .game-library-heading .lead {margin-top:20px}
#sb-store .game-library {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#sb-store .game-card {position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:330px;padding:30px;border:1px solid var(--ah-line-2);border-radius:16px;background:#081422;overflow:hidden;color:#fff}
#sb-store .game-card>img {position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:65% center;opacity:1;transition:transform .5s ease}
#sb-store .game-card::after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#05101cf5 0%,#05101c9c 48%,#05101c05 100%),linear-gradient(90deg,#05101c70,transparent);pointer-events:none}
#sb-store .game-card h2 {font:750 28px/1.1 var(--display);margin:0 0 12px;color:#fff;max-width:24ch}
#sb-store .game-card h2 a {color:inherit}
#sb-store .game-card h2 a::after {content:"";position:absolute;inset:0;z-index:1}
#sb-store .game-card:focus-within {outline:2px solid var(--ah-neon);outline-offset:3px}
#sb-store .game-card .chip {position:relative;z-index:2}
#sb-store .game-card p {color:#dfebfa;font-size:14px;line-height:1.6;margin:0 0 22px;max-width:42ch}
#sb-store .game-card .chips {display:flex;flex-wrap:wrap;gap:7px}
#sb-store .game-card .chip {background:#102238;color:#f5f9ff;border-color:#4b6a88;font-size:11px}
#sb-store .game-card .chip:hover {border-color:#24d7ff;color:#8eeaff}
#sb-store .game-card:hover {border-color:var(--ah-neon);box-shadow:var(--ah-shadow);transform:none}
#sb-store .game-card:hover>img {transform:scale(1.035)}

/* Product configuration: the offer and the calculator remain distinct, readable tasks. */
#sb-store .sp {padding-top:26px}
#sb-store .sp-grid {display:grid;grid-template-columns:minmax(0,1fr) clamp(400px,27vw,500px);grid-template-areas:"heading calculator" "content calculator";gap:24px 30px}
#sb-store .sp-head {margin:0}
#sb-store .sp-head h1 {font-size:clamp(32px,3.2vw,46px);line-height:1.08;margin:0 0 18px;width:100%;max-width:none;text-wrap:wrap}
#sb-store .sp-head .sp-lead {font-size:16px;line-height:1.7;width:100%;max-width:none}
#sb-store .sp-meta {margin-top:20px}
#sb-store .sp-tags {gap:8px}
#sb-store .sp-tags span {color:var(--ah-muted);font-size:11px;background:var(--ah-panel);border-color:var(--ah-line-2)}
#sb-store .sp-aside {top:calc(var(--market-header-height,82px) + 18px);max-width:none;margin:0}
#sb-store .bx {background:var(--ah-panel);color:var(--ah-text);border:1px solid var(--ah-line-2);border-radius:16px;box-shadow:var(--ah-shadow);overflow:hidden}
#sb-store .bx-head {background:var(--ah-raised);color:var(--ah-text);border-bottom:1px solid var(--ah-line);padding:22px 24px;gap:12px}
#sb-store .bx-head strong {font:750 20px/1.25 var(--display);text-transform:none;letter-spacing:-.02em}
#sb-store .bx-head>span {font-size:10px;color:var(--ah-muted);white-space:normal}
#sb-store .bx-body {padding:20px 24px}
#sb-store .bx-group {padding:0 0 18px;border-color:var(--ah-line)}
#sb-store .bx-group+.bx-group {border-color:var(--ah-line);margin-top:0;padding-top:18px}
#sb-store .bx-group:last-child {padding-bottom:0}
#sb-store .bx-label {font:650 15px/1.4 var(--display);letter-spacing:0;text-transform:none;color:var(--ah-text);margin-bottom:10px}
#sb-store .bx-help {font-size:12px;line-height:1.6}
#sb-store :is(.bx-opt-in,.bx-addon-in,.method) {background:var(--ah-bg-2);color:var(--ah-text);border:1px solid var(--ah-line-2);border-radius:10px;box-shadow:none}
#sb-store :is(.bx-opt-in,.bx-addon-in) {padding:13px 9px}
#sb-store .bx-opt-name,#sb-store .bx-addon-name {font:650 14px/1.3 var(--display);color:var(--ah-text)}
#sb-store :is(.bx-opt input:checked+.bx-opt-in,.bx-addon input:checked+.bx-addon-in,.method:has(input:checked)) {background:var(--ah-neon-soft);color:var(--ah-text);border-color:var(--ah-neon);box-shadow:inset 0 0 0 1px var(--ah-neon)}
#sb-store :is(.bx-opt input:focus-visible+.bx-opt-in,.bx-addon input:focus-visible+.bx-addon-in) {outline:2px solid var(--ah-neon);outline-offset:3px}
#sb-store :is(.bx-opt-delta,.bx-addon-in .small) {font-size:12px;color:var(--ah-muted)}
/* Price direction is distinct from selection: amber adds, green saves. */
#sb-store #buy-form {--price-increase:#f5be73;--price-decrease:#70f3aa}
html[data-mode="light"] #sb-store #buy-form {--price-increase:#975216;--price-decrease:#13734c}
#sb-store #buy-form :is(.bx-opt-delta,.bx-addon-price) {font-variant-numeric:tabular-nums;font-size:12px;font-weight:650;color:var(--ah-muted);background:transparent}
#sb-store #buy-form :is(.bx-opt-delta,.bx-addon-price).up {color:var(--price-increase)}
#sb-store #buy-form :is(.bx-opt-delta,.bx-addon-price).down {color:var(--price-decrease)}
#sb-store #buy-form .bx-seg {grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:10px}
#sb-store #buy-form .bx-opt {min-width:0}
#sb-store #buy-form .bx-opt-in {height:100%;min-height:72px;padding:12px 6px 10px;gap:4px;border-radius:10px}
#sb-store #buy-form .bx-opt-name {font-size:14px;line-height:1.3;overflow-wrap:anywhere}
#sb-store #buy-form .bx-opt:hover .bx-opt-in {border-color:var(--ah-neon)}
#sb-store #buy-form .bx-opt input:disabled+.bx-opt-in {opacity:.5;cursor:not-allowed}
#sb-store #buy-form .bx-flag {max-width:100%;top:-7px;padding:3px 4px;font-size:8px;line-height:1;letter-spacing:0;background:var(--ah-bg-2);color:var(--ah-neon);border-color:var(--ah-line-2)}
#sb-store .bx-flag {background:var(--ah-raised);color:var(--ah-text);border:1px solid var(--ah-line-2);border-radius:5px;font:700 9px/1 var(--font);letter-spacing:.03em;padding:3px 6px}
/* A range endpoint is one field, with its label and value inside one boundary. */
#sb-store .bx-range-values {grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}
#sb-store .bx-range-values .bx-val {display:flex;flex-direction:column;gap:5px;min-width:0;margin:0;padding:12px 14px;border:1px solid var(--ah-line-2);border-radius:10px;background:var(--ah-bg-2);cursor:text;transition:border-color .18s,box-shadow .18s}
#sb-store .bx-range-values .bx-val small {font:600 11px/1.4 var(--font);letter-spacing:.07em;color:var(--ah-muted);overflow-wrap:anywhere}
#sb-store #buy-form .bx-range-values .bx-val :is(input,select) {display:block;width:100%;min-width:0;min-height:36px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--ah-text);font:650 22px/1.35 var(--display);font-variant-numeric:tabular-nums;box-shadow:none;outline:0;caret-color:var(--ah-neon)}
#sb-store #buy-form .bx-range-values .bx-val select {font-size:17px;padding-right:4px}
#sb-store .bx-range-values .bx-val:focus-within {border-color:var(--ah-neon);box-shadow:0 0 0 3px var(--ah-neon-soft)}
#sb-store #buy-form .bx-range-values .bx-val :is(input,select):focus {border:0;outline:0;box-shadow:none}
#sb-store .bx-range-sep {color:var(--ah-muted);font-size:13px}
#sb-store .bx-range,#sb-store .bx-counter {background:transparent;color:var(--ah-text);border-color:var(--ah-line)}
#sb-store .bx-range strong,#sb-store .bx-counter strong {color:var(--ah-neon)}
#sb-store .bx-switch {background:var(--ah-bg);border:1px solid var(--ah-line-2)}
#sb-store input:checked+.bx-addon-in .bx-switch {background:var(--ah-neon);border-color:var(--ah-neon)}
#sb-store .bx-switch::after {background:var(--ah-muted)}
#sb-store input:checked+.bx-addon-in .bx-switch::after {background:var(--ah-neon-ink)}
#sb-store .bx-foot {background:var(--ah-panel);border-top:1px solid var(--ah-line);padding:22px 24px;color:var(--ah-muted)}
#sb-store .bx-total>span {font-size:14px;color:var(--ah-muted)}
#sb-store .bx-total strong {font:800 36px/1.1 var(--display);letter-spacing:-.025em;color:var(--ah-neon)}
#sb-store .bx-total s {color:var(--ah-faint);font-size:14px}
#sb-store :is(.bx-buy,.bx-cart) {min-height:50px;border:1px solid var(--ah-neon);font:750 13px/1.2 var(--display);letter-spacing:.06em;text-transform:uppercase}
#sb-store .bx-buy {background:var(--ah-neon);color:var(--ah-neon-ink);box-shadow:0 8px 22px -15px var(--ah-neon)}
#sb-store .bx-buy:hover {background:var(--ah-neon-hi);border-color:var(--ah-neon-hi);transform:translateY(-1px)}
#sb-store .bx-cart {background:var(--ah-bg-2);color:var(--ah-neon);border-color:var(--ah-line-2)}
#sb-store .bx-cart:hover {border-color:var(--ah-neon);background:var(--ah-raised)}
#sb-store .bx-support {border:1px solid var(--ah-line);border-radius:10px;padding:12px;background:var(--ah-bg-2);color:var(--ah-neon);font-size:13px;font-weight:650}
#sb-store .bx-support:hover {border-color:var(--ah-neon)}
#sb-store .bx-support small {color:var(--ah-muted);font-size:11px}
#sb-store .bx-pay {gap:6px}
#sb-store .bx-pay>span {color:var(--ah-faint);background:var(--ah-bg-2);border-color:var(--ah-line);font:600 9px/1.2 var(--font);border-radius:5px}
#sb-store .bx-note,#sb-store .bx-loyalty {font-size:13px;line-height:1.6}
#sb-store .bx-note strong,#sb-store .bx-loyalty strong {color:var(--ah-neon)}
#sb-store .sp-media {border:1px solid var(--ah-line);border-radius:16px;background:var(--ah-panel);overflow:hidden;min-width:0;max-width:100%;isolation:isolate;clip-path:inset(0 round 16px);transition:border-color .2s ease,box-shadow .2s ease}
#sb-store .sp-media:is(:hover,:focus-within) {border-color:var(--ah-neon);box-shadow:0 6px 22px -10px var(--ah-neon)}
@media(prefers-reduced-motion:reduce) {#sb-store .sp-media {transition:none}}
#sb-store .sp-media-main {background:var(--ah-bg-2);min-width:0;isolation:isolate}
#sb-store .sp-media-main img {display:block;max-width:100%}
#sb-store .sp-media-main img,#sb-store .sp-media-main:hover img {transform:none;scale:none;transition:none}
#sb-store .sp-media-caption {background:var(--ah-panel);color:var(--ah-muted);font-size:12px;padding:12px 16px}
#sb-store .sp-thumbs {background:var(--ah-panel);padding:0 16px 16px;gap:10px}
#sb-store .sp-thumb {border-radius:8px;border-color:var(--ah-line-2);opacity:.7}
#sb-store .sp-thumb.active {border-color:var(--ah-neon);opacity:1}
#sb-store .sp-media .zoom {background:#091526de;border:1px solid #81a5c4;color:#fff;border-radius:10px}
#sb-store .sp-facts {gap:0;margin-top:20px;background:none;border:0;box-shadow:none;grid-template-columns:repeat(4,minmax(0,1fr))}
#sb-store .sp-fact {position:relative;background:none;border:0;border-radius:0;padding:16px 14px;box-shadow:none}
#sb-store .sp-fact:not(:last-child)::after {content:"";position:absolute;right:0;top:10px;bottom:10px;width:1px;background:linear-gradient(transparent,var(--ah-line-2),transparent)}
#sb-store .sp-fact>span {font:500 11px/1.4 var(--font);letter-spacing:.02em;text-transform:none;color:var(--ah-faint)}
#sb-store .sp-fact strong {font:650 14px/1.4 var(--font);color:var(--ah-text)}
#sb-store .sp-tabs {background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:blur(14px);gap:10px;padding:0;margin-block:26px 30px;top:var(--market-header-height,82px)}
#sb-store .sp-tabs::after {content:"";position:absolute;bottom:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,var(--ah-line-2) 25%,var(--ah-line-2) 75%,transparent)}
#sb-store .sp-tabs a {position:relative;font:650 12px/1.4 var(--display);padding:13px 12px;color:var(--ah-muted);border-radius:0;border:0;white-space:nowrap}
#sb-store .sp-tabs a:hover,#sb-store .sp-tabs a.active {background:linear-gradient(0deg,var(--ah-neon-soft),transparent);color:var(--ah-neon)}
#sb-store .sp-tabs a.active::after {content:"";position:absolute;bottom:0;inset-inline:5px;height:2px;background:linear-gradient(90deg,transparent,var(--ah-neon),transparent)}
#sb-store .bx-head {border-radius:15px 15px 0 0}
/* overflow:clip keeps rounded corners without trapping sticky descendants. */
#sb-store .sp-aside #buy-form {overflow:clip}
#sb-store .sp-aside .bx-foot {position:static;box-shadow:none;border-radius:0 0 15px 15px}
@media(min-width:801px) {
  #sb-store .sp-aside[data-sticky-buy] {position:sticky;top:var(--buy-panel-top);align-self:start}
  #sb-store .sp-aside[data-sticky-buy] .bx-foot {position:sticky;bottom:0;border-radius:0;z-index:4;box-shadow:0 -12px 24px -20px #0009}
}
#sb-store .option-line-icon {display:inline-block;vertical-align:-3px;margin-right:5px;flex:none;color:var(--ah-neon)}
#sb-store .sp-heading-trustpilot:has(.trustpilot-block) {margin:18px 0 22px}
#sb-store .sp-heading-trustpilot .trustpilot-block {margin:0;padding:0;border:0;background:none;box-shadow:none;border-radius:0}
#sb-store .sp-heading-trustpilot .tp-badge {width:auto;max-width:100%;flex-direction:row;align-items:center;gap:16px}
#sb-store .sp-heading-trustpilot .tp-badge-top {gap:8px}
#sb-store .sp-heading-trustpilot .tp-brand {font-size:14px}
#sb-store .sp-heading-trustpilot .tp-stars svg {width:22px;height:22px}
@media(max-width:1100px) and (min-width:801px),(max-width:500px) {#sb-store .sp-facts {grid-template-columns:repeat(2,minmax(0,1fr))}#sb-store .sp-fact:nth-child(2)::after {display:none}}
#sb-store .sp-block {padding-top:8px;margin-bottom:36px;scroll-margin-top:160px}
#sb-store .sp-block h2 {font-size:28px;margin-bottom:20px}
#sb-store .sp-block :is(p,li) {font-size:15px;line-height:1.8;color:var(--ah-muted)}
#sb-store .sp-panel {background:var(--ah-panel);border:1px solid var(--ah-line);border-radius:12px}
#sb-store .service-enquiry {padding:28px}
#sb-store .service-enquiry h2 {font-size:26px}
#sb-store .mobile-buy-widget {background:var(--ah-panel);color:var(--ah-text);border-top:1px solid var(--ah-line-2);box-shadow:0 -10px 32px -22px #000b}
#sb-store .mobile-buy-widget small {color:var(--ah-muted)}

/* Cart, checkout and authentication. */
#sb-store :is(.co-grid,.cart-layout) {grid-template-columns:minmax(0,1fr) 380px;gap:28px;margin-top:28px}
#sb-store :is(.co-step,.co-summary,.summary) {background:var(--ah-panel);border:1px solid var(--ah-line);border-radius:16px;box-shadow:none;overflow:hidden}
#sb-store :is(.co-step.is-done,.co-step.is-locked) {opacity:1}
#sb-store .co-step-head {padding:24px;background:var(--ah-panel);border-bottom-color:var(--ah-line);border-radius:0;gap:16px}
#sb-store .co-step-head>b {background:var(--ah-raised);color:var(--ah-neon);border:1px solid var(--ah-line-2);border-radius:10px;font:750 16px/1 var(--display);flex:none}
#sb-store .co-step.is-done .co-step-head>b {background:var(--success-soft);border-color:var(--success);color:var(--success)}
#sb-store .co-step-head h2 {font-size:24px;line-height:1.2;margin:0 0 7px}
#sb-store .co-step-head p {font-size:14px;line-height:1.6;color:var(--ah-muted)}
#sb-store .co-step-body {padding:24px;background:var(--ah-panel);color:var(--ah-text);border-color:var(--ah-line)}
#sb-store .co-perks {background:transparent;border:0;border-radius:0;color:var(--ah-muted);font-size:12px;gap:12px}
#sb-store .co-perks>div {min-width:0;padding:14px 16px;border:1px solid var(--ah-line);border-radius:10px;background:var(--ah-bg-2)}
#sb-store .co-perks strong {color:var(--ah-text);font-size:13px}
#sb-store .co-item {background:var(--ah-bg-2);border:1px solid var(--ah-line);border-radius:12px;padding:18px;color:var(--ah-text);gap:16px;margin-bottom:16px}
#sb-store .co-item-img {border-radius:8px;overflow:hidden}
#sb-store .co-item h3 {font-size:17px;margin:5px 0 8px;color:var(--ah-text)}
#sb-store .co-item :is(.opts,.co-item-actions) {font-size:12px;color:var(--ah-muted)}
#sb-store .co-item-price {font-weight:750;font-size:21px}
#sb-store .co-summary {top:calc(var(--market-header-height,82px) + 20px);padding:26px}
#sb-store .co-summary h2 {font-size:24px;margin:0 0 24px}
#sb-store :is(.sum-row,.sum-total,.co-summary .co-security) {border-color:var(--ah-line);color:var(--ah-muted)}
#sb-store .sum-total {margin-top:18px;padding-top:18px}
#sb-store .sum-total strong {font:800 30px/1.1 var(--display)}
#sb-store .sum-row.discount {color:var(--success)}
#sb-store .co-summary .btn {width:100%}
#sb-store .co-summary .bx-support {display:flex;justify-content:center;margin-top:18px}
#sb-store .method {padding:16px;color:var(--ah-text)}
#sb-store .order-steps {margin:28px 0;gap:12px}
#sb-store .order-steps>* {background:var(--ah-panel);border:1px solid var(--ah-line);border-radius:10px;color:var(--ah-muted)}
#sb-store .order-steps .active {background:var(--ah-neon-soft);border-color:var(--ah-neon);color:var(--ah-neon)}
#sb-store .auth-wrap {max-width:500px;width:calc(100% - 40px);margin:64px auto}
#sb-store .auth-card {padding:36px;background:var(--ah-panel);border-color:var(--ah-line-2);border-radius:16px;box-shadow:var(--ah-shadow)}
#sb-store .auth-card h1 {font-size:36px;margin-bottom:18px}
#sb-store .auth-card p {font-size:15px;line-height:1.65;color:var(--ah-muted)}
#sb-store .auth-card input:not([type="checkbox"]) {min-height:48px}
#sb-store .auth-card form>button {margin-top:14px}

/* Blog, company and policy content use the same type without storefront density. */
#sb-store .blog-heading {background:transparent;border:0;padding-top:48px;padding-bottom:36px}
#sb-store .blog-heading h1 {max-width:24ch}
#sb-store .blog-tabs {gap:8px;flex-wrap:wrap;margin-top:28px}
#sb-store .blog-tabs a {background:var(--ah-panel);color:var(--ah-muted);border:1px solid var(--ah-line-2);border-radius:9px;padding:11px 17px;font:650 13px/1.3 var(--display)}
#sb-store .blog-tabs a[aria-current],#sb-store .blog-tabs a.active {background:var(--ah-neon);color:var(--ah-neon-ink);border-color:var(--ah-neon)}
#sb-store .blog-tabs a:hover {border-color:var(--ah-neon);color:var(--ah-neon)}
#sb-store .blog-tabs a.active:hover,#sb-store .blog-tabs a[aria-current]:hover {color:var(--ah-neon-ink)}
#sb-store .blog-filter {margin-top:22px;font-size:13px;gap:12px}
#sb-store .blog-card .blog-cover {height:210px}
#sb-store .blog-card h2 {font-size:21px;line-height:1.3;margin:0;letter-spacing:-.015em}
#sb-store .blog-card p {font-size:14px;line-height:1.7}
#sb-store .blog-card-body {padding:24px;gap:12px}
#sb-store .blog-meta {font-size:12px;color:var(--ah-faint)}
#sb-store .article-wrap {max-width:1060px;padding-top:32px;padding-bottom:48px}
#sb-store .article-header {max-width:790px;margin:0 auto 32px}
#sb-store .article-header h1 {font-size:clamp(34px,3.8vw,52px);line-height:1.12;max-width:25ch;margin-bottom:22px}
#sb-store .article-header .lead {font-size:18px;line-height:1.7}
#sb-store .article-header .blog-meta {margin-top:24px;gap:18px}
#sb-store .article-image {display:block;width:100%;max-height:500px;object-fit:cover;border-radius:16px;margin:0 0 40px}
#sb-store :is(.prose,.article-body) {max-width:72ch;font-size:17px;line-height:1.85;color:var(--ah-muted)}
#sb-store :is(.prose p,.prose li,.article-body p,.article-body li) {font-size:17px;line-height:1.85;color:var(--ah-muted)}
#sb-store .article-wrap :is(.prose,.article-sources,.article-hub,.planning-tool) {margin-inline:auto}
#sb-store .prose :is(h2,h3) {color:var(--ah-text);margin-top:40px;margin-bottom:18px;line-height:1.25;letter-spacing:-.02em}
#sb-store .prose h2 {font-size:28px}
#sb-store .prose h3 {font-size:22px}
#sb-store .prose>h2:first-child {margin-top:0}
#sb-store .prose strong {color:var(--ah-text)}
#sb-store:is(.content-page,.legal-page) .page-head>.wrap,#sb-store:is(.content-page,.legal-page) main>.wrap {max-width:1040px}
#sb-store .contact-layout {gap:56px;align-items:start}
#sb-store .prose blockquote {border:1px solid var(--ah-line);background:var(--ah-panel);border-radius:12px;padding:22px 26px;margin:28px 0;color:var(--ah-text)}
#sb-store .prose table {font-size:14px;background:var(--ah-panel);border-color:var(--ah-line)}
#sb-store .prose :is(th,td) {border-color:var(--ah-line);padding:12px}
#sb-store .article-sources {max-width:72ch;margin-top:32px;border-top:1px solid var(--ah-line);padding-top:28px}
#sb-store .article-sources h2 {font-size:23px}
#sb-store .article-hub {display:block;max-width:760px;background:var(--ah-panel);border:1px solid var(--ah-line-2);border-radius:14px;padding:28px;margin-top:36px;color:var(--ah-neon);font:650 18px/1.5 var(--display)}
#sb-store .article-hub:hover {border-color:var(--ah-neon)}
#sb-store .planning-tool {max-width:790px;padding:28px;margin-block:36px}
#sb-store .planning-tool h2 {font-size:26px}
#sb-store .planning-tool output {background:var(--ah-bg-2);color:var(--ah-neon);border:1px solid var(--ah-line);border-radius:10px}
#sb-store .faq {padding-block:42px}
#sb-store .faq h2 {margin-bottom:24px}
#sb-store .faq details {border:1px solid var(--ah-line);border-radius:12px;background:var(--ah-panel);color:var(--ah-text);margin-bottom:10px;overflow:hidden}
#sb-store .faq details[open] {background:var(--ah-raised);border-color:var(--ah-neon)}
#sb-store .faq summary {padding:20px 24px;font:650 16px/1.5 var(--display);color:var(--ah-text)}
#sb-store .faq summary:hover,#sb-store .faq details[open] summary {color:var(--ah-neon)}
#sb-store .faq details>div {padding:0 24px 24px;font-size:15px;line-height:1.8;color:var(--ah-muted)}
#sb-store .faq details p {margin:0}
#sb-store .cta-band {border:1px solid var(--ah-line);border-radius:16px;background:var(--ah-panel);color:var(--ah-text);padding:32px}
#sb-store .cta-band p {color:var(--ah-muted)}

/* Task workspaces keep their permissions and layouts; surface and density are shared. */
#sb-store .workspace {max-width:1480px;grid-template-columns:230px minmax(0,1fr);gap:32px;padding-top:30px;padding-bottom:52px}
#sb-store .workspace-sidebar {background:var(--ah-panel);border:1px solid var(--ah-line);border-radius:14px;padding:20px 14px;color:var(--ah-text);box-shadow:none;top:calc(var(--market-header-height,82px) + 18px);max-height:calc(100dvh - var(--market-header-height,82px) - 38px)}
#sb-store .workspace-brand {color:var(--ah-text);font:650 16px/1.3 var(--display);gap:10px}
#sb-store .workspace-mark {width:36px;height:36px;border-radius:9px;background:var(--ah-neon);color:var(--ah-neon-ink);font:800 13px/1 var(--display);box-shadow:none}
#sb-store .workspace-person {margin-top:22px;padding-block:18px;border-color:var(--ah-line);font-size:14px}
#sb-store .workspace-person .role-chip {background:var(--ah-raised);color:var(--ah-muted);border-color:var(--ah-line-2);font-size:10px}
#sb-store .workspace-sidebar nav a {min-height:44px;padding:11px 12px;border-radius:9px;background:transparent;color:var(--ah-muted);font-size:13px;font-weight:550;gap:10px;border:0;box-shadow:none}
#sb-store .workspace-sidebar nav a:hover {background:var(--ah-bg-2);color:var(--ah-text)}
#sb-store .workspace-sidebar nav a[aria-current] {background:var(--ah-raised);color:var(--ah-neon);font-weight:700;box-shadow:none}
#sb-store .workspace-sidebar nav span {color:var(--ah-faint)}
#sb-store .workspace-secondary {border-color:var(--ah-line);padding-top:20px;margin-top:20px}
#sb-store .workspace-secondary :is(a,.link-btn) {font-size:12px;color:var(--ah-muted)}
#sb-store .workspace-secondary :is(a,.link-btn):hover {color:var(--ah-neon)}
#sb-store .workspace-head {align-items:flex-start;margin-bottom:24px;gap:20px;flex-wrap:wrap}
#sb-store .workspace-head h1 {font-size:clamp(30px,3vw,42px);margin:0 0 12px;line-height:1.1}
#sb-store .workspace-head p {font-size:14px;line-height:1.6;margin:0;color:var(--ah-muted);max-width:62ch}
#sb-store .workspace-alerts {gap:8px;margin-left:auto}
#sb-store .workspace-alerts .btn {font-size:10px;min-height:36px;padding:9px 12px;letter-spacing:.04em}
#sb-store .workspace-alerts [data-unread] {background:var(--ah-raised);color:var(--ah-neon);border-radius:5px}
#sb-store .workspace-intro {font-size:15px;color:var(--ah-muted);margin:0 0 24px}
#sb-store .workspace-actions {margin-bottom:20px;gap:12px}
#sb-store .workspace-metrics {gap:14px;margin-bottom:26px}
#sb-store .workspace-metrics>div {background:var(--ah-panel);border:1px solid var(--ah-line);border-radius:12px;padding:20px 24px}
#sb-store .workspace-metrics small {color:var(--ah-muted);font-size:12px}
#sb-store .workspace-metrics strong {font:750 32px/1.2 var(--display);letter-spacing:-.02em;color:var(--ah-neon);margin-top:9px;font-variant-numeric:tabular-nums}
#sb-store .workspace-cards {gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
#sb-store .workspace-card {padding:24px;border:1px solid var(--ah-line);background:var(--ah-panel);position:relative}
#sb-store .workspace-card-index {display:none}
#sb-store .workspace-card h2 {font:700 22px/1.25 var(--display);letter-spacing:-.02em;margin:0 0 14px;color:var(--ah-text)}
#sb-store .workspace-card p {font-size:14px;line-height:1.7;color:var(--ah-muted);margin:0}
#sb-store .workspace-card:hover {background:var(--ah-raised);border-color:var(--ah-neon);transform:none;box-shadow:none}
#sb-store .workspace-panel {margin-bottom:24px;overflow:hidden}
#sb-store .workspace-panel>h2 {font:650 23px/1.25 var(--display);padding:24px;margin:0;border-bottom:1px solid var(--ah-line)}
#sb-store .workspace-row {background:var(--ah-panel);border-color:var(--ah-line);padding:18px 24px;color:var(--ah-text);gap:18px}
#sb-store .workspace-row:hover {background:var(--ah-raised)}
#sb-store .workspace-row strong {font:650 15px/1.5 var(--font);color:var(--ah-text)}
#sb-store .workspace-row small {font-size:12px;color:var(--ah-muted)}
#sb-store .workspace-row .status {font-size:11px;flex:none}
#sb-store :is(.workspace-table,.table) {font-size:13px;color:var(--ah-text);border-color:var(--ah-line)}
#sb-store :is(.workspace-table th,.workspace-table thead,.table th) {background:var(--ah-bg-2);color:var(--ah-muted);font-size:12px;font-weight:650;letter-spacing:.015em}
#sb-store :is(.workspace-table td,.workspace-table th,.table td,.table th) {border-color:var(--ah-line);padding:14px 16px}
#sb-store .workspace-table tbody tr:hover {background:var(--ah-raised)}
#sb-store .workspace-form {padding:28px}
#sb-store .workspace-form :is(h2,h3) {font-size:24px}
#sb-store .workspace-form .helptext {display:block;margin-top:6px;font-size:12px;color:var(--ah-faint)}
#sb-store .workspace-filter,#sb-store .workspace-filters {gap:12px;margin-bottom:22px}
#sb-store .workspace-order-summary {gap:14px;margin-bottom:24px}
#sb-store .workspace-order-summary>div {background:var(--ah-panel);border:1px solid var(--ah-line);border-radius:12px;padding:20px}
#sb-store .workspace-order-summary small {font-size:12px;color:var(--ah-muted)}
#sb-store .workspace-order-summary strong {font-size:21px;color:var(--ah-neon)}
#sb-store .assignment-panel {padding:26px}
#sb-store .assignment-panel>h2 {padding:0;margin:0 0 16px;border:0;font-size:24px}
#sb-store .assignment-form {margin-top:20px}
#sb-store .market-loyalty {padding:26px;margin-bottom:24px}
#sb-store .market-loyalty h2 {font-size:24px;margin:0}
#sb-store .market-loyalty .spread {flex-wrap:wrap;gap:16px}
#sb-store .market-loyalty .tiers {margin-top:22px;gap:10px}
#sb-store .tier {background:var(--ah-bg-2);border:1px solid var(--ah-line);border-radius:10px;padding:16px}
#sb-store .tier strong {color:var(--ah-neon);font-size:24px}
#sb-store .tier span {color:var(--ah-muted);font-size:12px}
#sb-store .tier.is-current {background:var(--ah-neon-soft);border-color:var(--ah-neon)}
#sb-store .progress {background:var(--ah-raised);height:6px;border-radius:4px;margin-block:14px}
#sb-store .progress>span {background:var(--ah-neon);border-radius:4px}
#sb-store .timeline {margin-block:26px}
#sb-store .timeline li {font-size:12px;color:var(--ah-faint)}
#sb-store .timeline li.done,#sb-store .timeline li[aria-current="step"] {color:var(--ah-neon)}
#sb-store .timeline li[aria-current="step"] {font-weight:700}
#sb-store .timeline li::before {background:var(--ah-bg);border-color:var(--ah-line-2)}
#sb-store .timeline li::after {background:var(--ah-line)}
#sb-store .timeline li.done::before,#sb-store .timeline li[aria-current="step"]::before {background:var(--ah-neon);border-color:var(--ah-neon)}
#sb-store :is(.chat,.team-chat,.chat-box) {background:var(--ah-panel);border:1px solid var(--ah-line);border-radius:14px;overflow:hidden;color:var(--ah-text)}
#sb-store :is(.chat-body,.team-chat-log) {background:var(--ah-bg-2);padding:22px}
#sb-store :is(.chat-form,.team-chat-form) {background:var(--ah-panel);border-color:var(--ah-line);padding:16px}
#sb-store :is(.chat-message,.msg,.team-message) {background:var(--ah-panel);color:var(--ah-text);border:1px solid var(--ah-line);border-radius:12px;max-width:85%}
#sb-store :is(.chat-message.is-own,.msg.mine,.team-message.mine) {background:var(--ah-raised);border-color:var(--ah-line-2);color:var(--ah-text)}
#sb-store :is(.chat-tabs a,.inbox-thread) {background:var(--ah-panel);color:var(--ah-muted);border-color:var(--ah-line);border-radius:9px}
#sb-store .chat-tabs a:hover,#sb-store .chat-tabs a.active {border-color:var(--ah-neon);color:var(--ah-neon);background:var(--ah-raised)}
#sb-store .notification-toast {background:var(--ah-panel);border:1px solid var(--ah-line-2);color:var(--ah-text);box-shadow:var(--ah-shadow);font:500 14px/1.6 var(--font)}

/* Schedule and operational inventory keep compact, explicit status. */
#sb-store .run-planner {padding-top:32px;padding-bottom:32px}
#sb-store .planner-heading {gap:30px;align-items:flex-start;margin-bottom:32px}
#sb-store .planner-heading h1 {font-size:clamp(34px,3.8vw,50px);max-width:20ch;margin-bottom:18px}
#sb-store .planner-heading .lead {max-width:64ch;font-size:16px}
#sb-store :is(.planner-board,.planner-rail,.raid-schedule,.schedule-filters,.stock-server,.schedule-empty,.planner-help) {background:var(--ah-panel);border:1px solid var(--ah-line);border-radius:14px;color:var(--ah-text);box-shadow:none}
#sb-store .schedule-filters {padding:22px;gap:16px;margin-bottom:28px}
#sb-store .schedule-filters label {font-size:12px;color:var(--ah-muted);gap:8px}
#sb-store .schedule-filters select {padding:10px 12px}
#sb-store .raid-schedule {padding:24px}
#sb-store .raid-schedule .section-head h2 {font-size:25px}
#sb-store .raid-card {background:var(--ah-bg-2);border:1px solid var(--ah-line);border-radius:12px;color:var(--ah-text);padding:22px;gap:22px}
#sb-store .raid-card h3 {font-size:18px;color:var(--ah-text)}
#sb-store .raid-card :is(p,.raid-notes,.raid-booking>small) {font-size:12px;line-height:1.6;color:var(--ah-muted)}
#sb-store .raid-countdown>strong {color:var(--ah-neon);text-shadow:none;font:750 27px/1.2 var(--display);font-variant-numeric:tabular-nums}
#sb-store .raid-tags span {border:1px solid var(--ah-line-2);border-radius:6px;background:var(--ah-panel);color:var(--ah-muted);font-size:10px}
#sb-store .raid-tags .demo-tag {color:var(--warn);border-color:var(--warn-line);background:var(--warn-soft)}
#sb-store .raid-booking {border-color:var(--ah-line)}
#sb-store .raid-booking .btn {font-size:11px}
#sb-store .schedule-empty {padding:32px;color:var(--ah-muted)}
#sb-store .schedule-empty strong {font:650 20px/1.4 var(--display);color:var(--ah-text)}
#sb-store .schedule-freshness {font-size:12px;line-height:1.7;color:var(--ah-faint)}
#sb-store .planner-help {padding:28px;margin-top:28px}
#sb-store .planner-help h2 {font-size:25px;margin-bottom:14px}
#sb-store .planner-help p {font-size:15px;line-height:1.7;color:var(--ah-muted)}
#sb-store .stock-server {padding:20px}
#sb-store .stock-server small {color:var(--ah-muted)}

/* Navigation and long data sets have their own bounded scrolling areas. */
#sb-store :is(.table-wrap,.workspace-table-wrap,.table-scroll) {max-width:100%;overflow-x:auto;scrollbar-color:var(--ah-line-2) var(--ah-bg)}
#sb-store .consent {background:var(--ah-panel);color:var(--ah-text);border:1px solid var(--ah-line-2);border-radius:14px;box-shadow:var(--ah-shadow)}
#sb-store .consent p {font-size:13px;line-height:1.7;color:var(--ah-muted)}
#sb-store .consent a {color:var(--ah-neon);text-decoration:underline}
#sb-store .lightbox {background:#030913ed;color:#f5f9ff}
#sb-store .lightbox-inner {background:#111d2e;border-color:#426180;border-radius:14px}

@media(max-width:1250px) {
  #sb-store .game-service-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
  #sb-store .catalog-shell {grid-template-columns:176px minmax(0,1fr);gap:24px;padding-inline:24px}
  #sb-store .sp-grid {grid-template-columns:minmax(0,1fr) 380px;gap:24px}
  #sb-store .hub-banner .hub-inner {padding:30px 0;max-width:80%}
  #sb-store .hub-banner h1 {font-size:36px}
  #sb-store .grid.product-grid,#sb-store .catalog-shell .grid-4 {grid-template-columns:repeat(2,minmax(0,1fr))}
  #sb-store .catalog-shell .carousel-track {grid-auto-columns:calc((100% - 16px)/2)}
  #sb-store .workspace {grid-template-columns:205px minmax(0,1fr);gap:24px}
  #sb-store .workspace-cards {grid-template-columns:repeat(2,minmax(0,1fr))}
  #sb-store .workspace-alerts {margin-left:0}
}
@media(max-width:1000px) {
  #sb-store .sidebar-game {margin-top:14px}
  #sb-store .sidebar-category summary,#sb-store .sidebar-products a {min-height:42px}
  #sb-store .sidebar-assistance {display:none}
  #sb-store .catalog-shell {display:block;padding-inline:24px}
  #sb-store .catalog-sidebar {position:static;padding-top:18px;padding-bottom:0;max-height:none}
  #sb-store .sidebar-toggle {background:var(--ah-panel);border:1px solid var(--ah-line-2);color:var(--ah-text);border-radius:10px;font:650 14px/1.4 var(--display);padding:14px}
  #sb-store .catalog-sidebar nav {padding-block:12px}
  #sb-store .sp-grid {grid-template-columns:minmax(0,1fr) 360px}
  #sb-store .carousel-track {grid-auto-columns:calc((100% - 32px)/3)}
  #sb-store .co-grid,#sb-store .cart-layout {grid-template-columns:minmax(0,1fr) 320px;gap:20px}
}
@media(max-width:800px) {
  #sb-store .game-service-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  #sb-store h1 {font-size:34px;line-height:1.1}
  #sb-store h2 {font-size:28px}
  #sb-store .section {padding-block:48px}
  #sb-store .section-sm {padding-block:28px}
  #sb-store .page-head,#sb-store .blog-heading {padding-top:32px;padding-bottom:24px}
  #sb-store .sp-grid {grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "calculator" "content";gap:24px}
  #sb-store .sp-head h1 {font-size:36px}
  #sb-store .sp-aside {position:static;width:100%;max-width:none}
  #sb-store .sp-aside .bx {margin-top:0}
  #sb-store .sp-head .sp-lead {font-size:16px}
  #sb-store .sp-main {width:100%}
  #sb-store .sp-tabs {top:var(--market-header-height,70px)}
  #sb-store .co-grid,#sb-store .cart-layout {grid-template-columns:1fr}
  #sb-store .co-summary {position:static}
  #sb-store .workspace {display:block;padding-top:20px}
  #sb-store .workspace-sidebar {position:static;max-height:none;padding:10px;margin-bottom:28px;overflow:visible}
  #sb-store .workspace-sidebar :is(.workspace-brand,.workspace-person,.workspace-secondary) {display:none}
  #sb-store .workspace-sidebar nav {display:flex;gap:7px;overflow-x:auto;padding-bottom:4px}
  #sb-store .workspace-sidebar nav a {flex-shrink:0;white-space:nowrap;padding:10px 14px}
  #sb-store .workspace-head h1 {font-size:34px}
  #sb-store .workspace-head {margin-top:0}
  #sb-store .workspace-metrics {grid-template-columns:repeat(3,minmax(0,1fr))}
  #sb-store .workspace-metrics>div {padding:16px}
  #sb-store .workspace-metrics strong {font-size:27px}
  #sb-store .workspace-card {padding:22px}
  #sb-store .workspace-card h2 {font-size:21px}
  #sb-store .workspace-order-summary {grid-template-columns:1fr}
  #sb-store .workspace-order-summary>div {display:flex;justify-content:space-between;align-items:center;gap:16px}
  #sb-store .workspace-row {padding:16px 20px;gap:14px}
  #sb-store .timeline {display:grid;grid-template-columns:1fr;gap:0;overflow:visible}
  #sb-store .timeline li {min-width:0;min-height:40px;text-align:left;padding:8px 0 8px 32px;font-size:14px;line-height:24px}
  #sb-store .timeline li::before {left:6px;top:14px;transform:none;width:12px;height:12px}
  #sb-store .timeline li::after {left:11px;top:-18px;width:2px;height:40px}
  #sb-store .planner-heading {display:block}
  #sb-store .planner-heading>.btn {margin-top:20px}
  #sb-store .raid-card {grid-template-columns:1fr auto;padding:20px}
}
@media(max-width:600px) {
  #sb-store .game-services {padding-top:24px}
  #sb-store .game-service-heading h2 {font-size:23px}
  #sb-store .game-service-grid {grid-template-columns:1fr;gap:18px}
  #sb-store .game-service-grid .ref-card .card-img {height:165px}
  #sb-store .game-service-grid .ref-card .card-body {padding:18px}
  #sb-store .game-service-grid .ref-card .card-title {font-size:19px}
  #sb-store .game-service-grid .ref-card .btn-buy {min-height:42px;font-size:11px}
  #sb-store .category-tags {gap:7px;margin-bottom:20px}
  #sb-store .category-tags button {min-height:40px;padding:8px 11px}
  #sb-store .wrap {padding-inline:20px}
  #sb-store .catalog-shell {padding-inline:20px}
  #sb-store h1 {font-size:32px}
  #sb-store h2 {font-size:27px}
  #sb-store .lead {font-size:16px;line-height:1.7}
  #sb-store .breadcrumbs {font-size:11px;margin-bottom:20px}
  #sb-store .hub-banner {min-height:0;display:block}
  #sb-store .hub-banner .hub-cover {inset:-12px 0 auto;width:100%;height:220px;object-position:center 35%;opacity:.85;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent),linear-gradient(180deg,transparent,#000 18%,#000 45%,transparent 100%);mask-composite:intersect}
  #sb-store .hub-banner::after {background:linear-gradient(0deg,var(--ah-panel) 24%,transparent 100%)}
  #sb-store .hub-banner .hub-inner {width:auto;max-width:none;padding:165px 0 26px}
  #sb-store .hub-banner:not(:has(.hub-cover)) .hub-inner {padding-top:26px}
  #sb-store .hub-banner h1 {font-size:30px;line-height:1.12;max-width:20ch}
  #sb-store .hub-banner .lead {font-size:14px;line-height:1.7}
  #sb-store .hub-price-range {margin-top:18px}
  #sb-store .grid.product-grid,#sb-store .catalog-shell .grid-4,#sb-store main>.wrap>.grid-4 {grid-template-columns:1fr}
  #sb-store .product-card.ref-card {min-height:0}
  #sb-store .ref-card .card-img {height:190px}
  #sb-store .ref-card .card-body {padding:20px}
  #sb-store .ref-card .btn-buy {min-height:44px}
  #sb-store .carousel-track,#sb-store .catalog-shell .carousel-track {grid-auto-columns:86%}
  #sb-store .game-library {grid-template-columns:1fr;gap:18px}
  #sb-store .game-card {min-height:300px;padding:26px}
  #sb-store .game-card h2 {font-size:27px}
  #sb-store .game-card .chips {display:flex}
  #sb-store .cat-tile {padding:18px}
  #sb-store .sp-head h1 {font-size:32px}
  #sb-store .sp-head .sp-lead {font-size:15px}
  #sb-store .bx-head {padding:20px;flex-wrap:wrap}
  #sb-store .bx-head strong {font-size:20px}
  #sb-store .bx-body,#sb-store .bx-foot {padding:20px}
  #sb-store .bx-total strong {font-size:34px}
  #sb-store .sp-facts {grid-template-columns:repeat(2,minmax(0,1fr))}
  #sb-store .sp-fact {padding:16px}
  #sb-store .sp-block h2 {font-size:26px}
  #sb-store .sp-tabs {position:static;overflow-x:auto;flex-wrap:nowrap}
  #sb-store .sp-tabs a {padding:10px}
  #sb-store .co-step-head,#sb-store .co-step-body {padding:20px}
  #sb-store .co-step-head h2 {font-size:22px}
  #sb-store .co-step-head p {font-size:13px}
  #sb-store .co-step-head {gap:12px;flex-wrap:wrap}
  #sb-store .co-step-head>div {flex:1;min-width:0}
  #sb-store .co-step-head .co-edit {margin-left:46px}
  #sb-store .co-item {padding:14px;gap:12px;grid-template-columns:54px minmax(0,1fr)}
  #sb-store .co-item-price {grid-column:2;font-size:20px}
  #sb-store .co-item-img {width:54px;height:54px}
  #sb-store .co-item h3 {font-size:16px}
  #sb-store .co-summary {padding:22px}
  #sb-store .auth-wrap {margin:36px auto}
  #sb-store .auth-card {padding:26px 22px}
  #sb-store .auth-card h1 {font-size:32px}
  #sb-store .card {padding:22px}
  #sb-store .card>h2,#sb-store form.card>h2 {font-size:25px}
  #sb-store .blog-card .blog-cover {height:195px}
  #sb-store .blog-card-body {padding:22px}
  #sb-store .blog-card h2 {font-size:22px}
  #sb-store .blog-filter {align-items:center;flex-wrap:wrap}
  #sb-store .article-wrap {padding-top:24px}
  #sb-store .article-header h1 {font-size:34px;line-height:1.12}
  #sb-store .article-header .lead {font-size:16px}
  #sb-store .article-header .blog-meta {font-size:11px;gap:10px;flex-wrap:wrap}
  #sb-store .article-image {margin-bottom:28px;min-height:180px}
  #sb-store :is(.prose,.prose p,.prose li,.article-body p,.article-body li) {font-size:16px;line-height:1.8}
  #sb-store .prose h2 {font-size:25px}
  #sb-store .prose h3 {font-size:21px}
  #sb-store .article-hub,#sb-store .planning-tool {padding:22px}
  #sb-store .faq summary {padding:19px 20px;font-size:15px}
  #sb-store .faq details>div {padding:0 20px 20px;font-size:14px}
  #sb-store .workspace-cards {grid-template-columns:1fr;gap:14px}
  #sb-store .workspace-metrics {grid-template-columns:1fr;gap:9px}
  #sb-store .workspace-metrics>div {display:flex;align-items:center;justify-content:space-between;padding:16px 20px}
  #sb-store .workspace-metrics strong {margin:0;font-size:27px}
  #sb-store .workspace-head h1 {font-size:32px}
  #sb-store .workspace-panel>h2 {font-size:22px;padding:20px}
  #sb-store .workspace-row {flex-wrap:wrap;align-items:flex-start;padding:18px}
  #sb-store .workspace-row>div:first-child {min-width:0;flex:0 1 auto}
  #sb-store .workspace-row .status {font-size:10px;white-space:normal;max-width:100%}
  #sb-store .workspace-form {padding:22px}
  #sb-store .workspace-alerts {width:100%;flex-wrap:wrap}
  #sb-store .market-loyalty {padding:22px}
  #sb-store .market-loyalty .tiers {grid-template-columns:repeat(2,minmax(0,1fr))}
  #sb-store .tier {padding:14px}
  #sb-store .workspace-order-summary strong {font-size:18px}
  #sb-store .assignment-panel {padding:22px}
  #sb-store :is(.chat-body,.team-chat-log) {padding:16px}
  #sb-store :is(.chat-form,.team-chat-form) {padding:12px;gap:8px;flex-wrap:wrap}
  #sb-store :is(.chat-form,.team-chat-form) textarea {flex:1 1 180px;min-width:0}
  #sb-store .planner-heading h1 {font-size:34px}
  #sb-store .schedule-filters {padding:18px;gap:14px}
  #sb-store .raid-schedule {padding:18px}
  #sb-store .raid-schedule .section-head h2 {font-size:23px}
  #sb-store .raid-card {padding:18px;gap:18px}
  #sb-store .raid-card h3 {font-size:17px}
  #sb-store .raid-countdown>strong {font-size:23px}
  #sb-store .raid-booking {grid-column:1/-1}
  #sb-store .planner-help {padding:24px}
  #sb-store .planner-help h2 {font-size:24px}
}
@media(prefers-reduced-motion:reduce) {
  #sb-store *,#sb-store *::before,#sb-store *::after {scroll-behavior:auto!important;transition:none!important;animation:none!important}
  #sb-store .product-card.ref-card:hover,#sb-store .game-card:hover>img {transform:none!important}
}

/* Fixed card measure: wider screens add columns instead of stretching cards. */
#sb-store :is(.game-service-grid,.grid.product-grid,.grid-4:has(>.ref-card)) {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,286px),286px));grid-auto-rows:1fr;gap:20px;align-items:stretch;justify-content:start}
#sb-store :is(.game-service-grid,.grid.product-grid,.grid-4)>.product-card.ref-card {min-width:0;width:100%;min-height:420px;height:100%}
#sb-store :is(.game-service-grid,.grid.product-grid,.grid-4)>.ref-card .card-img {height:160px}
#sb-store :is(.game-service-grid,.grid.product-grid,.grid-4)>.ref-card .card-body {padding:16px}
#sb-store :is(.game-service-grid,.grid.product-grid,.grid-4)>.ref-card h3.card-title {font-size:17px;line-height:1.35;margin-bottom:10px}
#sb-store :is(.game-service-grid,.grid.product-grid,.grid-4)>.ref-card .card-desc {font-size:13px;line-height:1.6;margin-bottom:14px}
#sb-store :is(.game-service-grid,.grid.product-grid,.grid-4)>.ref-card .meta-row {padding-top:14px}
@media(max-width:600px) {
  #sb-store :is(.game-service-grid,.grid.product-grid,.grid-4:has(>.ref-card)) {justify-content:center}
}

/* Light artwork stays legible: fade only the outer edges into the pale canvas. */
html[data-mode="light"] #sb-store .hub-banner .hub-cover {opacity:1;mask-image:linear-gradient(90deg,transparent 0%,#00000012 8%,#00000066 18%,#000000d9 30%,#000 40%,#000 79%,#000000d9 87%,#00000066 94%,transparent 100%),linear-gradient(180deg,transparent 0%,#00000026 4%,#00000099 10%,#000000eb 17%,#000 24%,#000 64%,#000000eb 74%,#00000099 84%,#00000026 94%,transparent 100%)}
@media(max-width:600px) {
  html[data-mode="light"] #sb-store .hub-banner .hub-cover {mask-image:linear-gradient(90deg,transparent,#00000080 8%,#000 20%,#000 80%,#00000080 92%,transparent),linear-gradient(180deg,transparent,#00000080 7%,#000 18%,#000 55%,#000000b3 70%,#00000033 88%,transparent 100%)}
}

#sb-store .bx-cart-status {font-size:12px;line-height:1.5;margin:10px 0;color:var(--ah-muted)}
#sb-store .bx-cart-status[data-state="success"] {color:var(--success)}
#sb-store .bx-cart-status[data-state="error"] {color:var(--danger)}
#sb-store .bx-actions button:disabled {opacity:.6;cursor:wait;transform:none}

/* A true dot replaces the elongated box-shadow used by the legacy warning mark. */
#sb-store .checklist.warn li::before {border-color:var(--warn-line);background:var(--warn-soft)}
#sb-store .checklist.warn li::after {left:0;top:.3em;width:18px;height:18px;border:0;background:var(--warn);box-shadow:none;transform:none;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M9 4.5v5M9 12.5h.01' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center/18px 18px no-repeat}

@media(max-width:800px) {
  #sb-store:has(.sp-aside[data-mobile-buy-enabled]) .mobile-buy-widget {display:none}
}

#sb-store .mobile-purchase-bar {display:none}
/* Compact consent retains both choices with equal, accessible tap targets. */
#sb-store .consent {padding:12px 14px;border-radius:12px;max-width:460px}
#sb-store .consent p {margin:0 0 8px;font-size:12px;line-height:1.45}
#sb-store .consent .row {display:grid;grid-template-columns:1fr 1fr;gap:8px}
#sb-store .consent .btn {min-height:44px;padding:8px;font-size:12px;line-height:1.2}
@media(max-width:800px) {
  #sb-store .consent {left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px) + var(--purchase-bar-height,0px));max-width:none}
  #sb-store.has-mobile-purchase {padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  #sb-store.has-mobile-purchase #tidio-chat-iframe {bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:800px) {
  #sb-store .mobile-purchase-bar:not([hidden]) {position:fixed;inset:auto 0 0;z-index:24;display:grid;grid-template-columns:40px minmax(72px,1fr) minmax(96px,1.3fr) 40px;gap:10px;align-items:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--ah-panel);border-top:1px solid var(--ah-line-2);box-shadow:0 -8px 24px -20px #0008}
  #sb-store .mobile-purchase-total {display:flex;flex-direction:column;min-width:0;line-height:1.2}
  #sb-store .mobile-purchase-total small {font-size:11px;color:var(--ah-muted)}
  #sb-store .mobile-purchase-total strong {font-size:22px;color:var(--ah-neon);font-variant-numeric:tabular-nums}
  #sb-store .mobile-purchase-bar :is(.bx-buy,.bx-cart) {min-height:44px;height:44px;padding:8px;font-size:12px}
  #sb-store .mobile-purchase-bar .bx-cart svg {width:22px;height:22px}
  #sb-store .mobile-purchase-bar .bx-cart-status {grid-column:1/-1;margin:0;font-size:11px}
}

@media(max-width:800px) {
  #sb-store .sp-aside[data-mobile-full-buy] .bx-foot {position:fixed;left:var(--mobile-buy-left);width:var(--mobile-buy-width);bottom:var(--mobile-buy-bottom,0px);z-index:24;border-radius:14px 14px 0 0;box-shadow:0 -10px 28px -20px #000a;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
}

#sb-store .mobile-purchase-edit {display:grid;place-items:center;width:40px;height:44px;border:1px solid var(--ah-line-2);border-radius:8px;color:var(--ah-neon)}
#sb-store .mobile-purchase-edit svg {width:20px;height:20px}
/* Artwork keeps its full vertical detail; only its sides dissolve into the page. */
#sb-store .hub-banner .hub-cover,html[data-mode="light"] #sb-store .hub-banner .hub-cover {mask-image:linear-gradient(90deg,transparent 0%,#00000026 8%,#00000099 18%,#000000eb 30%,#000 40%,#000 80%,#000000b3 91%,transparent 100%);mask-composite:add;border-top:1px solid color-mix(in srgb,var(--ah-neon) 40%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ah-neon) 40%,transparent)}
@media(max-width:600px) {
 #sb-store .hub-banner .hub-cover,html[data-mode="light"] #sb-store .hub-banner .hub-cover {mask-image:linear-gradient(90deg,transparent,#00000099 8%,#000 20%,#000 80%,#00000099 92%,transparent)}
 #sb-store .hub-banner:has(.hub-cover) .hub-inner {padding-top:225px}
}

#sb-store a.wowhead-reference {cursor:help;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
#sb-store a.wowhead-reference:focus-visible {outline:2px solid var(--ah-neon);outline-offset:3px;border-radius:3px}

/* Switching the purchase footer must not move the browser scroll anchor. */
@media(max-width:800px) {html:has(.sp-aside[data-mobile-buy-enabled]) {overflow-anchor:none}}
.catalog-pagination {display:flex;align-items:center;justify-content:center;gap:20px;margin:32px 0} #sb-store .category-tags {flex-wrap:wrap}

/* Reviewed catalog hierarchy: category links are distinct from service shortcuts. */
#sb-store .menu-subcategory a{display:flex;justify-content:space-between;align-items:center;gap:10px}
#sb-store .menu-subcategory svg{width:13px;height:13px;flex:none;color:var(--ah-faint)}
#sb-store .sidebar-subbranch .sidebar-subbranch{padding-left:10px;border-left:1px solid var(--ah-line);margin-left:12px}
#sb-store .sidebar-subbranch>a{display:flex;gap:8px;justify-content:space-between}
#sb-store .sidebar-subbranch svg{width:12px;height:12px;flex:none}

@media(min-width:1001px){#sb-store .catalog-sidebar,#sb-store .catalog-sidebar.is-tall{position:sticky;top:calc(var(--market-header-height,82px) + 16px);max-height:var(--sidebar-available,calc(100dvh - var(--market-header-height,82px) - 32px));overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--ah-line-2) transparent;overscroll-behavior-y:contain}}
#sb-store #game-services{scroll-margin-top:calc(var(--market-header-height,82px) + 20px)}
#sb-store .category-tags .chip{display:inline-flex;align-items:center;gap:9px}
#sb-store .category-tags .chip>span{font-size:11px;opacity:.72;font-variant-numeric:tabular-nums}

#sb-store .bx-total strong.bx-price-missing{font-size:18px;line-height:1.4;letter-spacing:0;color:var(--ah-muted)}

[data-game-catalog]{overflow-anchor:none}
[data-game-catalog][aria-busy="true"] .game-service-grid{opacity:.65}
/* Compact single-choice controls, including Region and Boost Method. */
#sb-store #buy-form .bx-opt-in{height:100%;min-height:56px;padding:8px 10px;gap:3px}
#sb-store #buy-form .bx-opt-name{font-size:14px;line-height:1.3}
#sb-store #buy-form .bx-opt-delta{font-size:12px;line-height:1.25}
#sb-store #buy-form .bx-region .bx-seg{display:flex;gap:8px}
#sb-store #buy-form .bx-region .bx-opt{flex:0 0 76px;min-height:0}
#sb-store #buy-form .bx-region .bx-opt-in{height:38px;min-height:38px;padding:8px 14px;gap:0;border-radius:9px}
#sb-store #buy-form .bx-boost-method .bx-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#sb-store #buy-form .bx-boost-method .bx-opt{min-width:0;width:auto}
#sb-store #buy-form .bx-boost-method .bx-opt-in{white-space:normal;overflow-wrap:anywhere}

/* css/service-search.css */
/* Search is a focused catalog surface in the approved storefront palette. */
:is(#sb-home,#sb-store) #service-search {width:min(1080px,calc(100vw - 48px));max-width:none;height:min(800px,calc(100dvh - 80px));max-height:none;margin:auto;padding:0;border:1px solid var(--ah-line-2);border-radius:16px;background:var(--ah-bg-2);color:var(--ah-text);box-shadow:0 32px 90px -24px #0009;overflow:hidden;font:400 14px/1.6 var(--font)}
:is(#sb-home,#sb-store) #service-search[open] {display:flex;flex-direction:column}
#service-search::backdrop {background:#020913b8;backdrop-filter:blur(6px)}
html[data-mode="light"] :is(#sb-home,#sb-store) #service-search {--ah-neon:#0274ad;--ah-neon-hi:#05608d;--ah-neon-ink:#fff;--ah-faint:#5b6980;box-shadow:0 32px 90px -24px #142d5566}
html.search-is-open {overflow:hidden}
:is(#sb-home,#sb-store) #service-search .service-search-top {display:flex;justify-content:space-between;align-items:center;padding:24px 28px 16px;gap:20px;flex:none}
:is(#sb-home,#sb-store) #service-search h2 {font:700 25px/1.2 var(--display);letter-spacing:-.02em;margin:0;text-transform:none}
:is(#sb-home,#sb-store) #service-search .service-search-close {display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid var(--ah-line);border-radius:9px;background:var(--ah-panel);color:var(--ah-muted);cursor:pointer}
:is(#sb-home,#sb-store) #service-search .service-search-close:hover {color:var(--ah-text);border-color:var(--ah-neon)}
:is(#sb-home,#sb-store) #service-search .service-search-form {display:flex;align-items:center;gap:14px;margin:0 28px 24px;padding:5px 6px 5px 16px;border:1px solid var(--ah-line-2);border-radius:11px;background:var(--ah-panel);flex:none}
:is(#sb-home,#sb-store) #service-search .service-search-form:focus-within {border-color:var(--ah-neon);box-shadow:0 0 0 3px var(--ah-neon-soft)}
:is(#sb-home,#sb-store) #service-search .service-search-form>svg {flex:none;color:var(--ah-neon)}
:is(#sb-home,#sb-store) #service-search input[type="search"] {width:100%;flex:1;min-width:0;min-height:42px;padding:4px 0;border:0;background:transparent;box-shadow:none;border-radius:0;font:450 18px/1.4 var(--font);color:var(--ah-text);outline:none}
:is(#sb-home,#sb-store) #service-search input::placeholder {color:var(--ah-faint);opacity:1}
:is(#sb-home,#sb-store) #service-search .service-search-form .btn {min-height:42px;font-size:11px;padding:10px 20px}
:is(#sb-home,#sb-store) #service-search .service-search-layout {display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;padding:0 28px;min-height:0;flex:1}
:is(#sb-home,#sb-store) #service-search .service-search-games {display:flex;flex-direction:column;gap:6px;padding:0 20px 20px 0;border-right:1px solid var(--ah-line);min-width:0}
:is(#sb-home,#sb-store) #service-search .service-search-games button {display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:9px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ah-muted);font:550 12px/1.35 var(--font);text-align:left;cursor:pointer}
:is(#sb-home,#sb-store) #service-search .service-search-games button img {width:30px;height:30px;object-fit:cover;border-radius:7px;flex:none}
:is(#sb-home,#sb-store) #service-search .service-search-games button svg {width:26px;height:26px;flex:none}
:is(#sb-home,#sb-store) #service-search .service-search-games button:hover {color:var(--ah-text);background:var(--ah-panel)}
:is(#sb-home,#sb-store) #service-search .service-search-games button[aria-pressed="true"] {background:var(--ah-neon-soft);border-color:var(--ah-line-2);color:var(--ah-neon);font-weight:700}
:is(#sb-home,#sb-store) #service-search .service-search-content {overflow-y:auto;min-height:0;padding:0 12px 22px 0;scrollbar-width:thin;scrollbar-color:var(--ah-line-2) transparent}
:is(#sb-home,#sb-store) #service-search .service-search-heading {display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:16px}
:is(#sb-home,#sb-store) #service-search h3 {font:650 17px/1.3 var(--display);letter-spacing:0;margin:0;text-transform:none;color:var(--ah-text)}
:is(#sb-home,#sb-store) #service-search [data-search-count] {font:550 12px/1.4 var(--font);color:var(--ah-faint);font-variant-numeric:tabular-nums}
:is(#sb-home,#sb-store) #service-search .service-search-status {margin:0;color:var(--ah-muted);font-size:14px;line-height:1.7}
:is(#sb-home,#sb-store) #service-search .service-search-status:not(:empty) {margin-bottom:20px}
:is(#sb-home,#sb-store) #service-search .service-search-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;align-items:start;transition:opacity .15s}
:is(#sb-home,#sb-store) #service-search .service-search-grid[aria-busy="true"] {opacity:.5}
:is(#sb-home,#sb-store) #service-search .search-service {display:block;min-width:0;padding-bottom:12px;border-bottom:1px solid var(--ah-line);color:var(--ah-text);text-decoration:none;border-radius:0}
:is(#sb-home,#sb-store) #service-search .search-service-visual {position:relative;height:130px;margin-bottom:12px;border-radius:11px;overflow:hidden;background:var(--ah-raised)}
:is(#sb-home,#sb-store) #service-search .search-service-visual img {width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
:is(#sb-home,#sb-store) #service-search .search-service:hover .search-service-visual img {transform:scale(1.04)}
:is(#sb-home,#sb-store) #service-search .search-service-visual>span {position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);padding:4px 7px;border:1px solid #ffffff33;border-radius:6px;background:#081623e8;color:#eef7ff;font:650 10px/1.3 var(--font)}
:is(#sb-home,#sb-store) #service-search .search-service-price {display:block;margin-bottom:6px;font:750 16px/1.3 var(--display);color:var(--ah-neon);font-variant-numeric:tabular-nums}
:is(#sb-home,#sb-store) #service-search .search-service strong {display:block;font:700 15px/1.4 var(--display);color:var(--ah-text);overflow-wrap:anywhere}
:is(#sb-home,#sb-store) #service-search .search-service:hover strong {color:var(--ah-neon)}
:is(#sb-home,#sb-store) #service-search .search-service p {margin:7px 0 0;font:400 12px/1.65 var(--font);color:var(--ah-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:is(#sb-home,#sb-store) #service-search .search-service small {display:block;margin-top:9px;color:var(--ah-faint);font:500 11px/1.45 var(--font)}
:is(#sb-home,#sb-store) #service-search .service-search-retry {margin-top:16px}
:is(#sb-home,#sb-store) #service-search .service-search-retry[hidden] {display:none}
:is(#sb-home,#sb-store) #service-search .service-search-foot {display:flex;justify-content:space-between;align-items:center;gap:15px;flex:none;padding:16px 28px;border-top:1px solid var(--ah-line);font-size:12px;color:var(--ah-faint);background:var(--ah-panel)}
:is(#sb-home,#sb-store) #service-search .service-search-foot kbd {font:550 10px/1 var(--font);padding:3px 5px;border:1px solid var(--ah-line-2);border-radius:4px;margin-right:6px}
:is(#sb-home,#sb-store) #service-search .service-search-foot a {color:var(--ah-neon);font-weight:650;padding-block:4px}
:is(#sb-home,#sb-store) .search-icon-trigger {display:none}
@media(max-width:1100px) {:is(#sb-home,#sb-store) .premium-header .header-actions>.search-icon-trigger {display:inline-grid;place-items:center}}
@media(max-width:760px) {
  :is(#sb-home,#sb-store) #service-search {width:calc(100vw - 24px);height:calc(100dvh - 32px);border-radius:14px}
  :is(#sb-home,#sb-store) #service-search .service-search-top {padding:18px 18px 12px}
  :is(#sb-home,#sb-store) #service-search h2 {font-size:22px}
  :is(#sb-home,#sb-store) #service-search .service-search-form {margin:0 18px 16px;gap:10px;padding-left:12px}
  :is(#sb-home,#sb-store) #service-search input[type="search"] {font-size:16px;min-height:44px}
  :is(#sb-home,#sb-store) #service-search .service-search-form .btn {font-size:10px;padding-inline:12px;min-height:40px}
  :is(#sb-home,#sb-store) #service-search .service-search-form>svg {width:18px}
  :is(#sb-home,#sb-store) #service-search .service-search-layout {display:flex;flex-direction:column;gap:18px;padding:0 18px}
  :is(#sb-home,#sb-store) #service-search .service-search-games {flex-direction:row;flex-wrap:wrap;padding:0 0 14px;gap:6px;border-right:0;border-bottom:1px solid var(--ah-line);flex:none}
  :is(#sb-home,#sb-store) #service-search .service-search-games button {width:auto;min-height:34px;padding:6px 9px;font-size:10px;gap:7px;background:var(--ah-panel);border-color:var(--ah-line);border-radius:7px}
  :is(#sb-home,#sb-store) #service-search .service-search-games button img,:is(#sb-home,#sb-store) #service-search .service-search-games button svg {width:20px;height:20px;border-radius:4px}
  :is(#sb-home,#sb-store) #service-search .service-search-content {flex:1;padding-right:6px}
  :is(#sb-home,#sb-store) #service-search .service-search-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
  :is(#sb-home,#sb-store) #service-search .search-service-visual {height:112px}
  :is(#sb-home,#sb-store) #service-search .search-service strong {font-size:13px}
  :is(#sb-home,#sb-store) #service-search .search-service-price {font-size:14px}
  :is(#sb-home,#sb-store) #service-search .search-service p {font-size:11px}
  :is(#sb-home,#sb-store) #service-search .service-search-foot {padding:13px 18px;font-size:11px}
}
@media(prefers-reduced-motion:reduce) {#service-search * {transition:none!important}}

/* css/floating-hints.css */
/* Native popovers enter the top layer, escaping calculator/card clipping. */
:is(#sb-home,#sb-store) .hint-tip[data-floating] {display:none;position:fixed;inset:auto;margin:0;transform:none;z-index:1000;width:300px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:14px 17px;border:1px solid var(--ah-line-2);border-radius:12px;background:var(--ah-raised);color:var(--ah-text);box-shadow:0 12px 30px -10px #0008;font:450 13px/1.65 var(--font);text-align:left;letter-spacing:0;text-transform:none;white-space:normal;cursor:default}
:is(#sb-home,#sb-store) .hint-tip[data-floating]:popover-open,:is(#sb-home,#sb-store) .hint-tip[data-floating].is-visible {display:block}
:is(#sb-home,#sb-store) .hint-tip[data-floating] b {color:var(--ah-text);font-weight:700}
:is(#sb-home,#sb-store) .hint-tip[data-floating]::backdrop {background:transparent;pointer-events:none}

/* css/mobile-header.css */
.mobile-account,.mobile-utility-wallet{display:none}
.desktop-account{position:relative;flex-shrink:0}
.desktop-account>summary{list-style:none;cursor:pointer}
.desktop-account>summary::-webkit-details-marker{display:none}
.desktop-account>summary:focus-visible{outline:2px solid var(--ah-neon);outline-offset:4px}
.desktop-account-panel{position:absolute;top:100%;right:0;width:210px;max-width:calc(100vw - 24px);padding:8px;margin-top:10px;z-index:100;border:1px solid var(--ah-line-2);border-radius:12px;background:var(--ah-panel);box-shadow:0 14px 32px #0004}
.desktop-account-panel:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:12px}
.desktop-account-panel>a,.desktop-account-panel button{display:flex;align-items:center;gap:10px;min-height:44px;width:100%;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:var(--ah-text);text-decoration:none;text-align:left;font:500 14px/1.4 var(--font);cursor:pointer}
.desktop-account-panel>a:hover,.desktop-account-panel button:hover{background:var(--ah-raised)}
.desktop-account-panel form{margin:4px 0 0;padding-top:4px;border-top:1px solid var(--ah-line-2)}
.desktop-account-panel svg{flex:none}
@media(max-width:760px){
  .desktop-account{display:none!important}
  :is(#sb-home,#sb-store) .premium-header .premium-header-row{display:flex!important;flex-wrap:nowrap!important;min-height:68px;gap:8px;padding:10px 16px}
  :is(#sb-home,#sb-store) .premium-header .catalog-nav{display:none!important}
  :is(#sb-home,#sb-store) .premium-header .logo{display:flex;flex:1 1 auto!important;width:auto!important;min-width:0;max-width:calc(100% - 158px);gap:6px}
  :is(#sb-home,#sb-store) .premium-header .logo .brand-image{width:180px!important;max-width:100%!important;height:auto!important;max-height:40px;object-fit:contain;object-position:left center}
  :is(#sb-home,#sb-store) .premium-header .logo>svg{width:26px;height:32px;flex:none}
  :is(#sb-home,#sb-store) .premium-header .logo>span{font-size:16px;flex:0 1 auto}
  :is(#sb-home,#sb-store) .premium-header .header-actions{display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;width:auto!important;gap:2px!important;margin-left:auto}
  :is(#sb-home,#sb-store) .premium-header .header-actions>:is(.live-search,.header-wallet,.header-chat,.header-notifications,.theme-toggle,.header-avatar,.header-login){display:none!important}
  :is(#sb-home,#sb-store) .premium-header .header-actions>:is(.search-icon-trigger,.burger,[data-cart-link]){display:grid!important;width:36px!important;height:40px!important;min-width:36px;padding:8px}
  :is(#sb-home,#sb-store) .mobile-account{display:block;position:static}
  :is(#sb-home,#sb-store) .mobile-account>summary{display:grid;place-items:center;width:36px;height:40px;border:1px solid var(--ah-line-2);border-radius:50%;background:var(--ah-raised);color:var(--ah-neon);list-style:none;cursor:pointer;font-weight:700}
  .mobile-account>summary::-webkit-details-marker{display:none}
  .mobile-account>summary svg{width:21px;height:21px}
  :is(#sb-home,#sb-store) .mobile-account-panel{position:absolute;top:calc(100% + 8px);right:12px;width:min(330px,calc(100vw - 24px));max-height:calc(100dvh - 130px);overflow:auto;z-index:100;padding:10px;border:1px solid var(--ah-line-2);border-radius:16px;background:var(--ah-panel);box-shadow:0 16px 36px #0005}
  :is(#sb-home,#sb-store) .mobile-account-panel>:is(a,button){display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:12px;border:0;border-radius:8px;background:none;color:var(--ah-text);text-align:left;font:500 14px/1.4 var(--font);text-decoration:none}
  :is(#sb-home,#sb-store) .mobile-account-panel>:is(a,button):hover{background:var(--ah-raised)}
  :is(#sb-home,#sb-store) .mobile-account-panel>.mobile-account-primary{background:var(--ah-raised);color:var(--ah-neon);margin-bottom:6px;flex-wrap:wrap}
  .mobile-account-panel svg{width:20px;height:20px}.mobile-account-panel strong{overflow-wrap:anywhere}
  .mobile-account-signout{border-top:1px solid var(--ah-line-2);padding-top:6px;margin-top:6px}
  .mobile-account-signout button{display:block;min-height:44px;width:100%;padding:12px;border:0;border-radius:8px;background:transparent;color:var(--ah-text);text-align:left;font:500 14px/1.4 var(--font);cursor:pointer}
  .mobile-account-signout button:hover{background:var(--ah-raised)}
  :is(#sb-home,#sb-store) .mobile-account-panel .badge-count{position:static;transform:none}
}

@media(max-width:760px){
  :is(#sb-home,#sb-store) .premium-utility>.wrap{display:flex;flex-wrap:nowrap;gap:10px}
  :is(#sb-home,#sb-store) .mobile-utility-wallet{display:inline-flex;align-items:center;min-height:32px;margin-left:auto;color:var(--ah-neon);font-size:12px;white-space:nowrap;text-decoration:none}
  :is(#sb-home,#sb-store) .premium-utility .utility-edit-page{margin-right:0;white-space:nowrap}
  :is(#sb-home,#sb-store) .premium-utility .preferences-menu{margin-left:0}
}