*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light dark;--bg: #50cfbe;--bg-glow-a: rgba(255, 255, 255, .22);--bg-glow-b: rgba(0, 88, 88, .2);--bg-glow-c: rgba(0, 156, 255, .1);--pattern-line: rgba(255, 255, 255, .26);--pattern-opacity: .32;--surface-solid: #ffffff;--surface: rgba(255, 255, 255, .94);--surface-soft: #f7fbff;--surface-hover: #f3f8fd;--border-card: rgba(0, 0, 0, .04);--border-subtle: rgba(0, 0, 0, .08);--border-strong: rgba(12, 47, 82, .18);--tile-unit: 108px;--grid-gap: 8px;--tile-radius: 16px;--nav-size: 96px;--nav-inset: 14px;--text-dark: #0c2f52;--text-muted: #24456b;--text-faint: #6b7c93;--brand: #009cff;--accent: #009cff;--accent2: #006aff;--accent-border: rgba(0, 156, 255, .55);--accent-wash: rgba(0, 156, 255, .12);--accent-shadow: rgba(0, 156, 255, .32);--focus-ring: rgba(0, 156, 255, .35);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--mobile-viewport-width: 100vw;--mobile-viewport-height: 100dvh;--shadow-float: 0 8px 20px rgba(0, 18, 35, .2);--shadow-soft: 0 14px 32px rgba(1, 26, 49, .08);--shadow-card: 0 18px 40px rgba(1, 26, 49, .1);--tile-shadow: 0 8px 22px rgba(14, 36, 56, .24);--font: "Trebuchet MS", "Avenir Next", "Segoe UI", sans-serif}html.theme-dark{color-scheme:dark;--bg: #070a12;--bg-glow-a: rgba(124, 92, 255, .22);--bg-glow-b: rgba(0, 194, 255, .16);--bg-glow-c: rgba(255, 122, 24, .1);--pattern-line: rgba(255, 255, 255, .09);--pattern-opacity: .22;--surface-solid: rgba(11, 18, 32, .96);--surface: rgba(11, 18, 32, .86);--surface-soft: rgba(17, 28, 52, .9);--surface-hover: rgba(22, 35, 64, .92);--border-card: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .12);--border-strong: rgba(231, 239, 255, .18);--text-dark: #e7efff;--text-muted: rgba(231, 239, 255, .78);--text-faint: rgba(231, 239, 255, .6);--brand: #00c2ff;--accent: #7c5cff;--accent2: #00c2ff;--accent-border: rgba(124, 92, 255, .55);--accent-wash: rgba(124, 92, 255, .18);--accent-shadow: rgba(124, 92, 255, .35);--focus-ring: rgba(124, 92, 255, .5);--shadow-float: 0 10px 30px rgba(0, 0, 0, .5);--shadow-soft: 0 18px 40px rgba(0, 0, 0, .36);--shadow-card: 0 24px 64px rgba(0, 0, 0, .52);--tile-shadow: 0 16px 36px rgba(0, 0, 0, .55)}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font);background:radial-gradient(1200px 650px at 8% 0%,var(--bg-glow-a),transparent 62%),radial-gradient(900px 560px at 90% 100%,var(--bg-glow-b),transparent 66%),radial-gradient(780px 520px at 55% 40%,var(--bg-glow-c),transparent 68%),var(--bg);color:var(--text-dark)}html.game-page-active,html.game-page-active body{overflow-y:auto;height:auto;min-height:100%}html.mobile-shell-active,html.mobile-shell-active body{overflow-y:auto;height:100%;min-height:100%}html.mobile-shell-active.game-page-active,html.mobile-shell-active.game-page-active body{overflow:hidden;height:var(--mobile-viewport-height);min-height:var(--mobile-viewport-height)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,var(--pattern-line) 1px,transparent 1px),linear-gradient(-45deg,var(--pattern-line) 1px,transparent 1px);background-size:34px 34px;pointer-events:none;z-index:0;opacity:var(--pattern-opacity)}#app{width:100%;height:100%;position:relative}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;color:#fff;font-family:var(--font);font-size:18px;font-weight:700;padding:16px 40px;border-radius:50px;cursor:pointer;margin-top:20px;transition:all .2s;box-shadow:0 4px 16px var(--accent-shadow)}.btn-primary:hover{transform:scale(1.05);box-shadow:0 10px 28px var(--accent-shadow)}.btn-secondary{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;font-family:var(--font);font-size:16px;font-weight:700;padding:14px 36px;border-radius:50px;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#fff3;transform:scale(1.05)}.view-out{opacity:0;pointer-events:none;transition:opacity .18s ease-out}.view-in{opacity:0}@media(prefers-reduced-motion:reduce){.view-out,.view-in{transition:none!important;opacity:1!important}}.hidden{display:none!important}html.remote-nav-active :is(button,a[href],[role=button],[tabindex]:not([tabindex="-1"]),select,input):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media(max-width:900px){:root{--tile-unit: 90px;--nav-size: 82px;--grid-gap: 6px}}@media(max-width:600px){:root{--tile-unit: 72px;--nav-size: 68px;--grid-gap: 5px;--nav-inset: 8px;--tile-radius: 14px}}