/* Veltman Lang v40.72. Shared tokens + scoped migration of legacy components.
   Worksheet coordinates, game artwork and application behaviour are untouched. */
@font-face{font-family:"Veltman Manrope";src:url("brand/manrope.ttf") format("truetype");font-weight:200 800;font-style:normal;font-display:swap}
:root{
 --font-family:"Veltman Manrope",Arial,sans-serif;
 --space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--space-96:96px;
 --space-xs:var(--space-8);--space-sm:var(--space-16);--space-md:var(--space-24);--space-lg:var(--space-32);--space-xl:var(--space-64);--space-xxl:var(--space-96);
 --radius-sm:8px;--radius-md:16px;--radius-lg:24px;
 --fs-h1:3rem;--fs-h2:2rem;--fs-h3:1.25rem;--fs-body:1rem;--fs-meta:.8125rem;
 --lh-h1:1.15;--lh-h2:1.15;--lh-body:1.6;--lh-meta:1.4;
 --color-accent:#800020;--color-accent-hover:#69001a;--color-on-accent:#fff;
 --button-height-md:44px;--button-height-lg:54px;
 --card-padding:var(--space-md);--page-gutter:var(--space-md);--section-space:var(--space-xl);
 --tracking-heading:-0.025em;--lh-heading:1.15;--glass-blur:16px;
 --duration-fast:160ms;--duration-normal:220ms;--ease-out:cubic-bezier(.2,0,0,1)
}
:root,[data-theme=light]{color-scheme:light;--color-bg:#f5f7f9;--color-surface:#fff;--color-surface-hover:#eef2f6;--color-text:#20242c;--color-text-muted:#596574;--color-border:#d9e0e7;--color-border-strong:#8593a2;--color-accent-soft:#f4e8ec;--color-accent-text:#800020;--color-focus:#800020;--color-glass-fallback:#eef2f6;--color-glass:rgb(255 255 255 / 86%);--shadow-surface:0 4px 16px rgb(25 42 58 / 5%);--shadow-glass:0 12px 32px rgb(25 42 58 / 8%)}
[data-theme=dark]{color-scheme:dark;--color-bg:#1d323d;--color-surface:#283e4a;--color-surface-hover:#344c59;--color-text:#eef4f7;--color-text-muted:#b8c8d1;--color-border:#45606d;--color-border-strong:#829aa8;--color-accent-soft:#483340;--color-accent-text:#f0b8ca;--color-focus:#f0b8ca;--color-glass-fallback:#2b414d;--color-glass:rgb(40 62 74 / 90%);--shadow-surface:0 4px 16px rgb(0 0 0 / 10%);--shadow-glass:0 12px 32px rgb(0 0 0 / 16%)}
@media(min-width:1024px){:root{--card-padding:var(--space-lg);--page-gutter:var(--space-lg);--section-space:var(--space-xxl)}}