:root{color-scheme:dark;--font-family-brand: "Cinzel", Georgia, serif;--font-family-pixel: "Press Start 2P", monospace;--font-family-body: system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-display: clamp(2rem, 3.2vw, 3.4rem);--font-size-h1: clamp(1.6rem, 2.4vw, 2.2rem);--font-size-h2: clamp(1.2rem, 1.8vw, 1.6rem);--font-size-body: .95rem;--font-size-caption: .75rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-body: 1.45;--letter-spacing-wide: .04em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-pill: 999px;--color-earth-1000: #120d0a;--color-earth-900: #1a1410;--color-earth-800: #2c1810;--color-earth-700: #3d2817;--color-earth-600: #4a3728;--color-earth-500: #5c4a38;--color-brass-500: #dda059;--color-brass-400: #e4b46f;--color-brass-300: #f0cb82;--color-ivory-100: #f5f0e6;--color-ivory-300: #e8d6b1;--color-sage-500: #44a318;--color-danger-500: #e84855;--surface-canvas: linear-gradient(180deg, #1a1410 0%, #2c1810 40%, #1a1410 100%);--surface-overlay-bg: rgba(44, 24, 16, .6);--surface-panel: #2c1810;--surface-panel-translucent: rgba(16, 11, 8, .76);--surface-panel-elevated: rgba(38, 26, 18, .9);--surface-panel-inner: #4a3728;--surface-panel-highlight: #5c4a38;--surface-panel-active: rgba(95, 62, 31, .9);--surface-disabled: rgba(35, 26, 21, .65);--text-primary: #f5f0e6;--text-muted: #a89f8f;--text-accent: #44a318;--text-gold: #ffd921;--text-danger: #e84855;--border-strong: #dda059;--border-muted: rgba(224, 180, 96, .24);--border-active: #f0cb82;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .24);--shadow-md: 0 6px 14px rgba(0, 0, 0, .34);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .42);--shadow-inner: inset 0 0 0 1px rgba(255, 230, 174, .08);--state-hover-bg: rgba(61, 40, 24, .9);--state-hover-border: rgba(240, 203, 130, .56);--state-focus-ring: 2px solid #f0cb82;--state-focus-offset: 2px;--state-active-bg: rgba(95, 62, 31, .9);--state-active-border: #f0cb82;--state-disabled-opacity: .52;--state-disabled-cursor: not-allowed;--motion-duration-fast: .12s;--motion-duration-base: .18s;--motion-duration-panel: .25s;--motion-ease-standard: cubic-bezier(.22, 1, .36, 1);--motion-ease-emphasis: cubic-bezier(.2, .9, .3, 1);--motion-lift-distance: -1px;--motion-press-distance: 1px;--launcher-lift-transform: translateY(-1px);--launcher-glow-shadow: 0 0 0 1px rgba(240, 203, 130, .34), 0 0 12px rgba(224, 160, 80, .34);--disabled-tooltip-bg: rgba(21, 15, 12, .96);--disabled-tooltip-border: rgba(240, 203, 130, .4);--disabled-tooltip-text: #f3ddae;--crt-amber-500: #ffb000;--crt-amber-400: #ffc640;--crt-amber-300: #ffd966;--crt-amber-dim: #b37a00;--crt-amber-900: #3d2800;--crt-bg-deep: #0a0806;--crt-bg-panel: #12100e;--crt-bg-surface: #1a1714;--crt-glow: rgba(255, 176, 0, .6);--crt-scanline: rgba(0, 0, 0, .12);--panel-bg: var(--surface-panel);--panel-border: var(--border-strong);--panel-shadow: var(--color-earth-900);--panel-inner: var(--surface-panel-inner);--panel-highlight: var(--surface-panel-highlight);--bg-gradient: var(--surface-canvas);--gold-gradient: linear-gradient(180deg, #ffd921 0%, #dda059 100%);--btn-shadow: var(--color-earth-700);--ui-panel-transition-ms: var(--motion-duration-panel);--ui-panel-transition-ease: var(--motion-ease-standard)}@media(prefers-reduced-motion:reduce){:root{--motion-duration-fast: 0ms;--motion-duration-base: 0ms;--motion-duration-panel: 0ms;--launcher-lift-transform: translateY(0);--launcher-glow-shadow: none}}.ui-button,.ui-tab,.ui-card,.ui-badge,.ui-panel-header{font-family:var(--font-family-brand);color:var(--text-primary)}.ui-button{appearance:none;border:1px solid var(--border-muted);border-radius:var(--radius-md);background:var(--surface-panel-elevated);color:var(--text-primary);min-height:42px;padding:var(--space-2) var(--space-3);font-size:.75rem;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-base) var(--motion-ease-standard)}.ui-button:hover{background:var(--state-hover-bg);border-color:var(--state-hover-border)}.ui-button:focus-visible{outline:var(--state-focus-ring);outline-offset:var(--state-focus-offset)}.ui-button:active{transform:translateY(var(--motion-press-distance))}.ui-button.is-active,.ui-button[aria-pressed=true]{background:var(--state-active-bg);border-color:var(--state-active-border);color:var(--text-gold)}.ui-button[data-variant=launcher]:hover{transform:var(--launcher-lift-transform);box-shadow:var(--launcher-glow-shadow)}.ui-button:disabled,.ui-button.is-disabled{opacity:var(--state-disabled-opacity);cursor:var(--state-disabled-cursor);background:var(--surface-disabled)}.ui-button[data-disabled-reason]{position:relative}.ui-button[data-disabled-reason]:disabled:after,.ui-button[data-disabled-reason].is-disabled:after{content:attr(data-disabled-reason);position:absolute;left:50%;bottom:calc(100% + var(--space-1));transform:translate(-50%);padding:var(--space-1) var(--space-2);border:1px solid var(--disabled-tooltip-border);border-radius:var(--radius-xs);background:var(--disabled-tooltip-bg);color:var(--disabled-tooltip-text);white-space:nowrap;pointer-events:none;z-index:20}.ui-tab{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:var(--space-1) var(--space-3);border:1px solid var(--border-muted);border-radius:var(--radius-pill);background:#18100cbf;color:var(--text-muted);font-size:var(--font-size-caption);letter-spacing:var(--letter-spacing-wide);cursor:pointer;transition:border-color var(--motion-duration-fast) var(--motion-ease-standard),background-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard)}.ui-tab:hover{border-color:var(--state-hover-border);color:var(--text-primary)}.ui-tab:focus-visible{outline:var(--state-focus-ring);outline-offset:var(--state-focus-offset)}.ui-tab.is-selected,.ui-tab[aria-selected=true]{border-color:var(--state-active-border);background:#4d321cd1;color:var(--text-primary)}.ui-card{border:1px solid var(--border-muted);border-radius:var(--radius-lg);background:linear-gradient(180deg,#19110cf2,#0e0a07eb);box-shadow:var(--shadow-inner),var(--shadow-md);padding:var(--space-3)}.ui-card.is-interactive{cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-base) var(--motion-ease-standard)}.ui-card.is-interactive:hover{transform:var(--launcher-lift-transform);border-color:var(--state-hover-border);box-shadow:var(--shadow-inner),var(--shadow-lg)}.ui-badge{display:inline-flex;align-items:center;min-height:20px;padding:0 var(--space-2);border:1px solid var(--border-muted);border-radius:var(--radius-pill);background:#160f0be6;color:var(--text-muted);font-size:.625rem;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.ui-badge[data-tone=accent]{border-color:#44a31873;color:var(--text-accent)}.ui-badge[data-tone=warning]{border-color:#f0cb828c;color:var(--text-gold)}.ui-badge[data-tone=danger]{border-color:#e8485580;color:var(--text-danger)}.ui-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:36px;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-muted);color:var(--text-primary);font-size:var(--font-size-caption);text-transform:uppercase;letter-spacing:.05em}.ui-panel-header .title{font-weight:var(--font-weight-semibold);color:var(--text-gold)}.ui-panel-header .meta{color:var(--text-muted);font-size:.6875rem}@media(prefers-reduced-motion:reduce){.ui-button,.ui-tab,.ui-card.is-interactive{transition:none}.ui-button[data-variant=launcher]:hover,.ui-card.is-interactive:hover{transform:none;box-shadow:var(--shadow-inner),var(--shadow-md)}}