.board{place-content:center;align-items:flex-end;gap:var(--row-gap,26px) var(--col-gap,12px);width:var(--board-w,auto);flex-wrap:wrap;max-width:100%;min-height:0;margin-inline:auto;padding:8px 0;display:flex}.tube{flex:0 0 var(--tube-w,52px);--tilt:0deg;width:var(--tube-w,52px);height:calc(var(--band-h,26px) * var(--capacity,4) + 10px);transform-origin:50% 92%;padding:0;transition:transform .18s cubic-bezier(.3,1.3,.5,1);position:relative}.tube.is-selected{transform:translateY(-16px)}.tube-glass{border-radius:6px 6px calc(var(--tube-w,52px) / 2.1) calc(var(--tube-w,52px) / 2.1);border:2px solid var(--glass-edge);box-shadow:inset 0 -8px 14px #00000029, 0 3px 10px var(--shadow);background:linear-gradient(100deg,#ffffff21 0%,#ffffff08 34%,#ffffff17 60%,#ffffff05 100%);border-top-width:0;display:block;position:absolute;inset:0;overflow:hidden}.tube-glass:before{content:"";background:var(--glass-edge);z-index:2;height:2px;position:absolute;top:0;left:0;right:0}.tube-liquid{flex-direction:column-reverse;justify-content:flex-start;display:flex;position:absolute;inset:0}.band{flex:0 0 var(--band-h,26px);height:var(--band-h,26px);background:linear-gradient(90deg, var(--edge) 0%, var(--fill) 22%, var(--fill) 74%, var(--edge) 100%);place-items:center;display:grid;position:relative}.band:last-child:after{content:"";background:#ffffff3d;height:4px;position:absolute;top:0;left:0;right:0}.band .glyph{width:calc(var(--band-h,26px) * .52);height:calc(var(--band-h,26px) * .52);fill:#ffffffd1;filter:drop-shadow(0 1px 1px #00000047);pointer-events:none}.band-pouring{animation:.34s cubic-bezier(.35,.9,.4,1) both band-land}@keyframes band-land{0%{transform:translateY(calc(var(--band-h,26px) * -3.2));opacity:.15}70%{opacity:1}to{opacity:1;transform:translateY(0)}}.tube.is-pouring{z-index:3;animation:.38s cubic-bezier(.4,.1,.3,1) both tube-tilt}@keyframes tube-tilt{0%{transform:translateY(-16px)rotate(0)}35%{transform:translateY(-22px) rotate(var(--tilt))}70%{transform:translateY(-22px) rotate(var(--tilt))}to{transform:translateY(0)rotate(0)}}.tube.is-rejected{animation:.3s ease-in-out both tube-shake}@keyframes tube-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}45%{transform:translate(5px)}70%{transform:translate(-3px)}}.tube.is-hinted .tube-glass{animation:.6s ease-in-out 2 both hint-glow}@keyframes hint-glow{50%{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), 0 3px 10px var(--shadow)}}.tube.is-complete .tube-glass{box-shadow:inset 0 -8px 14px #0000001a, 0 0 0 2px #ffffff14, 0 3px 10px var(--shadow);border-color:#ffffff80}.tube.is-complete .glyph{opacity:.55}.tube.is-celebrating{animation:.5s cubic-bezier(.3,1.4,.5,1) both tube-hop;animation-delay:var(--celebrate-delay,0s)}@keyframes tube-hop{35%{transform:translateY(-18px)}to{transform:translateY(0)}}.board-loading{color:var(--text-dim);place-items:center;font-size:.86rem;display:grid}.win-title{text-align:center;margin:0 0 6px;font-size:1.6rem}.win-stats{justify-content:center;gap:26px;margin:16px 0 22px;display:flex}.win-stat{text-align:center}.win-stat b{font-variant-numeric:tabular-nums;font-size:1.5rem;display:block}.win-stat span{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}