:root{--board: #E9ECE7;--board-deep: #DBE0D8;--board-edge: #C6CDC4;--ink: #12181A;--ink-soft: #5D6862;--line: #A7B1A6;--team: #23508C;--team-gk: #E8B42E;--opp: #C8362C;--opp-gk: #4A544C;--accent: #E8B42E;--ok: #2E7D5B;--font-display: "Archivo", system-ui, sans-serif;--font-text: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 19px;--text-xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 5px;--radius: 10px;--radius-lg: 16px;--touch-min: 44px;--accent-rand: #C99A18;--ok: #1E5540;--ok-zacht: #E3EDE7;--waarschuw: #7A6318;--waarschuw-zacht: #EFE5C9;--gevaar: #8E332A;--gevaar-zacht: #EDDCDA}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{background:var(--board);color:var(--ink);font-family:var(--font-text);font-size:var(--text-base);overscroll-behavior:none}#root{height:100%}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em}button,[role=button]{-webkit-tap-highlight-color:transparent;transition:transform 80ms ease,filter 80ms ease}button:active,[role=button]:active{transform:scale(.96);filter:brightness(.95)}button:disabled:active{transform:none;filter:none}:focus-visible{outline:2px solid var(--team);outline-offset:2px}@media(prefers-reduced-motion:reduce){button,[role=button]{transition:none}button:active,[role=button]:active{transform:none}}html,body,#root{height:var(--app-hoogte, 100%)}