/* Multipong — "Space age" theme, taken from apps/ttrpg resources/css/themes.css (html[data-theme='space']):
   dark neon console, cyan primary, Orbitron headings, Inter body, JetBrains Mono accents, faint cyan grid.
   Fonts: SIL OFL 1.1, vendored woff2 in public/fonts (licenses next to them). Loaded by the game layout AND injected
   into the account-kit pages by App\Http\Middleware\SpaceAgeTheme (kit files stay unforked). */
@font-face{font-family:'Orbitron';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/orbitron-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Orbitron';font-style:normal;font-weight:700 900;font-display:swap;src:url(../fonts/orbitron-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Inter Variable';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin-wght-normal.woff2) format('woff2-variations')}
@font-face{font-family:'JetBrains Mono Variable';font-style:normal;font-weight:100 800;font-display:swap;src:url(../fonts/jetbrains-mono-latin-wght-normal.woff2) format('woff2-variations')}
:root{
  --sa-bg:#070b14;--sa-fg:#d8f3ff;--sa-card:#0c1322;--sa-muted:#8fb1c9;--sa-secondary:#13203a;--sa-accent:#142540;
  --sa-primary:#22d3ee;--sa-primary-fg:#04121a;--sa-destructive:#ff4d6d;--sa-border:#1f3a5c;--sa-input:#23426a;
  --sa-violet:#a855f7;--sa-pink:#ff4d6d;
  --sa-font-body:'Inter Variable',ui-sans-serif,system-ui,sans-serif,'Apple Color Emoji','Segoe UI Emoji';
  --sa-font-heading:'Orbitron','JetBrains Mono Variable',ui-monospace,sans-serif;
  --sa-font-mono:'JetBrains Mono Variable',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --sa-glow:0 0 0 1px rgb(34 211 238 / .18),0 0 18px -6px rgb(34 211 238 / .35);
  color-scheme:dark;
}
html,body{background-color:var(--sa-bg)!important;color:var(--sa-fg)!important;font-family:var(--sa-font-body)!important}
body{background-image:radial-gradient(ellipse at top,rgb(34 211 238 / .08),transparent 60%),linear-gradient(rgb(34 211 238 / .04) 1px,transparent 1px),linear-gradient(90deg,rgb(34 211 238 / .04) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;background-attachment:fixed}

/* ---- account kit pages (selectors of public/css/accounts.css) ---- */
.acc-title,.acc-h2{font-family:var(--sa-font-heading);letter-spacing:.04em;font-weight:700;text-shadow:0 0 12px rgb(34 211 238 / .35)}
.acc-h3{font-family:var(--sa-font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--sa-muted)}
.acc-tag,.acc-top,.muted,.or{color:var(--sa-muted)!important}
.or::before,.or::after{background:var(--sa-border)}
.acc-main .card,body>.card{background:var(--sa-card);border:1px solid var(--sa-border);border-radius:.25rem;box-shadow:var(--sa-glow)}
.acc-main .btn{background:var(--sa-primary);color:var(--sa-primary-fg);border-radius:.25rem;font-family:var(--sa-font-mono);letter-spacing:.04em;box-shadow:0 0 14px -4px rgb(34 211 238 / .6)}
.acc-main .btn-ghost{background:var(--sa-secondary);color:var(--sa-fg);box-shadow:none;border:1px solid var(--sa-border)}
.acc-main .btn-red{background:var(--sa-destructive);color:#fff}
.acc-main .inp{background:#050912;border:1px solid var(--sa-input);border-radius:.25rem;color:var(--sa-fg);font-family:var(--sa-font-mono)}
.acc-main .inp:focus{outline:2px solid var(--sa-primary);box-shadow:0 0 12px -2px rgb(34 211 238 / .5)}
.acc-main a,.acc-main .link{color:var(--sa-primary)}
.mono-code{font-family:var(--sa-font-mono);color:var(--sa-primary);text-shadow:0 0 10px rgb(34 211 238 / .5)}
.badge{background:var(--sa-accent);color:var(--sa-primary);font-family:var(--sa-font-mono)}
.err{color:var(--sa-destructive)!important}

/* ---- polish (all pages: game, kit, errors) ---- */
html{scrollbar-color:var(--sa-input) var(--sa-bg);accent-color:var(--sa-primary)}
::selection{background:rgb(34 211 238 / .35);color:#fff}
:focus-visible{outline:2px solid var(--sa-primary);outline-offset:2px}
.btn:focus-visible,.link:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--sa-primary);outline-offset:2px;box-shadow:0 0 0 4px rgb(34 211 238 / .25)}
::placeholder{color:#7d98ad!important;opacity:1}   /* 6.4:1 on the input background: AA */
select,select option{background-color:#050912;color:var(--sa-fg)}
select option:checked{background-color:var(--sa-accent)}
/* autofill: keep the dark input + light text instead of Chrome's pale yellow/blue */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{
  -webkit-text-fill-color:var(--sa-fg);caret-color:var(--sa-fg);-webkit-box-shadow:0 0 0 1000px #050912 inset;box-shadow:0 0 0 1000px #050912 inset;transition:background-color 9999s ease-out 0s}
input:autofill{background-color:#050912;color:var(--sa-fg)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}