.game{max-width:920px;margin:0 auto}.topbar{flex-wrap:wrap;align-items:center;gap:12px;max-width:960px;margin:0 auto;padding:14px 16px 4px;display:flex}.modes{background:var(--parchment);box-shadow:var(--shadow-soft);border-radius:999px;flex-wrap:wrap;gap:4px;padding:6px;display:flex}.stars{font-family:var(--font-display);align-items:center;gap:6px;margin-left:auto;font-size:1.3rem;font-weight:700;display:flex}.mute{width:48px;height:48px;min-height:48px;padding:0;font-size:1.25rem}.pip-row{align-items:center;gap:12px;margin:0;display:flex}.pip-row .pip{flex:none;width:84px;height:84px}.pip-bubble.pip-bubble{align-items:center;min-height:56px;font-size:1.15rem;display:flex}.pip-bubble.good{background:#eafaf2}.pip-bubble.wow{background:#fff4e0}.equation{text-align:center;font-family:var(--font-display);color:var(--cocoa);letter-spacing:.5px;margin:0 auto;font-size:clamp(1.8rem,7vw,2.6rem);font-weight:700}.equation .n{padding:0 .12em;display:inline-block}.equation .n--ans{color:var(--frosting-deep)}.equation .n--ans.filled{color:#fff;background:var(--leaf);animation:ans-pop .4s var(--ease-bounce) both;border-radius:12px;padding:0 .28em;box-shadow:0 4px #4ca383}@keyframes ans-pop{0%{opacity:0;transform:scale(.4)rotate(-6deg)}to{opacity:1;transform:none}}.trail-stage{background:var(--parchment);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);border-bottom:7px solid var(--wood);-webkit-overflow-scrolling:touch;padding:10px 0 6px;overflow:auto hidden}.trail{margin:0 auto;position:relative}.arcs{pointer-events:none;position:absolute;inset:0;overflow:visible}.rail{position:absolute;inset:0}.rail-line{background:linear-gradient(var(--wood), var(--wood-deep));border-radius:4px;height:5px;position:absolute;transform:translateY(-50%)}.tick{flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.tick .mark{background:var(--cocoa-soft);opacity:.5;border-radius:2px;width:3px;height:13px;transform:translateY(-50%)}.tick .lab{font-family:var(--font-display);color:var(--cocoa-soft);margin-top:8px;font-size:.95rem;font-weight:700}.tick--five .mark{opacity:.7;height:17px}.tick--ten .mark{opacity:1;background:var(--wood-deep);width:4px;height:22px}.tick--ten .lab{color:var(--cocoa);font-size:1.05rem}.spot,.flag{font-size:clamp(1.7rem,7vw,2.2rem);line-height:1;position:absolute;transform:translate(-50%,-118%)}.spot--to,.flag{animation:1.4s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translate(-50%,-118%)}50%{transform:translate(-50%,-132%)}}.walker{z-index:3;transition:left .34s var(--ease-bounce);filter:drop-shadow(0 4px 3px #4a2e1840);font-size:clamp(2rem,8vw,2.6rem);line-height:1;position:absolute;transform:translate(-50%,-120%)}.walker.hopping{animation:.36s hop}@keyframes hop{0%{transform:translate(-50%,-120%)}45%{transform:translate(-50%,-180%)}to{transform:translate(-50%,-120%)}}.arc{fill:none;stroke-linecap:round}.arc--ghost{stroke:var(--frosting);stroke-width:3px;stroke-dasharray:4 7;opacity:.35}.arc--live{stroke:var(--frosting-deep);stroke-width:4.5px}.arc-lab{font-family:var(--font-display);fill:var(--frosting-deep);paint-order:stroke;stroke:var(--parchment);stroke-width:4px;font-size:15px;font-weight:700}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:640px;margin:0 auto;display:flex}.ctrl{font-family:var(--font-display);color:var(--cocoa);border-radius:var(--r-md);cursor:pointer;border:none;border-bottom:6px solid var(--frosting);-webkit-tap-highlight-color:transparent;min-height:64px;transition:transform .12s var(--ease-bounce);background:#fff;padding:12px 26px;font-size:1.5rem;font-weight:700;box-shadow:0 6px #4a2e1829}.ctrl:hover{transform:translateY(-2px)}.ctrl:active{transform:translateY(3px)}.ctrl:disabled{opacity:.5;cursor:default;transform:none}.ctrl--primary{background:var(--frosting);color:#fff;border-bottom-color:var(--frosting-deep);box-shadow:0 6px 0 var(--frosting-deep);padding:14px 40px;font-size:1.7rem}.ctrl--ten{background:var(--frosting);color:#fff;border-bottom-color:var(--frosting-deep);box-shadow:0 6px 0 var(--frosting-deep)}.ctrl--one{color:var(--frosting-deep);border-bottom-color:var(--frosting);background:#fff}.ctrl--undo{background:var(--cream-deep);color:var(--cocoa-soft);border-bottom-color:var(--wood);min-height:52px;padding:10px 18px;font-size:1.05rem;box-shadow:0 5px #4a2e1829}.controls.wobble{animation:.5s ctrl-wobble}@keyframes ctrl-wobble{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.celebrate-card{max-width:460px}.celebrate-card h2{font-size:2.1rem}.celebrate-card p{font-size:1.18rem}@media (width<=680px){.ctrl--primary{padding:13px 30px;font-size:1.4rem}}