:root{--color-grid-bg: #111116;--color-grid-line: rgba(255,255,255,.08);--color-grid-edge: #5A5A7A;--color-snake-head: #C8203C;--color-snake-body: #1B7D92;--color-snake-outline: #0C0C12;--color-opponent-head: #CC6000;--color-opponent-body: #5A3000;--color-opponent-outline: #0C0C12;--color-apple: oklch(63% .21 25);--color-cherry: oklch(58% .23 350);--color-banana: oklch(84% .17 100);--color-starfruit: oklch(70% .17 155);--color-golden-apple: oklch(73% .16 62);--color-grape: oklch(65% .19 300);--color-melon: oklch(75% .13 200);--color-carrot: oklch(68% .19 45);--fruit-hl-fill: 15%;--fruit-hl-ring: 58%;--fruit-hl-ring-w: 1.5px;--color-bg: #111116;--color-surface: #1A1A24;--color-surface-raised: #212130;--color-border: #2C2C3E;--color-border-subtle: #222232;--color-text-primary: #E0E0EC;--color-text-secondary: #9494B2;--color-text-muted: #8C8CA0;--color-accent: #C8203C;--color-accent-hover: #A81830;--color-text-on-accent: #ffffff;--color-qr-bg: #ffffff;--color-success: oklch(65% .18 145);--color-error: #C8203C;--color-warning: oklch(72% .17 75);--color-gold: #C89418;--color-key-bg: #212130;--color-key-bg-hover: #2C2C3E;--color-key-bg-active: oklch(22% .06 18);--color-key-text: #E0E0EC;--color-key-directional-border: #C8203C;--color-key-disabled-bg: #111116;--color-key-disabled-text: oklch(35% .015 258);--color-border-highlight: oklch(80% .01 258 / .35);--font-display: "Space Mono", "Courier New", monospace;--font-ui: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-tight: -.02em;--tracking-normal: 0em;--tracking-wide: .05em;--tracking-label: .1em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--touch-target: 2.75rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 16px;--radius-full: 9999px;--radius-pill: 999px;--color-skeleton-base: #212130;--color-skeleton-shine: #2C2C3E;--animation-step-duration: .15s;--animation-easing: ease-in-out;--transition-ui: .12s ease;--game-chrome-height: 10rem;--cell-size: max(2px, min( 32px, calc((100vw - 2 * var(--space-4)) / var(--grid-cols)), calc((100dvh - var(--game-chrome-height)) / var(--grid-rows)) ));--grid-cols: 15;--grid-rows: 10;--bg-base: var(--color-bg);--bg-surface: var(--color-surface);--bg-elevated: var(--color-surface-raised);--bg-overlay: oklch(24% .03 258);--bg-grid: var(--color-grid-bg);--border-subtle: oklch(28% .025 258);--border-default: oklch(35% .03 258);--border-strong: oklch(45% .04 258);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-disabled: oklch(35% .015 258);--accent: var(--color-accent);--accent-hover: var(--color-accent-hover);--accent-subtle: oklch(22% .06 18);--accent-text: oklch(78% .16 18);--snake-head: var(--color-snake-head);--snake-body: var(--color-snake-body);--snake-opponent: var(--color-opponent-head);--success: var(--color-success);--warning: var(--color-warning);--danger: var(--color-error);--key-dir-border: var(--color-key-directional-border);--key-dir-bg: var(--accent-subtle);--nav-bg: #18181E;--nav-border: #2C2C3E;--shadow-card: none;--shadow-modal: none;--shadow-grid-inset: none;--progress-track: oklch(25% .02 258);--progress-fill: oklch(62% .22 18);--preview-step-bg: rgba(200, 32, 60, .15);--preview-step-border: rgba(200, 32, 60, .5);--preview-step-letter: var(--color-text-primary);--preview-turn-bg: color-mix(in srgb, var(--color-accent) 65%, transparent);--preview-turn-border: var(--color-accent);--preview-turn-letter: var(--color-text-on-accent);--preview-reversal-bg: var(--preview-step-bg);--preview-reversal-border: var(--preview-step-border);--preview-reversal-letter: var(--preview-step-letter);--preview-collision-bg: color-mix(in srgb, var(--color-warning) 15%, transparent);--preview-collision-border: color-mix(in srgb, var(--color-warning) 50%, transparent);--preview-collision-letter: var(--color-warning)}@media(prefers-reduced-motion:reduce){:root{--animation-step-duration: 0ms;--transition-ui: 0ms}}[data-theme=light]{--color-skeleton-base: #D0D3E0;--color-skeleton-shine: #E4E6EF;--color-grid-bg: #E8EAF0;--color-grid-line: rgba(0,0,0,.1);--color-grid-edge: #767C96;--color-snake-head: #C8203C;--color-snake-body: #1B7D92;--color-snake-outline: #F4F5F8;--color-opponent-head: #CC6000;--color-opponent-body: #5A3000;--color-opponent-outline: #F4F5F8;--color-bg: #ECEEF3;--color-surface: #FFFFFF;--color-surface-raised: #F4F5F9;--color-border: #D0D3E0;--color-border-subtle: #E1E3EC;--color-text-primary: #18181E;--color-text-secondary: #5A5A70;--color-text-muted: #63637A;--color-accent: #C8203C;--color-accent-hover: #A81830;--color-success: oklch(50% .18 145);--color-warning: oklch(58% .17 75);--color-error: #C8203C;--color-key-bg: #E8EAF0;--color-key-bg-hover: #D8DAE8;--color-key-bg-active: oklch(94% .04 18);--color-key-text: #18181E;--color-key-disabled-bg: #F4F5F9;--color-key-disabled-text: oklch(72% .012 258);--color-border-highlight: oklch(0% 0 0 / .35);--color-apple: oklch(55% .22 25);--color-cherry: oklch(53% .24 350);--color-banana: oklch(72% .16 95);--color-starfruit: oklch(57% .17 155);--color-golden-apple: oklch(63% .16 60);--color-grape: oklch(52% .2 300);--color-melon: oklch(58% .12 200);--color-carrot: oklch(58% .19 45);--fruit-hl-fill: 18%;--fruit-hl-ring: 72%;--preview-step-bg: rgba(200, 32, 60, .1);--preview-step-border: rgba(200, 32, 60, .4);--preview-collision-bg: color-mix(in srgb, var(--color-warning) 10%, transparent);--preview-collision-border: color-mix(in srgb, var(--color-warning) 40%, transparent);--bg-overlay: #F4F5F9;--border-subtle: #E4E6EF;--border-default: #D0D3E0;--border-strong: oklch(65% .02 250);--text-disabled: #A0A0B8;--accent-subtle: oklch(94% .04 18);--accent-text: #C8203C;--snake-opponent: var(--color-opponent-head);--key-dir-bg: var(--accent-subtle);--nav-bg: #FFFFFF;--nav-border: #D0D3E0;--shadow-card: none;--shadow-modal: none;--shadow-grid-inset: none;--progress-track: #D0D3E0;--progress-fill: #C8203C}[data-contrast=high],[data-theme=hc]{--color-skeleton-base: oklch(12% 0 0);--color-skeleton-shine: oklch(18% 0 0);--color-grid-bg: oklch(0% 0 0);--color-grid-line: oklch(100% 0 0 / .3);--color-grid-edge: oklch(92% 0 0);--color-snake-head: oklch(85% .18 90);--color-snake-body: oklch(60% 0 0);--color-snake-outline: oklch(100% 0 0);--color-opponent-head: oklch(80% .14 220);--color-opponent-body: oklch(48% 0 0);--color-opponent-outline: oklch(100% 0 0);--color-apple: oklch(70% .2 25);--color-cherry: oklch(74% .22 350);--color-banana: oklch(90% .17 100);--color-starfruit: oklch(82% .18 155);--color-golden-apple: oklch(83% .16 62);--color-grape: oklch(78% .2 300);--color-melon: oklch(85% .13 200);--color-carrot: oklch(75% .19 45);--fruit-hl-fill: 22%;--fruit-hl-ring: 96%;--fruit-hl-ring-w: 2px;--color-bg: oklch(0% 0 0);--color-surface: oklch(0% 0 0);--color-surface-raised: oklch(5% 0 0);--color-border: oklch(75% 0 0);--color-text-primary: oklch(100% 0 0);--color-text-secondary: oklch(85% 0 0);--color-text-muted: oklch(70% 0 0);--color-accent: oklch(85% .18 90);--color-accent-hover: oklch(90% .18 90);--color-success: oklch(85% .2 145);--color-warning: oklch(85% .18 90);--color-error: oklch(70% .25 18);--color-key-bg: oklch(8% 0 0);--color-key-bg-hover: oklch(14% 0 0);--color-key-bg-active: oklch(12% .04 90);--color-key-text: oklch(100% 0 0);--color-key-directional-border: oklch(85% .18 90);--color-key-disabled-bg: oklch(0% 0 0);--color-key-disabled-text: oklch(50% 0 0);--color-border-highlight: oklch(100% 0 0 / .5);--preview-step-bg: rgba(200, 32, 60, .3);--preview-step-border: rgba(200, 32, 60, .9);--preview-turn-bg: color-mix(in srgb, var(--color-accent) 85%, transparent);--preview-collision-bg: color-mix(in srgb, var(--color-warning) 30%, transparent);--preview-collision-border: color-mix(in srgb, var(--color-warning) 90%, transparent);--bg-overlay: oklch(8% 0 0);--border-subtle: oklch(50% 0 0);--border-default: oklch(75% 0 0);--border-strong: oklch(100% 0 0);--text-disabled: oklch(50% 0 0);--accent-subtle: oklch(12% .04 90);--accent-text: oklch(85% .18 90);--snake-head: var(--color-snake-head);--snake-opponent: var(--color-opponent-head);--key-dir-border: var(--color-key-directional-border);--key-dir-bg: var(--accent-subtle);--nav-bg: oklch(0% 0 0);--nav-border: oklch(75% 0 0);--shadow-card: none;--shadow-modal: none;--shadow-grid-inset: none;--progress-track: oklch(20% 0 0);--progress-fill: oklch(85% .18 90)}[data-theme=light][data-contrast=high]{--color-bg: oklch(100% 0 0);--color-surface: oklch(100% 0 0);--color-surface-raised: oklch(96% 0 0);--color-border: oklch(0% 0 0);--color-grid-bg: oklch(100% 0 0);--color-grid-line: oklch(0% 0 0 / .5);--color-grid-edge: oklch(0% 0 0);--color-text-primary: oklch(0% 0 0);--color-text-secondary: oklch(10% 0 0);--color-text-muted: oklch(20% 0 0);--color-key-bg: oklch(93% 0 0);--color-key-bg-hover: oklch(82% 0 0);--color-key-text: oklch(0% 0 0);--color-key-disabled-bg: oklch(97% 0 0);--color-key-disabled-text: oklch(47% 0 0);--color-snake-outline: oklch(0% 0 0);--color-opponent-head: oklch(55% .2 45);--color-opponent-body: oklch(40% .15 45);--color-opponent-outline: oklch(0% 0 0);--color-accent: oklch(44% .22 18);--color-accent-hover: oklch(40% .22 18);--bg-overlay: oklch(93% 0 0);--border-subtle: oklch(50% 0 0);--border-default: oklch(0% 0 0);--border-strong: oklch(0% 0 0);--text-disabled: oklch(47% 0 0);--accent-subtle: oklch(93% .04 18);--accent-text: oklch(44% .22 18);--nav-bg: oklch(100% 0 0);--nav-border: oklch(0% 0 0);--shadow-card: none;--shadow-modal: none;--shadow-grid-inset: none;--progress-track: oklch(85% 0 0);--progress-fill: oklch(44% .22 18)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-ui);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}body{min-height:100dvh;overflow-x:hidden}#svelte{display:contents}h1,h2,h3{font-family:var(--font-ui);letter-spacing:var(--tracking-tight)}button{cursor:pointer;font-family:inherit;border:none;background:none}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;top:-100%;left:var(--space-4);background:var(--color-accent);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;z-index:9999;text-decoration:none}.skip-link:focus{top:var(--space-4)}[data-snake-turn=tr]{border-radius:0 0 0 var(--radius-lg)}[data-snake-turn=tl]{border-radius:0 0 var(--radius-lg) 0}[data-snake-turn=br]{border-radius:var(--radius-lg) 0 0 0}[data-snake-turn=bl]{border-radius:0 var(--radius-lg) 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.overlay-backdrop.svelte-cj79xd{position:fixed;inset:0;background-color:color-mix(in srgb,var(--color-bg) 60%,transparent);z-index:199}.dialog.svelte-cj79xd{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);width:min(400px,90vw);display:flex;flex-direction:column;gap:var(--space-4)}.dialog__title.svelte-cj79xd{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin:0}.dialog__body.svelte-cj79xd{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.dialog__actions.svelte-cj79xd{display:flex;gap:var(--space-3);justify-content:flex-end;flex-wrap:wrap}.btn.svelte-cj79xd{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target);padding:0 var(--space-4);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;border:1px solid transparent;transition:background-color var(--transition-ui),color var(--transition-ui),border-color var(--transition-ui)}.btn--secondary.svelte-cj79xd{background-color:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.btn--secondary.svelte-cj79xd:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.btn--danger.svelte-cj79xd{background-color:var(--color-error, #dc2626);color:#fff;border-color:transparent}.btn--danger.svelte-cj79xd:hover{background-color:color-mix(in srgb,var(--color-error, #dc2626) 80%,#000)}.app-shell.svelte-12qhfyh{position:relative;min-height:100dvh}.app-toolbar.svelte-12qhfyh{position:fixed;top:0;left:0;right:0;height:3.5rem;z-index:40;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4);background-color:var(--nav-bg, var(--color-surface));border:1px solid var(--nav-border, var(--color-border));border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-card, 0 2px 8px rgba(0,0,0,.3))}.toolbar__back.svelte-12qhfyh{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;min-width:var(--touch-target);min-height:var(--touch-target);padding:0 var(--space-2);transition:color var(--transition-ui),border-color var(--transition-ui);z-index:1}.toolbar__back.svelte-12qhfyh:hover{color:var(--color-accent);border-color:var(--color-accent)}.toolbar__brand.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text-primary);flex-shrink:0;min-height:var(--touch-target);padding:0 var(--space-1)}.toolbar__title.svelte-12qhfyh{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:700;white-space:nowrap}@media(max-width:399px){.toolbar__title.svelte-12qhfyh{display:none}}.toolbar__center.svelte-12qhfyh{width:100%;display:flex;justify-content:center}