@layer components{.jolt-stage{text-align:center;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;color:#fff;background:radial-gradient(70% 55%,#1d1d24 0%,#0d0d10 70%);justify-content:center;align-items:center;padding:28px}.jolt-stage.is-go{color:#0d0d0f;background:var(--rn)}.jolt-stage.is-early{background:radial-gradient(70% 55%,#ff6a4b 0%,#e2391e 80%)}.jolt-stage.is-shown{background:radial-gradient(70% 55% at 50% 45%,#10283a 0%,#08090c 70%)}.jolt-center{justify-items:center;gap:14px;display:grid;position:relative}.jolt-big{letter-spacing:-.055em;font-size:clamp(48px,15cqw,92px);font-weight:600;line-height:.95;position:relative}.jolt-unit{letter-spacing:-.01em;opacity:.6;margin-left:4px;font-size:.32em}.jolt-now{animation:jolt-now .22s var(--ease-pop) both;font-size:clamp(80px,30cqw,168px)}@keyframes jolt-now{0%{opacity:0;transform:scale(.6)}}.jolt-word{background:#ffffff1f;border-radius:999px;padding:6px 14px;font-size:15px;font-weight:600}.jolt-land{animation:jolt-land .42s var(--ease-pop) both}@keyframes jolt-land{0%{opacity:0;transform:translateY(14px)scale(.92)}}.jolt-shake{animation:.42s both jolt-shake}@keyframes jolt-shake{20%{transform:translate(-14px)rotate(-2deg)}40%{transform:translate(11px)rotate(1.5deg)}60%{transform:translate(-7px)}80%{transform:translate(4px)}}.jolt-ring{aspect-ratio:1;pointer-events:none;border:2px solid #ccff3d2e;border-radius:50%;width:min(64cqw,340px);animation:2.4s ease-in-out infinite jolt-breathe;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 60px #ccff3d0f,inset 0 0 60px #ccff3d0d}@keyframes jolt-breathe{50%{opacity:.55;transform:scale(1.08)}}.jolt-tries{gap:6px;display:flex;position:absolute;top:18px;left:50%;translate:-50%}.jolt-try{font-variant-numeric:tabular-nums;color:#fff6;background:#ffffff0f;border-radius:999px;place-items:center;min-width:44px;height:30px;padding:0 8px;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.jolt-try.is-done{color:#0d0d0f;animation:pop .32s var(--ease-pop) both;background:#fff}.jolt-try.is-now{color:#fff;box-shadow:inset 0 0 0 1.5px var(--rn)}.is-go .jolt-try{color:#0d0d0f80;box-shadow:none;background:#0d0d0f14}.is-go .jolt-try.is-done{color:var(--rn);background:#0d0d0f;animation:none}.jolt-scale{width:min(300px,72cqw);height:42px;margin-top:6px;position:relative}.jolt-scale:before{content:"";background:#ffffff1f;border-radius:99px;height:6px;position:absolute;top:10px;left:0;right:0}.jolt-band{height:6px;top:10px;left:calc(var(--a) * 100%);width:calc((var(--b) - var(--a)) * 100%);background:#63d6fa8c;border-radius:99px;position:absolute}.jolt-mark{top:4px;left:calc(var(--x) * 100%);background:var(--rn);width:18px;height:18px;animation:jolt-slide .6s var(--ease-expo) both;border-radius:50%;position:absolute;translate:-50%;box-shadow:0 0 0 3px #0d0d0f,0 0 16px #ccff3d99}@keyframes jolt-slide{0%{left:0}}.jolt-scale span{top:24px;left:calc(var(--x) * 100%);translate:calc(var(--x) * -100%) 0;color:#ffffff80;white-space:nowrap;font-size:11.5px;position:absolute}.jolt-scale span.is-band{left:calc((var(--a) + var(--b)) * 50%);color:#63d6fa;translate:-50%}.jolt-sub{left:24px;right:24px;bottom:max(64px, calc(env(safe-area-inset-bottom) + 48px));opacity:.74;font-size:15px;position:absolute}.jolt-bars{align-items:flex-end;gap:8px;height:96px;display:flex}.jolt-bars div{color:var(--stage-dim);flex-direction:column;flex:1;align-items:center;gap:6px;font-size:11px;display:flex}.jolt-bars i{background:linear-gradient(#63d6fa,#18b4ea);border-radius:6px;width:100%;display:block}.jolt-bars .is-best i{background:linear-gradient(180deg, #e2ff8a, var(--rn));box-shadow:inset 0 0 0 1px #00000014}.jolt-bars .is-best span{color:var(--stage-ink);font-weight:600}.jolt-sum{color:var(--stage-dim);margin-top:10px;font-size:12.5px}@media (prefers-reduced-motion:reduce){.jolt-ring,.jolt-shake,.jolt-land,.jolt-now,.jolt-mark{animation:none}}}