.heap-stage{flex-direction:column;align-items:center;width:min(640px,92vw);margin:0 auto;display:flex}.heap-stage-inner{view-transition-name:card-heap;background:#fff;border-radius:26px;flex-direction:column;align-items:center;gap:28px;width:100%;padding:28px 32px 32px;display:flex;box-shadow:inset 0 1px #fff,0 1px 2px #0f22360a,0 28px 70px #0f22361a}.heap-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;height:24px;display:grid}.heap-round{letter-spacing:.22em;text-transform:uppercase;color:#0f22368c;grid-column:1;justify-self:start;font-size:11px;font-weight:500}.heap-title{letter-spacing:.18em;text-transform:uppercase;text-align:center;color:#0f22368c;grid-column:2;margin:0;font-size:13px;font-weight:500}.heap-best{color:#0f22368c;font-variant-numeric:tabular-nums;letter-spacing:.02em;grid-column:3;justify-self:end;font-size:12px}.heap-timer{opacity:0;background:#0f22360f;border-radius:2px;width:100%;height:3px;transition:opacity .25s;overflow:hidden}.heap-timer.is-active{opacity:1}.heap-timer-fill{transform-origin:0;background:#0f2236;width:100%;height:100%;transform:scaleX(1)}.heap-jar-wrap{justify-content:center;width:100%;display:flex}.heap-jar{width:min(280px,72vw);height:auto;display:block}.heap-jar-lid{opacity:0;transform-box:fill-box;transform-origin:50%;transform:translateY(-200px)}.heap-jar-3d-wrap{justify-content:center;align-items:center;width:100%;height:320px;display:flex}.heap-jar-3d-wrap canvas{cursor:grab;display:block}.heap-jar-3d-wrap canvas:active{cursor:grabbing}.marble{transform-box:fill-box;transform-origin:50%;will-change:transform}.heap-controls{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.heap-display{flex-direction:column;align-items:center;gap:6px;min-height:116px;display:flex}.heap-number{color:#0f2236;font:inherit;letter-spacing:-.055em;font-variant-numeric:tabular-nums;text-align:center;caret-color:#0f2236;background:0 0;border:0;outline:none;width:5ch;padding:0;font-size:92px;font-weight:500;line-height:1;transition:color .35s ease-out}.heap-number::placeholder{color:#0f223640}.heap-number.is-good{color:#5fa67a}.heap-number.is-bad{color:#c97a6e}.heap-display-label{letter-spacing:.22em;text-transform:uppercase;color:#0f223680;opacity:0;font-size:10px;font-weight:500;transition:opacity .45s .4s}.heap-display-label.is-shown{opacity:1}.heap-compare{opacity:0;pointer-events:none;grid-template-columns:1fr 1px 1fr;align-items:center;gap:36px;width:100%;max-width:320px;transition:opacity .45s .2s,transform .45s cubic-bezier(.2,.7,.2,1) .2s;display:grid;transform:translateY(8px)}.heap-compare.is-shown{opacity:1;transform:translateY(0)}.heap-compare:before{content:"";background:#0f22361a;grid-column:2;justify-self:center;width:1px;height:28px}.heap-compare-cell{flex-direction:column;align-items:center;gap:5px;display:flex}.heap-compare-cell:first-child{grid-column:1}.heap-compare-cell:nth-child(2){grid-column:3}.heap-compare-value{letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:#0f2236;font-size:26px;font-weight:500;line-height:1}.heap-compare-key{letter-spacing:.22em;text-transform:uppercase;color:#0f223680;font-size:10px;font-weight:500}.heap-verdict{color:#0f223699;opacity:0;text-align:center;min-height:1.4em;margin:0;font-size:14px;transition:opacity .45s .45s}.heap-verdict.is-shown{opacity:1}.heap-verdict.is-good{color:#5fa67a}.heap-verdict.is-bad{color:#c97a6e}.heap-action-btn{color:#fff;font:inherit;cursor:pointer;background:#0f2236;border:0;border-radius:999px;padding:11px 32px;font-size:14px;font-weight:500;transition:background .2s,transform .15s cubic-bezier(.2,.7,.2,1);box-shadow:0 8px 22px #0f223638}.heap-action-btn:hover{background:#1e3a5a;transform:scale(1.04)}.heap-action-btn:active{transform:scale(.96)}