:root{--s-0: 0;--s-px: 1px;--s-0\.5: .125rem;--s-1: .25rem;--s-1\.5: .375rem;--s-2: .5rem;--s-3: clamp(.625rem, .5rem + .4vw, .75rem);--s-4: clamp(.75rem, .6rem + .5vw, 1rem);--s-5: clamp(.875rem, .7rem + .6vw, 1.25rem);--s-6: clamp(1rem, .8rem + .7vw, 1.5rem);--s-8: clamp(1.25rem, 1rem + .9vw, 2rem);--s-10: clamp(1.5rem, 1.15rem + 1.2vw, 2.5rem);--s-12: clamp(1.75rem, 1.3rem + 1.5vw, 3rem);--s-16: clamp(2.25rem, 1.6rem + 2vw, 4rem);--s-20: clamp(2.75rem, 2rem + 2.5vw, 5rem);--s-24: clamp(3.25rem, 2.4rem + 3vw, 6rem)}:root{--text-2xs: clamp(.625rem, .58rem + .15vw, .7rem);--text-xs: clamp(.7rem, .65rem + .2vw, .8rem);--text-sm: clamp(.8rem, .73rem + .25vw, .9rem);--text-base: clamp(.875rem, .8rem + .3vw, 1rem);--text-md: clamp(.95rem, .85rem + .35vw, 1.125rem);--text-lg: clamp(1.05rem, .92rem + .45vw, 1.3rem);--text-xl: clamp(1.2rem, 1rem + .6vw, 1.5rem);--text-2xl: clamp(1.4rem, 1.15rem + .8vw, 1.85rem);--text-3xl: clamp(1.7rem, 1.35rem + 1.1vw, 2.4rem);--text-4xl: clamp(2.2rem, 1.6rem + 1.6vw, 3.2rem);--text-5xl: clamp(3rem, 2rem + 2.5vw, 5rem);--leading-none: 1;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .08em;--tracking-widest: .16em;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700}@media(max-width:767px){:root{--text-2xs: .75rem;--text-xs: .75rem}}:root{--z-base: 0;--z-raised: 1;--z-elevated: 10;--z-sticky: 100;--z-hud: 200;--z-overlay: 500;--z-modal: 1000;--z-modal-heavy: 1500;--z-menu: 2000;--z-toast: 5000;--z-loading: 9000;--z-max: 10000}:root{--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px}:root{--shadow-none: none;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .3);--shadow-2xl: 0 24px 64px rgba(0, 0, 0, .4)}:root{--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--ease-default: ease;--ease-in: ease-in;--ease-out: ease-out;--ease-in-out: ease-in-out;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55)}:root{--min-tap-target: 44px}@media(pointer:coarse){:root{--min-tap-target: 48px}}[data-theme=neon]{--t-bg-app: #06080f;--t-bg-surface: #0d1122;--t-bg-elevated: #141a30;--t-bg-overlay: rgba(6, 8, 15, .88);--t-bg-game-board: #0a0a1a;--t-text-primary: #e8f0ff;--t-text-secondary: rgba(232, 240, 255, .72);--t-text-muted: rgba(232, 240, 255, .54);--t-text-accent: #4ecbff;--t-border-subtle: rgba(78, 203, 255, .1);--t-border-default: rgba(78, 203, 255, .22);--t-border-emphasis: rgba(78, 203, 255, .45);--t-border-focus: #60a5fa;--t-accent-primary: #4ecbff;--t-accent-secondary: #ff42a4;--t-accent-tertiary: #9d59e5;--t-accent-warm: #ffc857;--t-accent-success: #00e97b;--t-accent-danger: #fe1840;--t-btn-bg: rgba(13, 17, 34, .8);--t-btn-border: rgba(78, 203, 255, .3);--t-btn-text: #e8f0ff;--t-btn-hover-bg: rgba(78, 203, 255, .12);--t-btn-active-bg: rgba(78, 203, 255, .2);--t-btn-cta-bg: rgba(78, 203, 255, .15);--t-btn-cta-border: rgba(78, 203, 255, .5);--t-btn-cta-text: #4ecbff;--t-btn-cta-hover-bg: rgba(78, 203, 255, .25);--t-card-bg: rgba(13, 17, 34, .92);--t-card-border: rgba(78, 203, 255, .18);--t-card-shadow: 0 8px 32px rgba(0, 0, 0, .5);--t-card-radius: 8px;--t-hud-bg: rgba(13, 17, 34, .85);--t-hud-border: rgba(78, 203, 255, .14);--t-hud-label: rgba(232, 240, 255, .55);--t-hud-value: #e8f0ff;--t-hud-glow: 0 0 8px rgba(78, 203, 255, .15);--t-modal-bg: rgba(13, 17, 34, .96);--t-modal-border: rgba(78, 203, 255, .22);--t-modal-shadow: 0 16px 64px rgba(0, 0, 0, .6);--t-modal-backdrop: rgba(6, 8, 15, .82);--t-scrollbar-track: rgba(8, 12, 28, .6);--t-scrollbar-thumb: rgba(78, 203, 255, .45);--t-font-display: "Orbitron", sans-serif;--t-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--t-font-mono: "Fira Code", "JetBrains Mono", monospace;--t-flux-primary: #a855f7;--t-flux-secondary: #22d3ee;--t-flux-glow: rgba(168, 85, 247, .5);--t-focus-color: #4ecbff;--t-focus-glow: rgba(78, 203, 255, .45);--t-touch-bg: rgba(13, 17, 34, .7);--t-touch-border: rgba(78, 203, 255, .25);--t-touch-active-bg: rgba(78, 203, 255, .2);--t-radius-base: var(--radius-md);--radius-md: 4px;--radius-lg: 4px;--radius-xl: 4px;--t-card-radius: 4px;--t-radius-base: 4px}[data-theme=retro]{--t-bg-app: #0a0a0a;--t-bg-surface: #111111;--t-bg-elevated: #1a1a1a;--t-bg-overlay: rgba(0, 0, 0, .92);--t-bg-game-board: #0a0a0a;--t-text-primary: #ffffff;--t-text-secondary: rgba(255, 255, 255, .75);--t-text-muted: rgba(255, 255, 255, .5);--t-text-accent: #33ff33;--t-border-subtle: rgba(255, 255, 255, .1);--t-border-default: rgba(255, 255, 255, .25);--t-border-emphasis: rgba(255, 255, 255, .5);--t-border-focus: #ffdd00;--t-accent-primary: #33ff33;--t-accent-secondary: #ffdd00;--t-accent-tertiary: #00ffff;--t-accent-warm: #ff8800;--t-accent-success: #33ff33;--t-accent-danger: #ff2222;--t-btn-bg: #1a1a1a;--t-btn-border: rgba(255, 255, 255, .4);--t-btn-text: #ffffff;--t-btn-hover-bg: #222222;--t-btn-active-bg: #333333;--t-btn-cta-bg: #1a3300;--t-btn-cta-border: #33ff33;--t-btn-cta-text: #33ff33;--t-btn-cta-hover-bg: #224400;--t-card-bg: #111111;--t-card-border: rgba(255, 255, 255, .2);--t-card-shadow: 2px 2px 0 rgba(0, 0, 0, .8);--t-card-radius: 2px;--t-hud-bg: #0a0a0a;--t-hud-border: rgba(255, 255, 255, .2);--t-hud-label: rgba(255, 255, 255, .6);--t-hud-value: #33ff33;--t-hud-glow: none;--t-modal-bg: #0a0a0a;--t-modal-border: rgba(255, 255, 255, .3);--t-modal-shadow: 4px 4px 0 rgba(0, 0, 0, .9);--t-modal-backdrop: rgba(0, 0, 0, .85);--t-scrollbar-track: #0a0a0a;--t-scrollbar-thumb: rgba(255, 255, 255, .3);--t-font-display: "Press Start 2P", monospace;--t-font-body: "VT323", monospace;--t-font-mono: "VT323", monospace;--t-flux-primary: #cc44ff;--t-flux-secondary: #00ffff;--t-flux-glow: rgba(204, 68, 255, .5);--t-focus-color: #ffdd00;--t-focus-glow: rgba(255, 221, 0, .25);--t-touch-bg: #1a1a1a;--t-touch-border: rgba(255, 255, 255, .3);--t-touch-active-bg: #333333;--t-radius-base: 2px}[data-theme=lab]{--t-bg-app: #f4f5f7;--t-bg-surface: #ffffff;--t-bg-elevated: #ffffff;--t-bg-overlay: rgba(244, 245, 247, .92);--t-bg-game-board: #111827;--t-text-primary: #1f2937;--t-text-secondary: #4b5563;--t-text-muted: #9ca3af;--t-text-accent: #3b82f6;--t-border-subtle: rgba(0, 0, 0, .06);--t-border-default: #d0d5dd;--t-border-emphasis: #9ca3af;--t-border-focus: #3b82f6;--t-accent-primary: #3b82f6;--t-accent-secondary: #8b5cf6;--t-accent-tertiary: #06b6d4;--t-accent-warm: #f59e0b;--t-accent-success: #22c55e;--t-accent-danger: #ef4444;--t-btn-bg: #ffffff;--t-btn-border: #d0d5dd;--t-btn-text: #1f2937;--t-btn-hover-bg: #f9fafb;--t-btn-active-bg: #f3f4f6;--t-btn-cta-bg: #3b82f6;--t-btn-cta-border: #3b82f6;--t-btn-cta-text: #ffffff;--t-btn-cta-hover-bg: #2563eb;--t-card-bg: #ffffff;--t-card-border: #e5e7eb;--t-card-shadow: 0 1px 3px rgba(0, 0, 0, .08);--t-card-radius: 8px;--t-hud-bg: #ffffff;--t-hud-border: #e5e7eb;--t-hud-label: #6b7280;--t-hud-value: #1f2937;--t-hud-glow: none;--t-modal-bg: #ffffff;--t-modal-border: #e5e7eb;--t-modal-shadow: 0 4px 24px rgba(0, 0, 0, .12);--t-modal-backdrop: rgba(17, 24, 39, .4);--t-scrollbar-track: #f3f4f6;--t-scrollbar-thumb: #d1d5db;--t-font-display: "IBM Plex Mono", monospace;--t-font-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--t-font-mono: "IBM Plex Mono", monospace;--t-flux-primary: #8b5cf6;--t-flux-secondary: #06b6d4;--t-flux-glow: rgba(139, 92, 246, .3);--t-focus-color: #3b82f6;--t-focus-glow: rgba(59, 130, 246, .2);--t-touch-bg: #ffffff;--t-touch-border: #d0d5dd;--t-touch-active-bg: #f3f4f6;--t-radius-base: var(--radius-sm)}[data-theme=synthwave]{--t-bg-app: #0d0221;--t-bg-surface: rgba(13, 2, 33, .85);--t-bg-elevated: #1a0533;--t-bg-overlay: rgba(13, 2, 33, .92);--t-bg-game-board: #0d0221;--t-text-primary: #f0e6ff;--t-text-secondary: rgba(240, 230, 255, .72);--t-text-muted: rgba(240, 230, 255, .54);--t-text-accent: #ff1493;--t-border-subtle: rgba(255, 20, 147, .1);--t-border-default: rgba(255, 20, 147, .25);--t-border-emphasis: rgba(255, 20, 147, .5);--t-border-focus: #00d4ff;--t-accent-primary: #ff1493;--t-accent-secondary: #00d4ff;--t-accent-tertiary: #ff6b35;--t-accent-warm: #ffd700;--t-accent-success: #39ff14;--t-accent-danger: #ff0066;--t-btn-bg: rgba(13, 2, 33, .75);--t-btn-border: rgba(255, 20, 147, .3);--t-btn-text: #f0e6ff;--t-btn-hover-bg: rgba(255, 20, 147, .15);--t-btn-active-bg: rgba(255, 20, 147, .25);--t-btn-cta-bg: rgba(255, 20, 147, .2);--t-btn-cta-border: rgba(255, 20, 147, .6);--t-btn-cta-text: #ff1493;--t-btn-cta-hover-bg: rgba(255, 20, 147, .35);--t-card-bg: rgba(13, 2, 33, .85);--t-card-border: rgba(255, 20, 147, .2);--t-card-shadow: 0 8px 32px rgba(0, 0, 0, .5);--t-card-radius: 0;--t-hud-bg: rgba(13, 2, 33, .8);--t-hud-border: rgba(255, 20, 147, .18);--t-hud-label: rgba(240, 230, 255, .55);--t-hud-value: #f0e6ff;--t-hud-glow: 0 0 8px rgba(255, 20, 147, .2);--t-modal-bg: rgba(13, 2, 33, .96);--t-modal-border: rgba(255, 20, 147, .25);--t-modal-shadow: 0 16px 64px rgba(0, 0, 0, .6);--t-modal-backdrop: rgba(13, 2, 33, .85);--t-scrollbar-track: rgba(13, 2, 33, .6);--t-scrollbar-thumb: rgba(255, 20, 147, .4);--t-font-display: "Audiowide", sans-serif;--t-font-body: "Rajdhani", sans-serif;--t-font-mono: "Fira Code", monospace;--t-flux-primary: #ff1493;--t-flux-secondary: #00d4ff;--t-flux-glow: rgba(255, 20, 147, .5);--t-focus-color: #00d4ff;--t-focus-glow: rgba(0, 212, 255, .25);--t-touch-bg: rgba(13, 2, 33, .7);--t-touch-border: rgba(255, 20, 147, .25);--t-touch-active-bg: rgba(255, 20, 147, .2);--t-radius-base: var(--radius-none)}[data-theme=zen]{--t-bg-app: #f5f0e8;--t-bg-surface: #ffffff;--t-bg-elevated: #ffffff;--t-bg-overlay: rgba(245, 240, 232, .92);--t-bg-game-board: #2d3a4a;--t-text-primary: #2c2c2c;--t-text-secondary: #5c5750;--t-text-muted: #8b8680;--t-text-accent: #2d3a4a;--t-border-subtle: rgba(44, 44, 44, .06);--t-border-default: rgba(44, 44, 44, .12);--t-border-emphasis: rgba(44, 44, 44, .24);--t-border-focus: #5b7a8a;--t-accent-primary: #2d3a4a;--t-accent-secondary: #c4654a;--t-accent-tertiary: #6b8f71;--t-accent-warm: #c4a35a;--t-accent-success: #6b8f71;--t-accent-danger: #c4654a;--t-btn-bg: #ffffff;--t-btn-border: rgba(44, 44, 44, .12);--t-btn-text: #2c2c2c;--t-btn-hover-bg: #f5f0e8;--t-btn-active-bg: #ede7db;--t-btn-cta-bg: #2d3a4a;--t-btn-cta-border: #2d3a4a;--t-btn-cta-text: #f5f0e8;--t-btn-cta-hover-bg: #3d4e5f;--t-card-bg: #ffffff;--t-card-border: rgba(44, 44, 44, .08);--t-card-shadow: none;--t-card-radius: 12px;--t-hud-bg: #ffffff;--t-hud-border: rgba(44, 44, 44, .08);--t-hud-label: #8b8680;--t-hud-value: #2c2c2c;--t-hud-glow: none;--t-modal-bg: #ffffff;--t-modal-border: rgba(44, 44, 44, .08);--t-modal-shadow: none;--t-modal-backdrop: rgba(44, 44, 44, .2);--t-scrollbar-track: #ede7db;--t-scrollbar-thumb: rgba(44, 44, 44, .2);--t-font-display: "EB Garamond", "Noto Serif JP", serif;--t-font-body: "Source Sans 3", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--t-font-mono: "IBM Plex Mono", monospace;--t-flux-primary: #8b6d8b;--t-flux-secondary: #5b7a8a;--t-flux-glow: rgba(139, 109, 139, .2);--t-focus-color: #5b7a8a;--t-focus-glow: rgba(91, 122, 138, .2);--t-touch-bg: #ffffff;--t-touch-border: rgba(44, 44, 44, .12);--t-touch-active-bg: #f5f0e8;--t-radius-base: var(--radius-lg)}[data-theme=arcade]{--t-bg-app: #05040f;--t-bg-surface: #0b0a1f;--t-bg-elevated: #120f2c;--t-bg-overlay: rgba(5, 4, 15, .9);--t-bg-game-board: #05040f;--t-text-primary: #eaffff;--t-text-secondary: rgba(234, 255, 255, .72);--t-text-muted: rgba(234, 255, 255, .54);--t-text-accent: #00f0ff;--t-border-subtle: rgba(0, 240, 255, .12);--t-border-default: rgba(0, 240, 255, .28);--t-border-emphasis: rgba(232, 56, 255, .5);--t-border-focus: #ff4d8f;--t-accent-primary: #00f0ff;--t-accent-secondary: #e838ff;--t-accent-tertiary: #ff4d8f;--t-accent-warm: #ffe066;--t-accent-success: #39ff8f;--t-accent-danger: #ff2d5f;--t-btn-bg: rgba(11, 10, 31, .85);--t-btn-border: rgba(0, 240, 255, .35);--t-btn-text: #eaffff;--t-btn-hover-bg: rgba(0, 240, 255, .15);--t-btn-active-bg: rgba(0, 240, 255, .25);--t-btn-cta-bg: rgba(232, 56, 255, .2);--t-btn-cta-border: rgba(232, 56, 255, .6);--t-btn-cta-text: #ff9df0;--t-btn-cta-hover-bg: rgba(232, 56, 255, .32);--t-card-bg: rgba(11, 10, 31, .94);--t-card-border: rgba(0, 240, 255, .22);--t-card-shadow: 0 8px 32px rgba(0, 0, 0, .6), 0 0 24px rgba(232, 56, 255, .15);--t-card-radius: 12px;--t-hud-bg: rgba(11, 10, 31, .88);--t-hud-border: rgba(0, 240, 255, .2);--t-hud-label: rgba(234, 255, 255, .55);--t-hud-value: #eaffff;--t-hud-glow: 0 0 10px rgba(0, 240, 255, .25);--t-modal-bg: rgba(11, 10, 31, .97);--t-modal-border: rgba(0, 240, 255, .3);--t-modal-shadow: 0 16px 64px rgba(0, 0, 0, .65), 0 0 40px rgba(232, 56, 255, .2);--t-modal-backdrop: rgba(5, 4, 15, .86);--t-scrollbar-track: rgba(8, 7, 24, .7);--t-scrollbar-thumb: rgba(0, 240, 255, .5);--t-font-display: "Press Start 2P", "Orbitron", monospace;--t-font-body: "Orbitron", "Chakra Petch", system-ui, sans-serif;--t-font-mono: "Fira Code", "JetBrains Mono", monospace;--t-flux-primary: #e838ff;--t-flux-secondary: #00f0ff;--t-flux-glow: rgba(232, 56, 255, .55);--t-focus-color: #ff4d8f;--t-focus-glow: rgba(255, 77, 143, .5);--t-touch-bg: rgba(11, 10, 31, .75);--t-touch-border: rgba(0, 240, 255, .3);--t-touch-active-bg: rgba(0, 240, 255, .22);--t-radius-base: var(--radius-lg)}