:root{--color-background: #fafafa;--color-surface: #ffffff;--color-border: #000000;--color-text: #0a0a0a;--color-text-muted: #666666;--color-accent: #ffd700;--color-accent-dark: #b8860b;--color-accent-light: #fff4bf;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-disabled: #9ca3af;--color-optimal: var(--color-success);--color-good: #22c55e;--color-acceptable: var(--color-warning);--color-suboptimal: #f97316;--color-poor: var(--color-danger);--heat-best: var(--color-accent);--heat-good: #ffeb80;--heat-mid: #fff4bf;--heat-low: #fffae6;--heat-none: transparent;--color-felt: #1a5928;--color-felt-light: #2d7a3e;--font-sans: "Inter Variable", "SF Pro", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", "SF Mono", "Courier New", monospace;--text-display: 3rem;--text-h1: 2.375rem;--text-h2: 1.875rem;--text-h3: 1.5rem;--text-body: 1rem;--text-small: .875rem;--text-tiny: .75rem;--text-micro: .625rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 900;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 3rem;--space-6: 4rem;--space-7: 6rem;--space-8: 8rem;--border-thin: 1px solid var(--color-border);--border-medium: 2px solid var(--color-border);--border-thick: 3px solid var(--color-border);--border-heavy: 4px solid var(--color-border);--border-accent: 3px solid var(--color-accent);--border-success: 3px solid var(--color-success);--transition-instant: 50ms ease;--transition-fast: .15s ease;--transition-medium: .3s ease;--transition-slow: .5s ease;--shadow-brutal: 4px 4px 0 0 var(--color-border);--shadow-brutal-lg: 6px 6px 0 0 var(--color-border);--shadow-brutal-sm: 2px 2px 0 0 var(--color-border);--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--z-background: 0;--z-game: 100;--z-hud: 300;--z-tooltip: 400;--z-modal: 500;--z-bottomsheet: 600;--z-alert: 1000;--die-size: 60px;--die-size-mobile: 50px;--die-size-large: 80px;--touch-target-min: 44px;--touch-target-comfortable: 56px;--zone-action: 30vh;--zone-decision: 60vh;--zone-context: 10vh}@media(prefers-reduced-motion:reduce){:root{--transition-instant: 0ms;--transition-fast: 0ms;--transition-medium: 0ms;--transition-slow: 0ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-mono);font-size:var(--text-body);font-weight:var(--weight-normal);line-height:1.5;color:var(--color-text);background-color:var(--color-background)}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-bold);line-height:1.2;letter-spacing:var(--tracking-wide)}h1{font-size:var(--text-h1);font-weight:var(--weight-black);letter-spacing:var(--tracking-widest);text-transform:uppercase}h2{font-size:var(--text-h2);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase}h3{font-size:var(--text-h3);font-weight:var(--weight-semibold)}p{margin-bottom:var(--space-2)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--color-accent);border:var(--border-thick);transition:transform var(--transition-fast),background var(--transition-fast)}.btn:hover:not(:disabled){background:var(--color-accent-dark);transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{background:var(--color-disabled)}.btn-secondary{background:var(--color-surface)}.btn-secondary:hover:not(:disabled){background:var(--color-background)}.btn-ghost{background:transparent;border:var(--border-thin)}.btn-ghost:hover:not(:disabled){background:var(--color-accent-light)}.card{background:var(--color-surface);border:var(--border-medium);padding:var(--space-3)}.card-header{padding-bottom:var(--space-2);margin-bottom:var(--space-2);border-bottom:var(--border-thin);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}*:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}