:root{--bg-deep: oklch(10% .02 280);--bg-mid: oklch(14% .03 285);--surface: oklch(18% .035 300);--surface-raised: oklch(24% .04 295);--pink: oklch(75% .14 350);--pink-hover: oklch(80% .12 355);--lavender: oklch(72% .1 290);--lavender-hover: oklch(78% .08 295);--mint: oklch(78% .12 165);--mint-hover: oklch(83% .1 170);--crimson: oklch(55% .22 15);--crimson-hover: oklch(62% .18 20);--success: oklch(78% .16 155);--warning: oklch(75% .16 70);--text-primary: oklch(92% .01 300);--text-secondary: oklch(70% .03 300);--text-dim: oklch(50% .02 300);--overlay: oklch(8% .03 300 / .72);--border-subtle: oklch(28% .04 280 / .5);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--game-aspect: 16 / 9;--font-body: "Nunito", "Segoe UI", system-ui, sans-serif;--font-display: "Nunito", "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{inline-size:100%;block-size:100%;overflow:hidden;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-deep)}body{background:linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-mid) 100%)}body:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#bg-canvas{display:none}.page-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);inline-size:100%;block-size:100dvh;padding-block:var(--space-sm);padding-inline:var(--space-md)}.title{font-family:var(--font-display);font-size:clamp(1rem,2vw,1.5rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);flex-shrink:0}.game-container{position:relative;block-size:min(calc(100dvh - 3rem),calc((100vw - 2rem)*.5625));aspect-ratio:var(--game-aspect);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-subtle);box-shadow:0 2px 12px #00000080;flex-shrink:0}.game-container:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,transparent,transparent 2px,oklch(0% 0 0 / .04) 2px,oklch(0% 0 0 / .04) 4px)}#game-canvas{display:block;inline-size:100%;block-size:100%;outline:none;touch-action:none;background:var(--bg-deep)}.settings-overlay,.debug-panel,.pause-overlay{zoom:var(--ui-scale, 1)}html[data-high-contrast=true]{--text-primary: oklch(98% 0 0);--text-secondary: oklch(85% .01 300);--text-dim: oklch(70% .01 300);--border-subtle: oklch(50% .04 280 / .8);--overlay: oklch(4% .01 300 / .88)}html[data-reduce-motion=true] *,html[data-reduce-motion=true] *:before,html[data-reduce-motion=true] *:after{transition-duration:0s!important;animation-duration:0s!important}@media(prefers-reduced-motion:reduce){:root:not([data-reduce-motion=false]) *,:root:not([data-reduce-motion=false]) *:before,:root:not([data-reduce-motion=false]) *:after{transition-duration:0s!important;animation-duration:0s!important}}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}