:root{--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--color-bg: #0d0d14;--color-surface: #161622;--color-surface-raised: #1e1e2e;--color-accent: #7c3aed;--color-accent-glow: rgba(124,58,237,.25);--color-text-primary: #e8e3f0;--color-text-muted: #7a7490;--color-text-inverse: #0d0d14;--color-might: #ef4444;--color-cunning: #22c55e;--color-insanity: #a855f7;--color-destructive: #dc2626;--color-border: #2a2740;--color-border-focus: #7c3aed;--font-display: "Cinzel Decorative", serif;--font-body: "Inter", sans-serif;--text-body: 16px;--text-label: 13px;--text-heading: 20px;--text-display: 28px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-body);line-height:1.5;min-height:100vh}h1,h2,h3{font-family:var(--font-body);font-weight:700;font-size:var(--text-heading);line-height:1.2}.display-text{font-family:var(--font-display);font-weight:700;font-size:var(--text-display);line-height:1.1}button{cursor:pointer;border:none;font-family:inherit}.btn-accent{background:var(--color-accent);color:var(--color-text-inverse);padding:var(--space-sm) var(--space-lg);border-radius:8px;font-size:var(--text-body);font-weight:700;min-height:44px;transition:box-shadow .15s ease}.btn-accent:hover{box-shadow:0 0 16px var(--color-accent-glow)}.btn-accent:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}*:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}