@media screen{.zd-stage{--zd-art:var(--board-lg);--fall:1.2s;--zd-glass:color-mix(in srgb,var(--accent-blue)70%,#fff);--zd-aqua:color-mix(in srgb,var(--accent-blue)55%,#1f8fe0);--zd-item:calc(var(--zd-art)*.85);display:grid;grid-template-columns:minmax(0,1.65fr)minmax(0,1fr);grid-template-rows:minmax(0,1fr);box-sizing:border-box;gap:2.5cqw;height:100cqh;padding:2.5cqh 2.5cqw}.zd-play,.zd-right{display:flex;flex-direction:column;gap:1.5cqh;min-width:0;min-height:0}body.board-presenting .zd-right{padding-top:72px}.zd-top{display:flex;min-height:var(--board-hit);justify-content:flex-start;align-items: center;gap:2cqw}.zd-tally{font-size:calc(var(--board-md)*.8);color:var(--text-primary);margin:0;font-weight:700}.zd-reset{min-height:var(--board-hit);border:2px solid var(--border-color-field);border-radius:var(--border-radius-sm);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-body);font-size:max(16px,var(--board-sm));cursor:pointer;padding:0 20px;font-weight:700}.zd-reset[aria-disabled=true]{opacity:.45;cursor:default}.zd-reset.zd-confirm{border-color:var(--accent);background:#fff4e6}.zd-reset:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.zd-guess:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.zd-obj:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.zd-page-btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.zd-tank{--water:34%;position:relative;overflow:hidden;border:clamp(3px,.6cqmin,8px)solid var(--zd-glass);border-top:clamp(5px,1cqmin,12px)solid color-mix(in srgb,var(--zd-glass)45%,#fff);border-radius:0 0 var(--border-radius-md)var(--border-radius-md);background:color-mix(in srgb,var(--accent-blue)5%,var(--bg-card));flex:auto;min-height:0;box-shadow:inset 0 0 0 2px #ffffff8c}.zd-water{position:absolute;inset:var(--water)0 0 0;z-index:0;border-top:clamp(2px,.4cqmin,6px)solid color-mix(in srgb,var(--zd-aqua)80%,#000);background:linear-gradient(180deg,color-mix(in srgb,var(--zd-aqua)52%,#fff),color-mix(in srgb,var(--zd-aqua)78%,#fff));pointer-events:none}.zd-veil{position:absolute;inset:var(--water)0 0 0;z-index:2;background:linear-gradient(180deg,#ffffff80,#fff0 7%),color-mix(in srgb,var(--zd-aqua)16%,transparent);pointer-events:none}.zd-item{--x:50;--layer:0;--wobble:0;position:absolute;left:calc(var(--x)*1%);top:var(--rest);z-index:1;width:var(--zd-item);height:var(--zd-item);margin-left:calc(var(--zd-item)/-2);pointer-events:none}.zd-item .zd-art{display:block;width:100%;height:100%}.zd-item--sink{--rest:calc(100% - var(--zd-item) - 1.5% - var(--layer)*var(--zd-item)*.72);--tilt:calc((var(--wobble) - 1.5)*5deg);transform:rotate(var(--tilt));animation:zd-sink var(--fall)both}.zd-item--float{--rest:calc(var(--water) - var(--zd-item)*.7 + var(--layer)*var(--zd-item)*.35);animation:zd-float var(--fall)both,zd-bob 3.6s ease-in-out calc(var(--fall) - var(--wobble)*.5s)infinite}@keyframes zd-sink{0%{top:0;opacity:0;transform:rotate(0);animation-timing-function:ease-in}8%{opacity:1}34%{top:calc(var(--water) - var(--zd-item)*.45);transform:rotate(0);animation-timing-function:ease-out}to{top:var(--rest);transform:rotate(var(--tilt))}}@keyframes zd-float{0%{top:0;opacity:0;animation-timing-function:ease-in}8%{opacity:1}36%{top:calc(var(--rest) + var(--zd-item)*.5);animation-timing-function:ease-out}62%{top:calc(var(--rest) - var(--zd-item)*.08);animation-timing-function:ease-in-out}80%{top:calc(var(--rest) + var(--zd-item)*.04);animation-timing-function:ease-in-out}to{top:var(--rest)}}@keyframes zd-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(calc(var(--zd-item)*-.04))rotate(2deg)}}.zd-sr{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px}.zd-verdict{position:absolute;z-index:4;display:flex;border:clamp(3px,.5cqmin,8px)solid var(--zd-tone,var(--border-color-field));border-radius:var(--border-radius-md);background:var(--bg-card);white-space:nowrap;pointer-events:none;animation:.35s ease-out both zd-pop;align-items: center;gap:2cqw;padding:1.2cqh 2.4cqw;top:5%;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0000002e}.zd-verdict[data-right=true]{--zd-tone:var(--accent-green)}.zd-verdict[data-right=false]{--zd-tone:var(--accent)}.zd-verdict .zd-glyph,.zd-mark{width:calc(var(--board-lg)*1.2);height:calc(var(--board-lg)*1.2);flex:none}.zd-mark{fill:var(--zd-tone);stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.zd-mark path{fill:none}.zd-verdict-text{display:flex;font-size:calc(var(--board-md)*1.45);color:var(--text-primary);flex-direction:column;gap:.2em;font-weight:700}@keyframes zd-pop{0%{opacity:0;transform:translate(-50%)scale(.7)}to{opacity:1;transform:translate(-50%)scale(1)}}.zd-splash{--x:50;position:absolute;left:calc(var(--x)*1%);top:var(--water);z-index:3;pointer-events:none;width:0;height:0}.zd-ring{position:absolute;left:calc(var(--zd-item)*-.65);top:calc(var(--zd-item)*-.175);width:calc(var(--zd-item)*1.3);height:calc(var(--zd-item)*.35);opacity:0;animation:zd-ring .7s ease-out calc(var(--fall)*.3)both;border:clamp(2px,.45cqmin,6px) solid #fff;border-radius:50%}.zd-bubble{--dx:0;--i:0;position:absolute;left:calc(var(--zd-item)*var(--dx));width:calc(var(--zd-item)*.14);height:calc(var(--zd-item)*.14);opacity:0;animation:zd-bubble .7s ease-out calc(var(--fall)*.28 + var(--i)*.1s)both;border:clamp(2px,.3cqmin,4px) solid #fff;border-radius:50%;top:0}@keyframes zd-ring{0%{opacity:.95;transform:scale(.2)}to{opacity:0;transform:scale(1)}}@keyframes zd-bubble{0%{opacity:0;transform:translateY(calc(var(--zd-item)*.7))}25%{opacity:1}to{opacity:0;transform:translateY(0)}}.zd-predict{display:flex;min-height:calc(var(--board-hit)*2.2);justify-content:center;align-items: center;gap:2cqw}.zd-prompt{display:flex;font-size:var(--board-md);color:var(--text-primary);align-items: center;gap:1cqw;margin:0;font-weight:700}.zd-prompt .zd-art{width:var(--board-lg);height:var(--board-lg);flex:none}.zd-guess{display:inline-flex;min-width:calc(var(--board-hit)*3);min-height:calc(var(--board-hit)*1.5);border:3px solid var(--border-color-field);border-radius:var(--border-radius-md);color:var(--text-primary);font-family:var(--font-heading);font-size:var(--board-md);cursor:pointer;justify-content:center;align-items: center;gap:1cqw;padding:0 2cqw;font-weight:700}.zd-guess[data-guess=sinks]{background:color-mix(in srgb,var(--accent-blue)28%,#fff)}.zd-guess[data-guess=floats]{background:color-mix(in srgb,var(--accent-green)32%,#fff)}.zd-glyph{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.1em;height:1.1em}.zd-hint{font-size:var(--board-sm);color:var(--text-muted);text-align:center;margin:0}body.board-presenting .zd-hint:not(.zd-hint--predict){display:none}.zd-tray{display:flex;flex:auto;min-height:0}.zd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));flex:auto;gap:1.2cqh 1cqw}.zd-empty{font-size:var(--board-sm);color:var(--text-muted);text-align:center;margin:auto}.zd-obj{display:flex;min-width:var(--board-hit);min-height:var(--board-hit);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-card);color:var(--text-primary);font:inherit;cursor:pointer;flex-direction:column;justify-content:center;align-items: center;gap:.4cqh;padding:.6cqh .4cqw}.zd-obj .zd-art{width:calc(var(--board-lg)*1.2);height:calc(var(--board-lg)*1.2);flex:none;max-width:100%}.zd-obj-name{font-size:max(11px,calc(var(--board-sm)*.8));hyphens:auto;overflow-wrap:break-word;text-align:center;max-width:100%;line-height:1.1}.zd-obj[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 3px rgb(var(--accent-rgb)/.35);background:#fff4e6}.zd-obj[aria-disabled=true]{opacity:.35;filter:grayscale(1);cursor:default}.zd-pager{display:flex;justify-content:center;align-items: center;gap:1.5cqw}.zd-page-btn{display:inline-flex;width:calc(var(--board-hit)*1.25);height:calc(var(--board-hit)*1.25);border:2px solid var(--border-color-field);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items: center;padding:0}.zd-page-btn[aria-disabled=true]{opacity:.35;cursor:default}.zd-page-btn svg{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;width:55%;height:55%}.zd-page-no{font-size:var(--board-sm);color:var(--text-secondary);text-align:center;min-width:4.5ch}.zd-bulk{display:flex;gap:8px}.zd-pick{display:grid;overflow-y:auto;gap:2px;max-height:320px}.zd-pick-label{display:inline-flex;align-items: center;gap:8px}.zd-pick-label .zd-art{flex:none;width:28px;height:28px}}@media screen and (prefers-reduced-motion:reduce){.zd-item,.zd-splash,.zd-verdict{animation:none}.zd-splash{display:none}}