[data-play] .plr .zaai{--zaai-cell:38px;--zaai-int:104px;position:relative;display:grid;gap:14px;min-width:0}[data-play] .plr .zaai-code{min-width:0;padding:8px 8px 8px 6px;border-radius:14px;background:var(--plr-quiet)}[data-play] .plr .zaai-lines{display:grid;gap:2px;margin:0;padding:0;list-style:none;min-width:0;font:500 16px/1.45 var(--plr-mono)}[data-play] .plr .zaai-line{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;min-width:0;min-height:32px;padding:1px 10px;border-radius:8px;color:var(--al-ink);transition:background-color var(--motion-standard) var(--ease-standard),color var(--motion-standard) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard)}[data-play] .plr .zaai-line:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:3px;background:var(--al-accent);opacity:0;transform:scaleY(.3);transition:opacity var(--motion-quick) var(--ease-standard),transform var(--motion-standard) var(--ease-spring)}[data-play] .plr .zaai-line[data-state=now]:before,[data-play] .plr .zaai-line[data-state=yours]:before{opacity:1;transform:none}[data-play] .plr .zaai-line:first-child{padding-right:96px}[data-play] .plr .zaai-src{padding:0;background:none;color:inherit;font:inherit;white-space:pre}[data-play] .plr .zaai-line[data-state=todo]{color:var(--al-muted)}[data-play] .plr .zaai-line[data-state=now]{background:var(--al-soft)}[data-play] .plr .zaai-slot{display:inline-block;min-width:2.4ch;padding:0 6px;border-radius:6px;background:var(--al-soft);color:var(--al-accent);font-weight:600;text-align:center}[data-play] .plr .zaai-slot[data-empty]{background:transparent;box-shadow:inset 0 0 0 1.5px var(--al-accent)}[data-play] .plr .zaai-out{display:inline-flex;align-items:center;gap:6px;min-width:0}[data-play] .plr .zaai-arrow{color:var(--al-muted)}[data-play] .plr .zaai-out-text{display:inline-block;padding:0 8px;border-radius:6px;background:var(--al-soft);color:var(--al-accent);font-weight:600;white-space:pre;transition:background-color var(--motion-standard) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard),color var(--motion-standard) var(--ease-standard)}[data-play] .plr .zaai[data-verdict=right] .zaai-out-text{background:color-mix(in srgb,var(--plr-ok) 14%,var(--al-paper));color:var(--al-ink);box-shadow:inset 0 0 0 1.5px var(--plr-ok)}[data-play] .plr .zaai[data-verdict=retry] .zaai-out-text{box-shadow:inset 0 0 0 1.5px var(--plr-warn)}[data-play] .plr .zaai-run{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 16px 8px 13px;border:1.5px solid var(--al-line);border-radius:999px;background:var(--al-paper);color:var(--al-ink);box-shadow:inset 0 -2px 0 var(--al-line);font:600 15px/1 var(--plr-sans);cursor:pointer;transition:border-color var(--motion-quick) var(--ease-standard),background-color var(--motion-quick) var(--ease-standard),color var(--motion-quick) var(--ease-standard),box-shadow var(--motion-quick) var(--ease-standard),transform var(--motion-quick) var(--ease-standard),opacity var(--motion-quick) var(--ease-standard)}[data-play] .plr .zaai-run-icon{flex:none;width:12px;height:12px;fill:currentColor}[data-play] .plr .zaai-run[data-ready]{border-color:var(--al-accent);background:var(--al-soft);color:var(--al-accent);box-shadow:inset 0 -2px 0 var(--al-accent)}[data-play] .plr .zaai-run:hover:not([aria-disabled=true]){border-color:var(--al-accent)}[data-play] .plr .zaai-run:active:not([aria-disabled=true]){transform:translateY(2px);box-shadow:none}[data-play] .plr .zaai-run[aria-disabled=true]{opacity:.45;cursor:not-allowed}[data-play] .plr .zaai-run:focus-visible{outline:3px solid var(--al-accent);outline-offset:2px}[data-play] .plr .zaai-board{display:grid;justify-items:center;min-width:0;padding:0 0 8px}[data-play] .plr .zaai[data-kind=rebind] .zaai-board{padding-top:10px}[data-play] .plr .zaai-peg{display:flex;align-items:center;justify-content:center;min-width:96px;min-height:64px;padding:6px 12px;border-radius:14px;transition:background-color var(--motion-quick) var(--ease-standard),outline-color var(--motion-quick) var(--ease-standard)}[data-play] .plr .zaai-stations{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px 28px;min-width:0;max-width:100%}[data-play] .plr .zaai-station{display:grid;justify-items:start;min-width:calc(4 * var(--zaai-cell) + 6px)}[data-play] .plr .zaai[data-kind=rebind] .zaai-station{justify-items:center;min-width:var(--zaai-int)}[data-play] .plr .zaai-rail{position:relative;z-index:1;display:flex;align-items:flex-end;gap:6px;min-height:var(--zaai-tag-h);margin-bottom:-13px;padding-left:8px}[data-play] .plr .zaai[data-kind=rebind] .zaai-rail{justify-content:center;padding-left:0}[data-play] .plr .zaai-tag{position:relative;display:inline-grid;place-items:center;min-width:46px;height:var(--zaai-tag-h);margin:0;padding:0 12px;border:1.5px solid var(--al-line);border-radius:10px;background:var(--al-paper);color:var(--al-ink);box-shadow:inset 0 -3px 0 var(--al-line);font:600 18px/1 var(--plr-mono);rotate:var(--zaai-tilt,-3deg);user-select:none;-webkit-user-select:none;transition:border-color var(--motion-quick) var(--ease-standard),background-color var(--motion-quick) var(--ease-standard),color var(--motion-quick) var(--ease-standard),box-shadow var(--motion-quick) var(--ease-standard),scale var(--motion-quick) var(--ease-standard),rotate var(--motion-quick) var(--ease-standard)}[data-play] .plr button.zaai-tag{border-color:var(--al-accent);background:var(--al-soft);color:var(--al-accent);box-shadow:inset 0 -3px 0 var(--al-accent);cursor:grab;touch-action:none}[data-play] .plr .zaai-tag[data-loose]{box-shadow:inset 0 -3px 0 var(--al-accent),0 6px 14px rgb(0 0 0/.14)}[data-play] .plr .zaai-tag[data-drag],[data-play] .plr .zaai-tag[data-held]{z-index:3;scale:1.1;rotate:-8deg;box-shadow:inset 0 -3px 0 var(--al-accent),0 12px 24px rgb(0 0 0/.2)}[data-play] .plr .zaai-tag[data-drag]{cursor:grabbing;transition-property:border-color,background-color,color,box-shadow,scale,rotate}[data-play] .plr .zaai-tag[data-ghost]{border-style:dashed;border-color:var(--al-accent);background:transparent;box-shadow:none;color:transparent;rotate:-7deg;opacity:0;transition:opacity var(--motion-quick) var(--ease-standard)}[data-play] .plr .zaai[data-busy] .zaai-peg[data-target] .zaai-tag[data-ghost]{opacity:1}[data-play] .plr .zaai[data-busy] .zaai-peg[data-target]{outline:none}[data-play] .plr button.zaai-tag:focus-visible{outline:3px solid var(--al-accent);outline-offset:3px}[data-play] .plr button.zaai-tag[aria-disabled=true]{cursor:default}[data-play] .plr .zaai[data-verdict=right] button.zaai-tag{border-color:var(--plr-ok);background:color-mix(in srgb,var(--plr-ok) 12%,var(--al-paper));color:var(--al-ink);box-shadow:inset 0 -3px 0 var(--plr-ok)}[data-play] .plr .zaai-obj{position:relative;display:inline-flex;align-items:stretch;min-height:50px;margin:0;padding:0;border:1.5px solid var(--al-line);border-radius:10px;background:var(--al-paper);color:var(--al-ink);box-shadow:inset 0 -3px 0 var(--al-line);font:600 17px/1 var(--plr-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:default;transition:border-color var(--motion-quick) var(--ease-standard),background-color var(--motion-quick) var(--ease-standard),outline-color var(--motion-quick) var(--ease-standard),scale var(--motion-quick) var(--ease-standard)}[data-play] .plr .zaai-obj[data-can]{cursor:pointer}[data-play] .plr .zaai-obj[data-can]:hover:not([aria-disabled=true]){border-color:var(--al-accent)}[data-play] .plr .zaai-obj:focus-visible{outline:3px solid var(--al-accent);outline-offset:3px}[data-play] .plr .zaai-obj[data-kind=int]{justify-content:center;min-width:var(--zaai-int);min-height:58px;font-size:24px}[data-play] .plr .zaai-cell{display:grid;place-items:center;min-width:var(--zaai-cell);padding:0 7px;transform-origin:left center;transition:background-color var(--motion-standard) var(--ease-standard),color var(--motion-standard) var(--ease-standard)}[data-play] .plr .zaai-cell+.zaai-cell{border-left:1.5px solid var(--al-line)}[data-play] .plr .zaai-cell:first-child{border-radius:8px 0 0 8px}[data-play] .plr .zaai-cell:last-child{border-radius:0 8px 8px 0}[data-play] .plr .zaai-cell:only-child{border-radius:8px}[data-play] .plr .zaai-obj[data-kind=int] .zaai-cell{flex:1 1}[data-play] .plr .zaai-v{display:inline-block}[data-play] .plr .zaai-cell[data-live]{background:var(--al-soft);color:var(--al-accent)}[data-play] .plr .zaai-obj[data-ghost]{align-items:center;justify-content:center;min-width:calc(3 * var(--zaai-cell) + 3px);border-style:dashed;border-color:color-mix(in srgb,var(--al-muted) 55%,transparent);background:transparent;box-shadow:none;color:var(--al-muted)}[data-play] .plr .zaai-obj[data-kind=int][data-ghost]{min-width:var(--zaai-int)}[data-play] .plr .zaai-ghost-label{font:500 16px/1 var(--plr-mono)}[data-play] .plr .zaai-obj[data-pending]{align-items:center;border-style:dashed;border-color:var(--al-accent);background:transparent;box-shadow:none;color:var(--al-accent);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}[data-play] .plr .zaai-obj[data-pending][data-drag],[data-play] .plr .zaai-obj[data-pending][data-held]{z-index:3;scale:1.06;background:var(--al-soft);box-shadow:0 12px 24px rgb(0 0 0/.18)}[data-play] .plr .zaai-obj[data-pending][data-drag]{cursor:grabbing}[data-play] .plr .zaai-obj[aria-disabled=true]{cursor:default}[data-play] .plr .zaai[data-busy] [data-target]{outline:2px dashed var(--al-accent);outline-offset:4px}[data-play] .plr .zaai [data-spot][data-hover]{background:var(--al-soft);scale:1.03}[data-play] .plr .zaai .zaai-obj[data-hover]{border-color:var(--al-accent)}@keyframes zaai-pop{0%{transform:scale(.5);opacity:0}65%{transform:scale(1.12);opacity:1}to{transform:none;opacity:1}}@keyframes zaai-cell-in{0%{transform:scaleX(.15);opacity:0}to{transform:none;opacity:1}}@keyframes zaai-flip-in{0%{transform:rotateX(90deg);opacity:.2}to{transform:none;opacity:1}}@keyframes zaai-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes zaai-sway{0%,to{transform:none}30%{transform:rotate(7deg)}70%{transform:rotate(-5deg)}}@keyframes zaai-nudge{0%,to{transform:none}45%{transform:scale(1.08)}}@media (prefers-reduced-motion:no-preference){[data-play] .plr[data-motion=running] .zaai-slot:not([data-empty]){animation:zaai-pop var(--motion-deliberate) var(--ease-spring) both}[data-play] .plr[data-motion=running] .zaai-cell[data-born]{animation:zaai-cell-in var(--motion-deliberate) var(--ease-spring) both}[data-play] .plr[data-motion=running] .zaai-cell[data-live]:not([data-born]) .zaai-v{animation:zaai-flip-in var(--motion-deliberate) var(--ease-standard) both}[data-play] .plr[data-motion=running] .zaai-out-text{animation:zaai-type calc(var(--zaai-n, 8) * 45ms) steps(var(--zaai-n,8)) both}[data-play] .plr[data-motion=running] .zaai-tag[data-loose]:not([data-held]):not([data-drag]){transform-origin:50% 0;animation:zaai-sway 1.5s var(--ease-inout) 2}[data-play] .plr[data-motion=running] .zaai-run[data-ready]{animation:zaai-nudge var(--motion-deliberate) var(--ease-spring) 2}}@media (prefers-reduced-motion:reduce){[data-play] .plr .zaai-cell,[data-play] .plr .zaai-line,[data-play] .plr .zaai-line:before,[data-play] .plr .zaai-obj,[data-play] .plr .zaai-out-text,[data-play] .plr .zaai-peg,[data-play] .plr .zaai-run,[data-play] .plr .zaai-tag,[data-play] .plr .zaai-tag[data-drag]{transition-property:opacity,color,background-color,border-color,box-shadow}[data-play] .plr .zaai [data-spot][data-hover],[data-play] .plr .zaai-obj[data-pending][data-held],[data-play] .plr .zaai-tag[data-drag],[data-play] .plr .zaai-tag[data-held]{scale:none}}[data-play] .plr[data-motion=paused] .zaai-cell,[data-play] .plr[data-motion=paused] .zaai-line,[data-play] .plr[data-motion=paused] .zaai-line:before,[data-play] .plr[data-motion=paused] .zaai-obj,[data-play] .plr[data-motion=paused] .zaai-out-text,[data-play] .plr[data-motion=paused] .zaai-peg,[data-play] .plr[data-motion=paused] .zaai-run,[data-play] .plr[data-motion=paused] .zaai-tag{transition-property:opacity,color,background-color,border-color,box-shadow}@container (max-width: 480px){[data-play] .plr .zaai{--zaai-cell:33px;--zaai-int:100px;gap:12px}[data-play] .plr .zaai-code{padding:6px 6px 6px 4px}[data-play] .plr .zaai-lines{font-size:15px}[data-play] .plr .zaai-line{min-height:30px;padding-inline:8px;column-gap:8px}[data-play] .plr .zaai-line:first-child{padding-right:88px}[data-play] .plr .zaai-run{top:4px;right:4px;padding:8px 14px 8px 11px;font-size:14.5px}[data-play] .plr .zaai-peg{min-height:58px}[data-play] .plr .zaai-stations{column-gap:16px}[data-play] .plr .zaai-obj{min-height:46px;font-size:16px}[data-play] .plr .zaai-obj[data-kind=int]{min-height:54px;font-size:22px}[data-play] .plr .zaai-cell{padding:0 5px}[data-play] .plr .zaai-tag{min-width:44px;font-size:17px}[data-play] .plr .zaai-ghost-label{font-size:15px}}[data-play] .plr .zaai{width:100%;max-width:620px;margin-inline:auto;box-sizing:border-box;--zaai-tag-h:44px}[data-play] .plr .zaai-lines,[data-play] .plr .zaai-run{font-size:17px}[data-play] .plr .zaai-tag{font-size:22px;min-height:44px}[data-play] .plr .zaai-obj{font-size:20px}[data-play] .plr .zaai-src{white-space:pre-wrap;overflow-wrap:anywhere}