.board-pour{--board-accent:#8f65fb;--pour-ink:#1b1726;--on-accent:#1b1726;--pour-ms:.3s;--liquid-0:#f5c400;--liquid-1:#f07818;--liquid-2:#e54858;--liquid-3:#e060a8;--liquid-4:#a06ad8;--liquid-5:#5a88e8;--liquid-6:#1aa8c4;--liquid-7:#3aaa48;--liquid-8:#b0c41a}@media (prefers-color-scheme:dark){.board-pour{--board-accent:#9580ff;--pour-ink:#f4efe6;--liquid-0:#6e5806;--liquid-1:#8e4e0c;--liquid-2:#8e2838;--liquid-3:#882860;--liquid-4:#5c3098;--liquid-5:#244e9e;--liquid-6:#0e6878;--liquid-7:#1e6630;--liquid-8:#5c7010}}.pour-board{flex-flow:column;justify-content:center;align-items:center;gap:clamp(4px,2cqh,16px);max-width:100%;min-height:0;margin-inline:auto;display:flex}.pour-row{flex-wrap:nowrap;justify-content:center;gap:2px;display:flex}.pour-tube{--pour-tube-width:clamp(46px, calc(var(--stage-w) / 11), 72px);flex:0 0 var(--pour-tube-width);width:var(--pour-tube-width);height:max(64px, min(160px, calc(var(--stage-h) / 3)));cursor:pointer;touch-action:manipulation;background-color:#0000;background-image:url(/content/games/pour/tube.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;padding:0;transition:transform .16s;position:relative}.pour-controls{justify-content:center;gap:8px;width:min(100%,420px);display:flex}.pour-controls>button{flex:1;min-width:48px;min-height:48px}@media (max-height:430px){.pour-tube{height:max(52px, min(96px, calc(var(--stage-h) / 3)))}}.pour-tube:focus-visible{outline:3px solid var(--board-accent);outline-offset:2px}.pour-tube:disabled{cursor:default;opacity:1}.pour-tube.is-up{z-index:3;transform:translateY(-12px)}.pour-tube.is-shake{animation:.16s linear pour-shake}@keyframes pour-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.pour-liquid{z-index:1;pointer-events:none;border-bottom-right-radius:12px;border-bottom-left-radius:12px;flex-direction:column-reverse;width:54%;display:flex;position:absolute;top:16%;bottom:17%;left:23%;overflow:hidden}.pour-seg{transform-origin:bottom;height:25%;animation:pour-rise var(--pour-ms) ease;flex:0 0 25%;justify-content:center;align-items:center;display:flex}@keyframes pour-rise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.pour-symbol{background:var(--pour-ink);width:14px;height:14px;-webkit-mask-image:var(--sym);-webkit-mask-image:var(--sym);mask-image:var(--sym);display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pour-tick{z-index:2;color:#1b1726;pointer-events:none;width:14px;height:14px;position:absolute;top:1px;left:50%;transform:translate(-50%)}
