@font-face{font-family:DM Sans;src:url(../fonts/dm-sans-latin.woff2) format("woff2");font-style:normal;font-weight:100 1000;font-display:swap}@font-face{font-family:Fraunces;src:url(../fonts/fraunces-latin.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--cream-50:#f9f6ed;--cream-100:#f2eddf;--cream-200:#e4ddcd;--cream-300:#c9bfa9;--brown-600:#726858;--brown-900:#342e26;--orange-600:#b7442e;--orange-700:#993722;--green-100:#ebeedc;--green-700:#4d6441;--color-page:var(--cream-50);--color-surface:#fffcf4;--color-surface-muted:var(--cream-100);--color-text:var(--brown-900);--color-text-secondary:var(--brown-600);--color-border:var(--cream-200);--color-accent:var(--orange-600);--color-accent-hover:var(--orange-700);--color-on-accent:#fffaf0;--color-success:var(--green-700);--color-success-bg:var(--green-100);--color-focus:#72502f;--font-body:"DM Sans",sans-serif;--font-display:Fraunces,Georgia,serif;--text-small:.875rem;--text-body:1rem;--text-title:1.25rem;--text-section:1.75rem;--text-display:2.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;font-family:var(--font-body);color:var(--color-text);background:var(--color-page);font-size:16px;font-weight:400;line-height:1.5;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:280px}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,select:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}button:disabled{opacity:.5}button svg,a svg{flex-shrink:0}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-skip-ink:auto}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}svg{vertical-align:middle;flex-shrink:0}::selection{background:#e9d5ac;color:var(--color-text)}.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:16px;z-index:20;background:var(--color-surface);padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-wrap{max-width:1304px;padding:0 40px;margin-inline:auto}.site-header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-block-end:1px solid var(--color-border)}.brand{display:flex;gap:12px;align-items:center;font-size:var(--text-title);font-weight:700;text-decoration:none;line-height:1.3}.brand-note{display:block;color:var(--color-text-secondary);font-size:var(--text-small);font-weight:400;margin-block-start:3px}.header-tools{display:flex;gap:24px;align-items:center}.utility{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 4px;min-height:44px;font-size:var(--text-small);font-weight:600;border-radius:6px}.utility[aria-pressed=true]{color:var(--color-accent)}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:32px 0 28px}h1{font-family:var(--font-display);font-size:var(--text-display);line-height:1.15;letter-spacing:-.035em;font-weight:700}.intro p{font-size:var(--text-body);color:var(--color-text-secondary);margin-block-start:9px}.free-note{display:flex;align-items:center;gap:14px;font-size:var(--text-small);line-height:1.5;color:var(--color-text-secondary);padding-inline-end:12px}.tiny-sun{font-size:var(--text-display);line-height:1;color:#987647}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:28px;align-items:start}.game-section{min-width:0}.game-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-block-end:14px;min-height:44px}.mode-field{display:flex;max-width:100%;min-width:0;gap:12px;align-items:center;font-size:var(--text-small);font-weight:600}select{background:var(--color-surface);border:1px solid var(--cream-300);min-height:44px;border-radius:8px;padding:8px 30px 8px 12px;font-size:var(--text-body);max-width:100%}select:disabled{opacity:.7}.connection-indicator{display:flex;gap:7px;align-items:center;font-size:var(--text-small);color:var(--color-text-secondary);white-space:nowrap}.status-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#a08d66}.connected .status-dot,.status-dot.good{background:var(--color-success)}.game-surface{border:1px solid var(--cream-300);border-radius:14px;background:var(--color-surface)}.scoreboard{display:flex;flex-wrap:wrap;align-items:center;padding:16px 24px;gap:24px;min-height:90px}.stat{display:flex;gap:10px;align-items:center;flex:1;font-size:var(--text-small);color:var(--color-text-secondary)}.stat>svg{color:#8c8067}.stat>span{display:flex;flex-direction:column;line-height:1.3}.stat strong{font-size:var(--text-section);font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums;line-height:1.3;margin-block-start:2px}.stat small{font-size:var(--text-body);font-weight:400;color:var(--color-text-secondary)}.time-stat{flex:.9}.time-low strong{color:var(--color-accent)}.basket-stat{position:relative}.basket-slots{display:flex;gap:2px;margin-block-start:21px}.basket-slots svg{opacity:.2}.basket-slots svg.filled{opacity:1}.pause-button{width:40px;height:44px;flex-shrink:0;border:1px solid var(--color-border);border-radius:8px;background:transparent;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center}.field-wrap{display:grid;grid-template-columns:minmax(0,1fr);position:relative;background:#e0e7b9;isolation:isolate}.field-wrap:before{content:"";grid-area:1/1;align-self:start;min-width:0;min-height:0;display:block;width:100%;aspect-ratio:800/520;pointer-events:none}canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:pan-y}.garden-caption{background:#e0e7b9;padding-inline:4px;position:absolute;inset-block-start:14px;inset-inline-start:16px;display:flex;align-items:center;gap:6px;font-size:var(--text-small);color:#4f5d3d;pointer-events:none}.practice-ribbon{position:absolute;inset-block-start:12px;inset-inline-end:12px;padding:5px 9px;background:#f9f4dd;color:#635334;font-size:var(--text-small);border-radius:4px;pointer-events:none}.scene-overlay{position:relative;grid-area:1/1;min-height:auto;min-width:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#e0e7b924}.start-panel{background:var(--color-surface);padding:24px 28px;max-width:382px;width:100%;text-align:center;border-radius:14px;box-shadow:0 8px 32px #3e49251a}.panel-art{margin:0 auto 10px;display:flex;justify-content:center;align-items:center;color:var(--color-success);height:34px}.start-panel h2{font:700 var(--text-section)/1.15 var(--font-display);letter-spacing:-.025em}.start-panel p{font-size:var(--text-small);color:var(--color-text-secondary);margin-block-start:10px;line-height:1.5}.primary-button{border:0;border-radius:8px;min-height:48px;padding:12px 20px;background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-body);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:20px;line-height:1.4}.start-panel .primary-button{margin-block-start:20px;width:100%}.primary-button:disabled{background:var(--color-surface-muted);color:var(--color-text-secondary);opacity:1}.text-button{border:0;background:none;padding:10px 3px;min-height:44px;color:var(--color-text-secondary);font-size:var(--text-small);text-decoration:underline;text-underline-offset:4px;display:inline-flex;justify-content:center;align-items:center;gap:6px;border-radius:4px}.start-panel .text-button{margin-block-start:4px}.start-note{display:block;font-size:var(--text-small);color:var(--color-text-secondary);margin-block-start:12px}.start-panel .result-mode{font-size:var(--text-small);color:var(--color-success)}.game-bottom{padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:var(--text-small);min-height:54px}.keyboard-hint{display:flex;align-items:center;gap:6px;color:var(--color-text-secondary);font-size:var(--text-small);flex-wrap:wrap}kbd{font:400 var(--text-small)/1.5 var(--font-body);padding:2px 5px;border:1px solid var(--color-border);border-radius:4px;background:#f7f3e8;color:var(--color-text)}.pause-hint{display:flex;gap:4px;align-items:center}.device-best{display:flex;align-items:center;gap:6px;white-space:nowrap;color:var(--color-text-secondary)}.device-best strong{color:var(--color-text);font-weight:600;min-width:12px;font-variant-numeric:tabular-nums}.route-feedback{font-size:var(--text-small);color:var(--color-text-secondary);text-align:center;margin:14px 0 0;min-height:42px;line-height:1.5}.rhythm-panel{padding:24px;background:var(--color-surface-muted);border-radius:14px;margin-block-start:58px}.rhythm-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.rhythm-heading h2{font-size:var(--text-body);font-weight:600;line-height:1.4}.rhythm-heading>svg{color:var(--color-success)}.wheel-art{width:100%;height:auto;margin:10px 0 8px;display:block}.wheel-spokes{transform-origin:140px 77px}.hamster-status{display:flex;align-items:center;justify-content:flex-start;gap:8px}.hamster-status h3{font-size:var(--text-body);font-weight:600;line-height:1.4}.rhythm-description{font-size:var(--text-small);color:var(--color-text-secondary);line-height:1.6;margin-block-start:10px}.telemetry-readings{display:flex;flex-direction:column;gap:14px;margin-block-start:24px}.telemetry-readings>div{display:flex;justify-content:space-between;gap:8px;font-size:var(--text-small);align-items:center}.telemetry-readings span{color:var(--color-text-secondary)}.telemetry-readings strong{font-size:var(--text-small);font-weight:600;font-variant-numeric:tabular-nums;text-align:end}.telemetry-readings small{font-size:inherit;font-weight:400}.signal-note{display:flex;gap:6px;color:var(--color-success);font-size:var(--text-small);line-height:1.5;margin-block-start:20px;align-items:start}.signal-note>svg{margin-block-start:3px}.retry-button{padding-inline:0;margin-block-start:5px;text-align:start}.rhythm-footer{display:flex;gap:12px;align-items:center;border-block-start:1px solid #dcd5c4;margin-block-start:20px;padding-block-start:20px}.rhythm-footer p{font-size:var(--text-small);line-height:1.6;color:var(--color-text-secondary)}.mini-seed{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-page);border-radius:50%;flex-shrink:0}.how-it-works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:24px 0 40px;padding-block-start:24px;border-block-start:1px solid var(--color-border)}.how-it-works article{display:flex;align-items:flex-start;gap:14px}.instruction-icon{width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-success);flex-shrink:0}.how-it-works h2{font-size:var(--text-body);font-weight:600;line-height:1.5;text-wrap:pretty}.how-it-works p{font-size:var(--text-small);color:var(--color-text-secondary);line-height:1.6;margin-block-start:5px;max-width:38ch}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:22px;border-block-start:1px solid var(--color-border);font-size:var(--text-small);color:var(--color-text-secondary)}.site-footer>span{display:flex;gap:8px;align-items:center}.site-footer>a{display:flex;gap:4px;align-items:center;min-height:44px;font-weight:600}.storage-note{font-size:var(--text-small);color:var(--color-text-secondary);text-align:center;line-height:1.6;padding:0 0 24px}.storage-note a{display:inline-flex;align-items:center;gap:2px;margin-inline-start:8px;min-height:30px}.touch-controls{display:none}.help-dialog{background:var(--color-surface);color:var(--color-text);border:0;border-radius:16px;padding:28px;max-width:540px;width:calc(100% - 32px);max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 16px 70px #342e2633}.help-dialog::backdrop{background:#342e266b}.dialog-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-block-end:16px}.dialog-top h2{font-family:var(--font-display);font-size:var(--text-section);font-weight:700;line-height:1.15;letter-spacing:-.025em}.icon-button{min-width:44px;flex-shrink:0}.help-dialog p,.help-dialog li{font-size:var(--text-body);line-height:1.6;color:var(--color-text-secondary)}.help-dialog p+p{margin-block-start:16px}.help-dialog h3{font-size:var(--text-title);font-weight:600;margin:24px 0 8px}.help-dialog ol{padding-inline-start:22px;margin-block:16px}.help-dialog li+li{margin-block-start:8px}.help-dialog strong{font-weight:600;color:var(--color-text)}.help-dialog .primary-button{width:100%;margin-block-start:24px}@media(hover:hover){.primary-button:not(:disabled):hover{background:var(--color-accent-hover)}.utility:hover,.pause-button:not(:disabled):hover{background:var(--color-surface-muted)}a:hover,.text-button:hover{color:var(--color-accent)}select:not(:disabled):hover{border-color:var(--brown-600)}}@media(prefers-reduced-motion:no-preference){button{transition:transform .12s cubic-bezier(.2,0,0,1)}button:not(:disabled):active{transform:scale(.96)}.wheel-art.is-running .wheel-spokes{animation:wheel-turn 8s linear infinite}@keyframes wheel-turn{to{transform:rotate(360deg)}}}@media(max-width:1120px){.site-wrap{padding-inline:28px}.play-layout{grid-template-columns:minmax(0,1fr) 248px;gap:20px}.rhythm-panel{padding:20px}.scoreboard{padding:14px 16px;gap:16px}.basket-slots,.pause-hint{display:none}.free-note{padding:0}.how-it-works{gap:24px}.start-panel{padding:20px 24px;max-width:350px}.site-footer{gap:16px;flex-wrap:wrap}.site-footer p{order:3;flex-basis:100%;text-align:center}}@media(max-width:900px){.free-note{display:none}.play-layout{grid-template-columns:minmax(0,1fr)}.rhythm-panel{margin-block-start:0;display:grid;grid-template-columns:150px 1fr 1fr;gap:10px 20px;align-items:center;padding:24px}.rhythm-heading{grid-column:2/4;grid-row:1}.wheel-art{grid-row:1/5;margin:0}.hamster-status{grid-column:2/4;grid-row:2}.rhythm-description{grid-column:2/4;margin:0}.telemetry-readings{grid-column:2/4;flex-direction:row;gap:24px;margin:8px 0 0;flex-wrap:wrap}.telemetry-readings>div{gap:12px}.signal-note{grid-column:2/4;margin:4px 0 0}.retry-button{grid-column:2/4;justify-content:flex-start;margin:0;width:fit-content}.rhythm-footer{display:none}.how-it-works{margin-block-start:32px}.how-it-works article{display:block}.instruction-icon{margin-block-end:8px}.game-bottom{padding-inline:24px}.pause-hint{display:flex}}@media(max-width:620px){.site-wrap{padding-inline:16px}.site-header{min-height:78px;gap:12px}.brand{font-size:var(--text-title);gap:8px}.brand>svg{width:34px;height:34px}.brand-note{display:none}.header-tools{gap:12px}.utility{min-width:44px}.sound-button span,.help-button span{display:none}.intro{margin:24px 0 20px;display:block}h1{font-size:var(--text-section);line-height:1.15;letter-spacing:-.025em}.intro p{font-size:var(--text-small);margin-block-start:8px;max-width:37ch}.game-toolbar{margin-block-end:12px;gap:8px;min-height:48px}.mode-field{gap:8px}.mode-field>span{display:none}select{padding-inline-start:10px;padding-inline-end:23px;max-width:100%;font-size:var(--text-body)}.connection-indicator{font-size:var(--text-small);gap:5px}.scoreboard{padding:12px;gap:12px;min-height:76px}.stat{gap:6px}.stat>svg{display:none}.stat strong{font-size:var(--text-title)}.stat small{font-size:var(--text-small)}.stat>span{font-size:var(--text-small)}.time-stat{flex:1}.pause-button{width:44px;height:44px}.game-surface{border-radius:12px}.garden-caption{inset-block-start:10px;inset-inline-start:12px;font-size:var(--text-small)}.garden-caption svg{display:none}.practice-ribbon{inset-block-start:9px;inset-inline-end:9px;font-size:var(--text-small);padding:3px 6px}.scene-overlay{padding:24px 20px 12px}.start-panel{padding:16px 18px;max-width:300px;border-radius:10px}.panel-art{display:none}.start-panel h2{font-size:var(--text-title);line-height:1.2;letter-spacing:0}.start-panel p{margin-block-start:8px;line-height:1.4}.start-panel .primary-button{margin-block-start:14px;min-height:46px;padding:10px 12px}.start-note{margin-block-start:8px}.start-panel .text-button{padding:6px 0;min-height:36px;margin-block-start:4px}.start-panel .result-mode{margin-block-start:6px}.game-bottom{padding:10px 12px;min-height:44px;justify-content:center}.keyboard-hint{display:none}.device-best{font-size:var(--text-small)}.touch-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 12px 0;gap:12px}.touch-note{display:flex;gap:10px;font-size:var(--text-small);line-height:1.5;align-items:center;color:var(--color-text-secondary)}.touch-note>svg{color:var(--color-success)}.dpad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:6px;flex-shrink:0}.direction{background:var(--color-surface);border:1px solid var(--cream-300);border-radius:9px;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;color:var(--color-text)}.direction:disabled{opacity:.45}.direction-up{grid-column:2;grid-row:1}.direction-up svg{transform:rotate(-90deg)}.direction-left{grid-column:1;grid-row:2}.direction-left svg{transform:rotate(180deg)}.direction-down{grid-column:2;grid-row:2}.direction-down svg{transform:rotate(90deg)}.direction-right{grid-column:3;grid-row:2}.direction.is-held{background:var(--color-success-bg);border-color:var(--color-success)}.route-feedback{margin-block-start:12px;text-align:start;min-height:42px;padding-inline:2px}.rhythm-panel{padding:20px;grid-template-columns:88px 1fr;gap:8px 16px;border-radius:12px}.rhythm-heading{grid-column:2;grid-row:1}.rhythm-heading h2{font-size:var(--text-small)}.rhythm-heading>svg{display:none}.wheel-art{grid-row:1/3;grid-column:1;transform:scale(1.15)}.hamster-status{grid-column:2;grid-row:2}.hamster-status h3{font-size:var(--text-small)}.rhythm-description{grid-column:1/3;grid-row:3;margin-block-start:8px}.telemetry-readings{grid-column:1/3;grid-row:4;flex-direction:column;gap:8px;margin-block-start:8px}.signal-note{grid-column:1/3;grid-row:5;margin-block-start:6px}.retry-button{grid-column:1/3;grid-row:6}.how-it-works{grid-template-columns:1fr;gap:24px;margin-block:28px 32px;padding-block-start:24px}.how-it-works article{display:flex;gap:12px}.instruction-icon{margin:0}.how-it-works p{max-width:38ch}.site-footer{display:flex;justify-content:space-between;gap:12px;font-size:var(--text-small);padding-block:18px}.site-footer p{text-align:start}.storage-note{text-align:start;font-size:var(--text-small);padding-block-end:24px}.storage-note a{margin-inline-start:0;display:flex;width:fit-content;min-height:44px}.help-dialog{padding:20px;max-height:calc(100dvh - 32px)}.dialog-top h2{font-size:var(--text-title)}}@media(max-width:359px){.site-wrap{padding-inline:12px}.header-tools{gap:4px}.brand>svg{width:30px;height:30px}.brand{font-size:var(--text-body)}.intro{margin-block-start:20px}.game-toolbar{flex-wrap:wrap}.connection-indicator{font-size:var(--text-small)}select{max-width:100%}.connection-indicator .status-dot{display:none}.scoreboard{gap:8px;padding:10px}.scene-overlay{padding:25px 12px 10px}.start-panel{padding:12px}.start-note{font-size:var(--text-small)}.touch-controls{padding-inline:0}.touch-note{gap:6px}.touch-note>svg{display:none}.garden-caption{inset-block-start:7px}.practice-ribbon{inset-block-start:5px;font-size:var(--text-small)}}@media(forced-colors:active){button,a,select{forced-color-adjust:auto}.status-dot{border:1px solid CanvasText}.primary-button{border:1px solid ButtonText}.game-surface{border-color:CanvasText}}