@import "https://fonts.googleapis.com/css2?family=Cormorant:wght@300;400;500&family=Space+Grotesk:wght@300;400;500&display=swap";
:root{--bg-primary:#0a0a0a;--bg-stage:#0d0d0d;--bg-sunken:#111;--bg-card:#141414;--bg-raised:#1a1a1a;--bg-hover:#1c1c1c;--border:#2a2a2a;--border-faint:#ffffff0f;--text-primary:#f5f5f0;--text-body:#b8b8b0;--text-secondary:#8a8a85;--text-tertiary:#555;--text-faint:#333;--accent:#ede8dc;--gold:#c8a97a;--info:#8ab4c8;--confidence-high:#4ade80;--confidence-mid:#facc15;--confidence-low:#94a3b8;--danger:#ef4444;--text-xs:9px;--text-sm:10px;--text-base:11px;--text-md:12px;--text-lg:13px;--text-xl:15px;--text-2xl:18px;--text-3xl:21px;--text-4xl:26px;--text-5xl:34px;--text-6xl:42px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:22px;--space-6:32px;--space-7:48px;--space-8:64px;--radius:8px;--radius-sm:5px;--radius-pill:100px;--font-display:"Cormorant", serif;--font-body:"Space Grotesk", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#f5f5f0;background:#0a0a0a}input:focus{outline:none}input:focus-visible,button:focus-visible,a:focus-visible,video:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:2px solid #ede8dcb3}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}div:has(>.play-btn):hover .play-btn{opacity:1!important}div:has(>.hero-play-overlay):hover .hero-play-overlay{opacity:1!important}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spin{to{transform:translateY(-50%)rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero-play-overlay{opacity:0;transition:opacity .2s}.hero-stage:hover .hero-nav,.hero-nav:focus-visible{opacity:1!important}.hero-nav:hover{background:#ffffff2e!important}.hero-nav:active{transform:translateY(-50%)scale(.94)!important}.hero-nav:focus-visible{outline-offset:3px;outline:2px solid #ede8dcb3}@media (hover:none){.hero-nav{opacity:1!important}}@media (prefers-reduced-motion:reduce){.hero-nav{transition:none!important}}div:has(>.board-remove-btn):hover .board-remove-btn{opacity:1!important}.fa-nav{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;overflow-x:auto}.fa-nav::-webkit-scrollbar{display:none}@media (max-width:980px){.fa-topbar{gap:12px;padding:0 16px!important}.fa-nav{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000 100%)}.fa-topbar .fa-wordmark{letter-spacing:.12em!important;font-size:13px!important}.fa-nav{gap:6px!important}.fa-nav>*{padding-left:8px!important;padding-right:8px!important}}