/* StarKid shared site theme. Public pages only; Stick: Revelation is intentionally excluded. */
:root{--site-bg:#070b11;--site-panel:rgba(8,12,18,.76);--site-panel-2:rgba(14,20,28,.82);--site-line:rgba(255,255,255,.12);--site-text:#eaf4f7;--site-muted:#9aa7b5;--site-accent:#19e6f0;--site-accent-soft:rgba(25,230,240,.14);--site-shadow:0 12px 34px rgba(0,0,0,.35)}
html{background:var(--site-bg)}
body.site-page:not([data-theme="light"]){background:linear-gradient(180deg,rgba(4,7,11,.42),rgba(4,7,11,.82)),url('/assets/video/bg-poster.jpg?v=2') center top/cover fixed;color:var(--site-text)}
body.site-page:not([data-theme="light"])::before{background:radial-gradient(850px 460px at 50% 9%,rgba(25,230,240,.09),transparent 72%)}
body.site-page:not([data-theme="light"]) .nav{background:rgba(6,10,15,.76);border-color:var(--site-line)}
body.site-page:not([data-theme="light"]) .card,
body.site-page:not([data-theme="light"]) .feature,
body.site-page:not([data-theme="light"]) .hero-showcase,
body.site-page:not([data-theme="light"]) .terminal,
body.site-page:not([data-theme="light"]) .gate{background:var(--site-panel);border-color:rgba(25,230,240,.28);box-shadow:var(--site-shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body.site-page:not([data-theme="light"]) .card:hover,body.site-page:not([data-theme="light"]) .feature:hover{border-color:var(--site-accent)}
body.site-page:not([data-theme="light"]) .section-head h2,body.site-page:not([data-theme="light"]) h1,body.site-page:not([data-theme="light"]) h2{ text-shadow:0 0 22px rgba(25,230,240,.16)}
body.site-page[data-theme="light"]{background:#fff;color:#18202a}
body.site-page[data-theme="light"]::before{display:none}
body.site-page[data-theme="light"] .nav{background:rgba(255,255,255,.94);border-color:#dbe2ea;color:#18202a}
body.site-page[data-theme="light"] .nav a,body.site-page[data-theme="light"] .brand{color:#18202a}
body.site-page[data-theme="light"] .card,body.site-page[data-theme="light"] .feature,body.site-page[data-theme="light"] .hero-showcase,body.site-page[data-theme="light"] .terminal,body.site-page[data-theme="light"] .gate{background:#fff;color:#18202a;border-color:#dbe2ea;box-shadow:0 8px 24px rgba(25,40,60,.08)}
body.site-page[data-theme="light"] p,body.site-page[data-theme="light"] .text-dim,body.site-page[data-theme="light"] .lead{color:#5f6c7a}
body.site-page[data-theme="light"] footer{background:#fff;border-color:#dbe2ea;color:#687686}
.site-theme-toggle,.site-ambient-toggle{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--site-line);border-radius:999px;background:transparent;color:inherit;font:600 12px inherit;cursor:pointer;white-space:nowrap}
.site-ambient-toggle[aria-pressed="true"]{border-color:var(--site-accent);background:var(--site-accent-soft)}
.site-ambient-lights{position:fixed;inset:-12%;z-index:0;pointer-events:none;opacity:0;contain:strict;background:radial-gradient(ellipse 38% 42% at 78% 28%,rgba(25,230,240,.40),transparent 70%),radial-gradient(ellipse 32% 38% at 20% 75%,rgba(255,210,31,.20),transparent 72%);mix-blend-mode:screen;filter:blur(26px)}
body.site-page.ambient-mode .site-ambient-lights{opacity:.48}
/* ---- Ambient ON: the whole UI turns see-through and blends with the background (same look as the Studios) ----
   Tint follows the Ambient colour preset (--amb-a), falling back to the site cyan. No backdrop-filter: cheap on phones. */
body.site-page.ambient-mode{--amb-tint:var(--amb-a,var(--ambient-one,40,40,200))}
/* big surfaces */
body.site-page.ambient-mode .card,body.site-page.ambient-mode .feature,body.site-page.ambient-mode .hero-showcase,
body.site-page.ambient-mode .terminal,body.site-page.ambient-mode .gate,body.site-page.ambient-mode .telemetry-card,
body.site-page.ambient-mode .chat-shell,body.site-page.ambient-mode .exchange-panel,body.site-page.ambient-mode .crash-shell,
body.site-page.ambient-mode .crash-funding-card,body.site-page.ambient-mode .crash-history-card,body.site-page.ambient-mode .forex-account-card,
body.site-page.ambient-mode .forex-chart-card,body.site-page.ambient-mode .forex-order-ticket,body.site-page.ambient-mode .forex-watchlist,
body.site-page.ambient-mode .trade-form-card,body.site-page.ambient-mode .position-card,body.site-page.ambient-mode .server-card,
body.site-page.ambient-mode .version,body.site-page.ambient-mode .ann-card,body.site-page.ambient-mode .post-wrap,body.site-page.ambient-mode .sr-article,
body.site-page.ambient-mode .log-hero,body.site-page.ambient-mode .exchange-menu{
  background:linear-gradient(180deg,rgba(var(--amb-tint),.07),rgba(7,11,17,.34))!important;
  border-color:rgba(var(--amb-tint),.34);
  box-shadow:0 16px 48px rgba(0,0,0,.30),0 0 38px rgba(var(--amb-tint),.10),inset 0 0 46px rgba(var(--amb-tint),.05);
  backdrop-filter:none;-webkit-backdrop-filter:none}
/* top bars + footer */
body.site-page.ambient-mode .nav,body.site-page.ambient-mode .exchange-nav{background:rgba(7,11,17,.42)!important;border-color:rgba(var(--amb-tint),.26)}
body.site-page.ambient-mode footer{background:rgba(4,7,11,.38)!important;border-color:rgba(var(--amb-tint),.22)}
/* tiles and rows inside the big surfaces */
body.site-page.ambient-mode .telemetry-stats>div,body.site-page.ambient-mode .hero-forex-row,body.site-page.ambient-mode .market-row,
body.site-page.ambient-mode .inventory-item,body.site-page.ambient-mode .leaderboard-row,body.site-page.ambient-mode .achv-row,
body.site-page.ambient-mode .account-columns>div,body.site-page.ambient-mode .server-stats>div,body.site-page.ambient-mode .crash-funding-stats>div,
body.site-page.ambient-mode .crash-status-row,body.site-page.ambient-mode .exchange-ticker .ticker-pill,
body.site-page.ambient-mode .cmd-tab:not(.active),body.site-page.ambient-mode .chat-bubble.bot,body.site-page.ambient-mode .pill,
body.site-page.ambient-mode .chat-input-row,body.site-page.ambient-mode .forex-watch-row,body.site-page.ambient-mode .selected-pair-box,
body.site-page.ambient-mode .member-pill,body.site-page.ambient-mode .chart-mode-toggle,body.site-page.ambient-mode .crash-live-badge,
body.site-page.ambient-mode .crash-round,body.site-page.ambient-mode .server-switcher,body.site-page.ambient-mode .chart-reset-btn,
body.site-page.ambient-mode .game-tab:not(.active),body.site-page.ambient-mode .position-card .stat-row,body.site-page.ambient-mode .cmd-card{
  background:rgba(7,11,17,.34)!important;border-color:rgba(var(--amb-tint),.26)}
/* inputs */
body.site-page.ambient-mode input:not([type=checkbox]):not([type=radio]):not([type=range]),
body.site-page.ambient-mode select,body.site-page.ambient-mode textarea{background:rgba(5,9,14,.58)!important}
/* headings glow like the Studio title */
body.site-page.ambient-mode h1{text-shadow:0 0 6px rgba(var(--amb-tint),.55),0 0 18px rgba(var(--amb-tint),.45),0 0 38px rgba(var(--amb-tint),.28)}
[data-theme="light"] .site-theme-toggle,[data-theme="light"] .site-ambient-toggle{border-color:#c8d2dc;background:#fff;color:#283747}
body.site-page[data-theme="light"] .site-ambient-toggle{opacity:.5;cursor:not-allowed}
body.site-page[data-theme="light"] .site-ambient-lights{display:none}
.site-ambient-note{font-size:11px;color:var(--site-muted);margin-left:4px}
@media (max-width:760px){body.site-page:not([data-theme="light"]){background-attachment:scroll}.site-theme-toggle{padding:7px 10px}}
@media (prefers-reduced-motion:reduce){body.site-page:not([data-theme="light"]) .card,body.site-page:not([data-theme="light"]) .feature{backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Dark mode is permanent for now: the theme toggle is hidden (light-theme CSS is kept, just unreachable). */
.site-theme-toggle{display:none!important}

/* ---- Ambient ON: green buttons blend with the UI too (tinted glass, glowing text) ----
   Only the brand-green .btn-rise buttons change. Discord blue, red/danger and buy/sell colours keep their meaning. */
body.site-page.ambient-mode .btn-rise{
  background:linear-gradient(180deg,rgba(var(--amb-tint),.30),rgba(var(--amb-tint),.14))!important;
  border-color:rgba(var(--amb-tint),.60)!important;color:#fff!important;
  box-shadow:0 0 22px rgba(var(--amb-tint),.22),inset 0 0 18px rgba(var(--amb-tint),.10);
  text-shadow:0 0 10px rgba(var(--amb-tint),.8)}
body.site-page.ambient-mode .btn-rise:hover{
  background:linear-gradient(180deg,rgba(var(--amb-tint),.44),rgba(var(--amb-tint),.22))!important;
  border-color:rgba(var(--amb-tint),.9)!important;box-shadow:0 0 30px rgba(var(--amb-tint),.38),inset 0 0 18px rgba(var(--amb-tint),.14)}