[data-play] .plr .zaav{display:grid;gap:14px;min-width:0;padding-bottom:4px}[data-play] .plr .zaav-code{margin:0;text-align:center;white-space:nowrap;font:500 19px/1.35 var(--plr-mono);color:var(--al-ink)}[data-play] .plr .zaav-args{display:inline-block}[data-play] .plr .zaav-tok{display:inline-block;padding:1px 3px;border-radius:6px;background:var(--al-soft);color:var(--al-accent);font-weight:600}[data-play] .plr .zaav-blank{display:inline-block;width:2.4ch;height:1.1em;margin:0 2px;vertical-align:-.18em;border:1.5px dashed var(--al-accent);border-radius:6px}[data-play] .plr .zaav[data-verdict=right] .zaav-tok{background:color-mix(in srgb,var(--plr-ok) 16%,var(--al-paper));color:var(--al-ink)}[data-play] .plr .zaav-stats{display:flex;justify-content:center;gap:8px}[data-play] .plr .zaav-stat{min-width:72px;min-height:44px;padding:6px 14px;border-radius:12px;border:1.5px solid var(--al-line);background:var(--al-paper);color:var(--al-ink);font:600 16px/1 var(--plr-mono);cursor:pointer;box-shadow:inset 0 -3px 0 var(--al-line);transition:border-color var(--motion-quick) var(--ease-standard),background-color var(--motion-quick) var(--ease-standard),color var(--motion-quick) var(--ease-standard),transform var(--motion-quick) var(--ease-standard)}[data-play] .plr .zaav-stat[aria-pressed=true]{border-color:var(--al-accent);background:var(--al-soft);color:var(--al-accent);box-shadow:inset 0 -3px 0 var(--al-accent)}[data-play] .plr .zaav-stat:active:not([aria-disabled=true]){transform:translateY(2px)}[data-play] .plr .zaav-stat[aria-disabled=true]{cursor:default}[data-play] .plr .zaav-stat[aria-disabled=true]:not([aria-pressed=true]){opacity:.5}[data-play] .plr .zaav-stat:focus-visible{outline:3px solid var(--al-accent);outline-offset:2px}[data-play] .plr .zaav-stage{--zaav-cube:66px;--zaav-gap:10px;--zaav-o:44px;--zaav-step:calc(var(--zaav-cube) + var(--zaav-gap));--zaav-gw:calc(var(--zaav-cols) * var(--zaav-step) - var(--zaav-gap));--zaav-gh:calc(var(--zaav-rows) * var(--zaav-step) - var(--zaav-gap));--zaav-tone:var(--al-accent);position:relative;justify-self:center;width:calc(2 * var(--zaav-o) + var(--zaav-gw));height:calc(var(--zaav-o) + var(--zaav-gh) + 18px);user-select:none;-webkit-user-select:none}[data-play] .plr .zaav[data-verdict=right] .zaav-stage{--zaav-tone:var(--plr-ok)}[data-play] .plr .zaav-grid{position:absolute;left:var(--zaav-o);top:var(--zaav-o);width:var(--zaav-gw);height:var(--zaav-gh);border-radius:16px;outline:1.5px dashed var(--al-line);outline-offset:5px;opacity:0;transition:opacity var(--motion-standard) var(--ease-standard)}[data-play] .plr .zaav-stage:is([data-press],[data-drag]) .zaav-grid{opacity:1}[data-play] .plr .zaav-cube{--zaav-c:calc(var(--zaav-hc) + (var(--zaav-clast) - var(--zaav-hc)) * var(--zaav-ac));--zaav-r:calc(var(--zaav-hr) + (var(--zaav-rlast) - var(--zaav-hr)) * var(--zaav-dn));position:absolute;left:var(--zaav-o);top:var(--zaav-o);z-index:1;width:var(--zaav-cube);height:var(--zaav-cube);transform:translate(calc(var(--zaav-c) * var(--zaav-step)),calc(var(--zaav-r) * var(--zaav-step)))}[data-play] .plr .zaav-cube[data-fused]{z-index:2}[data-play] .plr .zaav-cube[data-gone]{opacity:0}[data-play] .plr .zaav-face{display:grid;place-items:center;width:100%;height:100%;box-sizing:border-box;border:1.5px solid var(--al-line);border-radius:14px;background:var(--al-paper);box-shadow:inset 0 -4px 0 var(--al-line);font:600 21px/1 var(--plr-mono);color:var(--al-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:border-color var(--motion-standard) var(--ease-standard),background-color var(--motion-standard) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard)}[data-play] .plr .zaav-num{display:inline-block;white-space:nowrap}[data-play] .plr .zaav-cube[data-fused] .zaav-face{--zaav-p1:color-mix(in srgb,var(--zaav-tone) 48%,var(--al-paper));--zaav-p2:color-mix(in srgb,var(--zaav-tone) 30%,var(--al-paper));--zaav-p3:color-mix(in srgb,var(--zaav-tone) 17%,var(--al-paper));border-color:var(--zaav-tone);background:color-mix(in srgb,var(--zaav-tone) 13%,var(--al-paper));box-shadow:inset 0 -4px 0 var(--zaav-tone)}[data-play] .plr .zaav-cube[data-blank] .zaav-face{border-style:dashed;color:var(--al-muted)}[data-play] .plr .zaav-stage[data-press=down] .zaav-cube[data-pile="1"] .zaav-face{box-shadow:inset 0 -4px 0 var(--zaav-tone),0 6px 0 -2px var(--zaav-p1)}[data-play] .plr .zaav-stage[data-press=down] .zaav-cube[data-pile="2"] .zaav-face{box-shadow:inset 0 -4px 0 var(--zaav-tone),0 6px 0 -2px var(--zaav-p1),0 12px 0 -4px var(--zaav-p2)}[data-play] .plr .zaav-stage[data-press=across] .zaav-cube[data-pile="1"] .zaav-face{box-shadow:inset 0 -4px 0 var(--zaav-tone),6px 0 0 -2px var(--zaav-p1)}[data-play] .plr .zaav-stage[data-press=across] .zaav-cube[data-pile="2"] .zaav-face{box-shadow:inset 0 -4px 0 var(--zaav-tone),6px 0 0 -2px var(--zaav-p1),12px 0 0 -4px var(--zaav-p2)}[data-play] .plr .zaav-stage[data-press=all] .zaav-cube[data-pile="3"] .zaav-face{box-shadow:inset 0 -4px 0 var(--zaav-tone),5px 5px 0 -2px var(--zaav-p1),10px 10px 0 -4px var(--zaav-p2),15px 15px 0 -6px var(--zaav-p3)}[data-play] .plr .zaav-bar{--zaav-ink:color-mix(in srgb,var(--al-ink) 52%,var(--al-paper));position:absolute;z-index:3;margin:0;padding:0;border:0;background:transparent;color:var(--al-muted);cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}[data-play] .plr .zaav-bar[data-bar=down]{left:calc(var(--zaav-o) + var(--zaav-ac) * var(--zaav-clast) * var(--zaav-step));top:0;width:calc((var(--zaav-cols) - var(--zaav-ac) * var(--zaav-clast)) * var(--zaav-step) - var(--zaav-gap));height:var(--zaav-o);transform:translateY(calc(var(--zaav-dn) * var(--zaav-rlast) * var(--zaav-step)))}[data-play] .plr .zaav-bar[data-bar=across]{top:calc(var(--zaav-o) + var(--zaav-dn) * var(--zaav-rlast) * var(--zaav-step));left:0;height:calc((var(--zaav-rows) - var(--zaav-dn) * var(--zaav-rlast)) * var(--zaav-step) - var(--zaav-gap));width:var(--zaav-o);transform:translateX(calc(var(--zaav-ac) * var(--zaav-clast) * var(--zaav-step)))}[data-play] .plr .zaav-bar:before{content:"";position:absolute;border-radius:7px;background:var(--zaav-ink);box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--al-ink) 22%,transparent);transition:background-color var(--motion-quick) var(--ease-standard),scale var(--motion-quick) var(--ease-standard)}[data-play] .plr .zaav-bar[data-bar=down]:before{left:-8px;right:-8px;bottom:8px;height:12px}[data-play] .plr .zaav-bar[data-bar=across]:before{top:-8px;bottom:-8px;right:8px;width:12px}[data-play] .plr .zaav-bar[aria-pressed=true]:before{background:var(--zaav-tone)}[data-play] .plr .zaav-bar:hover:not([aria-disabled=true]):before{background:color-mix(in srgb,var(--al-ink) 70%,var(--al-paper))}[data-play] .plr .zaav-bar[aria-pressed=true]:hover:not([aria-disabled=true]):before{background:var(--al-accent)}[data-play] .plr .zaav-stage[data-drag=across] .zaav-bar[data-bar=across],[data-play] .plr .zaav-stage[data-drag=down] .zaav-bar[data-bar=down]{cursor:grabbing}[data-play] .plr .zaav-stage[data-drag=down] .zaav-bar[data-bar=down]:before{scale:1 1.25}[data-play] .plr .zaav-stage[data-drag=across] .zaav-bar[data-bar=across]:before{scale:1.25 1}[data-play] .plr .zaav-bar[aria-disabled=true]{cursor:default}[data-play] .plr .zaav-bar:focus-visible{outline:none}[data-play] .plr .zaav-bar:focus-visible:before{box-shadow:0 0 0 2px var(--al-paper),0 0 0 5px var(--al-accent)}[data-play] .plr .zaav-chev{position:absolute;width:9px;height:9px;border-right:2.5px solid;border-bottom:2.5px solid;transition:transform var(--motion-standard) var(--ease-standard),color var(--motion-quick) var(--ease-standard)}[data-play] .plr .zaav-bar[data-bar=down] .zaav-chev{left:50%;top:6px;transform:translateX(-50%) rotate(45deg)}[data-play] .plr .zaav-bar[data-bar=down][aria-pressed=true] .zaav-chev{transform:translate(-50%,4px) rotate(225deg)}[data-play] .plr .zaav-bar[data-bar=across] .zaav-chev{top:50%;left:7px;transform:translateY(-50%) rotate(-45deg)}[data-play] .plr .zaav-bar[data-bar=across][aria-pressed=true] .zaav-chev{transform:translate(4px,-50%) rotate(135deg)}[data-play] .plr .zaav-bar[aria-pressed=true] .zaav-chev{color:var(--zaav-tone)}[data-play] .plr .zaav-read{margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 22px;min-height:30px;font:500 18px/1.35 var(--plr-mono);color:var(--al-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}[data-play] .plr .zaav-out{display:inline-block;white-space:pre}[data-play] .plr .zaav-out:empty{display:none}[data-play] .plr .zaav-shape{white-space:nowrap}[data-play] .plr .zaav-shape-k{font:500 15px/1 var(--plr-sans);color:var(--al-muted)}[data-play] .plr .zaav-type{display:inline-block;white-space:pre;color:var(--al-accent);font-weight:600}[data-play] .plr .zaav[data-verdict=right] .zaav-type{color:var(--al-ink)}[data-play] .plr .zaav :is(.zaav-out[data-off],.zaav-shape[data-off] .zaav-shape-k,.zaav-shape[data-off] .zaav-type){-webkit-text-decoration:underline wavy var(--plr-warn);text-decoration:underline wavy var(--plr-warn);text-decoration-thickness:2px;text-underline-offset:6px}@keyframes zaav-tick{0%{transform:translateY(-5px);opacity:.35}to{transform:none;opacity:1}}@keyframes zaav-in{0%{transform:translateY(-16px) scale(.85);opacity:0}to{transform:none;opacity:1}}@keyframes zaav-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.18);opacity:1}to{transform:none;opacity:1}}@keyframes zaav-win{0%,to{transform:none}45%{transform:translateY(-7px) scale(1.06)}}@keyframes zaav-type{0%{clip-path:inset(-6px 100% -14px 0)}to{clip-path:inset(-6px 0 -14px 0)}}@keyframes zaav-nudge-down{0%,to{translate:0 0}50%{translate:0 4px}}@keyframes zaav-nudge-across{0%,to{translate:0 0}50%{translate:4px 0}}@media (prefers-reduced-motion:no-preference){[data-play] .plr[data-motion=running] .zaav-cube{transition:transform var(--motion-deliberate) var(--ease-spring),opacity var(--motion-quick) linear}[data-play] .plr[data-motion=running] .zaav-cube[data-gone]{transition:transform var(--motion-deliberate) var(--ease-spring),opacity var(--motion-quick) linear var(--motion-standard)}[data-play] .plr[data-motion=running] .zaav-bar{transition:transform var(--motion-deliberate) var(--ease-spring),left var(--motion-deliberate) var(--ease-spring),top var(--motion-deliberate) var(--ease-spring),width var(--motion-deliberate) var(--ease-spring),height var(--motion-deliberate) var(--ease-spring)}[data-play] .plr[data-motion=running] .zaav-stage[data-drag] :is(.zaav-cube,.zaav-bar){transition:none}[data-play] .plr[data-motion=running] .zaav-face{animation:zaav-in var(--motion-deliberate) var(--ease-spring) both;animation-delay:calc(var(--zaav-i) * 45ms)}[data-play] .plr[data-motion=running] .zaav-num{animation:zaav-pop var(--motion-standard) var(--ease-standard) both}[data-play] .plr[data-motion=running] .zaav-cube[data-fused] .zaav-num{animation-delay:var(--motion-standard)}[data-play] .plr[data-motion=running] :is(.zaav-tok,.zaav-args,.zaav-out){animation:zaav-tick var(--motion-quick) var(--ease-spring) both}[data-play] .plr[data-motion=running] .zaav-type{animation:zaav-type calc(var(--zaav-n) * 55ms) steps(var(--zaav-n)) both}[data-play] .plr[data-motion=running] .zaav-stage:not([data-press]):not([data-drag]) .zaav-bar[data-bar=down]:not([aria-disabled=true]) .zaav-chev{animation:zaav-nudge-down 1.2s var(--ease-inout,ease-in-out) .7s 3}[data-play] .plr[data-motion=running] .zaav-stage:not([data-press]):not([data-drag]) .zaav-bar[data-bar=across]:not([aria-disabled=true]) .zaav-chev{animation:zaav-nudge-across 1.2s var(--ease-inout,ease-in-out) 1.3s 3}[data-play] .plr[data-motion=running] .zaav[data-verdict=right] .zaav-cube[data-fused] .zaav-face{animation:zaav-win var(--motion-deliberate) var(--ease-standard) both;animation-delay:calc(var(--zaav-k) * 70ms)}}@media (prefers-reduced-motion:reduce){[data-play] .plr .zaav-bar:before,[data-play] .plr :is(.zaav-cube,.zaav-bar,.zaav-chev,.zaav-stat,.zaav-grid,.zaav-face){transition:none}[data-play] .plr .zaav-stat:active{transform:none}}[data-play] .plr[data-motion=paused] .zaav-bar:before,[data-play] .plr[data-motion=paused] :is(.zaav-cube,.zaav-bar,.zaav-chev,.zaav-stat,.zaav-grid,.zaav-face){transition:none}[data-play] .plr[data-motion=paused] .zaav-stat:active{transform:none}@container (max-width: 480px){[data-play] .plr .zaav{gap:12px}[data-play] .plr .zaav-code{font-size:17px}[data-play] .plr .zaav-stat{min-width:64px;font-size:15px}[data-play] .plr .zaav-stage{--zaav-cube:56px;--zaav-gap:8px}[data-play] .plr .zaav-face{font-size:19px;border-radius:12px}[data-play] .plr .zaav-read{font-size:16.5px}[data-play] .plr .zaav-shape-k{font-size:14px}}[data-play] .plr .zaav-channels{display:grid;gap:8px;min-width:0}[data-play] .plr .zaav-channels>p{margin:0;font-size:13px;color:var(--al-muted)}[data-play] .plr .zaav-channels details{border-left:3px solid var(--al-accent);padding:8px 12px;background:var(--plr-quiet);border-radius:0 8px 8px 0}[data-play] .plr .zaav-channels summary{cursor:pointer;font:500 14px var(--plr-mono)}[data-play] .plr .zaav-contributors{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}[data-play] .plr .zaav-contributors span{display:grid;justify-items:center;padding:5px 9px;border:1px solid var(--al-line);border-radius:8px}[data-play] .plr .zaav-contributors small{color:var(--al-muted);font:11px var(--plr-mono)}[data-play] .plr .zaav-contributors [data-winner]{border-color:var(--al-accent);box-shadow:0 -3px 0 var(--al-accent)}[data-play] .plr .zaav-equation{margin:6px 0 0;font:13px var(--plr-mono);overflow-wrap:anywhere}@media (prefers-reduced-motion:no-preference){[data-play] .plr[data-motion=running] .zaav-channels details{animation:zaav-channel-settle .25s ease-out}}@keyframes zaav-channel-settle{0%{transform:translateY(-6px);opacity:.4}to{transform:none;opacity:1}}[data-play] .plr .zaav-channels button{color:var(--al-ink);background:var(--plr-quiet);font:inherit;border:1px solid var(--al-line);border-radius:8px;padding:8px 10px;cursor:pointer}[data-play] .plr .zaav-stat{font-size:18px}[data-play] .plr .zaav-read{font-size:22px}[data-play] .plr .zaav-channels>p,[data-play] .plr .zaav-equation{font-size:16px}[data-play] .plr .zaav-contributors small{font-size:14px}[data-play] .plr .zaav-channels button{min-height:44px}