/* One-shot glass-fill entrance. Decorative and click-through. */
.beer-entry{position:fixed;inset:0;z-index:9998;pointer-events:none;overflow:hidden;contain:strict;animation:beer-reveal 3.6s linear both}
.beer-entry-liquid{position:absolute;inset:0;transform:translateY(110%);background:linear-gradient(90deg,#844006c9 0%,#e99c16ed 12%,#ffd064ed 36%,#ec9a16f5 65%,#bb6409ed 90%,#763604d9);box-shadow:inset 14px 0 30px #fff6,inset -14px 0 30px #fff4;animation:beer-fill 3.6s cubic-bezier(.3,.5,.2,1) both}
.beer-entry-liquid::before{content:"";position:absolute;left:-5%;right:-5%;top:-65px;height:115px;border-radius:45% 55% 20% 20%;background:radial-gradient(ellipse at 12% 38%,#fffbed 0 19%,transparent 20%),radial-gradient(ellipse at 47% 24%,#fffdf2 0 28%,transparent 29%),radial-gradient(ellipse at 82% 34%,#fff8e4 0 24%,transparent 25%),linear-gradient(#fff9e9 15%,#fff5d9 65%,#f5d492);box-shadow:0 12px 23px #fff3,inset 0 -12px 20px #d9983044}
.beer-entry-liquid::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 5%,#fff7 7%,#fff1 10%,transparent 13%,transparent 84%,#fff4 88%,transparent 92%)}
.beer-entry-bubbles{position:absolute;inset:0;overflow:hidden}
.beer-entry-bubbles i{position:absolute;bottom:-12%;left:var(--x);width:var(--size);height:var(--size);border:1px solid #fff9;border-radius:50%;background:#ffefb833;box-shadow:inset 1px 2px 3px #fff6;animation:beer-bubble var(--speed) linear infinite;animation-delay:var(--delay)}
@keyframes beer-fill{0%{transform:translateY(110%)}58%,100%{transform:translateY(-7%)}}
@keyframes beer-reveal{0%,64%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes beer-bubble{0%{transform:translateY(0);opacity:0}12%,85%{opacity:.8}100%{transform:translateY(-115vh);opacity:0}}
@media(max-width:650px){.beer-entry-liquid::before{height:85px;top:-45px}.beer-entry-bubbles i:nth-child(n+15){display:none}}
@media(prefers-reduced-motion:reduce){.beer-entry{display:none!important}}
html.motion-paused .beer-entry{display:none!important}