.vp-room{--vp-pad:clamp(5px, 1.2cqmin, 14px);--vp-below:var(--btn-h-sm);--vp-gap:var(--sp-3);--vp-w:min(100cqw, (100cqh - var(--vp-below) - var(--vp-gap) - 2 * var(--vp-pad)) * var(--vp-ratio), 60rem);justify-content:center;align-items:center;gap:var(--vp-gap);flex-direction:column;display:flex;position:absolute;inset:0}.vp-burst{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:clip}.vp-tray{z-index:1;padding:var(--vp-pad);border-radius:calc(var(--vp-pad) + 8px);box-shadow:var(--sh-2);background:#2b2263;flex:none;position:relative}.vp-board{width:var(--vp-w);aspect-ratio:var(--vp-ratio);background:#0b0920;border-radius:6px;position:relative;container-type:inline-size}.vp-frame{border-radius:inherit;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.vp-piece{--vp-up:0;translate:calc(var(--vp-x) * 1cqw) 0;transform:translateY(calc(var(--vp-up) * -1cqw));transition:translate var(--vp-slide) var(--ease-in-out), transform var(--vp-lift) var(--ease-out), box-shadow var(--vp-lift) var(--ease-out), opacity var(--vp-fade) linear;position:absolute}.vp-piece svg{width:100%;height:100%}.vp-piece:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 max(1px,.22cqw) #ffffff52}.vp-piece[data-piece=wide]{z-index:1}.vp-piece[data-piece=small]{z-index:2}.vp-piece[data-movable]{cursor:grab;touch-action:pan-y}.vp-frame[data-lifted] .vp-piece[data-piece=small]{--vp-up:.9;box-shadow:0 1.2cqw 2.4cqw #04021099}.vp-frame[data-dragging] .vp-piece{cursor:grabbing;transition:transform var(--vp-lift) var(--ease-out), box-shadow var(--vp-lift) var(--ease-out)}@media (prefers-reduced-motion:no-preference){.vp-frame[data-settling] .vp-piece{transition:translate var(--vp-settle) var(--ease-out), transform var(--vp-lift) var(--ease-out), box-shadow var(--vp-lift) var(--ease-out)}}.vp-frame[data-faded] .vp-piece:not([data-piece=ground]){opacity:0}.vp-frame[data-hint] .vp-piece[data-piece=small]:after{box-shadow:inset 0 0 0 max(2px, .45cqw) var(--sun);animation:1.2s ease-in-out infinite alternate vp-glow}@keyframes vp-glow{to{opacity:.35}}.vp-hint{z-index:3;pointer-events:none;fill:none;width:100%;height:100%;stroke:var(--sun);stroke-linecap:round;stroke-linejoin:round;animation:vp-fade-in var(--dur-slow) var(--ease-out) .2s both;position:absolute;inset:0;overflow:visible}.vp-hint__arc{stroke-width:.9px;stroke-dasharray:2.4 2;animation:1.4s linear infinite vp-march}.vp-hint__head{stroke-width:1.1px}@keyframes vp-march{to{stroke-dashoffset:-8.8px}}@keyframes vp-fade-in{0%{opacity:0}}.vp-counts{z-index:4;position:absolute;inset:0}.vp-count{--vp-check:min(6cqw, 34px);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:8px;min-height:44px;display:block;position:absolute}.vp-count:has(input:focus-visible){outline:3px solid var(--focus-on-dark);outline-offset:-1px}.vp-check{left:50%;top:calc(6cqw - var(--vp-check));width:var(--vp-check);height:var(--vp-check);transition:background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;translate:-50%;box-shadow:inset 0 0 0 max(1.5px,.3cqw) #ffffff80}.vp-check svg{fill:none;width:78%;height:78%;stroke:var(--good);stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.vp-count:has(input:checked) .vp-check{box-shadow:0 0 0 max(1.5px, .3cqw) var(--good);animation:vp-pop var(--dur-base) var(--ease-pop);background:#fff}.vp-count:has(input:checked) .vp-check svg{opacity:1}@media (hover:hover){.vp-count:hover .vp-check{box-shadow:inset 0 0 0 max(2px,.35cqw) #ffffffe6}.vp-count:hover:has(input:checked) .vp-check{box-shadow:0 0 0 max(2px, .35cqw) var(--good)}}@keyframes vp-pop{0%{scale:calc(1 - .4 * var(--motion));opacity:.4}}.vp-poof{z-index:3;pointer-events:none;width:100%;height:100%;fill:var(--sun);position:absolute;inset:0}.vp-poof path{transform-box:fill-box;transform-origin:50%;opacity:0;animation:vp-sparkle 1.8s var(--ease-out) both}.vp-poof path:nth-child(2){animation-delay:.12s}.vp-poof path:nth-child(3){animation-delay:.24s}@keyframes vp-sparkle{0%{opacity:0;scale:calc(1 - .7 * var(--motion))}25%{opacity:1;scale:1}70%{opacity:1}to{opacity:0;scale:calc(1 - .3 * var(--motion))}}.vp-below{height:var(--vp-below);flex:none;place-items:center;display:grid}.vp-screen .screen__words{min-height:calc(var(--sp-3) + var(--sp-4) + var(--fs-line) * var(--lh-tight) + var(--sp-2) + var(--fs-body) * var(--lh-snug))}.vp-dock{align-content:end;gap:var(--sp-2);min-height:calc(var(--fs-body) * 1.4 + var(--sp-2) + var(--btn-h));display:grid}.vp-ask{color:var(--ink-2);font-size:var(--fs-body);font-weight:var(--fw-bold);text-align:center;line-height:1.4}.vp-answers>.btn{font-size:1.375rem;font-weight:var(--fw-heavy)}@media (prefers-reduced-motion:reduce){.vp-piece{transition:opacity var(--vp-fade) linear}.vp-frame[data-lifted] .vp-piece[data-piece=small]{--vp-up:0}.vp-frame[data-hint] .vp-piece[data-piece=small]:after,.vp-hint__arc{animation:none}}