.HopCount-module__dK6KfG__page{--hc-grass:max(14.95vw, 26.57dvh);--hc-band:clamp(96px, 27.5dvh, 220px);background-color:#61aaf7;background-image:url(/images/background/hop-count.webp);background-position:bottom;background-repeat:no-repeat;background-size:cover;flex-direction:column;align-items:center;gap:clamp(6px,3dvh,1.5rem);min-height:100dvh;padding:clamp(6px,4dvh,2rem) 1rem;font-family:system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.HopCount-module__dK6KfG__goalCard{aspect-ratio:1;filter:drop-shadow(0 8px 20px #285a8c40);width:clamp(64px,min(18vw,19dvh),150px);margin-top:10dvh;display:block;position:relative}.HopCount-module__dK6KfG__goalCard:before{content:"";filter:blur(16px)saturate(1.4)brightness(1.1);opacity:.9;background:conic-gradient(#ff5d5d,#ffb65d,#fff25d,#6bff8e,#5dd2ff,#9d7bff,#ff6bd6,#ff5d5d);border-radius:28%;animation:6s linear infinite HopCount-module__dK6KfG__rainbowSpin;position:absolute;inset:-22%}.HopCount-module__dK6KfG__timer{z-index:30;background:conic-gradient(var(--ring) calc(var(--frac) * 360deg), #0000002e 0);pointer-events:none;border:4px solid #000;border-radius:50%;place-items:center;width:8.5rem;height:8.5rem;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 22px #00000059}.HopCount-module__dK6KfG__timerInner{color:#111;background:#fff;border:3px solid #000;border-radius:50%;place-items:center;width:6.2rem;height:6.2rem;font-size:2.8rem;font-weight:900;line-height:1;display:grid}@keyframes HopCount-module__dK6KfG__rainbowSpin{to{transform:rotate(360deg)}}.HopCount-module__dK6KfG__lineWrap{--character-width:clamp(56px, 24dvh, 168px);--character-min-width:0;width:min(900px,94vw);height:var(--hc-band);left:50%;bottom:calc(var(--hc-grass) - .22 * var(--hc-band));position:absolute;transform:translate(-50%)}.HopCount-module__dK6KfG__lineWrap [role=img]{transition:left .25s}.HopCount-module__dK6KfG__line{background:linear-gradient(90deg,#4aa3df,#6fd1a5);border-radius:999px;height:14px;position:absolute;top:78%;left:6%;right:6%;box-shadow:0 4px 10px #285a8c40}.HopCount-module__dK6KfG__ticks{position:absolute;inset:0}.HopCount-module__dK6KfG__tick{flex-direction:column;align-items:center;display:flex;position:absolute;top:78%;transform:translate(-50%)}.HopCount-module__dK6KfG__tickMark{background:#2c6e9c;border-radius:2px;width:4px;height:18px}.HopCount-module__dK6KfG__tickLabel{color:#2c4a63;margin-top:4px;font-size:.95rem;font-weight:700}.HopCount-module__dK6KfG__controls{gap:clamp(1rem,5dvh,2.5rem);display:flex;position:absolute;bottom:clamp(4px,3dvh,1.5rem);left:50%;transform:translate(-50%)}.HopCount-module__dK6KfG__arrowButton{cursor:pointer;background:linear-gradient(#ff9a3d,#f4750f);border:none;border-radius:50%;place-items:center;width:clamp(48px,10dvh,5rem);height:clamp(48px,10dvh,5rem);padding:0;transition:transform .12s,opacity .12s;display:grid;box-shadow:0 6px 14px #0003}.HopCount-module__dK6KfG__arrowButton:before{content:"";border-style:solid;width:0;height:0}.HopCount-module__dK6KfG__arrowRight:before{border-width:.8rem 0 .8rem 1.15rem;border-color:#0000 #0000 #0000 #fff;transform:translate(.18rem)}.HopCount-module__dK6KfG__arrowLeft:before{border-width:.8rem 1.15rem .8rem 0;border-color:#0000 #fff #0000 #0000;transform:translate(-.18rem)}.HopCount-module__dK6KfG__arrowButton:active{transform:translateY(2px)}.HopCount-module__dK6KfG__arrowButton:disabled{opacity:.4;cursor:not-allowed}.HopCount-module__dK6KfG__restartButton{color:#fff;cursor:pointer;background:linear-gradient(#5ad08a,#2faa63);border:none;border-radius:1rem;padding:1rem 2.25rem;font-size:1.4rem;font-weight:800;transition:transform .12s,opacity .12s;box-shadow:0 6px 14px #0000002e}.HopCount-module__dK6KfG__winTitle{color:#1f6fb8;margin:0;font-size:2.5rem;font-weight:800}@media (prefers-reduced-motion:reduce){.HopCount-module__dK6KfG__goalCard:before{animation:none}.HopCount-module__dK6KfG__lineWrap [role=img],.HopCount-module__dK6KfG__arrowButton,.HopCount-module__dK6KfG__restartButton{transition:none}}