:root{--bg-deep:#0e0b1e;--bg-panel:#171331;--bg-elevated:#211a45;--border-soft:#2e2657;--text-strong:#f5f3ff;--text-soft:#b4acd8;--text-dim:#7a719e;--accent:#ffb020;--accent-hot:#ff7a45;--accent-glow:rgba(255,176,32,.25);--tile-correct:#3aa76d;--tile-present:#d8a72e;--tile-absent:#322c52;--tile-empty:#1c1740;--tile-border:#38316b;--radius:14px;--radius-sm:9px;--shadow-soft:0 10px 40px rgba(0,0,0,.45);--font-display:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;--font-body:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{background:radial-gradient(1200px 600px at 50% -10%,#241a4d 0,transparent 60%),var(--bg-deep);color:var(--text-strong);font-family:var(--font-body);min-height:100%;-webkit-font-smoothing:antialiased}body{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.brand-mono{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}