/* Alaskarbros: shared tokens and base styles (home page and policy pages). */
:root{
  color-scheme:dark;
  --bg:#07070d;
  --bg-2:#0d0d16;
  --panel:#12121c;
  --panel-2:#181826;
  --line:rgba(255,255,255,.09);
  --line-2:rgba(255,255,255,.16);
  --ink:#f4f2ee;
  --ink-2:#d6d3dc;
  --muted:#a4a2b4;
  --gold:#f5c35b;
  --mint:#81e0c1;

  /* per-game accents */
  --orbitown:#81e0c1;
  --orbitown-2:#6c5ce0;
  --lis:#ff5d52;
  --rz:#e9b949;
  --dallah:#f39a4a;
  --brain:#ff7fae;

  --font-display:"Bricolage Grotesque",ui-rounded,"SF Pro Rounded",system-ui,-apple-system,"Segoe UI",Roboto,"Geeza Pro","Noto Sans Arabic",sans-serif;
  --font-text:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Geeza Pro","Noto Sans Arabic",Arial,sans-serif;

  --radius:22px;
  --radius-sm:14px;
  --wrap:1200px;
  --gutter:clamp(16px,4vw,40px);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font-text);
  font-size:1.0625rem;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
@supports (overflow:clip){body{overflow-x:clip}}
img,video,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
::selection{background:rgba(245,195,91,.35);color:#fff}
[lang="ar"]{font-family:"Geeza Pro","SF Arabic","Noto Sans Arabic","Segoe UI",Tahoma,var(--font-text);letter-spacing:0}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Wordmark used in nav and on the policy pages */
.wordmark{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-display);font-weight:700;font-size:1.06rem;letter-spacing:-.01em;
  color:var(--ink);text-decoration:none;
}
.wordmark svg{width:28px;height:28px;flex:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}