:root{--lab:#ff9a5c;--lab-dark:#e0713a}h1 span{background:linear-gradient(90deg,#e0713a,#ffb020 45%,#3ccf7a);color:#0000;-webkit-background-clip:text;background-clip:text}.path{gap:10px;max-width:760px;margin:6px auto 4px;display:grid}.panel{width:100%;max-width:860px;margin:0 auto}.path-row{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;display:grid}.sq{aspect-ratio:1;background:color-mix(in srgb, var(--c) 35%, #fff);box-shadow:inset 0 0 0 3px var(--c), 0 3px 0 #2b244026;border-radius:12px;place-items:end center;padding-bottom:4px;font-size:clamp(.9rem,2.6vw,1.4rem);display:grid;position:relative}.sq b{z-index:1;position:relative}.sq.visited{background:var(--c)}.hopping .sq{cursor:pointer}.hopping .sq:hover{transform:translateY(-2px)}.spot{pointer-events:none;place-items:start center;display:grid;position:absolute;inset:0}.frog-wrap{filter:drop-shadow(0 3px #2b244040);width:78%;margin-top:-6%}.frog-wrap svg{width:100%;height:auto;display:block}.frog-a{width:62%;translate:-18%}.frog-b{width:62%;translate:18% 8%}.hop{animation:.35s ease-out hop}@keyframes hop{40%{transform:translateY(-40%)}}.die{width:1.4em;height:1.4em}.btn .die{color:#fff}.sum{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 6px;font-size:1.3rem;display:flex}.sum .die{width:2em;height:2em;color:var(--ink)}.sum.big{justify-content:center;font-size:2rem}.answers{margin-top:12px}.answers .options{max-width:520px;margin:0 auto}.answers .options:has(.option:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.numline{cursor:pointer;touch-action:manipulation;width:100%;height:auto;margin:10px 0;display:block}.axis-line,.end-mark{stroke:var(--ink);stroke-width:6px;stroke-linecap:round}.tick-mark{stroke:var(--ink);stroke-width:3px}.end-num{text-anchor:middle;fill:var(--ink);font:700 26px Fredoka,system-ui,sans-serif}.pin path{stroke:var(--ink);stroke-width:2.5px}.pin text{text-anchor:middle;fill:var(--ink);font:700 26px Fredoka,system-ui,sans-serif}.pin.right path{fill:var(--go)}.pin.miss path{fill:#ffd1cc}.pin{transform-box:fill-box;transform-origin:bottom;animation:.3s ease-out pop}.target{background:var(--lab);color:#fff;border-radius:10px;place-items:center;min-width:1.8em;padding:0 8px;font-size:1.5rem;display:inline-grid}@media (width<=560px){.path-row{gap:3px}.sq{border-radius:8px;padding-bottom:2px}}