/* Original screenshot layout, with live controls replacing baked-in UI. */
.bar-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bar-game .bar-ingredient{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.bar-game .bar-ingredient:active{cursor:grabbing}.bar-game .bar-is-dragging .bar-bottle{opacity:.35}
.bar-mixer.bar-drop-active{outline:1px dashed var(--drop-color,#91769e);outline-offset:-2px}.bar-mixer.bar-drop-over{outline:2px solid var(--drop-color,#8fe8dc);outline-offset:-2px;background:color-mix(in srgb,var(--drop-color,#8fe8dc) 15%,#000)}
.bar-drag-bottle{position:fixed;z-index:10000;width:36px;height:70px;background:var(--drop-color) url('/bar/assets/original-bottle.png') center/100% 100% no-repeat;background-blend-mode:multiply;image-rendering:pixelated;transform:translate(-50%,-50%) rotate(-12deg);pointer-events:none;filter:drop-shadow(2px 2px 0 #000)}
.bar-drag-pouring{transform:translate(-50%,-50%) rotate(45deg)}
.bar-pour-pixel{position:fixed;width:4px;height:4px;z-index:9999;pointer-events:none}.bar-pour-count{position:fixed;font:bold 14px/1 monospace;z-index:9999;pointer-events:none;text-shadow:2px 2px #000}
.bar-machine{grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);background:#211c30;border-color:#383044}
.bar-room{aspect-ratio:660/482;background:#000}.bar-room-fallback{object-fit:fill}
.bar-console{display:grid;grid-template-columns:65px repeat(3,minmax(0,1fr));grid-template-rows:100px 48px 110px 110px 45px 55px;gap:4px;background:#211c30;padding:0 3px 3px;border:0}
.bar-brand{grid-column:1/-1;padding:0;border:3px solid #393144;background:#000;position:relative;overflow:hidden}.bar-brand img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.bar-brand h1{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
.bar-slots{grid-column:1/-1;grid-row:2;padding:0;justify-content:flex-end;gap:6px}.bar-slots button{max-width:140px;background:#a4a4a4;color:#111;border-color:#635f67;box-shadow:inset 0 0 0 2px #d4d4d4,inset 0 0 0 4px #39353e;font-size:13px}.bar-slots button[aria-pressed=true]{background:#d0becf;border-color:#eab1d6;color:#21162b}.bar-slots span{color:#513c5e}
.bar-ingredients,.bar-workbench,.bar-treatment,.bar-mix-actions{display:contents}
.bar-game .bar-ingredient{position:relative;display:grid;grid-template-columns:30px 1fr;grid-template-rows:20px 1fr;gap:3px;padding:7px 6px;border:2px solid #3a3146;background:#000;align-items:center}
.bar-ingredient>span:first-child{grid-column:1/-1;min-height:0;text-align:left;font-size:10px;white-space:nowrap;overflow-wrap:normal}
.bar-ingredient[data-add='0']{grid-column:2;grid-row:3}.bar-ingredient[data-add='1']{grid-column:3;grid-row:3}.bar-ingredient[data-add='2']{grid-column:4;grid-row:3}.bar-ingredient[data-add='3']{grid-column:2;grid-row:4}.bar-ingredient[data-add='4']{grid-column:4;grid-row:4}
.bar-bottle{width:28px;height:55px;background:var(--bottle) url('/bar/assets/original-bottle.png') center/100% 100% no-repeat;background-blend-mode:multiply;clip-path:none;image-rendering:pixelated;grid-column:1;grid-row:2}.bar-bottle:after{display:none}.bar-ingredient output{grid-column:2;grid-row:2;font-size:20px;align-self:center}.bar-ingredient .bar-units{position:absolute;left:42px;right:6px;bottom:10px;width:auto;height:9px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--bottle) 40%,#000) 0 2px,transparent 2px 8px);border:1px solid color-mix(in srgb,var(--bottle) 45%,#000)}.bar-units i{height:7px;opacity:.8}
#bar-ice{grid-column:1;grid-row:3}#bar-age{grid-column:1;grid-row:4}.bar-treatment button{background:#000;border-color:#3a3146;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:13px}.bar-treatment button i{font-size:26px}#bar-ice i{color:#80a6ad}#bar-age i{color:#926291}
.bar-mixer{grid-column:3;grid-row:4/6;min-height:0;margin:0;background:#000;padding-top:4px}.bar-shaker{width:48px;height:100px;background:url('/bar/assets/original-shaker.png') center/contain no-repeat;image-rendering:pixelated;margin-bottom:3px}.bar-shaker i,.bar-shaker b{display:none}#bar-mix-state{font-size:8px}#bar-capacity{font-size:9px}.bar-timer{margin:3px auto}
#bar-reset{grid-column:2;grid-row:5}#bar-mix{grid-column:4;grid-row:5}.bar-mix-actions button{background:#a4a4a4!important;color:#111;box-shadow:inset 0 0 0 2px #d4d4d4,inset 0 0 0 4px #39353e;border-color:#635f67!important}
.bar-result{grid-column:1/-1;grid-row:6;background:#000;border:2px solid #3a3146;padding:4px 7px}.bar-dialogue,.bar-menu{border:3px solid #393144;background:#000}.bar-menu button{background:#000;box-shadow:none}.bar-menu a{color:#d1c8d9}
.bar-dialogue .bar-pairing{padding:12px 0 0;margin-top:12px;border-top:1px solid #3d2940}.bar-dialogue .bar-pairing h2{font-size:17px;margin:4px 0}.bar-dialogue .bar-pairing p{display:none}.bar-dialogue .bar-pairing a{font-size:12px;min-height:36px}.bar-credits{padding-bottom:16px}
@media(min-width:701px){.bar-room{aspect-ratio:auto;min-height:488px}.bar-dialogue{min-height:148px}}
@media(max-width:1050px) and (min-width:701px){.bar-game{width:calc(100% - 24px)}.bar-machine{grid-template-columns:1.1fr 1fr}.bar-console{grid-template-columns:50px repeat(3,minmax(0,1fr))}.bar-ingredient>span:first-child{font-size:8px}.bar-game .bar-ingredient{padding:5px 3px}.bar-bottle{width:23px}.bar-ingredient output{font-size:17px}}
@media(max-width:700px){.bar-machine{grid-template-columns:1fr}.bar-room{aspect-ratio:660/482}.bar-console{grid-template-columns:53px repeat(3,minmax(0,1fr));grid-template-rows:96px 48px 112px 112px 45px 58px}.bar-ingredient>span:first-child{font-size:9px}.bar-game .bar-ingredient{padding:6px 4px}.bar-bottle{width:25px}.bar-treatment button{font-size:12px}}
@media(max-width:360px){.bar-console{grid-template-columns:45px repeat(3,minmax(0,1fr))}.bar-ingredient>span:first-child{font-size:8px}.bar-game .bar-ingredient{grid-template-columns:24px 1fr;gap:1px;padding:5px 2px}.bar-bottle{width:22px}.bar-ingredient .bar-units{left:28px}.bar-ingredient output{font-size:17px}}