/* Interactive wine display: same frame for WebGL and the original artwork fallback. */
#wine-stage{position:relative;isolation:isolate;width:100%;height:clamp(390px,48vw,620px);min-width:0;background:radial-gradient(ellipse at 50% 40%,#efe9dc 0%,#e3dac9 62%,#d6cbb7 100%);border-radius:48% 48% 4px 4px;overflow:hidden}
#wine-stage:after{content:"";position:absolute;z-index:-1;bottom:6%;left:30%;width:40%;height:5%;background:#4c453d44;border-radius:50%;filter:blur(13px);pointer-events:none}
#wine-stage #wine-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y;outline-offset:-5px}
#wine-stage #wine-canvas.is-dragging{cursor:grabbing}
#wine-stage #wine-canvas:focus-visible{outline:2px solid #705c3d}
#wine-stage #wine-label{position:absolute;inset:7% 10%;width:80%;height:86%;object-fit:contain;filter:drop-shadow(0 15px 16px #34291c22)}
#wine-stage [hidden]{display:none!important}
.wine-controls{display:flex;gap:10px;justify-content:center;margin:18px 0 10px;flex-wrap:wrap}
.wine-controls button{min-height:44px;min-width:44px;border:1px solid #b1a38e;border-radius:3px;background:transparent;color:inherit;padding:9px 16px;font:inherit;cursor:pointer}
.wine-controls button:hover:not(:disabled){background:#e3dac9}
.wine-controls button:disabled{opacity:.38;cursor:default}
.wine-controls button:focus-visible,[data-wine]:focus-visible{outline:2px solid #705c3d;outline-offset:3px}
#wine-status{min-height:2.5em;text-align:center;font-size:12px;line-height:1.5;color:#685f50;max-width:38em;margin:8px auto}
@media(max-width:600px){#wine-stage{height:460px}.wine-controls{gap:7px}.wine-controls button{font-size:13px;padding:9px 12px}}