/* Why: align legacy shell fallback colors with the approved Nullpoint palette.
 gpt-6-astra */
/* Why: one compact kit overlay covers marketing, account, support, admin,
   and fallback pages without changing their data contracts. Opaque chassis
   from docs/GAMESENSE-THEME.md — skeet density, not a replica. No frost,
   orange, rainbow, GS green, or skeet wordmarks.
   grok-4.6 */
:root {
  --bg:#100e16; --page:#100e16; --win-bg:#17131f; --chrome:#17131f; --chrome-hi:#241d30;
  --panel:#17131f; --panel-soft:#241d30; --panel-solid:#17131f;
  --sunken:#100e16; --well:#120f19; --ink:#100e16;
  --rail:#120f19; --rail-sel:#241d30;
  --text:#eeeaf5; --bright:#f4f5f7; --muted:#9690a6; --muted2:#9690a6; --dim:#9690a6;
  --accent:#a78bfa; --accent-rgb:167 139 250; --accent-hot:#c4b5fd; --accent-dim:#8b5cf6;
  --accent-soft:rgba(167,139,250,.10); --accent-line:rgba(167,139,250,.35); --accent-glow:transparent;
  --accent-sec:#c4b5fd; --accent-sec-hot:#c4b5fd; --accent-sec-soft:rgba(167,139,250,.08);
  --champagne:#eeeaf5; --champagne-hot:#f4f5f7; --vio:#a78bfa; --top-bar:#a78bfa;
  --border:#353042; --border-strong:#353042;
  --hairline:#302939; --hairline-hot:#a78bfa; --border-lit:#1e1928; --inset:#1e1928; --rim:inset 0 0 0 1px #1e1928;
  --check-empty:#3a4050;
  --film-1:transparent; --film-2:transparent; --film-3:transparent;
  --blur:none; --blur-soft:none;
  --shadow:0 12px 32px rgba(0,0,0,.4); --elev-1:none;
  --elev-2:none; --elev-3:0 16px 40px rgba(0,0,0,.45);
  --glow-accent:none; --glow-sec:none;
  --radius:2px; --radius-lg:4px; --radius-sm:2px; --radius-btn:2px;
  --font:"Segoe UI",Verdana,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --display:var(--font); --mono:"Segoe UI",Verdana,ui-monospace,Consolas,monospace;
  --wrap:1160px; --wrap-mid:1000px; --wrap-text:48rem;
  --gutter:clamp(20px,4vw,40px); --sec-y:clamp(36px,6vw,72px); --nav-h:52px;
  --ease:cubic-bezier(.2,.7,.2,1); --ease-soft:var(--ease); --ease-out:var(--ease); --ease-spring:var(--ease);
  --dur-fast:.08s; --dur-med:.1s; --dur-slow:.12s; --dur-reveal:.12s; --dur-page:.1s;
  --brand:#a78bfa; --brand-hot:#c4b5fd; --brand-ink:#100e16;
  --cs2:#a78bfa; --l4d2:#a78bfa; --deadlock:#a78bfa; --java:#a78bfa;
}
html {background:var(--bg);scroll-padding-top:72px;scroll-behavior:smooth}
body.site-glass {background:var(--bg)!important;color:var(--text);font-family:var(--font);font-size:13px;line-height:1.55;letter-spacing:0;min-height:100vh}
[hidden] {display:none!important}
/* Starfield/grid stay gone. body::before is the 3px lime top bar only.
   grok-4.6 */
body.site-glass::after,.bg-fx,.bg-grid,#starfield,#stars-canvas,.starfield,.aurora,.ambient,.scroll-progress {display:none!important}
body.site-glass {isolation:isolate}
body.site-glass::before {
  display:block!important;
  content:"";
  position:fixed;
  top:0;left:0;right:0;
  height:3px;
  z-index:10000;
  pointer-events:none;
  background:var(--top-bar);
}
body.site-glass .nav,
body.site-glass main,
body.site-glass .site-footer,
body.site-glass .tc-auth-root,
body.site-glass .admin-panel,
body.site-glass .gate-wrap {position:relative;z-index:1}
body.site-glass .nav {z-index:1000}
body.site-glass :is(h1,h2,h3,h4) {font-family:var(--display);color:var(--bright);font-weight:600;text-shadow:none;letter-spacing:-.02em;-webkit-text-fill-color:currentColor}
body.site-glass h1 {font-size:clamp(28px,4vw,40px);line-height:1.12}
body.site-glass h2 {font-size:clamp(18px,2.4vw,26px);line-height:1.25}
body.site-glass h3 {font-size:15px;line-height:1.35}
body.site-glass :is(p,li,dd) {text-wrap:pretty}
body.site-glass a {text-underline-offset:3px}
body.site-glass :focus-visible {outline:1px solid var(--accent);outline-offset:2px}
body.site-glass .visually-hidden:focus {position:fixed!important;z-index:99999;top:10px;left:10px;width:auto;height:auto;clip:auto;padding:8px 14px;background:var(--panel-solid);color:var(--text)}

/* Wordmark: two #eeeaf5 + client #a78bfa. Hide the raster mark; keep the
   accessible TwoClient text at font-size 0. grok-4.6 */
body.site-glass .brand,
body.site-glass .foot-brand {
  font-family:var(--font);font-size:0;font-weight:700;letter-spacing:0;text-transform:none;gap:0;color:transparent;
}
body.site-glass .brand-logo,
body.site-glass .foot-brand img {display:none!important}
body.site-glass .brand::before,
body.site-glass .foot-brand::before {content:"null";font:700 15px/1 var(--font);color:#eeeaf5}
body.site-glass .brand::after,
body.site-glass .foot-brand::after {content:"point";font:700 15px/1 var(--font);color:#a78bfa}
body.site-glass .brand:has(.wm),
body.site-glass .foot-brand:has(.wm) {font-size:15px;color:#eeeaf5}
body.site-glass .brand:has(.wm)::before,
body.site-glass .brand:has(.wm)::after,
body.site-glass .foot-brand:has(.wm)::before,
body.site-glass .foot-brand:has(.wm)::after {content:none}
body.site-glass .wm {display:inline-flex;align-items:baseline;gap:0;font:700 15px/1 var(--font)}
body.site-glass .wm-two,body.site-glass .brand-two {color:#eeeaf5}
body.site-glass .wm-client,body.site-glass .brand-client {color:#a78bfa}

body.site-glass .nav {
  position:sticky;top:0;z-index:1000;min-height:52px;padding:8px max(var(--gutter),calc((100% - 1160px)/2));
  background:#17131f;backdrop-filter:none;-webkit-backdrop-filter:none;
  border:0;border-bottom:1px solid var(--border);box-shadow:none;gap:24px;
}
body.site-glass .nav.scrolled {background:#17131f;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body.site-glass .nav nav {gap:2px;flex-wrap:nowrap}
body.site-glass .nav nav>a,body.site-glass .dropdown-trigger {font:500 13px/1.4 var(--font);letter-spacing:0;text-transform:none;padding:7px 10px;border-radius:2px;color:var(--muted);position:relative}
body.site-glass .nav nav>a::after {content:"";position:absolute;left:10px;right:10px;bottom:3px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .1s var(--ease)}
body.site-glass .nav nav>a:hover,body.site-glass .nav nav>a[aria-current=page] {background:#241d30;color:var(--bright)}
body.site-glass .nav nav>a[aria-current=page] {color:var(--accent)}
body.site-glass .nav nav>a[aria-current=page]::after,body.site-glass .nav nav>a:hover::after {transform:scaleX(1)}
body.site-glass .nav-actions {border:0;padding:0;margin-left:12px}
body.site-glass :is(.btn,button) {font-family:var(--font);letter-spacing:0;text-transform:none}
body.site-glass .btn {min-height:34px;padding:7px 14px;font-size:13px;font-weight:600;line-height:1.3;border:1px solid var(--border);border-radius:2px;background:#241d30;color:var(--text);box-shadow:none;text-shadow:none;transform:none;transition:background .1s,border-color .1s,color .1s}
body.site-glass .btn::before,body.site-glass .btn::after {display:none!important}
body.site-glass .btn:hover {background:#241d30;border-color:var(--accent);transform:none;box-shadow:none}
body.site-glass .btn.primary {background:var(--accent);border-color:var(--accent);color:var(--ink)}
body.site-glass .btn.primary:hover {background:var(--accent-hot);border-color:var(--accent-hot);color:var(--ink)}
/* Why: legacy hover selectors outrank the base button rule; keep every state
   free of the previous orange glow. grok-4.6 */
body.site-glass .btn.primary:hover:not(:disabled):not(.is-disabled) {box-shadow:none;transform:none;background:var(--accent-hot);border-color:var(--accent-hot);color:var(--ink)}
body.site-glass .btn.ghost {background:transparent;border-color:var(--border);color:var(--text)}
body.site-glass .btn.ghost:hover {border-color:var(--accent);color:var(--bright)}
body.site-glass .btn.danger {background:rgba(224,85,85,.08);color:#ff9f9f;border-color:rgba(224,85,85,.3)}
body.site-glass .nav .btn {min-height:30px;padding:6px 12px;font-size:12px}
body.site-glass .nav-toggle {width:36px;height:36px;background:transparent;border-color:var(--border)}
body.site-glass :is(.hero-shell,.section,.suite-section) {max-width:1160px;margin-inline:auto;padding-inline:var(--gutter)}
body.site-glass .hero-shell {padding-block:clamp(48px,7vw,88px) 52px;min-height:0;display:block;text-align:left}
body.site-glass .hero-copy {max-width:810px;margin:0;text-align:left;display:block;align-items:flex-start}
body.site-glass .hero-copy h1 {max-width:820px;margin:0 0 18px;font-size:clamp(28px,4.2vw,40px);line-height:1.12;color:var(--bright)!important;-webkit-text-fill-color:var(--bright)!important;background:none!important}
body.site-glass .hero-copy h1 .hero-line {color:var(--accent)!important;-webkit-text-fill-color:var(--accent)!important;font-weight:600}
body.site-glass .hero-copy .lede {font-size:14px;line-height:1.65;max-width:640px;margin:0 0 22px;color:var(--muted)}
body.site-glass .hero-meta,.glass-eyebrow {display:flex;align-items:center;gap:10px;font:600 11px/1.4 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}
body.site-glass .hero-meta .hm-live {width:6px;height:6px;background:var(--accent);box-shadow:none;animation:none;border-radius:0}
body.site-glass .hero-meta .hm-price {color:var(--accent);font-weight:600}
body.site-glass .cta {justify-content:flex-start;gap:8px;margin-top:18px}
body.site-glass.page-suite .hero-shell.hero-center {text-align:center}
body.site-glass.page-suite .hero-center .hero-copy {margin-inline:auto;text-align:center}
body.site-glass.page-suite .hero-center .cta {justify-content:center}
body.site-glass .hero-copy>p>a {font-size:13px;color:var(--muted);text-decoration:underline}
body.site-glass .suite-section {padding-block:32px 40px}
body.site-glass .section {padding-block:40px}
body.site-glass .sec-title,.section-bar h2 {font-size:22px;text-transform:none;letter-spacing:-.02em;margin:0}
body.site-glass .sec-lede,.fl-intro {max-width:740px;font-size:13px;color:var(--muted);line-height:1.65}
body.site-glass .section-bar {margin:0 0 14px;border:0;padding:0;gap:12px;align-items:baseline}
body.site-glass .section-bar::after,body.site-glass .section-bar::before {display:none}
body.site-glass .suite-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}
/* The old six-column layout assigned spans to individual cards. Clear those
   spans so every product occupies one cell in the redesigned grid. grok-4.6 */
body.site-glass .suite-grid>.suite-card {grid-column:auto!important;grid-row:auto}
body.site-glass :is(.suite-card,.product-card,.card,.panel,.acct-card,.gate-card,.fl-card,.section-card,.stat-card,.ticket-card,.ticket-detail,.support-card,.feature-card,.price-card,.pricing-card,.guide-note) {
  background:var(--panel);border:1px solid var(--border);border-radius:2px;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
body.site-glass :is(.suite-card,.product-card,.card,.panel,.fl-card,.price-card,.pricing-card)::before,
body.site-glass :is(.suite-card,.product-card,.card,.panel,.fl-card,.price-card,.pricing-card)::after {background-image:none!important;box-shadow:none!important}
body.site-glass .suite-card {padding:22px 18px 18px;min-height:220px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;isolation:isolate;overflow:hidden;transition:border-color .1s,background .1s;transform:none;position:relative}
body.site-glass .suite-card::before {
  display:block!important;
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  background:var(--accent);
  box-shadow:none;
}
body.site-glass .suite-card::after {display:none!important}
body.site-glass .suite-card:hover {transform:none;background:#241d30;border-color:var(--accent);box-shadow:none}
body.site-glass .suite-card h3 {font:600 18px/1.2 var(--font);letter-spacing:-.02em;margin:0;color:var(--accent)}
body.site-glass .sc-description {font-size:12px;line-height:1.45;color:var(--muted);margin:-4px 0 0}
body.site-glass .sc-status {position:static!important;inset:auto!important;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:400 11px/1.4 var(--font);letter-spacing:0;text-transform:none;padding:0;background:none;border:0;margin:0;color:var(--muted);max-width:100%}
body.site-glass .sc-status b {font:500 11px/1.3 var(--font);color:var(--muted);padding:2px 6px;border:1px solid var(--border);border-radius:2px}
body.site-glass .sc-status i {font:400 11px/1.3 var(--font);color:var(--muted);text-transform:none;letter-spacing:0}
body.site-glass .sc-price {margin-top:auto;display:flex;align-items:baseline;gap:5px;font-family:var(--font)}
body.site-glass .sc-price strong {font-size:26px;font-weight:600;letter-spacing:-.03em;color:var(--bright)}
body.site-glass .sc-price span {font-size:12px;color:var(--muted)}
body.site-glass .suite-card .sc-cta {
  font:700 12px/1.2 var(--font);letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink)!important;position:static;align-self:stretch;width:100%;
  display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;padding:8px 12px;margin-top:4px;
  background:var(--accent)!important;border:1px solid var(--accent);box-shadow:none;border-radius:2px
}
body.site-glass .suite-card:hover .sc-cta {background:var(--accent-hot)!important;border-color:var(--accent-hot)}
body.site-glass .suite-card.is-off {opacity:.65}
/* One lime chrome for every product card — no per-game rainbow. grok-4.6 */
body.site-glass .suite-card.sc-cs2,
body.site-glass .suite-card.sc-l4d2,
body.site-glass .suite-card.sc-deadlock,
body.site-glass .suite-card.sc-java,
body.site-glass .suite-card.sc-fabric,
body.site-glass .suite-card.sc-bedrock {
  --accent:var(--brand);
  background:var(--panel);
  border-color:var(--border);
}
.glass-process {display:grid;grid-template-columns:1.1fr 1fr;gap:48px;padding:32px 0 8px;border-top:1px solid var(--hairline);margin-top:8px}
.glass-process h2 {max-width:390px}
.glass-steps {list-style:none;padding:0;margin:0;counter-reset:steps}
.glass-steps li {display:grid;grid-template-columns:28px 1fr;gap:14px;padding:0 0 20px;counter-increment:steps}
.glass-steps li::before {content:"0" counter(steps);font:11px/2 var(--mono);color:var(--accent)}
.glass-steps strong {display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}
.glass-steps p {font-size:13px;color:var(--muted);margin:0}
body.site-glass .compare-wrap {border:1px solid var(--border);border-radius:2px;overflow:auto;background:var(--panel);margin-top:20px;box-shadow:none}
body.site-glass table {border-collapse:collapse;width:100%;font-size:13px;line-height:1.55}
body.site-glass :is(th,td) {padding:12px 16px;border-color:var(--hairline);background:none}
body.site-glass thead th {font:500 11px/1.4 var(--font);letter-spacing:.04em;color:var(--muted);text-transform:uppercase;background:#120f19;white-space:nowrap}
body.site-glass tbody th {font-weight:600}
body.site-glass tbody tr:hover {background:#241d30}
body.site-glass .compare-table tbody tr th a {color:var(--accent)}
body.site-glass .fl-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;margin-top:22px}
body.site-glass .fl-card {padding:18px;break-inside:avoid;transform:none;transition:border-color .1s;box-shadow:none}
body.site-glass .fl-card:hover {transform:none;border-color:var(--accent)}
body.site-glass .fl-head {padding:0 0 12px;margin:0 0 12px;border-bottom:1px solid var(--hairline);background:none}
body.site-glass .fl-head h3 {font:600 14px/1.35 var(--font);letter-spacing:-.01em;text-transform:none;margin:0}
body.site-glass .fl-count {font:11px/1.3 var(--mono);color:var(--muted2);background:none;border:0;padding:0}
body.site-glass .fl-list {padding:0;margin:0;list-style:none;display:block;columns:auto}
body.site-glass .fl-list li {font-size:13px;line-height:1.5;padding:4px 0;color:var(--muted);border:0;margin:0}
body.site-glass .fl-list li::before {display:none}
body.site-glass .pricing-grid {gap:12px;align-items:stretch}
body.site-glass :is(.price-card,.pricing-card) {padding:22px;transform:none}
body.site-glass .faq-list {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;max-width:none;width:100%}
body.site-glass details.card {padding:0;box-shadow:none}
body.site-glass details.card[open] {border-color:var(--accent)}
body.site-glass details summary {padding:16px 18px;font:500 13px/1.5 var(--font);color:var(--text);cursor:pointer}
body.site-glass details p {padding:0 18px 18px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}
body.site-glass .guide-links {list-style:none;padding:0;margin:20px 0;display:grid;gap:0;border-top:1px solid var(--hairline)}
body.site-glass .guide-links li {margin:0;border-bottom:1px solid var(--hairline)}
body.site-glass .guide-links a {display:block;padding:14px 0;font-size:14px;color:var(--text)}
body.site-glass .guide-links a:hover {color:var(--accent)}
body.site-glass .site-footer {max-width:none;margin-top:48px;padding:36px max(var(--gutter),calc((100% - 1080px)/2)) 20px;background:#100e16;border-top:1px solid var(--border);box-shadow:none}
body.site-glass .foot-grid {max-width:1160px;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px;padding:0;margin:0 auto}
body.site-glass .foot-brand {font:700 15px/1.3 var(--font);letter-spacing:0;text-transform:none;color:var(--text);gap:0}
body.site-glass .site-footer h3 {font:600 12px/1.4 var(--font);letter-spacing:0;text-transform:none;color:var(--text);margin:0 0 12px}
body.site-glass .site-footer :is(p,a,li) {font-size:12px;line-height:1.7;color:var(--muted)}
body.site-glass .site-footer a:hover {color:var(--accent)}
body.site-glass details a:hover,
body.site-glass .sec-lede a:hover {color:var(--accent)}
body.site-glass .legal-line {max-width:1160px;margin:24px auto 0;padding:16px 0 0;border-top:1px solid var(--hairline);font:11px/1.6 var(--font);letter-spacing:0;text-transform:none}
/* Why: old inline separator text becomes its own flex item on narrow screens.
   Use spacing between links so the utility footer stays compact. grok-4.6 */
body.site-glass .foot-slim>span:not(.foot-brand) {font-size:0;display:flex;flex-wrap:wrap;gap:8px 16px}
body.site-glass :is(input,textarea,select) {background:var(--sunken);border:1px solid var(--border);border-radius:2px;min-height:36px;padding:8px 10px;color:var(--text);font:400 13px/1.4 var(--font);box-shadow:none;max-width:100%}
body.site-glass input::placeholder,body.site-glass textarea::placeholder {color:var(--muted)}
body.site-glass :is(input,textarea,select):focus {border-color:var(--accent);box-shadow:none;outline:none}
body.site-glass :is(input[type=checkbox],input[type=radio]) {width:12px;height:12px;min-height:0;min-width:12px;accent-color:var(--accent);border-radius:0}
body.site-glass label {font:500 12px/1.4 var(--font);color:var(--muted);letter-spacing:0;text-transform:none}
body.site-glass .panel-head {padding:14px 18px!important;background:#120f19!important;border-bottom:1px solid var(--hairline)}
body.site-glass .panel-head :is(h1,h2,h3) {font:600 14px/1.35 var(--font)!important;letter-spacing:-.01em!important;text-transform:none!important;margin:0}
body.site-glass .panel-body {padding:18px!important}
body.site-glass .page-kicker,body.site-glass .badge {font-family:var(--font);letter-spacing:.02em;text-transform:none;box-shadow:none}
body.site-glass.page-account .account-shell {max-width:1000px!important;padding:48px var(--gutter) 40px!important}
body.site-glass.page-account .account-hero {display:block;margin:0 0 24px}
body.site-glass.page-account .account-hero h1 {font-size:32px;margin-bottom:10px;letter-spacing:-.03em}
body.site-glass.page-account .account-hero .lede {font-size:13px;color:var(--muted)}
body.site-glass.page-account #auth-panel {max-width:560px!important;margin:0!important}
body.site-glass.page-account #auth-panel .lede {font-size:13px;line-height:1.65}
body.site-glass.page-account #auth-panel .row {gap:8px;margin-top:18px}
body.site-glass.page-account .auth-foot {margin-top:18px!important;font-size:12px!important}
body.site-glass.page-account .acct-card {margin-bottom:18px;border-radius:2px}
body.site-glass.page-account .dash-bar .btn {font-size:12px;min-height:30px}
body.site-glass.page-account .acct-group-head h2 {font:600 15px/1.35 var(--font);text-transform:none;letter-spacing:-.015em}
body.site-glass :is(.product-grid,.products-grid,.dash-products,.seat-grid) {gap:12px}
body.site-glass .tc-auth-root {z-index:3000}
body.site-glass .tc-auth-backdrop {background:rgba(12,14,20,.78);backdrop-filter:none;-webkit-backdrop-filter:none}
body.site-glass .tc-auth-dialog {width:min(420px,calc(100vw - 32px));padding:22px;border:1px solid var(--border);border-radius:2px;background:#17131f;box-shadow:var(--elev-3);max-height:calc(100dvh - 32px);overflow:auto}
body.site-glass .tc-auth-head {background:none;border:0;padding:0 0 18px;margin:0}
body.site-glass .tc-auth-head h2 {font-size:22px;letter-spacing:-.03em}
body.site-glass .tc-auth-kicker {font:600 10px/1.3 var(--mono);letter-spacing:.08em;color:var(--muted)}
body.site-glass .tc-auth-close {background:transparent;border:1px solid var(--border);border-radius:2px;width:28px;height:28px;color:var(--muted)}
body.site-glass .tc-auth-dialog label {display:block;margin-bottom:6px;font-size:12px}
body.site-glass .tc-auth-dialog input {width:100%;margin:6px 0 8px}
body.site-glass .tc-auth-actions .btn {width:100%;min-height:36px}
body.site-glass .tc-auth-switch {font:400 12px/1.6 var(--font);color:var(--muted)}
body.site-glass :is(.support-shell,.guide-shell,.legal-shell) {max-width:860px;margin:auto;padding:48px var(--gutter) 40px;font-size:13px;line-height:1.7}
body.site-glass :is(.support-shell,.guide-shell,.legal-shell)>h1,body.site-glass .guide-shell article>header h1 {font-size:clamp(26px,4vw,36px);line-height:1.15;letter-spacing:-.03em}
body.site-glass .guide-shell article>header {padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--hairline)}
body.site-glass .guide-shell :is(h2,h3) {font-size:18px;margin-top:28px}
body.site-glass .guide-card {border:1px solid var(--border);background:var(--panel);border-radius:2px;margin:12px 0;padding:18px}
body.site-glass .guide-card h2 {margin:0 0 8px;font-size:18px}
body.site-glass .guide-shell a {text-decoration-thickness:1px}
body.site-glass .guide-note {border-left:2px solid var(--accent);padding:16px 18px;margin-top:24px;box-shadow:none}
body.site-glass .guide-kicker {font:11px/1.4 var(--mono);color:var(--muted2);letter-spacing:.04em}
body.site-glass .guide-related {margin-top:36px}
body.site-glass .support-discord {font-size:13px;padding-bottom:18px;border-bottom:1px solid var(--hairline)}
body.site-glass .ticket-list {gap:10px}
body.site-glass .gate-wrap {padding:48px 20px;min-height:65vh;display:grid;place-items:center}
body.site-glass .gate-card {width:min(440px,100%);max-width:440px;padding:24px}
body.site-glass .gate-card h1 {font-size:26px;margin:16px 0 12px}
body.site-glass .gate-card .lede {font-size:13px;line-height:1.65;color:var(--muted)}
body.site-glass .gate-badge {background:#241d30;color:var(--muted);border:1px solid var(--border);font:11px/1.4 var(--font);letter-spacing:0;text-transform:none;padding:4px 8px;border-radius:2px}
body.site-glass .admin-panel {max-width:1440px!important;width:calc(100% - 40px)!important;margin:28px auto!important;padding:22px!important}
body.site-glass .admin-tabs {background:var(--sunken);border-color:var(--border);border-radius:2px;gap:2px;padding:4px;width:auto}
body.site-glass .admin-tabs button {font:500 12px/1.3 var(--font)!important;letter-spacing:0!important;text-transform:none!important;padding:8px 12px;border-radius:2px}
body.site-glass .admin-tabs button.active {background:#241d30;color:var(--text)}
body.site-glass .stat-card {padding:16px;box-shadow:none}
body.site-glass .stat-card .lbl {font:500 11px/1.4 var(--font);letter-spacing:.02em;text-transform:none}
body.site-glass .stat-card .val {font-family:var(--font);font-size:22px;font-weight:600;letter-spacing:-.03em}
body.site-glass .section-card h3 {font-size:16px}
body.site-glass .inline-row {gap:12px}
body.site-glass .admin-table {font-size:12px;display:block;overflow:auto}
body.site-glass .admin-table :is(th,td) {padding:10px 12px;word-break:normal;overflow-wrap:anywhere}
body.site-glass :is(.error-shell,.error-wrap,.locked-shell,.retired-shell) {max-width:760px;margin:auto;padding:64px var(--gutter)}
body.site-glass :is(.error-card,.lock-card,.retired-card) {padding:28px;border:1px solid var(--border);background:var(--panel);border-radius:2px;box-shadow:none}
body.site-glass .reveal,body.site-glass .reveal:not(.visible),body.site-glass .stagger>* {opacity:1!important;transform:none!important;animation:none!important;visibility:visible;filter:none!important}
body.site-glass :is(.marquee-track,.pulse,.hm-live,.loader-line,.sc-status) {animation:none!important}
body.site-glass.site-benchmark .stage {width:min(1160px,calc(100% - 40px));height:auto;min-height:0;margin:32px auto;padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:2px;box-shadow:none}
body.site-glass.site-benchmark .stage::before,body.site-glass.site-benchmark .stage::after {display:none}
body.site-glass.site-benchmark .stage :is(.chart,.metric,.metric-card,.card) {background:var(--sunken);border-color:var(--border);box-shadow:none}
body.site-glass.site-benchmark .bar-fill {background:var(--accent)}
body.site-glass.page-cs2 .hero-meta .hm-live,
body.site-glass.page-l4d2 .hero-meta .hm-live,
body.site-glass.page-deadlock .hero-meta .hm-live,
body.site-glass.page-java .hero-meta .hm-live {background:var(--accent)}
body.site-glass.page-cs2 .hero-meta .hm-price,
body.site-glass.page-l4d2 .hero-meta .hm-price,
body.site-glass.page-deadlock .hero-meta .hm-price,
body.site-glass.page-java .hero-meta .hm-price {color:var(--accent)}
@supports not (backdrop-filter:blur(1px)) {body.site-glass .nav,body.site-glass :is(.panel,.card,.suite-card,.tc-auth-dialog){background:var(--panel-solid)}}
@media(min-width:861px) {body.site-glass .nav-toggle{display:none}}
@media(max-width:1050px) {body.site-glass .suite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.site-glass .nav{gap:12px}body.site-glass .nav nav>a{padding:7px 8px}}
@media(max-width:860px) {
  body.site-glass .nav{min-height:48px;padding:10px 18px;justify-content:space-between}
  body.site-glass .nav-toggle{display:inline-flex}
  body.site-glass .nav nav{display:none;position:absolute;top:calc(100% + 6px);left:12px;right:12px;width:auto;max-height:calc(100dvh - 80px);overflow:auto;padding:8px;background:#17131f;backdrop-filter:none;border:1px solid var(--border);border-radius:2px;box-shadow:var(--elev-3)}
  body.site-glass.nav-open .nav nav{display:flex;flex-direction:column;align-items:stretch;gap:2px}
  body.site-glass .nav nav>a{padding:10px 12px;font-size:13px}
  body.site-glass .nav-actions{margin:6px 0 0;padding-top:8px;border-top:1px solid var(--border)}
  body.site-glass .nav-actions .btn{width:100%}
  body.site-glass .fl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.site-glass .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .glass-process{gap:24px;grid-template-columns:1fr}
  body.site-glass .admin-panel{width:calc(100% - 24px)!important;padding:16px!important}
  body.site-glass .admin-tabs{width:100%;justify-content:flex-start}
}
@media(max-width:560px) {
  body.site-glass .hero-shell{padding-top:40px;padding-bottom:24px}
  body.site-glass .hero-copy h1{font-size:28px;line-height:1.14}
  body.site-glass .hero-copy .lede{font-size:13px;line-height:1.6}
  body.site-glass .suite-grid,body.site-glass .fl-grid,body.site-glass .faq-list{grid-template-columns:1fr}
  body.site-glass .suite-card{min-height:0;padding:18px}
  body.site-glass .suite-section{padding-block:24px}
  body.site-glass .section{padding-block:28px}
  body.site-glass .fl-card{padding:16px}
  body.site-glass :is(.support-shell,.guide-shell,.legal-shell){padding-top:32px}
  body.site-glass .site-footer{margin-top:32px;padding-top:28px}
  body.site-glass .foot-grid{gap:22px 14px}
  body.site-glass.page-account .account-shell{padding-top:32px!important}
  /* Why: nested legacy panel padding left too little room for account controls.
     grok-4.6 */
  body.site-glass.page-account .acct-card{padding:0}
  body.site-glass .foot-slim{flex-direction:column;align-items:flex-start!important;gap:18px}
  body.site-glass .panel-body{padding:16px!important}
  body.site-glass .panel-head{padding:12px 16px!important}
  body.site-glass .tc-auth-dialog{padding:18px}
  body.site-glass .gate-card{padding:20px}
  body.site-glass .glass-steps{margin-top:0}
  body.site-glass :is(th,td){padding:10px 12px}
  body.site-glass.site-benchmark .stage{padding:16px;margin:16px auto}
}
@media(prefers-reduced-motion:reduce) {
  html{scroll-behavior:auto}
  body.site-glass *,body.site-glass *::before,body.site-glass *::after{animation:none!important;transition:none!important}
  body.site-glass .suite-card {transition:none}
  body.site-glass .suite-card:hover {transform:none}
}