:root{--cream-50:#fffdf6;--cream-100:#f7f3e8;--cream-200:#eee6d5;--cream-300:#d7c9ac;--brown-600:#77634e;--brown-800:#493827;--brown-900:#352a20;--teal-100:#e2eee3;--teal-600:#286f60;--teal-700:#205b4f;--color-page:var(--cream-100);--color-surface:var(--cream-50);--color-inset:var(--cream-200);--color-border:var(--cream-300);--color-text:var(--brown-900);--color-muted:var(--brown-600);--color-accent:var(--teal-600);--color-accent-hover:var(--teal-700);--color-accent-soft:var(--teal-100);--color-focus:#145b75;--color-warning:#914929;--color-warning-soft:#f8e3d2;--font-body:"Trebuchet MS", "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-display:Georgia, "Times New Roman", serif;--text-xs:.75rem;--text-sm:.875rem;--text-body:1rem;--text-lg:1.25rem;--text-title:1.75rem;--text-display:2.25rem;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;font-family:var(--font-body);color:var(--color-text);background:var(--color-page);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:280px;margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button,a{transition:background-color .12s,color .12s,opacity .12s}button:focus-visible,a:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}button:disabled{opacity:.45}a{color:var(--color-accent-hover);text-underline-offset:3px;text-decoration-thickness:1px}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display);text-wrap:balance;font-weight:700;line-height:1.15}h3{font-size:var(--text-body);font-weight:700}p{text-wrap:pretty}.icon{vertical-align:middle;flex-shrink:0;width:20px;height:20px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{inset-inline-start:16px;z-index:20;background:var(--color-surface);border-radius:var(--radius-sm);padding:12px 20px;position:absolute;top:-100px}.skip-link:focus{top:12px}::selection{background:var(--color-accent-soft);color:var(--color-text)}.site-header{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin-inline:auto;padding:25px 40px 23px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.logo-hamster{width:66px;height:66px}.brand h1{font-size:var(--text-title);letter-spacing:-.035em}.wordmark-dot{color:var(--color-accent)}.brand p{font-size:var(--text-sm);color:var(--color-muted);margin-top:4px}.utilities{align-items:center;gap:9px;display:flex}.utility{background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;display:inline-flex}.utility.language{font-weight:700;font-size:var(--text-body)}.utilities .icon{width:23px;height:23px}.main-shell{width:min(1200px,100% - 80px);margin-inline:auto;padding-block:38px 32px}.level-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.level-title{align-items:center;gap:18px;display:flex}.level-number{font-family:var(--font-display);color:var(--color-muted);font-size:var(--text-display);border-inline-end:1px solid var(--color-border);padding-inline-end:18px;font-style:italic;line-height:1}.level-title h2{font-size:var(--text-title)}.level-title p{color:var(--color-muted);font-size:var(--text-sm);margin-top:7px}.level-selector{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:44px;font-size:var(--text-sm);background:0 0;align-items:center;gap:12px;padding:10px 14px;display:flex}.level-selector>.icon:last-child{width:14px}.muted{color:var(--color-muted)}.play-layout{grid-template-columns:minmax(150px,1fr) minmax(310px,440px) minmax(200px,1fr);grid-template-areas:"companion pouch tray";align-items:start;gap:40px;display:grid}.companion{grid-area:companion;padding-top:40px}.companion-art{margin-inline:-14px;position:relative}.hamster{width:100%;display:block}.hamster-note{font-family:var(--font-display);font-size:var(--text-lg);text-align:center;max-width:200px;margin:12px auto 25px;font-style:italic;line-height:1.4}.doodle-spark{color:#9b7a3f;position:absolute}.doodle-spark .icon{width:23px;height:23px}.spark-one{top:4%;left:10%;transform:rotate(-18deg)}.spark-two{top:25%;right:0;transform:rotate(20deg)}.little-plan{border-block:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-muted);padding:20px 0}.little-plan>div{color:var(--color-text);align-items:center;gap:8px;margin-bottom:12px;font-weight:700;display:flex}.little-plan p+p{margin-top:12px}.tutorial-link{margin-top:8px}.text-button{color:var(--color-accent-hover);min-height:44px;font-size:var(--text-sm);text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:7px;padding:10px 0;text-decoration:underline;display:inline-flex}.pouch-area{grid-area:pouch;min-width:0}.scoreboard{align-items:flex-start;gap:30px;padding:0 4px 16px;display:flex}.fill-stat{flex:1}.stat-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.stat-top>span,.moves-stat>span{font-size:var(--text-sm);color:var(--color-muted)}.stat-top strong,.moves-stat>strong{font-size:var(--text-title);font-weight:700;line-height:1.2}.percent{font-size:var(--text-body)}.fill-track{background:#e0d5bd;border-radius:4px;height:6px;margin-top:12px;position:relative}.fill-track>span{border-radius:inherit;background:var(--color-accent);height:100%;display:block}.fill-track i{background:var(--color-muted);width:2px;max-width:100%;height:12px;position:absolute;top:-3px;transform:translate(-2px)}.moves-stat{text-align:end;flex-direction:column;gap:2px;display:flex}.stat-total{font-size:var(--text-sm);color:var(--color-muted);font-weight:400}.pouch{isolation:isolate;background:#e4cba2;border-radius:30px 30px 56px 56px;padding:19px 25px 15px;position:relative}.pouch-seam{z-index:-1;pointer-events:none;border:1px dashed #ae8c59;border-radius:24px 24px 48px 48px;position:absolute;inset:8px}.pouch-label{font-size:var(--text-xs);color:#674d2e;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:700;display:flex}.pouch-label>span{align-items:center;gap:5px;display:flex}.pouch-label .icon{width:15px;height:15px}.pouch-grid{grid-template-rows:repeat(var(--grid-size), 1fr);aspect-ratio:1;-webkit-user-select:none;user-select:none;background:#a98b64;border-radius:12px;gap:5px;padding:7px;display:grid}.grid-row{grid-template-columns:repeat(var(--grid-size), minmax(0, 1fr));gap:5px;min-height:0;display:grid}.cell{color:var(--color-text);background:#f4e9d3;border:0;border-radius:7px;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;display:flex;position:relative}.cell:focus-visible{outline:3px solid var(--color-focus);outline-offset:1px;z-index:2}.cell.ghost{outline-offset:-4px;outline:2px dashed #766030}.cell.ghost.seed{background:#f5d88e}.cell.ghost.nut{background:#e6bd91}.cell.ghost.berry{background:#d7c6df}.cell.ghost.leaf{background:#d1dfb5}.cell.ghost.loot{background:#b6d9ce}.cell.ghost.paw{background:#e8c3b0}.cell.ghost.invalid{outline-color:var(--color-warning);background:#f2cfba}.cell.filled.seed{background:#e9bf62}.cell.filled.nut{background:#d3a071}.cell.filled.berry{background:#b6a0c6}.cell.filled.leaf{background:#adc38c}.cell.filled.loot{background:#8fbdb1}.cell.filled.paw{background:#d9ac99}.cell.piece-selected{outline:2px solid var(--brown-800);outline-offset:-3px}.cell.stitched{cursor:default;background:#b79a74}.stitch-mark{color:#675035;font-size:var(--text-lg)}.snack-art{flex-shrink:0;width:24px;height:24px}.cell .snack-art{width:75%;height:75%}.piece-grain{background:#fff1d3;border-radius:50%;width:5px;height:5px}.ghost-dot{opacity:.6;background:#907640;border-radius:50%;width:5px;height:5px}.anchor{font-size:var(--text-title);color:#6d522e;font-weight:400;position:absolute}.cursor .ghost-dot{display:none}.board-seed{z-index:1;background:#fff3cc;border:1px solid #92763b;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:5px;right:5px}.board-seed.special{color:var(--color-accent-hover);border-color:var(--color-accent-hover);background:#e4f7d9}.board-seed .icon{width:18px;height:18px}.pouch-bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-inline:6px;display:flex}.seed-goal{align-items:center;gap:10px;display:flex}.seed-goal-label{font-size:var(--text-xs);color:#674d2e;align-items:center;gap:4px;display:inline-flex}.seed-goal-label>.icon{width:15px;height:15px}.seed-dots{gap:3px;display:flex}.seed-dot{color:#715a3b;border:1px dashed #836947;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.seed-dot.arrived{background:#f9e8b9;border-style:solid}.seed-dot.cleared{background:var(--color-accent);color:var(--color-surface);border:0}.seed-dot .icon{width:14px;height:14px}.pouch-signature{color:#674d2e;font-family:var(--font-display);font-style:italic;font-size:var(--text-sm)}.placement-caption{font-size:var(--text-xs);color:var(--color-muted);justify-content:space-between;align-items:center;gap:8px;margin:13px 0 9px;display:flex}.selected-piece{color:var(--color-text);font-size:var(--text-sm);align-items:center;gap:5px;display:inline-flex}.primary-actions{gap:8px;display:flex}.button{border:1px solid var(--color-border);min-height:44px;font-size:var(--text-sm);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.primary{background:var(--color-accent);color:var(--color-surface);border-color:#0000}.primary-actions>.primary{flex-direction:row-reverse;flex:1;min-height:48px}.primary-actions>.primary:disabled{display:none}.primary-actions:has(>.primary:only-child)>.primary:disabled{display:flex}.finish-button{background:var(--color-surface);border-color:var(--color-accent);color:var(--color-accent-hover)}.board-tools{grid-template-columns:repeat(auto-fit,minmax(min(100%,5.5rem),1fr));gap:8px;margin-top:8px;display:grid}.board-tools .button{padding-inline:8px;font-weight:400}.board-help{text-align:center;font-size:var(--text-sm);margin-top:15px}.keyboard-hint{font-size:var(--text-xs);color:var(--color-muted);text-align:center;margin-top:4px}.notice{min-height:43px;font-size:var(--text-xs);text-align:center;color:var(--color-accent-hover);padding:8px 6px}.notice-warning{color:var(--color-warning)}.route-strip{border-top:1px solid var(--color-border);padding:12px 0 0}.route-strip>div{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.route-name{font-size:var(--text-sm);align-items:center;gap:5px;font-weight:700;display:flex}.route-name .icon{width:17px;height:17px}.route-lock{font-size:var(--text-xs);color:var(--color-muted);align-items:center;gap:3px;margin-inline-start:auto;display:flex}.route-lock .icon{width:12px;height:12px}.energy-bonus{font-size:var(--text-xs);color:var(--color-accent-hover)}.route-strip p{font-size:var(--text-xs);color:var(--color-muted);margin-top:6px}.tray-area{grid-area:tray;min-width:0;padding-top:5px}.tray-head{flex-direction:column;gap:3px;margin-bottom:18px;display:flex}.tray-head h3{font-family:var(--font-display);font-size:var(--text-lg)}.tray-caption{font-size:var(--text-sm);color:var(--color-muted)}.snack-tray{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.snack-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:115px;padding:16px 6px 10px;display:flex;position:relative}.snack-button.selected{border:2px solid var(--color-accent);background:#edf0e3;padding:15px 5px 9px}.snack-button.is-packed{background:var(--color-inset)}.snack-button.is-packed .mini-shape{opacity:.4}.piece-shortcut{font-size:var(--text-xs);color:var(--color-muted);position:absolute;top:5px;left:9px}.mini-shape{width:65px;height:60px}.mini-shape.seed{color:#e9bf62}.mini-shape.nut{color:#d3a071}.mini-shape.berry{color:#b6a0c6}.mini-shape.leaf{color:#adc38c}.mini-shape.loot{color:#8fbdb1}.mini-shape.paw{color:#d9ac99}.snack-name{font-size:var(--text-xs);text-align:center;margin-top:6px;line-height:1.4}.packed-check{background:var(--color-accent);width:20px;height:20px;color:var(--color-surface);border-radius:50%;position:absolute;top:5px;right:5px}.packed-check .icon{width:15px;height:15px}.wheel-panel{border-top:1px solid var(--color-border);margin-top:26px;padding-top:22px}.live-heading{align-items:center;gap:10px;display:flex}.wheel{flex-shrink:0;width:55px;height:55px}.live-heading h3{font-size:var(--text-sm)}.live-state{font-size:var(--text-xs);color:var(--color-muted);align-items:baseline;gap:5px;margin-top:4px;display:flex}.status-dot{background:#9a7944;border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-dot.online{background:var(--color-accent)}.live-meta{font-size:var(--text-xs);color:var(--color-muted);flex-wrap:wrap;gap:3px 10px;margin-top:13px;display:flex}.live-explainer{font-size:var(--text-xs);color:var(--color-muted);margin-top:10px;line-height:1.6}.source-row{flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:6px;display:flex}.source-row a{font-size:var(--text-xs);align-items:center;gap:5px;min-height:36px;display:inline-flex}.source-row a .icon{width:12px;height:12px}.source-row .text-button{font-size:var(--text-xs);min-height:36px;padding-block:4px}.mobile-live{display:none}.site-footer{border-top:1px solid var(--color-border);max-width:1200px;font-size:var(--text-xs);color:var(--color-muted);justify-content:space-between;align-items:center;gap:15px;margin:12px auto 0;padding:18px 0 24px;display:flex}.site-footer>div{align-items:center;gap:24px;display:flex}.site-footer .text-button{font-size:var(--text-xs)}.site-footer .text-button .icon{width:13px;height:13px}.save-status{align-items:center;gap:5px;display:inline-flex}.save-status>.icon{width:14px;height:14px}dialog{border-radius:var(--radius-lg);width:min(560px,100% - 32px);max-height:calc(100dvh - 40px);color:var(--color-text);background:var(--color-surface);overscroll-behavior:contain;border:0;padding:32px;box-shadow:0 20px 80px #352a2038}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#352a2073}.modal-close{position:absolute;top:8px;right:8px}dialog h2{font-size:var(--text-title);margin:8px 15px 16px 0}dialog p{font-size:var(--text-sm);color:var(--color-muted);margin-top:10px;line-height:1.65}.modal-illustration{width:100px;margin-bottom:-10px}.tutorial-steps{gap:18px;margin-top:25px;display:grid}.tutorial-steps p{margin-top:4px}.help-seeds{background:var(--color-accent-soft);border-radius:var(--radius-sm);gap:10px;margin-block:16px;padding:14px;display:flex}.help-seeds p{color:var(--color-accent-hover);margin:0}.help-seeds>.icon{color:var(--color-accent);margin-top:3px}.official-links{flex-wrap:wrap;gap:12px;display:flex}.official-links a{align-items:center;gap:5px;min-height:36px;display:inline-flex}.official-links .icon{width:14px;height:14px}dialog .small-text{font-size:var(--text-xs)}.modal-primary{width:100%;margin-top:22px}.level-groups{gap:24px;margin-block:24px;display:grid}.level-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.level-card{border:1px solid var(--color-border);background:var(--color-page);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:9px;padding:13px 4px;display:flex}.level-card.current{border:2px solid var(--color-accent);padding:12px 3px}.level-card>span:first-child{font-size:var(--text-lg);align-items:center;height:30px;font-weight:700;display:flex}.level-stars{color:var(--color-muted);gap:3px;display:flex}.level-stars .icon{width:14px;height:14px}.earned{fill:#e5b952;color:#886725}.result-art{width:175px;margin:-5px auto 0}.result-stars{color:var(--color-muted);justify-content:center;gap:12px;margin:6px 0 22px;display:flex}.result-stars .icon{width:38px;height:38px}dialog:has(.result-art){text-align:center}dialog:has(.result-art) h2{margin-inline:0}dialog .perfect-caption{color:var(--color-accent-hover);font-weight:700}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.result-actions .button{flex:1}@media (hover:hover){.utility:hover,.button:not(.primary):hover,.level-selector:hover,.snack-button:hover{background:var(--color-inset)}.primary:hover{background:var(--color-accent-hover)}.cell:not(.filled):not(.stitched):hover{outline:2px solid var(--brown-800);outline-offset:-3px}.text-button:hover{color:var(--color-text)}}@media (prefers-reduced-motion:no-preference){.button:active,.snack-button:active,.utility:active{transform:scale(.96)}.button,.snack-button,.utility{transition:transform .12s,background-color .12s,color .12s}.fill-track>span{transition:width .15s ease-out}.wheel.is-spinning .wheel-spokes{transform-origin:50px 43px;animation:8s linear infinite wheel-turn}@keyframes wheel-turn{to{transform:rotate(360deg)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:1100px){.play-layout{grid-template-columns:minmax(140px,.7fr) minmax(300px,400px) minmax(175px,1fr);gap:25px}.site-footer{margin-inline:40px}.snack-tray{gap:8px}.snack-name{font-size:var(--text-xs)}.live-heading{gap:6px}.wheel{width:44px;height:44px}}@media (max-width:900px){.companion{display:none}.play-layout{grid-template-columns:minmax(310px,440px) minmax(180px,1fr);grid-template-areas:"pouch tray";gap:30px;max-width:760px;margin-inline:auto}.main-shell{width:calc(100% - 48px);padding-top:25px}.site-header{padding:20px 24px}.site-footer{margin-inline:24px}}@media (max-width:650px){.site-header{gap:4px;padding:12px 16px}.brand{gap:6px}.brand h1{font-size:var(--text-lg);letter-spacing:-.025em}.brand p{display:none}.brand-mark{width:35px;height:40px}.logo-hamster{width:46px;height:46px}.utilities{gap:1px}.utilities .utility{min-width:40px;min-height:44px;padding:8px}.utilities .icon{width:21px;height:21px}.main-shell{width:calc(100% - 32px);padding-block:20px 24px}.level-heading{gap:8px;margin-bottom:15px}.level-title{gap:9px}.level-number{font-size:var(--text-title);padding-inline-end:9px}.level-title h2{font-size:var(--text-lg)}.level-title p{font-size:var(--text-xs);margin-top:4px}.level-selector{flex-shrink:0;justify-content:center;min-width:44px;padding:8px}.level-selector>span,.level-selector>.icon:last-child{display:none}.level-selector:after{content:""}.play-layout{flex-direction:column;gap:16px;max-width:420px;display:flex}.tray-area{order:0;width:100%;padding:0}.tray-head{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px}.tray-head h3{font-family:var(--font-body);font-size:var(--text-sm)}.tray-caption{font-size:var(--text-xs)}.snack-tray{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.snack-tray:has(.snack-button:nth-child(9)){grid-template-columns:repeat(5,minmax(0,1fr))}.snack-button{border-radius:10px;min-height:78px;padding:10px 3px 5px}.snack-button.selected{padding:9px 2px 4px}.mini-shape{width:49px;height:40px}.snack-name{font-size:var(--text-xs);margin-top:3px}.piece-shortcut{display:none}.packed-check{width:17px;height:17px;top:3px;right:3px}.packed-check .icon{width:12px;height:12px}.pouch-area{width:100%}.scoreboard{gap:24px;padding-bottom:12px}.stat-top>span,.moves-stat>span{font-size:var(--text-xs)}.stat-top strong,.moves-stat>strong{font-size:var(--text-lg)}.fill-track{margin-top:9px}.moves-stat{gap:0}.pouch{border-radius:25px 25px 44px 44px;padding:15px 23px 13px}.pouch-seam{border-radius:19px 19px 38px 38px}.pouch-label{margin-bottom:9px}.pouch-bottom{margin-top:8px;padding-inline:1px}.pouch-grid,.grid-row{gap:4px}.pouch-grid{padding:5px}.cell{border-radius:6px}.board-seed{width:24px;height:24px;top:3px;right:3px}.board-seed .icon{width:16px;height:16px}.placement-caption{margin-top:10px;margin-bottom:7px}.board-tools{gap:7px}.button{padding-inline:10px}.board-tools .icon{width:17px;height:17px}.board-help{font-size:var(--text-xs);margin-top:12px}.keyboard-hint{display:none}.notice{min-height:35px}.wheel-panel{display:none}.mobile-live{border-top:1px solid var(--color-border);max-width:420px;margin:24px auto 0;padding:18px 0 0;display:block}.mobile-live .live-heading{gap:12px}.mobile-live .wheel{width:45px;height:45px}.mobile-live .live-meta{margin-top:10px}.mobile-live .live-explainer{font-size:var(--text-sm)}.site-footer{padding-bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start;gap:4px;margin:0 16px}.site-footer>span{display:none}.site-footer>div{flex-wrap:wrap;gap:0 16px}.route-lock{margin-inline-start:0}dialog{padding:25px 22px}dialog h2{font-size:var(--text-title)}.level-grid{gap:8px}}@media (max-width:360px){.site-header{padding-inline:10px}.brand-mark{display:none}.main-shell{width:calc(100% - 24px)}.pouch{padding-inline:18px}.tray-caption{display:none}.snack-name{overflow-wrap:anywhere}.pouch-signature{display:none}.button{gap:5px}}@media (forced-colors:active){button:focus-visible,a:focus-visible{outline:3px solid highlight}.cell{border:1px solid canvastext}.cell.filled{color:highlighttext;forced-color-adjust:none;background:highlight}.cell.ghost{outline-color:highlight}}