/* A bottle-shaped action cue, with feedback kept outside the stable HUD layout. */
.beer-stock { display:inline-flex; align-items:center; justify-content:center; gap:4px; min-width:40px; height:34px; padding:4px 6px; border:1px solid #80734b55; border-radius:7px; background:#171c14; color:#e2dbb9; }
.beer-stock svg { width:15px; height:23px; fill:#59784055; stroke:#b4ca86; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
#drink.beer-treat,#clubDrink.beer-treat {
  position:relative; display:inline-flex; align-items:center; justify-content:center; gap:5px; isolation:isolate;
  height:44px; min-height:44px; min-width:118px; padding:3px 12px 3px 5px; overflow:visible;
  border:2px solid #8b9e58; border-top-color:#c6d894; border-radius:8px;
  background:linear-gradient(160deg,#5a6936,#344225 60%,#25331f); color:#f9edba;
  box-shadow:inset 0 1px #f5edb22e,inset 0 -3px #14221099,0 3px 0 #11190e,0 5px 10px #0004;
  text-shadow:0 1px 2px #000a; transition:filter .14s,box-shadow .14s;
}
.beer-treat .beer-treat-bottle { display:block; width:30px; height:43px; flex:none; object-fit:contain; pointer-events:none; transform:rotate(-12deg); transform-origin:50% 80%; filter:drop-shadow(1px 2px 2px #0008); }
.beer-treat .beer-treat-copy { display:flex; flex-direction:column; align-items:flex-start; gap:2px; white-space:nowrap; }
.beer-treat .beer-treat-copy b { color:inherit; font-size:13px; line-height:1.1; font-weight:750; letter-spacing:.15px; }
#drink.beer-treat:hover:not(:disabled),#clubDrink.beer-treat:hover:not(:disabled),#drink.beer-treat:focus-visible,#clubDrink.beer-treat:focus-visible {
  outline:0; filter:brightness(1.13); border-color:#dfe8a0;
  box-shadow:inset 0 1px #f5edb244,inset 0 -3px #14221088,0 3px 0 #11190e,0 0 18px #bace6a3b;
}
#drink.beer-treat:active:not(:disabled),#clubDrink.beer-treat:active:not(:disabled) { box-shadow:inset 0 2px 5px #142210aa,0 1px 0 #11190e; }
#drink.beer-treat.babay-wants,#clubDrink.beer-treat.babay-wants { background:linear-gradient(160deg,#69783b,#3c4c27 65%,#2b3a20)!important; border-color:#d9e695!important; box-shadow:inset 0 1px #fcf5bc44,inset 0 -3px #14221088,0 3px 0 #11190e,0 0 15px #b9d27540!important; }
#drink.beer-treat::after,#clubDrink.beer-treat::after { content:none; }
#drink.beer-treat:disabled,#clubDrink.beer-treat:disabled { opacity:.5; filter:saturate(.4); cursor:not-allowed; }
body.location-shell .shell:has(#locationShell) #characterPanel .beerbar { align-items:center; }
body.location-shell .shell:has(#locationShell) #drink { flex:1; min-width:0; }
.in-bj #drink.beer-treat { min-width:108px; height:40px; min-height:40px; padding-right:7px; }
@media(max-width:700px) {
  #drink.beer-treat,#clubDrink.beer-treat { min-width:104px; padding-right:8px; gap:3px; }
  .beer-treat .beer-treat-bottle { width:25px; height:39px; }
  .beer-treat .beer-treat-copy b { font-size:12px; }
  .beer-stock { min-width:36px; height:32px; }
  .club-live #clubDrink.beer-treat { min-width:84px; padding:3px 6px; }
  .club-live #clubDrink .beer-treat-bottle { width:22px; height:35px; }
}
@media(prefers-reduced-motion:reduce) { #drink.beer-treat,#clubDrink.beer-treat { transition:none; } }