:root{--color-bg: #4e342e;--color-bg-light: #5d4037;--color-bg-lighter: #6d4c41;--color-surface: #8d6e63;--color-surface-light: #a1887f;--color-text: #fff;--color-text-muted: #bcaaa4;--color-accent: #fbc02d;--color-success: #43a047;--color-danger: #ef5350;--color-on-accent: #4e342e;--color-border: var(--color-surface-light);--color-border-subtle: var(--color-surface);--color-backdrop: rgba(0, 0, 0, .6);--color-player-text-muted: rgba(255, 255, 255, .85);--color-dice-surface: #fff;--color-dice-dot: #000;--font-family-base: "MedievalSharp", cursive;--font-size-caption: .9rem;--font-size-body: 1.1rem;--font-size-control: 1.2rem;--font-size-subtitle: 1.3rem;--font-size-title: 1.4rem;--font-size-icon: 1.5rem;--font-size-page-title: 1.8rem;--font-size-empty-title: 2rem;--font-size-display: 2.5rem;--font-size-hero: 3rem;--font-weight-strong: 700;--font-weight-heavy: 800;--line-height-body: 1.5;--line-height-relaxed: 1.6;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--touch-target: 48px;--border-width: 1px;--border-width-strong: 2px;--border-radius-1: .5rem;--border-radius-2: .75rem;--border-radius-pill: 999px;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .25s;--shadow-surface: 0 2px 6px rgba(0, 0, 0, .18);--shadow-raised: 0 6px 14px rgba(0, 0, 0, .26), 0 2px 4px rgba(0, 0, 0, .2);--shadow-control: 0 3px 0 rgba(0, 0, 0, .22);--header-height: 56px}html,body{margin:0;padding:0;background-color:var(--color-bg);font-family:var(--font-family-base);-webkit-user-select:none;user-select:none;font-size:var(--font-size-body);color:var(--color-text);-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:border-box}input,button,textarea{margin:0;outline:none;box-shadow:none;background-color:transparent;border:none;font-family:inherit;font-size:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:var(--border-width-strong) solid var(--color-accent);outline-offset:var(--border-width-strong)}input[type=text],textarea{background-color:var(--color-bg-lighter);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-1);padding:var(--space-sm) var(--space-md);color:var(--color-text);font-size:var(--font-size-body);width:100%;transition:border-color var(--duration-normal)}input[type=text]::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:.7}input[type=text]:focus,textarea:focus{border-color:var(--color-accent)}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shadow{box-shadow:var(--shadow-raised)}.fill-remaining-space{flex:1 1 auto}