.pv-body.svelte-1k3dost{--pv-area:clamp(9rem, calc(100dvh - 35.5rem), 18rem);--pv-col:calc((min(100vw, 480px) - 2rem - (var(--pv-n) - 1) * .75rem) / var(--pv-n));--pv-u:min(calc(var(--pv-area) / 3.2), calc(var(--pv-col) / 3.4));flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.pv-main.svelte-1k3dost{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.pv-side.svelte-1k3dost{flex-direction:column;align-items:center;gap:.5rem;display:flex}.pv-target.svelte-1k3dost{width:8rem;height:5rem}.pv-target-num.svelte-1k3dost{font-size:2.5rem;line-height:1}.pv-total.svelte-1k3dost{font-size:1.5rem}.pv-cols.svelte-1k3dost{justify-content:center;align-items:flex-start;gap:.75rem;width:100%;display:flex}.pv-denom.svelte-1k3dost{flex-direction:column;flex:1 1 0;align-items:center;gap:.5rem;min-width:0;display:flex}.pv-denom-head.svelte-1k3dost{align-items:baseline;gap:.5rem;font-size:.9375rem;display:flex}.pv-count.svelte-1k3dost{font-size:1.5rem;font-weight:800}.pv-blocks.svelte-1k3dost{width:100%;height:var(--pv-area);border:2px dashed var(--learn-line);border-radius:1rem;place-content:end center;gap:4px;padding:4px;display:grid}.pv-denom[data-denom=ones].svelte-1k3dost .pv-blocks:where(.svelte-1k3dost),.pv-denom[data-denom=hundreds].svelte-1k3dost .pv-blocks:where(.svelte-1k3dost){grid-template-columns:repeat(3, var(--pv-u))}.pv-denom[data-denom=tens].svelte-1k3dost .pv-blocks:where(.svelte-1k3dost){grid-template-columns:repeat(5, calc(var(--pv-u) * .45));grid-auto-rows:calc(var(--pv-area) / 2 - 10px);align-content:end}.pv-steps.svelte-1k3dost{gap:.5rem;display:flex}.pv-step-btn.svelte-1k3dost{border-color:var(--learn-line);background:var(--learn-paper);width:56px;height:56px;color:var(--learn-ink)}@media (orientation:landscape) and (height<=520px){.pv-body.svelte-1k3dost{--pv-area:clamp(4.5rem, calc(100dvh - 17rem), 12rem);--pv-col:calc((min(100vw, 640px) - 12rem - (var(--pv-n) - 1) * .75rem) / var(--pv-n))}.pv-main.svelte-1k3dost{flex-direction:row;justify-content:center;align-items:center;gap:1.5rem}.pv-target.svelte-1k3dost{width:6rem;height:3.5rem}.pv-target-num.svelte-1k3dost{font-size:2rem}.pv-cols.svelte-1k3dost{flex:auto;width:auto;max-width:28rem}}.pv-cube.svelte-1k3dost{width:var(--pv-u);height:var(--pv-u);background:var(--learn-accent-2,#5fa563);animation:.25s ease-out both svelte-1k3dost-pv-block-pop;animation-delay:calc(var(--block-i,0) * 30ms);border-radius:3px}.pv-rod.svelte-1k3dost{background:var(--learn-accent,#4a86c7);width:100%;height:100%;animation:.25s ease-out both svelte-1k3dost-pv-block-pop;animation-delay:calc(var(--block-i,0) * 30ms);border-radius:3px}.pv-flat.svelte-1k3dost{width:var(--pv-u);height:var(--pv-u);background:var(--learn-warn,#e8813d);animation:.25s ease-out both svelte-1k3dost-pv-block-pop;animation-delay:calc(var(--block-i,0) * 30ms);border-radius:4px}@keyframes svelte-1k3dost-pv-block-pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.pv-target.svelte-1k3dost{transition:transform .2s}.pv-step-btn.svelte-1k3dost:not(:disabled):hover{background:color-mix(in srgb, var(--learn-accent) 10%, var(--learn-paper));border-color:var(--learn-accent)}.pv-step-btn.svelte-1k3dost:not(:disabled):active{transform:scale(.92)}.pv-check.svelte-1k3dost:not(:disabled):hover{filter:brightness(1.08)}.pv-check.svelte-1k3dost:not(:disabled):active{transform:scale(.96)}.pv-star.svelte-1k3dost{animation:.75s ease-out both svelte-1k3dost-pv-star-pop;animation-delay:calc(var(--i) * 60ms)}@keyframes svelte-1k3dost-pv-star-pop{0%{opacity:0;transform:translateY(6px)scale(.4)}45%{opacity:1;transform:translateY(-6px)scale(1.15)}to{opacity:.9;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.pv-cube.svelte-1k3dost,.pv-rod.svelte-1k3dost,.pv-flat.svelte-1k3dost,.pv-star.svelte-1k3dost,.pv-step-btn.svelte-1k3dost,.pv-check.svelte-1k3dost{transition:none;animation:none}}:root[data-reduced-motion] .pv-cube.svelte-1k3dost,:root[data-reduced-motion] .pv-rod.svelte-1k3dost,:root[data-reduced-motion] .pv-flat.svelte-1k3dost,:root[data-reduced-motion] .pv-star.svelte-1k3dost,:root[data-reduced-motion] .pv-step-btn.svelte-1k3dost,:root[data-reduced-motion] .pv-check.svelte-1k3dost{transition:none;animation:none}
