.loading-screen{position:relative;height:100vh;height:100svh;height:100dvh;min-height:100vh;min-height:100svh;min-height:100dvh;max-height:100vh;max-height:100svh;max-height:100dvh;display:grid;place-items:center;padding:clamp(12px,2.5vh,24px);isolation:isolate;overflow:hidden;color:#fff9ed;background:linear-gradient(#120a08b8,#090504d1),url(/pub-hero-logo.png) center / min(92vw,1100px) auto no-repeat,radial-gradient(circle at top,#3f1705,#170804 44%,#0b0503)}.loading-screen:before,.loading-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.loading-screen:before{background:radial-gradient(circle at 20% 20%,rgba(255,191,45,.12),transparent 28%),radial-gradient(circle at 78% 16%,rgba(255,245,209,.08),transparent 24%),radial-gradient(circle at 50% 120%,rgba(255,134,0,.18),transparent 40%)}.loading-screen:after{opacity:.14;background-image:linear-gradient(rgba(255,245,209,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(255,245,209,.18) 1px,transparent 1px);background-size:140px 140px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 78%);mask-image:radial-gradient(circle at center,black,transparent 78%)}.loading-screen__glow{position:absolute;width:38vw;height:38vw;border-radius:50%;filter:blur(28px);opacity:.55;z-index:-2}.loading-screen__glow--left{left:8%;top:10%;background:radial-gradient(circle,rgba(255,181,35,.22),transparent 68%)}.loading-screen__glow--right{right:6%;bottom:4%;background:radial-gradient(circle,rgba(255,110,37,.2),transparent 72%)}.loading-screen__sparkle{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff8dff2;box-shadow:0 0 10px #fff5cdcc,0 0 26px #ffb80059;animation:loading-screen-twinkle 3.6s ease-in-out infinite}.loading-screen__sparkle:before,.loading-screen__sparkle:after{content:"";position:absolute;left:50%;top:50%;background:currentColor;transform:translate(-50%,-50%);border-radius:999px}.loading-screen__sparkle:before{width:2px;height:24px}.loading-screen__sparkle:after{width:24px;height:2px}.loading-screen__mug-stage{position:relative;width:min(100%,820px);height:min(760px,calc(100dvh - clamp(24px,5vh,48px)));max-height:calc(100dvh - clamp(24px,5vh,48px));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;transform:translateY(-10px);overflow:hidden}.loading-screen__halo{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,197,74,.48),rgba(255,168,42,.1) 48%,transparent 70%);filter:blur(22px);animation:loading-screen-halo-pulse 5.5s ease-in-out infinite}.loading-screen__beer-mug{width:min(100%,min(540px,48vh));overflow:visible;filter:drop-shadow(0 28px 42px rgba(0,0,0,.32))}.loading-screen__quote-bar{display:flex;align-items:center;justify-content:center;width:min(100%,760px);padding:0 10px;margin-top:-18px}.loading-screen__quote-bar p{margin:0;color:#fff5e0eb;font-size:clamp(.84rem,1.35vw,1.04rem);line-height:1.35;text-align:center;max-width:54ch}.loading-screen__quote-label,.loading-screen__quote-text{display:block}.loading-screen__quote-label{margin-bottom:4px;color:#ffd978;font-size:clamp(.8rem,1.1vw,.92rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.loading-screen__shadow-ellipse{fill:#0f05036b;filter:blur(6px)}.loading-screen__mug-body{fill:url(#glassFill);stroke:url(#glassStroke);stroke-width:8}.loading-screen__mug-handle{fill:none;stroke:#ecf8ffe0;stroke-width:20;stroke-linecap:round}.loading-screen__mug-handle-inner{fill:none;stroke:#7db9dd59;stroke-width:8;stroke-linecap:round}.loading-screen__glass-line{fill:none;stroke:#ffffff5c;stroke-width:6;stroke-linecap:round}.loading-screen__glass-line--faint{opacity:.38}.loading-screen__beer-fill,.loading-screen__beer-level-clip{transform-origin:center bottom;animation:loading-screen-beer-rise 4.4s cubic-bezier(.22,1,.36,1) infinite}.loading-screen__beer-column-shine{mix-blend-mode:screen;animation:loading-screen-shine-drift 4.4s ease-in-out infinite}.loading-screen__beer-surface{fill:#fff4b561;transform-origin:center;animation:loading-screen-surface-wave 2.8s ease-in-out infinite}.loading-screen__bubble{fill:#fff4c180;stroke:#ffffff73;stroke-width:1.5;transform-origin:center;animation-name:loading-screen-bubble-rise;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.loading-screen__foam{transform-origin:center;animation:loading-screen-foam-bounce 4.4s ease-in-out infinite}.loading-screen__foam-sheen{fill:none;stroke:url(#foamSheen);stroke-width:8;stroke-linecap:round;opacity:.78;animation:loading-screen-foam-sheen-shift 3.4s ease-in-out infinite}.loading-screen__foam-bubble{fill:#ffffffb3;stroke:#fff8e1f2;stroke-width:2;animation:loading-screen-foam-bubble-pulse 3s ease-in-out infinite}.loading-screen__foam-base{fill:#fff6dc8f;animation:loading-screen-foam-base-float 2.8s ease-in-out infinite}.loading-screen__foam-edge{fill:none;stroke:#ffffffd1;stroke-width:4;stroke-linecap:round;opacity:.7}.loading-screen__brand-mark,.loading-screen__brand-fill{opacity:.96}.loading-screen__brand-image{transform-origin:center}.loading-screen__brand-image--etched{opacity:.12;filter:grayscale(1) brightness(2.7) contrast(.74);mix-blend-mode:screen}.loading-screen__brand-image--filled{opacity:.9;filter:saturate(.98) contrast(1.06) brightness(.98);mix-blend-mode:multiply}.loading-screen__brand-shine{fill:none;stroke:#ffffff1f;stroke-width:3;stroke-linecap:round;opacity:.5}.loading-screen__brand-shine--filled{stroke:#fff1c657;opacity:.88}@keyframes loading-screen-beer-rise{0%{transform:translateY(220px)}20%{transform:translateY(182px)}55%{transform:translateY(70px)}82%,to{transform:translateY(20px)}}@keyframes loading-screen-surface-wave{0%,to{transform:translateY(6px) scaleX(1)}50%{transform:translateY(-2px) scaleX(1.03)}}@keyframes loading-screen-bubble-rise{0%{transform:translateY(18px) scale(.5);opacity:0}15%{opacity:.75}85%{opacity:.75}to{transform:translateY(-220px) scale(1.08);opacity:0}}@keyframes loading-screen-foam-bounce{0%,to{transform:translateY(14px) scale(.96)}35%{transform:translateY(-4px) scale(1.02)}70%{transform:translateY(-8px) scale(1)}}@keyframes loading-screen-foam-sheen-shift{0%,to{transform:translate(-6px);opacity:.48}50%{transform:translate(8px);opacity:.92}}@keyframes loading-screen-foam-bubble-pulse{0%,to{transform:translateY(2px) scale(.88);opacity:.54}50%{transform:translateY(-4px) scale(1.08);opacity:1}}@keyframes loading-screen-foam-base-float{0%,to{transform:translateY(6px) scaleX(.96);opacity:.5}50%{transform:translateY(-2px) scaleX(1.03);opacity:.84}}@keyframes loading-screen-halo-pulse{0%,to{transform:scale(.94);opacity:.68}50%{transform:scale(1.08);opacity:.92}}@keyframes loading-screen-shine-drift{0%,to{transform:translateY(0);opacity:.64}50%{transform:translateY(-12px);opacity:.94}}@keyframes loading-screen-twinkle{0%,to{transform:scale(.72);opacity:.4}50%{transform:scale(1.06);opacity:1}}@media (max-width: 960px){.loading-screen{background:linear-gradient(#120a08c2,#090504d6),url(/pub-hero-logo.png) center / min(110vw,820px) auto no-repeat,radial-gradient(circle at top,#3f1705,#170804 44%,#0b0503)}.loading-screen__mug-stage{transform:translateY(-4px)}.loading-screen__beer-mug{width:min(100%,min(480px,46vh))}.loading-screen__quote-bar{margin-top:0}}@media (max-width: 640px){.loading-screen{padding:12px;background:linear-gradient(#120a08cc,#090504db),url(/pub-hero-logo.png) center / contain no-repeat,radial-gradient(circle at top,#3f1705,#170804 44%,#0b0503)}.loading-screen__mug-stage{width:100%;height:min(100%,680px);transform:translateY(0)}.loading-screen__beer-mug{width:min(100%,min(340px,40vh))}.loading-screen__quote-bar{width:100%;padding:0 2px;margin-top:-6px}.loading-screen__quote-bar p{font-size:.78rem;line-height:1.28}.loading-screen__sparkle{opacity:.6}}.hero{position:relative;overflow:hidden;border-radius:32px;margin-bottom:32px;border:1px solid var(--line);box-shadow:var(--shadow);background:radial-gradient(circle at center,#482a1c75,#140d0cfa 68%),#140d0c}.hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:right center}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0a0807f5,#0a0807e0 26%,#0a080770 58%,#0a08072e),linear-gradient(180deg,#0a080729,#0a08075c)}.hero__brand{position:absolute;top:28px;left:32px;z-index:1;pointer-events:none;color:#fff4e2e6;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.45),0 0 18px rgba(255,213,155,.12)}.hero__content{position:relative;padding:34px;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;max-width:min(48%,520px);z-index:1}.hero__content:after{content:"";position:absolute;inset:auto 34px 24px auto;width:clamp(120px,18vw,180px);height:1px;background:linear-gradient(90deg,#ffdfbc00,#ffdfbcb8)}.hero__eyebrow{display:inline-flex;padding:12px 20px;border-radius:999px;border:1px solid rgba(255,233,204,.22);background:#120b0a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.86rem,1.3vw,1rem);font-weight:700;color:#fff4e2}.hero__eyebrow--interactive{cursor:pointer}.hero__title{margin:16px 0 0;font-size:clamp(2rem,3.7vw,3.3rem);line-height:1.04;color:#fff8f0;text-wrap:balance}.hero__text{margin:16px 0 0;max-width:48ch;color:#f8efdfe6;font-size:clamp(.98rem,1.3vw,1.08rem);line-height:1.6}@media (max-width: 960px){.hero__brand{top:24px;left:26px}.hero__content{min-height:360px;max-width:min(56%,480px)}}@media (max-width: 720px){.hero__brand{top:16px;left:18px;font-size:.95rem;letter-spacing:.06em}.hero__content{min-height:280px;padding:18px;max-width:none}.hero__content:after{inset:auto 18px 18px auto;width:96px}.hero__overlay{background:linear-gradient(180deg,#0a0807d6,#0a080794 42%,#0a080780),linear-gradient(90deg,#0a0807e6,#0a08074d)}.hero__title{font-size:clamp(1.65rem,7vw,2.3rem)}.hero__text{max-width:none;font-size:.94rem;line-height:1.52}}.menu-card{overflow:hidden;border-radius:24px;background:linear-gradient(180deg,#361f175c,#140d0c9e);border:1px solid rgba(255,224,180,.08)}.menu-card__toggle{position:relative;width:100%;min-height:240px;aspect-ratio:16 / 9;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;background-color:#1b2128;isolation:isolate}.menu-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top}.menu-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#060a0f1a,#060a0fc7)}@media (max-width: 960px){.menu-card__toggle{min-height:0}}.detail-section{display:grid;gap:22px}.back-button{width:fit-content;min-height:46px;padding:0 18px;border:1px solid rgba(109,61,22,.2);border-radius:999px;background:#ffffff5c;color:#6d3d16;cursor:pointer}.detail-board{padding:34px 28px 28px;border-radius:28px;border:0;background-color:#f5ead0;background-position:center;background-repeat:no-repeat;background-size:min(72vw,980px);box-shadow:var(--shadow)}.detail-board__header{position:relative;display:flex;align-items:center;gap:18px;padding-bottom:22px;margin-bottom:18px;border-bottom:2px solid rgba(113,73,38,.22)}.detail-board__header h1{margin:0;position:absolute;left:50%;transform:translate(-50%);font-size:clamp(2rem,4vw,3.4rem);line-height:1;color:#6d3d16;text-align:center}.detail-list{display:grid;gap:22px}.detail-group{display:grid;gap:8px}.detail-group__title{margin:0;padding-bottom:8px;border-bottom:1px solid rgba(113,73,38,.18);font-size:clamp(1.1rem,2.1vw,1.5rem);color:#6d3d16;text-transform:uppercase;letter-spacing:.05em}.detail-group__items{display:grid;gap:8px;padding-left:32px}.detail-row{display:grid;grid-template-columns:minmax(0,auto) minmax(24px,1fr) auto;gap:18px;align-items:center;padding:6px 0;border-bottom:1px solid rgba(113,73,38,.12)}.detail-row__name{display:grid;gap:2px;min-width:0}.detail-row__name h3{margin:0;font-size:clamp(.98rem,1.8vw,1.2rem);line-height:1.2;color:#111}.detail-row__name span{color:#6d3d16b8;font-size:.88rem;font-weight:600}.detail-row strong{white-space:nowrap;color:#111;font-size:clamp(1.05rem,2vw,1.3rem)}.detail-row__dots{align-self:center;height:0;transform:translateY(-7px);border-bottom:2px dotted rgba(109,61,22,.45)}.detail-empty{padding:8px 0}.detail-empty p{margin:0;color:#6d3d16;font-size:1rem}@media (max-width: 960px){.detail-board{padding:24px}}@media (max-width: 720px){.detail-board__header{flex-direction:column;align-items:flex-start;padding-bottom:16px;margin-bottom:12px}.detail-board__header h1{position:static;transform:none;text-align:left}.detail-board{padding:22px 18px 18px;background-size:min(88vw,560px)}.detail-row{gap:12px}.detail-group__title{font-size:1.02rem}.detail-group__items{padding-left:18px}.detail-row strong{white-space:normal}}:root{font-family:Trebuchet MS,Segoe UI,sans-serif;color:#f8efdf;background:#130d0b;color-scheme:dark;--bg: #20130f;--panel: #130d0b;--text: #f8efdf;--line: rgba(255, 226, 192, .12);--shadow: 0 24px 50px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit}#root{min-height:100vh}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 56px}.section{padding:28px;margin-bottom:24px;border-radius:28px;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.section--flat{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-radius:0;padding-left:0;padding-right:0}.menu-sections{display:grid;gap:22px;margin-top:18px}.menu-sections--cards{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 960px){.section{padding:24px}.section--flat{padding-left:0;padding-right:0}.menu-sections--cards{grid-template-columns:1fr}}@media (max-width: 720px){.app-shell{width:min(100% - 20px,100%);padding:14px 0 28px}}