.NumberLineHop-module__9I0cda__page{color:#102a3a;background-color:#eaf2f8;min-height:100dvh}.NumberLineHop-module__9I0cda__stage{background-color:#cfe3f2;background-image:url(/images/background/number-line-hop.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100dvh;position:relative;overflow:hidden}.NumberLineHop-module__9I0cda__goalArea{z-index:3;justify-content:center;padding:12px;display:flex;position:absolute;top:7vh;left:0;right:0}.NumberLineHop-module__9I0cda__goalCard{aspect-ratio:1;filter:drop-shadow(0 4px 10px #102a3a4d);width:clamp(96px,22vmin,231px)}.NumberLineHop-module__9I0cda__lineWrap{--character-width:min(56vw, 336px);--character-min-width:232px;position:absolute;inset:0}.NumberLineHop-module__9I0cda__lineTrack{top:var(--nlh-line-y,62%);left:var(--nlh-line-left,8%);right:var(--nlh-line-right,8%);background:linear-gradient(90deg,#2a6f97,#468faf);border-radius:999px;height:12px;position:absolute;transform:translateY(-50%);box-shadow:0 2px 5px #102a3a59}.NumberLineHop-module__9I0cda__mark{top:calc(var(--nlh-line-y,62%) + 3vh);cursor:pointer;z-index:2;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;margin:0;padding:6px 2px 0;transition:transform .12s;display:flex;position:absolute;transform:translate(-50%,-50%)}@media (hover:hover){.NumberLineHop-module__9I0cda__mark:not(:disabled):hover{transform:translate(-50%,-54%)}}.NumberLineHop-module__9I0cda__mark:not(:disabled):active{transform:translate(-50%,-48%)scale(.96)}.NumberLineHop-module__9I0cda__mark:focus-visible{outline-offset:4px;border-radius:10px;outline:3px solid #2a6f97}.NumberLineHop-module__9I0cda__mark:disabled{cursor:default}.NumberLineHop-module__9I0cda__tick{background:#1f5775;border-radius:4px;width:8px;height:32px}.NumberLineHop-module__9I0cda__markLabel{--nlh-cap:calc(var(--nlh-mark-slot,8.4vw) - 6px);min-width:clamp(32px, min(10vw, var(--nlh-cap)), 80px);min-height:clamp(32px, min(10vw, var(--nlh-cap)), 80px);padding:0 min(8px, calc(var(--nlh-cap) * .12));font-size:min(clamp(1.7rem, 5.2vw, 2.5rem), calc(var(--nlh-cap) * .62));color:#0f3147;background:#ffffffeb;border-radius:10px;place-items:center;font-weight:800;display:grid;box-shadow:0 2px 6px #102a3a40}.NumberLineHop-module__9I0cda__markWrong .NumberLineHop-module__9I0cda__markLabel{color:#8c2c20;background:#f3c2bc;animation:.48s NumberLineHop-module__9I0cda__shake;box-shadow:0 0 14px 3px #e23b3bd9,0 2px 6px #102a3a40}.NumberLineHop-module__9I0cda__markCorrect .NumberLineHop-module__9I0cda__markLabel{color:#186b3a;background:#b9f0cd;box-shadow:0 0 16px 4px #38d35be6,0 2px 6px #102a3a40}.NumberLineHop-module__9I0cda__lineWrap [role=img]{transition:left var(--nlh-walk-ms,0s) linear}.NumberLineHop-module__9I0cda__winIcon{width:56%;height:56%}.NumberLineHop-module__9I0cda__restartButton{cursor:pointer;color:#0f3147;background:#fff;border:0;border-radius:999px;padding:12px 28px;font-size:clamp(1rem,3vw,1.3rem);font-weight:700;transition:transform .12s,filter .12s;box-shadow:0 4px 14px #0000004d}@media (hover:hover){.NumberLineHop-module__9I0cda__restartButton:hover{filter:brightness(1.05);transform:translateY(-2px)}}.NumberLineHop-module__9I0cda__restartButton:active{transform:translateY(0)scale(.98)}.NumberLineHop-module__9I0cda__restartButton:focus-visible{outline-offset:3px;outline:3px solid #f6c343}@keyframes NumberLineHop-module__9I0cda__pop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes NumberLineHop-module__9I0cda__fade{0%{opacity:0}to{opacity:1}}@keyframes NumberLineHop-module__9I0cda__shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.NumberLineHop-module__9I0cda__mark,.NumberLineHop-module__9I0cda__markWrong .NumberLineHop-module__9I0cda__markLabel,.NumberLineHop-module__9I0cda__lineWrap [role=img],.NumberLineHop-module__9I0cda__restartButton{transition:none;animation:none}}