/* The real Django pages use the visual language of the approved Gamer Suite.
   No prototype data, navigation simulation or delivery behavior lives here. */
:root {
  --bg-void: #030509;
  --bg-surface: #060a12;
  --bg-card: rgba(10, 16, 30, .9);
  --bg-glass: rgba(14, 22, 42, .65);
  --neon-cyan: #00f0ff;
  --neon-green: #00ff88;
  --neon-purple: #9d4edd;
  --neon-pink: #ff0055;
  --neon-amber: #ffaa00;
  --border-cyber: rgba(0, 240, 255, .25);
  --border-dim: rgba(255, 255, 255, .08);
  --text-white: #f8fafc;
  --text-muted: #94a3b8;
  --text-dim: #64748b;
  --font-orbit: Orbitron, sans-serif;
  --font-raj: Rajdhani, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --font-sans: 'Plus Jakarta Sans', sans-serif;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: var(--bg-void);
  --page: var(--bg-void);
  --surface: #0a101e;
  --soft: #101a2a;
  --ink: var(--text-white);
  --muted: var(--text-muted);
  --brand: var(--neon-cyan);
  --brand-dark: #67f6ff;
  --brand-contrast: #020911;
  --line: var(--border-cyber);
  --lilac: #211530;
  --peach: #2b1521;
  --gold: var(--neon-amber);
  --error: #ff789c;
  --radius: 14px;
  --shadow: 0 0 25px rgba(0, 240, 255, .1);
  --wide: 1440px;
}
html[data-store-brand="incistore"][data-theme="dark"] {
  --neon-cyan: #f2a8df;
  --neon-green: #c6a8ff;
  --neon-purple: #ba84ed;
  --neon-pink: #ff7cba;
  --border-cyber: rgba(242, 168, 223, .3);
  --bg-void: #080510;
  --bg-surface: #0e0919;
  --bg-card: rgba(23, 14, 37, .92);
  --bg-glass: rgba(28, 17, 44, .7);
  --surface: #170e25;
  --soft: #241634;
  --brand: var(--neon-cyan);
  --brand-dark: #ffd0ef;
  --line: var(--border-cyber);
}
body.apex-site {
  min-height: 100vh;
  background: var(--bg-void);
  background-image: radial-gradient(circle at 10% 15%, rgba(0, 240, 255, .08), transparent 45%), radial-gradient(circle at 90% 85%, rgba(157, 78, 221, .09), transparent 55%), radial-gradient(circle at 50% 50%, rgba(255, 0, 85, .03), transparent 60%);
  background-attachment: fixed;
  color: var(--text-white);
}
html[data-store-brand="incistore"] body.apex-site { background-image: radial-gradient(circle at 10% 15%, rgba(242, 168, 223, .1), transparent 45%), radial-gradient(circle at 90% 85%, rgba(186, 132, 237, .11), transparent 55%); }
body.apex-site, body.apex-site :is(p, span, li, a, td, input, select, textarea, label, button) { font-family: var(--font-raj) !important; }
body.apex-site :is(h1, h2, h3, h4, h5, h6, .price, .stat strong, .btn, .eyebrow) { font-family: var(--font-orbit) !important; }
body.apex-site :is(h1, h2, h3, h4, h5, h6) { color: var(--text-white); font-weight: 800 !important; letter-spacing: -.02em; }
body.apex-site :is(code, kbd, time, .notification-count) { font-family: var(--font-mono) !important; }
body.apex-site :is(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid var(--neon-cyan) !important; outline-offset: 3px; }
body.apex-site :is(.apex-hud, .apex-workspace, dialog, .mobile-bottom, .toast) { position: relative; z-index: 1; }
.apex-hud {
  position: sticky !important; top: 0; z-index: 1000 !important;
  height: 60px; padding: 0 28px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 380px) minmax(0, 1fr); align-items: center; gap: 20px;
  background: rgba(5, 8, 16, .95); backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border-cyber);
}
.apex-hud-brand, .apex-hud-actions { display: flex; align-items: center; gap: 12px; min-width: 0; }
.apex-hud-actions { justify-content: flex-end; }
.apex-hud .logo { min-width: 0; gap: 14px; }
.apex-hud .gm-mark { width: 36px; height: 36px; border-radius: 8px; background: linear-gradient(135deg, var(--neon-cyan), var(--neon-green)); color: #020911; font-family: var(--font-orbit) !important; font-weight: 900; box-shadow: 0 0 25px color-mix(in srgb, var(--neon-cyan) 40%, transparent); }
.apex-hud .wordmark { color: #fff; font-family: var(--font-orbit) !important; font-weight: 900; font-size: 17px; letter-spacing: .04em; white-space: nowrap; }
.apex-hud .wordmark span { color: var(--neon-cyan); font-family: inherit !important; font-weight: 900; }
.apex-hud .logo small { display: none; }
.apex-search-button, .apex-icon-link, .apex-menu-button { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 10px; border: 1px solid var(--border-cyber); border-radius: 8px; background: var(--bg-card); color: var(--text-white); }
.apex-hud > .apex-search-button { width: 100%; justify-content: flex-start; padding-inline: 14px; color: var(--text-muted); }
.apex-hud > .apex-search-button .icon { color: var(--neon-cyan); }
.apex-hud > .apex-search-button kbd { margin-left: auto; }
.apex-sfx-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; padding: 0 10px; border: 1px solid var(--border-cyber); border-radius: 8px; background: var(--bg-card); color: var(--neon-cyan); font-size: 11px; font-weight: 700; cursor: pointer; }
.apex-sfx-toggle:hover { border-color: var(--neon-cyan); }
.apex-sfx-toggle[aria-pressed="false"] { color: var(--text-muted); }
.apex-sfx-toggle [data-sfx-icon] { font-size: 18px; line-height: 1; }
.apex-sfx-mobile { display: none; }
.apex-search-button:hover, .apex-icon-link:hover, .apex-menu-button:hover { color: var(--neon-cyan); border-color: var(--neon-cyan); }
.apex-search-button kbd { padding: 2px 5px; border: 1px solid var(--border-dim); border-radius: 4px; font-size: 10px; color: var(--text-muted); }
.apex-icon-link .icon, .apex-menu-button .icon, .apex-search-button .icon { width: 18px; height: 18px; }
.apex-icon-link.apex-notifications { min-width: 42px; gap: 5px; }
.apex-icon-link .notification-count { position: static; display: inline-grid; place-items: center; flex: 0 0 auto; min-width: 23px; height: 23px; padding-inline: 6px; border-radius: 999px; color: #020911; background: var(--neon-cyan); font-family: var(--font-mono) !important; font-size: 11px; font-weight: 800; font-variant-numeric: tabular-nums; }
.apex-menu-button { display: none; }
.apex-workspace { display: block; min-height: calc(100vh - 60px); }
.apex-sidebar { position: sticky; top: 60px; z-index: 999; padding: 0 28px; background: rgba(6, 10, 20, .97); border-bottom: 1px solid var(--border-cyber); }
.apex-site-nav { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; max-width: 1600px; min-height: 52px; margin-inline: auto; }
.apex-nav-primary { display: flex; align-items: center; gap: 4px; min-width: 0; }
.apex-sidebar-row { display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 8px 11px; border: 1px solid transparent; border-radius: 8px; color: var(--text-muted); font-size: 12px; font-weight: 600; white-space: nowrap; }
.apex-sidebar-row .icon { width: 16px; height: 16px; flex: 0 0 16px; }
.apex-sidebar-row span { flex: 1; }
.apex-sidebar-row:hover { color: #fff; background: color-mix(in srgb, var(--neon-cyan) 6%, transparent); }
.apex-sidebar-row.is-active { color: var(--neon-cyan); background: color-mix(in srgb, var(--neon-cyan) 14%, transparent); border-color: color-mix(in srgb, var(--neon-cyan) 30%, transparent); font-weight: 700; }
.apex-nav-dropdown { position: relative; flex: 0 0 auto; }
.apex-nav-dropdown summary { display: flex; align-items: center; gap: 10px; min-height: 38px; padding: 8px 11px; border: 1px solid transparent; border-radius: 8px; color: var(--text-muted); cursor: pointer; list-style: none; font-size: 12px; font-weight: 600; }
.apex-nav-dropdown summary::-webkit-details-marker { display: none; }
.apex-nav-dropdown summary:hover, .apex-nav-dropdown[open] summary { color: var(--neon-cyan); background: color-mix(in srgb, var(--neon-cyan) 8%, transparent); border-color: var(--border-cyber); }
.apex-more-list:has(.is-active) summary { color: var(--neon-cyan); }
.apex-nav-dropdown > div { position: absolute; top: calc(100% + 7px); right: 0; z-index: 3; display: grid; max-height: min(68vh, 540px); overflow-y: auto; padding: 10px; border: 1px solid var(--border-cyber); border-radius: 10px; background: var(--bg-surface); box-shadow: 0 20px 40px #0009; }
.apex-category-list > div { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px 8px; width: min(620px, calc(100vw - 40px)); }
.apex-category-list a { padding: 8px 10px; border-radius: 6px; color: var(--text-muted); font-size: 12px; }
.apex-category-list a:hover { color: var(--neon-cyan); background: color-mix(in srgb, var(--neon-cyan) 8%, transparent); }
.apex-more-list > div { width: 240px; }
.apex-more-list .apex-sidebar-row { white-space: normal; }
.apex-viewport { min-width: 0; background: radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--neon-cyan) 4%, transparent), transparent 60%); }
.apex-viewport > main { min-height: 60vh; }
.apex-viewport .wrap { max-width: 1440px; width: calc(100% - 88px); }
body.apex-site .page { padding-top: 36px; }
body.apex-site .page-heading { margin-bottom: 28px; }
body.apex-site .page-heading h1 { font-size: clamp(25px, 2.5vw, 36px); }
body.apex-site .eyebrow { color: var(--neon-cyan); letter-spacing: 1.5px; }
body.apex-site :is(.panel, .card, .category-link, .guide-card, .stat, .account-welcome, .guide-banner, .home-game-card, .product-card, .game-card, .support-hub-card, .faq, .notification-item) { background: var(--bg-card); border: 1px solid var(--border-dim); border-radius: 14px; box-shadow: none; }
body.apex-site :is(.panel, .guide-card, .stat, .category-link, .home-game-card, .product-card):hover { border-color: color-mix(in srgb, var(--neon-cyan) 45%, transparent); }
body.apex-site .detail-media .missing-cover { color: var(--text-muted); background: linear-gradient(135deg, var(--soft), var(--surface)); }
body.apex-site .detail-media .missing-cover strong { color: var(--text-white); }
body.apex-site :is(.badge-platform, .badge-delivery) { color: var(--text-white); background: var(--bg-surface); border-color: var(--border-cyber); }
body.apex-site :is(.filter-pill-btn.active, .filter-badge-btn.active) { color: #020911; background: var(--neon-cyan); border-color: var(--neon-cyan); }
body.apex-site .mfa-qr-frame { background: #fff; }
body.apex-site :is(.product-card, .home-game-card) { padding: 8px; }
body.apex-site :is(.product-media, .home-game-media) { background: var(--bg-surface); border-radius: 8px; }
body.apex-site .product-media img { object-fit: contain; }
body.apex-site :is(.price, .stat strong) { color: var(--neon-green); font-variant-numeric: tabular-nums; }
body.apex-site .btn:not(.text) { border: 1px solid var(--neon-cyan); border-radius: 4px; color: #020911; background: var(--neon-cyan); box-shadow: 0 0 20px color-mix(in srgb, var(--neon-cyan) 20%, transparent); text-transform: uppercase; font-size: 11px; font-weight: 800; letter-spacing: .04em; }
body.apex-site .btn.secondary { color: var(--neon-cyan); background: color-mix(in srgb, var(--neon-cyan) 8%, var(--bg-surface)); }
body.apex-site .btn:not(.text):hover { border-color: var(--neon-green); background: var(--neon-green); color: #020911; transform: translateY(-1px); }
body.apex-site .btn:disabled { opacity: .5; box-shadow: none; transform: none; }
body.apex-site :is(.pill, .home-badge-tag) { color: var(--neon-cyan); background: color-mix(in srgb, var(--neon-cyan) 10%, var(--bg-surface)); border: 1px solid color-mix(in srgb, var(--neon-cyan) 25%, transparent); border-radius: 4px; font-family: var(--font-mono) !important; letter-spacing: .03em; }
body.apex-site :is(.input, input[type="search"], input[type="text"], input[type="email"], input[type="password"], textarea, select) { color: var(--text-white); background: var(--bg-surface); border: 1px solid var(--border-cyber); border-radius: 8px; }
body.apex-site :is(.input, input, textarea)::placeholder { color: var(--text-muted); }
body.apex-site :is(.alert, .empty, .faq) { background: var(--bg-card); border-color: var(--border-dim); color: var(--text-white); }
body.apex-site .footer { background: var(--bg-surface) !important; border-color: var(--border-cyber) !important; }
body.apex-site .footer-links a:hover { color: var(--neon-cyan); }
body.apex-site .apex-footer { margin-top: 32px; padding: 30px 0 20px; border-top: 1px solid var(--border-cyber) !important; background: var(--bg-surface) !important; }
body.apex-site .apex-footer .footer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-bottom: 22px; }
body.apex-site .apex-footer .footer-about { grid-column: 1 / -1; }
body.apex-site .apex-footer .footer-links { display: flex; flex-direction: column; gap: 4px; }
body.apex-site .apex-footer .footer-links h4 { margin: 0 0 10px; color: var(--neon-cyan); font-family: var(--font-orbit) !important; font-size: 10px; letter-spacing: .08em; }
body.apex-site .apex-footer .footer-links a { display: inline-block; width: fit-content; margin: 0; padding: 4px 0; color: var(--text-muted); font-size: 13px; line-height: 1.5; }
body.apex-site .apex-footer .footer-links a:hover { color: var(--neon-cyan); }
body.apex-site .apex-footer .footer-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 10px; padding-top: 12px; border-top: 1px solid var(--border-cyber) !important; color: var(--text-dim) !important; font-size: 11.5px; }
body.apex-site .login-form { align-items: center; }
body.apex-site .login-form > .panel { align-self: center; }
body.apex-site .hero-search input:-webkit-autofill { -webkit-text-fill-color: var(--text-white); box-shadow: 0 0 0 1000px var(--bg-surface) inset; }
body.apex-site .store-category-icon { display: inline-grid; place-items: center; flex: 0 0 20px; width: 20px; height: 20px; color: var(--neon-cyan); vertical-align: middle; }
body.apex-site .store-category-icon .icon { width: 18px; height: 18px; }
/* Real informational and contact routes share the Gamer card language. */
body.apex-site .gamer-info-page .page-heading { max-width: 860px; }
body.apex-site .gamer-info-page .page-heading p { max-width: 760px; }
body.apex-site .gamer-info-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
body.apex-site .gamer-info-card { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 26px; border: 1px solid var(--border-dim); border-radius: 14px; background: var(--bg-card); transition: border-color .16s ease, transform .16s ease; }
body.apex-site .gamer-info-card:hover { border-color: var(--border-cyber); transform: translateY(-2px); }
body.apex-site .gamer-info-card-icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 22px; border: 1px solid var(--border-cyber); border-radius: 9px; color: var(--neon-cyan); background: color-mix(in srgb, var(--neon-cyan) 8%, var(--bg-surface)); }
body.apex-site .gamer-info-card-icon .icon { width: 21px; height: 21px; }
body.apex-site .gamer-info-card h2 { margin-bottom: 11px; font-size: clamp(15px, 1.35vw, 19px); line-height: 1.4; }
body.apex-site .gamer-info-card p { margin-bottom: 22px; font-size: 15px; line-height: 1.6; }
body.apex-site .gamer-info-card-link { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; color: var(--neon-cyan); font-weight: 700; }
body.apex-site .gamer-info-card-link .icon { width: 17px; height: 17px; }
body.apex-site .gamer-info-metrics .gamer-info-card > strong { margin-bottom: 8px; color: var(--neon-green); font-family: var(--font-orbit) !important; font-size: clamp(25px, 3vw, 36px); font-variant-numeric: tabular-nums; }
body.apex-site .gamer-info-form { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(0, 1fr); gap: 32px; margin-top: 26px; padding: 30px; }
body.apex-site .gamer-info-form h2, body.apex-site .gamer-info-next h2 { margin-bottom: 12px; font-size: clamp(18px, 2vw, 25px); }
body.apex-site .gamer-info-form p, body.apex-site .gamer-info-next p { line-height: 1.6; }
body.apex-site .gamer-info-form form { display: grid; gap: 18px; }
body.apex-site .gamer-info-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
body.apex-site .gamer-info-form-wide { grid-column: 1 / -1; }
body.apex-site .gamer-info-form .form-field { min-width: 0; }
body.apex-site .gamer-info-form .form-field :is(input, textarea) { width: 100%; }
body.apex-site .gamer-info-form .btn { justify-self: start; }
body.apex-site .gamer-info-next { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 24px; }
body.apex-site .review-source-stats { grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); }
body.apex-site .review-source-stats .stat { min-width: 0; }
body.apex-site .webmail-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(250px, .7fr); gap: 20px; align-items: start; }
body.apex-site .webmail-console { display: grid; gap: 18px; padding: 30px; }
body.apex-site .webmail-console h2 { font-size: clamp(18px, 2vw, 25px); }
body.apex-site .webmail-console form { display: grid; gap: 12px; }
body.apex-site .webmail-console form label { font-weight: 700; }
body.apex-site .webmail-input-row { display: flex; gap: 12px; align-items: stretch; }
body.apex-site .webmail-input-row .input { min-width: 0; flex: 1; }
body.apex-site .webmail-input-row .btn { flex: 0 0 auto; }
body.apex-site .webmail-result { display: grid; justify-items: start; gap: 12px; padding: 22px; border: 1px solid var(--border-cyber); border-radius: 10px; background: var(--bg-surface); }
body.apex-site .webmail-result h3 { font-size: 18px; }
body.apex-site .webmail-assurance { display: grid; gap: 18px; }
body.apex-site .webmail-domains { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; margin: 0 0 20px; }
body.apex-site .webmail-domains .pill { max-width: 100%; overflow-wrap: anywhere; }
body.apex-site .webmail-directory { margin-top: 56px; }
body.apex-site .notification-page { max-width: 1040px; }
body.apex-site .notification-heading { display: flex; justify-content: space-between; align-items: end; gap: 22px; margin-bottom: 18px; padding: 8px 0 22px; border-bottom: 1px solid var(--border-cyber); }
body.apex-site .notification-heading h1 { font-size: clamp(26px, 3vw, 36px); }
body.apex-site .notification-heading p { margin-top: 10px; }
body.apex-site .notification-list { display: grid; gap: 10px; }
body.apex-site .notification-item { display: grid; grid-template-columns: 42px minmax(0, 1fr) 40px; align-items: center; gap: 16px; width: 100%; padding: 18px; text-align: left; color: var(--text-white); background: var(--bg-card); border: 1px solid var(--border-dim); border-radius: 12px; }
body.apex-site .notification-item.is-unread { border-color: var(--border-cyber); background: color-mix(in srgb, var(--neon-cyan) 6%, var(--bg-card)); }
body.apex-site .notification-item:hover { border-color: var(--neon-cyan); }
body.apex-site .notification-symbol { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--border-cyber); border-radius: 9px; color: var(--neon-cyan); background: var(--bg-surface); }
body.apex-site .notification-copy { display: grid; min-width: 0; gap: 6px; }
body.apex-site .notification-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
body.apex-site .notification-meta time { margin-left: auto; color: var(--text-muted); font-size: 11px; }
body.apex-site .notification-new { color: var(--neon-green); font-size: 12px; font-weight: 800; }
body.apex-site .notification-new::before { display: inline-block; width: 6px; height: 6px; margin-right: 5px; vertical-align: middle; border-radius: 50%; background: currentColor; content: ''; }
body.apex-site .notification-copy strong { line-height: 1.35; }
body.apex-site .notification-message { color: var(--text-muted); line-height: 1.5; overflow-wrap: anywhere; }
body.apex-site .notification-open { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--border-cyber); border-radius: 8px; color: var(--neon-cyan); background: var(--bg-surface); cursor: pointer; }
body.apex-site .notification-open:hover { color: #020911; background: var(--neon-cyan); }
body.apex-site .notification-pagination { display: flex; justify-content: center; align-items: center; gap: 16px; margin-top: 20px; }
@media (max-width: 900px) {
  body.apex-site .gamer-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.apex-site .gamer-info-form { grid-template-columns: minmax(0, 1fr); }
  body.apex-site .webmail-layout { grid-template-columns: minmax(0, 1fr); }
  body.apex-site .webmail-assurance { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  body.apex-site .gamer-info-grid, body.apex-site .gamer-info-form-grid { grid-template-columns: minmax(0, 1fr); }
  body.apex-site .webmail-assurance { grid-template-columns: minmax(0, 1fr); }
  body.apex-site .webmail-input-row { flex-direction: column; }
  body.apex-site .gamer-info-form-wide { grid-column: auto; }
  body.apex-site .gamer-info-form, body.apex-site .gamer-info-card, body.apex-site .webmail-console { padding: 20px; }
  body.apex-site .gamer-info-next { flex-direction: column; align-items: stretch; }
  body.apex-site .gamer-info-next .row, body.apex-site .gamer-info-next .btn { width: 100%; }
  body.apex-site .notification-heading { flex-direction: column; align-items: stretch; }
  body.apex-site .notification-heading .btn { width: 100%; }
  body.apex-site .notification-item { grid-template-columns: 36px minmax(0, 1fr); gap: 10px; padding: 13px; }
  body.apex-site .notification-symbol { width: 36px; height: 36px; }
  body.apex-site .notification-open { grid-column: 2; justify-self: end; }
  body.apex-site .notification-meta time { width: 100%; margin-left: 0; }
}
/* Delivery keeps its real forms and provider logic, but follows the Gamer Suite terminal. */
body.apex-site .delivery-hero-section { max-width: 840px; text-align: left; margin-inline: 0; }
body.apex-site .delivery-hero-title { color: var(--text-white) !important; font-family: var(--font-orbit) !important; font-size: clamp(25px, 2.5vw, 35px) !important; font-weight: 900 !important; line-height: 1.2; }
body.apex-site .delivery-hero-desc { color: var(--text-muted) !important; font-size: 15px; line-height: 1.65; margin: 0; }
body.apex-site .terminal-master-card { background: var(--bg-card) !important; border: 1px solid var(--border-cyber) !important; border-radius: 14px !important; box-shadow: 0 0 28px color-mix(in srgb, var(--neon-cyan) 8%, transparent) !important; }
body.apex-site .terminal-master-card::before { height: 1px !important; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--neon-cyan) 45%, transparent), transparent) !important; }
body.apex-site :is(.terminal-input-wrapper, .game-selector-container, .delivery-howto, .process-step-item) { background: var(--bg-surface) !important; border: 1px solid var(--border-dim) !important; border-radius: 10px !important; box-shadow: none !important; }
body.apex-site .terminal-input-wrapper:focus-within { border-color: var(--neon-cyan) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--neon-cyan) 15%, transparent) !important; }
body.apex-site :is(.terminal-key-field, .game-search-box) { color: var(--text-white) !important; background: var(--bg-card) !important; border-color: var(--border-cyber) !important; font-family: var(--font-mono) !important; }
body.apex-site :is(.terminal-input-wrapper label, .game-selector-container label) { color: var(--neon-cyan) !important; font-family: var(--font-mono) !important; }
body.apex-site .game-card-pill { color: var(--text-white) !important; background: var(--bg-card) !important; border: 1px solid var(--border-dim) !important; border-radius: 8px !important; }
body.apex-site .game-card-pill:is(:hover, .selected, .active, [aria-pressed="true"]) { border-color: var(--neon-cyan) !important; box-shadow: 0 0 16px color-mix(in srgb, var(--neon-cyan) 14%, transparent) !important; }
body.apex-site :is(.delivery-grid .panel, .secret-field, .library-card) { background: var(--bg-card) !important; border: 1px solid var(--border-dim) !important; border-radius: 14px !important; box-shadow: none !important; }
body.apex-site :is(.delivery-grid .panel, .library-card):hover { border-color: var(--border-cyber) !important; }
body.apex-site .library-card-copy { color: var(--text-white); }
body.apex-site .library-card-copy strong { font-family: var(--font-orbit) !important; }
body.apex-site dialog { position: fixed; inset: 0; margin: auto; width: min(680px, calc(100% - 32px)); max-height: calc(100dvh - 80px); padding: 0; display: flex; flex-direction: column; overflow: hidden; z-index: 9999; background: var(--bg-surface) !important; border: 1px solid var(--border-cyber) !important; border-radius: 12px; color: var(--text-white) !important; box-shadow: 0 24px 70px #0009; }
body.apex-site dialog:not([open]) { display: none; }
body.apex-site dialog::backdrop { background: #020509d9; backdrop-filter: blur(8px); }
body.apex-site .dialog-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-shrink: 0; padding: 16px 24px; background: var(--bg-surface) !important; border-bottom: 1px solid var(--border-cyber) !important; }
body.apex-site .dialog-header h2 { margin: 0; color: var(--text-white) !important; font-family: var(--font-orbit) !important; font-size: 1.1rem; }
body.apex-site .dialog-header .icon-button { display: inline-grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; padding: 0; border-radius: 8px; background: var(--bg-card) !important; border: 1px solid var(--border-cyber) !important; color: var(--text-white) !important; }
body.apex-site .dialog-header .icon-button:hover { border-color: var(--neon-cyan) !important; color: var(--neon-cyan) !important; }
body.apex-site .dialog-header .icon-button .icon { width: 16px; height: 16px; }
body.apex-site .dialog-content { min-height: 0; max-height: calc(100dvh - 160px); padding: 22px 24px; overflow-y: auto; overscroll-behavior: contain; }
body.apex-site .mobile-bottom:not(.purchase) { display: none !important; }
@media (max-width: 700px) { body.apex-site .mobile-bottom.purchase { display: flex; z-index: 100; background: var(--bg-surface); border-color: var(--border-cyber); } }
.apex-menu-scrim[hidden] { display: none; }
@media (max-width: 1120px) {
  .apex-hud { padding-inline: 18px; }
  .apex-sidebar { padding-inline: 18px; }
  .apex-viewport .wrap { width: calc(100% - 44px); }
}
@media (min-width: 821px) and (max-width: 1400px) {
  body.apex-site .hub-main-grid { grid-template-columns: minmax(0, 1fr); }
  body.apex-site .hub-main-grid > * { min-width: 0; max-width: 100%; }
}
@media (max-width: 1600px) {
  body.apex-site .wheel-layout-grid { grid-template-columns: minmax(0, 1fr); }
  body.apex-site :is(.wheel-stage, .wheel-info-panel, .wheel-multiplier-bar, .wheel-odds-list) { min-width: 0; max-width: 100%; }
}
@media (max-width: 820px) {
  .apex-menu-button { display: inline-flex; }
  .apex-hud { grid-template-columns: minmax(0, 1fr) 38px auto; gap: 10px; }
  .apex-hud .wordmark { font-size: 14px !important; }
  .apex-search-button span, .apex-search-button kbd { display: none; }
  .apex-hud > .apex-search-button { justify-content: center; padding: 0; }
  .apex-sidebar { position: fixed; top: 60px; left: 0; width: min(290px, calc(100vw - 44px)); height: calc(100dvh - 60px); overflow-y: auto; padding: 12px; border-right: 1px solid var(--border-cyber); border-bottom: 0; transform: translateX(-105%); transition: transform .2s ease; visibility: hidden; z-index: 1001; }
  .apex-sidebar.is-open { transform: translateX(0); visibility: visible; }
  .apex-site-nav, .apex-nav-primary { display: grid; gap: 3px; min-height: 0; }
  .apex-nav-dropdown > div { position: static; width: 100%; max-height: 300px; margin: 0; padding: 4px 0 6px 12px; border: 0; background: transparent; box-shadow: none; }
  .apex-category-list > div { grid-template-columns: 1fr; }
  .apex-nav-dropdown summary { padding-inline: 11px; }
  .apex-sidebar-row { min-height: 42px; font-size: 13px; }
  .apex-menu-scrim:not([hidden]) { position: fixed; display: block; inset: 60px 0 0; z-index: 1000; width: 100%; height: calc(100dvh - 60px); background: rgba(0, 0, 0, .65); }
  body.apex-site .apex-footer .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px !important; }
  body.apex-site .apex-footer .footer-about { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  body.apex-site:has(.mobile-bottom.purchase) .back-to-top { bottom: calc(170px + env(safe-area-inset-bottom, 0px)); }
  body.apex-site:has(.mobile-bottom.purchase) .toast { bottom: calc(225px + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width: 480px) {
  .apex-hud { padding-inline: 8px; gap: 4px; }
  .apex-hud-brand, .apex-hud-actions { gap: 5px; }
  .apex-hud .wordmark { font-size: 12px !important; letter-spacing: 0; }
  .apex-hud .gm-mark { display: none; }
  .apex-hud .apex-sfx-toggle { display: none; }
  .apex-sidebar .apex-sfx-mobile { display: flex; width: calc(100% - 20px); margin: 14px 10px; }
  .apex-search-button { padding-inline: 7px; }
  .apex-icon-link { min-width: 36px; padding-inline: 6px; }
  .apex-viewport .wrap { width: calc(100% - 28px); }
  body.apex-site .page { padding-top: 22px; }
}
@media (prefers-reduced-motion: reduce) { body.apex-site *, body.apex-site *::before, body.apex-site *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }
@media print { .apex-hud, .apex-sidebar, .apex-menu-scrim { display: none !important; } .apex-workspace { display: block; } .apex-viewport .wrap { width: 100%; max-width: none; } }