/* WatchTheGame v1.5 — canonical tokens from docs/branding.html (§04b: scala dei tasti).
   Entity/planet colors belong to the graph; event colors identify post types. */
@font-face{font-family:'Space Grotesk';src:url('/assets/fonts/SpaceGrotesk-300-700.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-200-800.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--bg:#070a12;--space:#05070e;--surface:#0e1320;--surface-2:#151b2b;--line:#2c3a55;--line-2:#2c3a55;--control-border:#60718d;--text:#f8fafc;--muted:#a7b4c8;--accent:#7aa7ff;--on-accent:#050a16;--success:#a6cdb9;--tonal:rgba(122,167,255,.14);--tonal-hover:rgba(122,167,255,.22);--danger:#ffb4b4;--music:#ffce78;--live:#b5a0ff;--collaboration:#6cebc5;--update:#8fcfff;--display:'Space Grotesk','Segoe UI',system-ui,sans-serif;--sans:Manrope,'Segoe UI',system-ui,sans-serif;--mono:ui-monospace,Consolas,monospace;--radius-control:10px;--radius-card:16px;--radius-modal:20px;--motion-micro:160ms;--motion-panel:240ms;--ease:cubic-bezier(.2,.8,.2,1)}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);line-height:1.6}
button,input,select,textarea{font-family:inherit;touch-action:manipulation}
h1,h2,h3,h4{font-family:var(--display);text-wrap:balance}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
/* Reading surfaces: headings stay subordinate to the subject of the page. */
body>main h1{font-size:clamp(24px,3vw,32px);line-height:1.2;overflow-wrap:anywhere}
body>main h2{font-size:24px;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--text)}
body>main h3{font-size:20px;line-height:1.4}
body>main .lead{font-size:18px;line-height:1.6}
body>main .cta a,body>main .letters a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
body>main ul{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}
body>main li a{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

:root{--event-music:var(--music);--event-live:var(--live);--event-collaboration:var(--collaboration);--event-update:var(--update);--target-min:44px;--control:var(--control-border);--radius:var(--radius-card)}
input,select,textarea{accent-color:var(--accent)}::placeholder{color:var(--muted);opacity:1}