/* Shared by index.html and 404.html: the font, the palette, and the handful of
   rules both pages draw with. Everything page-specific stays inlined in the page.

   The game is otherwise one self-contained file and stays that way — this is the
   one part that was being maintained in two places, where a changed accent colour
   or a re-subsetted font would have silently updated only one of them. index.html
   is ~95KB, so this same-origin request lands well before the HTML has finished
   streaming; it costs nothing on the critical path. */

/* Inter, self-hosted. This was a Google Fonts @import, which costs a third-party
   connection and can't start until the CSS is parsed. Variable weight 400-800 in a
   single 48KB latin subset; the UI is English plus digits, so latin is all of it.
   Both pages preload this file, so the fetch starts before this stylesheet lands. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('/fonts/inter-latin-var.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#131315; --card:#1b1b1f; --line:#2c2c31; --line-hi:#3f3f46;
  --txt:#e7e7ea; --dim:#9b9ba3; --accent:#a78bfa; --good:#4ade80; --good-bg:rgba(74,222,128,.10);
  --t-trash:#71717a; --t-common:#d4d4d8; --t-uncommon:#4ade80; --t-rare:#60a5fa;
  --t-epic:#c084fc; --t-anomaly:#fb923c; --t-mythic:#facc15;
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--txt);
  font-family:'Inter',-apple-system,system-ui,sans-serif;min-height:100vh;padding:22px 14px}

/* The mirrored wordmark — the whole joke of the site, identical on both pages. */
.wordmark{font-weight:800;font-size:clamp(30px,8vw,40px);letter-spacing:-.02em;display:inline-block;transform:scaleX(-1)}

/* Accent button. Each page adds its own box model (full-width block here, inline
   pill there); this is the part that has to look the same. */
.go{font-family:inherit;font-weight:800;font-size:14px;padding:13px;border-radius:10px;
  cursor:pointer;background:var(--accent);color:var(--bg);border:none}
.go:focus-visible{outline:2px solid var(--txt);outline-offset:2px}