@font-face{font-family:Nunito;src:url(../fonts/nunito-sans-latin.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Noto UI;src:url(../fonts/noto-sans-sc-ui.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Noto UI;src:url(../fonts/noto-sans-sc-ui-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Noto UI;src:url(../fonts/noto-sans-sc-ui-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Fraunces;src:url(../fonts/fraunces-latin-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--cream-50: #fffbf1;--cream-100: #f7efdb;--cream-200: #eadbbd;--cream-300: #d4bf98;--brown-700: #715b3e;--brown-900: #403b2e;--teal-100: #d9e9dc;--teal-300: #89b4a1;--teal-600: #366f62;--teal-800: #23554c;--amber-200: #f7df9e;--amber-500: #d8992e;--amber-800: #785019;--red-800: #934e38;--bg: var(--cream-100);--paper: var(--cream-50);--soil: var(--cream-200);--soil-deep: var(--cream-300);--ink: var(--brown-900);--muted: var(--brown-700);--accent: var(--teal-800);--accent-soft: var(--teal-100);--line: var(--cream-300);--focus: var(--teal-800);--error: var(--red-800);--reward: var(--amber-500);--text-sm: .8125rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.5rem;--text-xl: 2rem;--text-display: 2.5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;color:var(--ink);background:var(--bg);font-family:Nunito,Noto UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;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}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button{touch-action:manipulation}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:600}h1,h2{text-wrap:balance}p{text-wrap:pretty}button{font-weight:600}svg{display:block;flex-shrink:0}button svg{pointer-events:none}button[hidden],[hidden]{display:none!important}small{font-size:var(--text-sm)}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button:disabled:not(.tile){opacity:.5}::selection{background:var(--amber-200);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;inset-block-start:-100px;inset-inline-start:16px;z-index:20;padding:12px 20px;background:var(--paper);border-radius:8px}.skip-link:focus{inset-block-start:12px}.icon{width:24px;height:24px;flex-shrink:0}.hamster{width:100%;height:100%;pointer-events:none}.site-header{max-width:1216px;margin-inline:auto;padding:28px 32px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-block-end:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--accent)}.brand>.hamster{width:52px;height:52px}.brand h1{font-family:Fraunces,Noto UI,Georgia,serif;font-size:var(--text-xl);line-height:1.1;letter-spacing:-.035em}.brand h1 span{font-family:Nunito,Noto UI,system-ui,sans-serif;font-weight:600;font-size:var(--text-md);letter-spacing:0;margin-inline-start:8px}.header-actions{display:flex;gap:12px;align-items:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:0;background:transparent;border-radius:50%;color:var(--accent)}.language-button{min-height:44px;padding:8px 12px;background:transparent;border:0;border-radius:8px;font-size:var(--text-base);color:var(--accent)}main{max-width:1152px;margin:0 auto;padding:28px 0 0}.level-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-block-end:24px}.level-heading h2{font-family:Fraunces,Noto UI,Georgia,serif;font-size:var(--text-xl);line-height:1.15;letter-spacing:-.025em}.goal{margin-block-start:8px;color:var(--muted)}.level-picker{display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:8px 12px}.level-picker span{color:var(--muted);font-weight:400}.level-picker .icon{width:18px;height:18px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 284px;gap:48px;align-items:start}.play-area{min-width:0}.meters{display:flex;align-items:center;gap:32px;padding:0 20px 16px;min-height:70px}.meter>span{display:flex;align-items:center;gap:5px;font-size:var(--text-sm);color:var(--muted)}.meter>span>.icon,.meter>span>svg{width:17px;height:17px}.meter strong{display:block;font-size:var(--text-lg);line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums;margin-block-start:4px}.meter strong small{font-size:var(--text-base);color:var(--muted);font-weight:400}.best-meter{margin-inline-start:auto;align-self:center;display:flex;flex-direction:column;align-items:center;gap:4px}.star-row{display:flex;gap:3px;color:var(--brown-700)}.star-row>.earned{color:var(--amber-800)}.star-row>.earned svg{fill:var(--amber-200)}.star-row .icon{width:24px;height:24px}.best-meter>span:last-child{font-size:var(--text-sm);color:var(--muted)}.burrow-scene{position:relative;background:var(--soil);border-radius:28px 28px 24px 24px;isolation:isolate}.scene-live{height:56px;display:flex;align-items:center;padding-inline:20px;gap:8px;position:relative;z-index:1;background:var(--paper);border-radius:24px 24px 0 0}.tiny-hamster{width:35px;height:35px;flex-shrink:0}#live-indicator{display:flex;align-items:center;gap:7px;font-size:var(--text-sm);color:var(--accent);flex-wrap:wrap}.signal-dot{width:7px;height:7px;border-radius:50%;background:var(--brown-700);flex-shrink:0}.signal-dot.online{background:var(--teal-600)}.signal-dot.offline{background:var(--red-800)}.rpm{font-variant-numeric:tabular-nums;color:var(--muted)}.scene-caption{margin-inline-start:auto;font-family:Fraunces,Noto UI,Georgia,serif;font-size:var(--text-base);color:var(--muted)}.meadow{width:100%;height:64px;display:block;margin-block-start:-2px}.soil-scene{position:relative;overflow:clip;padding:0 44px 20px;z-index:1}.board{display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));gap:5px;max-width:370px;margin:0 auto;position:relative;z-index:2;scroll-margin-block:24px}.tile,.soil-tile{position:relative;aspect-ratio:1;min-width:0;min-height:0;border:0;border-radius:15px;padding:0;background:#e4cfa8}.tile{user-select:none;isolation:isolate}.tile:disabled{opacity:1}.tile.selected{outline:2px solid var(--teal-800);outline-offset:0;background:#e3d0ab}.tile:focus-visible{outline:3px solid var(--focus);outline-offset:3px;z-index:5}.tile.tutorial-tile{outline:3px dashed var(--amber-800);outline-offset:0;background:var(--amber-200)}.tile .tunnel{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}.tunnel-wall{stroke:#487b6a}.tunnel-floor{stroke:#8caf96}.connected .tunnel-wall{stroke:var(--teal-800)}.connected .tunnel-floor{stroke:#a6c7a7}.soil-tile{background:transparent;display:grid;place-items:center}.soil-tile>span{display:block;width:19%;height:10%;background:#c8af82;border-radius:45% 50% 40% 45%;transform:rotate(-24deg)}.soil-tile:nth-child(3n)>span{width:9%;height:9%;border-radius:50%;background:#bfa77e}.soil-tile:nth-child(4n)>span{width:0}.marker{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.seed-marker>svg{width:36%;height:36%;background:#f8e3ad;border-radius:50%;padding:2px;box-shadow:0 0 0 4px #f8e3ad}.seed-marker.bonus-marker>svg{color:var(--amber-800);fill:var(--amber-200);background:var(--cream-100);box-shadow:none;outline:3px solid var(--cream-100);border:1px dashed var(--amber-800);border-radius:50%;padding:4px;width:40%;height:40%}.home-marker>.hamster{width:63%;height:63%;position:relative;z-index:1}.home-roof{position:absolute;width:63%;height:63%;background:#efdfbc;border-radius:50% 50% 15px 15px;z-index:0;inset-block-end:14%}.stop-marker>.icon{width:40%;height:40%;padding:4px;background:var(--cream-100);border-radius:50%;color:var(--muted)}.active-stop>.icon{color:var(--accent);background:#e5edc8;outline:2px solid var(--teal-800);outline-offset:1px}.inactive-stop{opacity:.6}.switch-marker>svg,.gate-marker>svg{width:40%;height:40%}.gate-marker{transform:rotate(-4deg)}.traveler>.hamster{width:68%;height:68%;filter:drop-shadow(0 2px 0 #d1ae79)}.collected{opacity:.22}.turn-cue{position:absolute;inset-block-start:4px;inset-inline-end:4px;opacity:0;border-radius:50%;background:var(--paper);padding:2px;color:var(--accent);pointer-events:none}.turn-cue .icon{width:16px;height:16px}.tile:focus-visible .turn-cue{opacity:1}.fixed-tile .turn-cue{display:none}.board-legend{display:flex;align-items:center;justify-content:center;gap:24px;padding:8px 16px 18px;color:var(--muted);font-size:var(--text-sm)}.board-legend>span{display:flex;align-items:center;gap:5px}.board-legend .hamster,.board-legend svg{width:22px;height:22px}.board-legend .icon-star{color:var(--amber-800)}.root-decoration{position:absolute;width:28px;height:120px;border-inline-start:3px solid #b59a6d;border-radius:30% 0;inset-block-start:45px;pointer-events:none;z-index:-1}.root-left{inset-inline-start:12px;transform:rotate(12deg)}.root-right{inset-inline-end:18px;transform:rotate(-16deg)}.root-decoration:after{content:"";width:20px;height:40px;border-inline-start:2px solid #b59a6d;border-radius:50%;position:absolute;inset-block-start:50px;transform:rotate(-45deg)}.soil-stone{position:absolute;width:13px;height:7px;border-radius:50%;background:#bfa77e;pointer-events:none}.stone-a{inset-inline-start:20px;bottom:30px}.stone-b{inset-inline-end:20px;bottom:100px;transform:rotate(-28deg)}.board-directions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 12px;font-size:var(--text-sm);color:var(--muted)}.key-hint{font-size:var(--text-sm)}.play-controls{display:grid;grid-template-columns:auto auto 1fr;gap:12px}.primary-button,.secondary-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;line-height:1.3;border-radius:12px;text-decoration:none;font-size:var(--text-base)}.primary-button{background:var(--accent);color:var(--paper);border:0}.secondary-button{background:var(--paper);border:1px solid var(--line)}.primary-button:disabled{opacity:.65}.feedback{margin-block-start:16px;padding:16px;border-radius:12px;font-size:var(--text-base);line-height:1.5}.feedback.error{background:#f7dfc6;color:var(--error)}.feedback.hint{background:var(--accent-soft);color:var(--accent)}.field-notes{padding-block-start:5px;position:relative}.field-notes h3{font-family:Fraunces,Noto UI,Georgia,serif;font-size:var(--text-md);line-height:1.25}.lesson-section{padding:24px 24px 20px;background:var(--paper);border-radius:3px 3px 14px;position:relative}.lesson-text{margin-block-start:12px;line-height:1.6}.star-goals{display:flex;flex-direction:column;gap:10px;margin:24px 0 16px}.star-goals>p{display:flex;align-items:flex-start;gap:8px;font-size:var(--text-sm);color:var(--muted)}.star-goals .icon{color:var(--amber-800);width:17px;height:17px;margin-block-start:1px}.text-button{border:0;background:transparent;padding:8px 0;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;line-height:1.3;color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-size:var(--text-sm);text-align:start}.text-button .icon{width:18px;height:18px}.hint-copy{font-size:var(--text-sm);color:var(--accent);margin-block-start:8px}.live-section{padding:28px 8px 0}.run-rule{display:flex;align-items:flex-start;gap:10px;margin-block-start:16px}.rule-icon{display:grid;place-items:center;flex-shrink:0;color:var(--accent);background:var(--accent-soft);width:36px;height:36px;border-radius:50%}.rule-icon .icon{width:21px;height:21px}.run-rule strong{font-size:var(--text-sm);display:block;font-weight:700}.run-rule p{font-size:var(--text-sm);line-height:1.6;color:var(--muted);margin-block-start:4px}.bonus-toggle{display:flex;align-items:flex-start;gap:10px;margin-block-start:20px;cursor:pointer;min-height:44px}.bonus-toggle input,.motion-toggle input{appearance:auto;accent-color:var(--accent);width:20px;height:20px;flex-shrink:0;margin:2px 0}.bonus-toggle>span{font-weight:600;font-size:var(--text-base);line-height:1.4}.bonus-toggle small{display:block;font-weight:400;color:var(--muted);margin-block-start:6px;line-height:1.5}.live-explanation{font-size:var(--text-sm);color:var(--muted);margin-block-start:20px;line-height:1.6}.freshness{font-size:var(--text-sm);margin-block-start:12px;color:var(--muted);font-variant-numeric:tabular-nums}.live-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-block-start:4px}.live-actions>a{display:inline-flex;align-items:center;gap:3px;min-height:44px;font-size:var(--text-sm)}.live-actions>a .icon{width:16px;height:16px;transform:rotate(-40deg)}.changed-note{font-size:var(--text-sm);color:var(--accent);margin:12px 0 8px}#new-run{font-size:var(--text-sm);width:100%;min-height:44px;padding:8px}.win-panel{margin-block-start:24px;background:var(--accent-soft);padding:24px;display:grid;grid-template-columns:70px 1fr;gap:16px;align-items:center;border-radius:20px}.win-panel h3{font-family:Fraunces,Noto UI,Georgia,serif;font-size:var(--text-lg);color:var(--accent)}.win-panel p{margin-block-start:4px;font-size:var(--text-sm);color:var(--muted)}.win-panel .star-row{margin-block-start:12px}.win-panel>.primary-button{grid-column:1/-1}.win-hamster{width:70px;height:70px}.journey-summary{font-variant-numeric:tabular-nums}.burrow-trail{margin-block-start:40px;padding-block:24px;border-block-start:1px solid var(--line)}.trail-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.trail-title h3{font-family:Fraunces,Noto UI,Georgia,serif;font-size:var(--text-md)}.trail-title>span{font-size:var(--text-sm);color:var(--muted)}.trail-levels{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-block-start:16px;position:relative}.trail-levels:before{content:"";position:absolute;inset:28px 10px auto;height:2px;border-block-start:2px dashed var(--line);z-index:-1}.trail-stop{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid var(--line);background:var(--bg);border-radius:12px;min-height:64px;min-width:0;padding:8px;font-size:var(--text-base)}.trail-stop>.icon{width:13px;height:13px;color:var(--muted)}.trail-stop.active{background:var(--accent);color:var(--paper);border-color:transparent}.trail-stop.active .icon{color:var(--paper)}.trail-stop.complete:not(.active){background:var(--accent-soft);color:var(--accent);border-color:transparent}.trail-stop:disabled{opacity:.65!important}.trail-dot{width:6px;height:6px;border-radius:50%;background:currentColor}footer{max-width:1152px;margin:0 auto;padding:16px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:var(--text-sm)}footer>div{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.motion-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-size:var(--text-sm)}.motion-toggle input{width:17px;height:17px;margin:0}dialog{border:0;padding:0;background:var(--paper);color:var(--ink);border-radius:20px;width:calc(100% - 32px);max-width:620px;max-height:85dvh;overscroll-behavior:contain;box-shadow:0 20px 70px #403b2e30}dialog::backdrop{background:#3e423259;backdrop-filter:blur(3px)}.modal-header{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:24px 24px 16px;position:sticky;inset-block-start:0;z-index:1;background:var(--paper)}.modal-header h2{font-family:Fraunces,Noto UI,Georgia,serif;font-size:var(--text-lg);line-height:1.2}.modal-body{padding:0 24px 24px}.modal-body>p{max-width:65ch;line-height:1.6;margin-block-end:16px}.guide-section{margin-block-end:24px}.guide-section h3{font-size:var(--text-md);line-height:1.3}.guide-section p{margin-block-start:8px;line-height:1.6}.keyboard-guide{font-size:var(--text-sm);padding:16px;background:var(--accent-soft);border-radius:12px}.about-hamster{width:100px;height:100px;margin:0 auto 16px}.about-links{display:flex;flex-direction:column;gap:12px}.about-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px}.about-links .icon{width:20px;height:20px}.level-list{display:flex;flex-direction:column;gap:8px}.level-option{padding:14px 12px;background:var(--bg);border:0;border-radius:12px;display:flex;align-items:center;gap:16px;text-align:start;width:100%;min-height:68px}.level-option.current{background:var(--accent-soft)}.level-option>span:nth-child(2){flex:1;min-width:0}.level-option strong{display:block;line-height:1.3;font-size:var(--text-base);font-weight:600}.level-option small{display:block;font-weight:400;color:var(--muted);margin-block-start:4px}.level-number{font-size:var(--text-md);color:var(--muted);font-variant-numeric:tabular-nums}.level-option>.icon{width:20px;height:20px}.level-option .star-row .icon{width:17px;height:17px}.solution-list details{border-block-end:1px solid var(--line);padding:12px 0}.solution-list summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-weight:600}.solution-list ol{padding-inline-start:24px;font-size:var(--text-sm);line-height:1.8}.modal-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}@media(hover:hover){.icon-button:hover,.language-button:hover{background:var(--accent-soft)}.secondary-button:hover,.level-picker:hover{background:var(--cream-200)}.primary-button:hover{background:var(--teal-600)}.tile:not(:disabled):hover{background:var(--amber-200)}.tile:not(:disabled):not(.fixed-tile):hover .turn-cue{opacity:1}.text-button:hover{color:var(--teal-600)}.trail-stop:not(:disabled):not(.active):hover,.level-option:not(:disabled):hover{background:var(--accent-soft)}}@media(prefers-reduced-motion:no-preference){html:not([data-motion=reduced]) .tile,html:not([data-motion=reduced]) .primary-button,html:not([data-motion=reduced]) .secondary-button{transition:background-color .12s,transform .12s}html:not([data-motion=reduced]) .primary-button:active,html:not([data-motion=reduced]) .secondary-button:active{transform:scale(.96)}}@media(min-width:1000px){.play-area .burrow-scene{max-width:100%}.key-hint{font-size:var(--text-sm)}}@media(max-width:1215px){.site-header{margin-inline:24px;padding-inline:0}main,footer{margin-inline:32px}.game-layout{gap:32px;grid-template-columns:minmax(0,1fr) 260px}.soil-scene{padding-inline:32px}.board-directions{flex-direction:column;gap:4px;align-items:flex-start}.meters{gap:24px}}@media(max-width:950px){.game-layout{gap:24px;grid-template-columns:minmax(0,1fr) 240px}.brand h1 span{display:block;margin-inline-start:0;margin-block-start:5px;font-size:var(--text-base)}.soil-scene{padding-inline:20px}.scene-caption{display:none}.board{gap:4px}.meters{gap:20px;padding-inline:8px}.lesson-section{padding:24px 18px 16px}.live-section{padding-inline:4px}.best-meter{display:none}.trail-levels,.play-controls{gap:8px}.primary-button,.secondary-button{padding-inline:12px}footer{align-items:flex-start;flex-direction:column;gap:4px}}@media(max-width:760px){.site-header{margin-inline:20px;padding:16px 0}.brand>.hamster{width:42px;height:42px}.brand{gap:8px}.brand h1{font-size:var(--text-lg)}.header-actions{gap:4px}.language-button{padding-inline:8px}.icon-button{width:40px;height:44px}main,footer{margin-inline:20px}.game-layout{display:flex;flex-direction:column;gap:28px}.play-area{width:100%}.level-heading{margin-block-end:20px;gap:16px}.level-heading h2{font-size:var(--text-lg)}.level-picker{font-size:var(--text-sm);gap:4px;padding:8px}.level-picker .icon{width:16px;height:16px}.goal{font-size:var(--text-sm);margin-block-start:6px}.meters{gap:24px;padding:0 8px 16px;min-height:62px}.best-meter{display:flex}.meter strong{font-size:var(--text-md)}.burrow-scene{max-width:560px;margin-inline:auto}.board{max-width:380px}.soil-scene{padding:0 36px 18px}.scene-live{height:44px;padding-inline:16px}.meadow{height:48px}.tiny-hamster{width:30px;height:30px}.board-legend{padding-block-end:14px;gap:20px}.board-directions{margin-block-start:12px;flex-direction:row}.key-hint{display:none}.play-controls{gap:10px}.primary-button,.secondary-button{min-height:48px}.field-notes{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;padding-block-start:0}.live-section{padding:0}.field-notes h3{font-size:var(--text-md)}.burrow-trail{margin-block-start:28px}.trail-levels{grid-template-columns:repeat(6,1fr);gap:10px}.trail-levels:before{display:none}.trail-stop{min-height:60px}.trail-title h3{font-size:var(--text-md)}footer{padding-block:8px 24px}footer>div{gap:20px}.win-panel{padding:20px}.win-panel h3{font-size:var(--text-md)}}@media(max-width:480px){.site-header{margin-inline:16px;padding:12px 0}.brand>.hamster{width:35px;height:40px}.brand{gap:5px}.brand h1{font-size:var(--text-lg)}.brand h1 span{font-size:var(--text-sm);margin-block-start:3px}.header-actions{gap:0}.header-actions .icon-button{width:44px}.language-button{font-size:var(--text-sm);padding-inline:8px}.header-actions>.icon-button .icon{width:22px;height:22px}main{padding-block-start:20px}main,footer{margin-inline:16px}.level-heading{align-items:flex-start;margin-block-end:16px;gap:12px}.level-heading h2{font-size:var(--text-lg);max-width:220px}.goal{max-width:240px}.level-picker{font-size:var(--text-sm);white-space:nowrap;min-height:44px;gap:3px}.meters{gap:20px;padding:0 8px 12px}.meter strong{font-size:var(--text-md)}.meter>span{font-size:var(--text-sm)}.best-meter .icon{width:19px;height:19px}.best-meter>span:last-child{display:none}.scene-live{padding-inline:12px;height:42px}.tiny-hamster{width:27px;height:27px}#live-indicator{gap:5px;font-size:var(--text-sm)}.meadow{height:40px}.soil-scene{padding:0 18px 12px}.board{gap:4px}.tile,.soil-tile{border-radius:11px}.board-legend{gap:16px;padding:8px 10px 12px}.board-legend svg{width:18px;height:18px}.board-legend>span{gap:4px}.board-directions{margin:12px 0 10px;line-height:1.4}.board-directions p{font-size:var(--text-sm)}.play-controls{grid-template-columns:auto auto minmax(0,1fr);gap:8px}.secondary-button,.primary-button{font-size:var(--text-base);padding:12px 10px;gap:6px}.play-controls .icon{width:20px;height:20px}.play-controls .secondary-button{font-size:var(--text-sm)}.field-notes{display:flex;flex-direction:column;gap:28px}.lesson-section{padding:20px}.live-section{padding-inline:4px}.star-goals{margin:16px 0 8px;gap:8px}.star-goals>p{font-size:var(--text-sm)}.run-rule{margin-block-start:16px}.lesson-text{margin-block-start:10px}.bonus-toggle,.live-explanation{margin-block-start:16px}.trail-levels{gap:8px}.trail-stop{min-height:56px;padding:8px 4px}footer>div{gap:16px}dialog{border-radius:16px;max-height:90dvh}.modal-header{padding:16px 16px 12px}.modal-header h2{font-size:var(--text-md)}.modal-body{padding:0 16px 20px}.level-option{gap:10px;padding-inline:10px}.level-option .star-row .icon{width:14px;height:14px}.level-number{font-size:var(--text-base)}.level-option strong,.level-option small{font-size:var(--text-sm)}}@media(max-width:359px){.brand>.hamster{display:none}.brand h1{font-size:var(--text-md)}.brand h1 span{font-size:var(--text-sm)}.level-heading h2{font-size:var(--text-md)}.level-picker{padding-inline:6px}.level-heading{gap:8px}.level-picker .icon{display:none}.meters{gap:16px}.meters .best-meter{display:none}.soil-scene{padding-inline:12px}.board{gap:3px}.play-controls .secondary-button>span{display:none}.play-controls .secondary-button{width:44px}.board-legend{gap:12px}}@media(forced-colors:active){button,.tile,.primary-button{border:1px solid ButtonText}.tile.selected{outline-color:Highlight}.tunnel-wall{stroke:CanvasText}.tunnel-floor{stroke:Canvas}.marker{forced-color-adjust:none}:focus-visible{outline-color:Highlight}.soil-tile{opacity:.3}}.meters{flex-wrap:wrap;row-gap:12px}.site-header,.level-heading{flex-wrap:wrap}.level-heading>div{min-width:0}.modal-header h2{min-width:0;overflow-wrap:break-word}