:root{--gold:#f6c45d;--deep:#160b08;--wine:#641e18;--cream:#fff2d1}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#100806;color:var(--cream);font-family:Georgia,Times New Roman,serif}button{font:inherit}.game-shell{min-height:100vh;display:grid;place-items:center;padding:10px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#57301c 0,#21100b 52%,#090403)}.game{width:min(100%,177.78vh);aspect-ratio:16/9;min-height:610px;position:relative;overflow:hidden;isolation:isolate;border:3px solid #8c5729;border-radius:20px;box-shadow:0 0 0 5px #211008,0 30px 80px #000b;background:#2c160d;user-select:none}.backdrop{position:absolute;inset:0;z-index:-2;background:linear-gradient(#180b0533,#1d0d063d),radial-gradient(circle at 50% 48%,transparent 0 28%,#180c0755 78%),url(/events/brewfest/assets/perfect-pour/tavern-interior-v2.png) center/cover no-repeat}.backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0e0705bb 0 20%,transparent 38% 64%,#0e070599 86%)}.hud{position:absolute;left:1.2%;right:1.2%;top:1.5%;display:flex;align-items:flex-start;justify-content:space-between;gap:2%}.hud-card,.title-plaque,.timer,.speech,.controls,.start-card{border:2px solid #9d642f;box-shadow:inset 0 0 0 2px #251008,0 4px 12px #000b;background:linear-gradient(#20130f,#090706)}.hud-card{width:19%;min-width:200px;padding:8px 18px;border-radius:13px;text-align:center;letter-spacing:.06em}.hud-card span{font-size:clamp(12px,1.1vw,20px);color:#ffe6ad;font-weight:700}.hud-card strong{display:block;color:#fff7dc;font-size:clamp(26px,3vw,50px);line-height:1}.coin-line{border-top:1px solid #9d642f;margin-top:8px;padding-top:6px;font-size:clamp(14px,1.35vw,23px);font-weight:700}.coin{display:inline-grid;place-items:center;width:1.25em;height:1.25em;border-radius:50%;font-style:normal;font-family:Georgia;background:radial-gradient(circle at 35% 30%,#ffef87,#d99013 45%,#7d3907);border:2px solid #ffd45b;color:#291005;text-shadow:none;box-shadow:0 1px 4px #0008}.title-plaque{position:relative;width:52%;padding:8px 20px 10px;text-align:center;border-radius:7px 7px 18px 18px;background:linear-gradient(#7b2d20,#39130f)}.title-plaque:before,.title-plaque:after{content:"\1f342";position:absolute;top:35%;font-size:1.7vw}.title-plaque:before{left:3%}.title-plaque:after{right:3%}.title-plaque span{font-size:clamp(9px,.65vw,12px);letter-spacing:.25em;color:#f4c878}.title-plaque h1{margin:2px 0 0;font-size:clamp(24px,3vw,54px);line-height:1;color:#ffe09a;text-shadow:0 3px 0 #250804,0 0 8px #ffba3b55}.combo-pips{display:flex;gap:5px;margin-top:8px}.combo-pips i{flex:1;height:9px;border:1px solid #b37a36;border-radius:4px;background:#27140c}.combo-pips i.lit{background:#ffb629;box-shadow:0 0 8px #ffb629}.timer{position:absolute;z-index:3;top:13%;left:50%;transform:translate(-50%);padding:5px 24px 8px;border-radius:0 0 16px 16px;text-align:center}.timer span{display:block;font-size:13px;font-weight:700}.timer strong{font-size:clamp(22px,2.6vw,44px);line-height:1}.garrick{position:absolute;left:2.5%;top:24%;width:31%;display:flex;align-items:center;gap:8px}.garrick-face{font-size:clamp(70px,9vw,150px);filter:drop-shadow(0 5px 5px #000)}.speech{position:relative;color:#39150e;background:#fff0cc;padding:14px 18px;border-color:#d4b67a;border-radius:10px;font-size:clamp(12px,1.15vw,20px);min-height:82px;flex:1}.speech:before{content:"";position:absolute;left:-14px;bottom:18px;border:9px solid transparent;border-right-color:#fff0cc}.speech b{color:#6b1b18;font-size:1.12em}.patrons{position:absolute;right:2%;top:25%;width:36%;height:38%;display:flex;justify-content:flex-end;align-items:flex-end;gap:1%}.patron{appearance:none;border:0;background:none;color:#fff;position:relative;width:29%;height:100%;cursor:pointer;padding:0;filter:brightness(.64) saturate(.7);transition:.2s}.patron.active{filter:brightness(1.1) saturate(1);transform:translateY(-4px)}.patron-face{display:grid;place-items:end center;height:100%;font-size:clamp(60px,8vw,135px);filter:drop-shadow(0 6px 4px #000)}.patron small,.goblin small{display:block;font-size:clamp(10px,.85vw,15px);font-weight:700;text-shadow:0 2px 4px #000}.order-bubble{position:absolute;z-index:2;top:-14px;left:50%;transform:translate(-50%) scale(.85);width:120%;min-width:100px;padding:8px;border-radius:10px;color:#4a1f13;background:#fff3d2;border:3px solid #bd8d50;opacity:0;transition:.2s}.active .order-bubble{opacity:1;transform:translate(-50%) scale(1)}.order-bubble b{display:block;font-size:clamp(10px,.7vw,13px);white-space:nowrap}.order-bubble em{display:block;font-size:30px;font-style:normal}.goblin{position:absolute;right:0;bottom:-14%;font-size:clamp(40px,5vw,82px);transform:rotate(-8deg)}.tap-zone{position:absolute;left:39%;top:24%;width:25%;height:43%;display:flex;justify-content:center;align-items:flex-end}.tap{position:absolute;top:0;width:38%;height:30%;border:5px solid #5b2d11;border-radius:25px 25px 3px 3px;background:linear-gradient(90deg,#55260e,#c08032 43%,#6f320e);box-shadow:inset 0 0 0 3px #e0a44d,0 7px 8px #000a;text-align:center}.tap span{position:absolute;top:27%;left:4%;right:4%;padding:6px 0;border-radius:50%;background:#23120a;color:#f2c058;font-size:clamp(8px,.8vw,14px);font-weight:700}.tap i{position:absolute;left:44%;bottom:-40%;width:22%;height:42%;background:linear-gradient(90deg,#8a481c,#e3a44a,#6d310d);border-radius:0 0 5px 5px}.stream{position:absolute;z-index:1;top:37%;width:1.5%;height:0;background:linear-gradient(90deg,#dc8b13,#ffe066,#ce720d);transition:height .1s}.stream.flowing{height:27%;box-shadow:0 0 8px #ffc23d}.mug{position:relative;width:35%;height:45%;min-width:92px;border:5px solid #ddd6bd;border-top-width:3px;border-radius:5px 5px 20px 20px;overflow:hidden;background:#f8eac111;box-shadow:inset 5px 0 9px #fff4,0 8px 12px #0008}.mug:after{content:"";position:absolute;right:-38%;top:20%;width:42%;height:55%;border:7px solid #d8cfb9;border-left:0;border-radius:0 50% 50% 0}.mug>span{position:absolute;inset:0;display:grid;place-items:center;font-size:42px;opacity:.13;z-index:2}.ale{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(90deg,#c87308,#f9b824 48%,#a95005);transition:height .03s linear}.foam{position:absolute;left:-3%;right:-3%;top:-8px;height:14px;border-radius:50%;background:#fff1c5;box-shadow:0 4px #ead49c}.target{position:absolute;z-index:3;left:0;right:0;bottom:70%;height:15%;border-top:3px dashed #c9ff6a;border-bottom:3px dashed #c9ff6a;background:#75d53255;box-shadow:0 0 8px #7cff44}.reward-pop{position:absolute;z-index:5;right:-22%;top:33%;font-size:clamp(20px,2vw,34px);font-weight:700;color:#ffd65d;text-shadow:0 3px 2px #5b2400;animation:reward .85s ease-out both}@keyframes reward{to{transform:translateY(-50px);opacity:0}}.controls{position:absolute;left:1.5%;right:1.5%;bottom:2%;height:20%;border-radius:16px;display:grid;grid-template-columns:1.25fr .72fr 1fr;gap:1.3%;padding:10px;background:linear-gradient(#2d170e,#0d0806)}.mug-picker{display:flex;gap:8px}.mug-picker button,.pour-button,.serve-button,.start-card button{color:#ffe4a1;border:2px solid #b8762f;background:linear-gradient(#4b2515,#1a0d09);border-radius:10px;cursor:pointer;box-shadow:inset 0 0 0 2px #160a06,0 3px 6px #0008;transition:.15s}.mug-picker button{flex:1;padding:7px 3px}.mug-picker button.selected{border-color:#ffd45d;box-shadow:inset 0 0 14px #e69c2944,0 0 12px #ffbd44;transform:translateY(-2px)}.mug-picker span{display:block;font-size:clamp(28px,3vw,52px)}.mug-picker small{font-size:clamp(8px,.7vw,12px);font-weight:700}.pour-button,.serve-button{font-weight:700;font-size:clamp(11px,1vw,18px)}.pour-button span{display:block;font-size:clamp(24px,2.4vw,42px)}.pour-button.pressed{transform:translateY(3px);background:#7a351b;box-shadow:inset 0 5px 12px #0009}.serve-button b{display:block;font-size:clamp(28px,3vw,50px)}.serve-button:not(:disabled):hover,.start-card button:hover{filter:brightness(1.35);transform:translateY(-2px)}.controls button:disabled{opacity:.48;cursor:not-allowed}.curtain{position:absolute;z-index:20;inset:0;display:grid;place-items:center;background:radial-gradient(circle,#1d0c06aa,#080302ee);backdrop-filter:blur(5px)}.start-card{width:min(620px,88%);padding:28px 34px;text-align:center;border-radius:18px;background:linear-gradient(#3b1e14f5,#120907fa)}.raven-seal{margin:auto;display:grid;place-items:center;width:70px;height:70px;border-radius:50%;border:4px double #f3c261;background:#100806;color:#f5c85b;font:700 42px Georgia;box-shadow:0 0 24px #e08f2766}.start-card p{color:#eab95d;letter-spacing:.25em;font-size:12px;font-weight:700;margin:16px 0 6px}.start-card h2{margin:0;color:#ffe09a;font-size:clamp(30px,4vw,60px);text-shadow:0 4px 0 #45110a}.start-card>span{display:block;margin:12px auto 20px;max-width:470px;font:16px/1.55 Arial,sans-serif;color:#f4e2ca}.start-card button{padding:14px 28px;font-size:18px;font-weight:700;letter-spacing:.08em;background:linear-gradient(#8b3824,#43150e)}.start-card small{display:block;margin-top:13px;color:#bfa98c;font:11px Arial,sans-serif}@media(max-width:900px){.game-shell{padding:0;align-items:start}.game{width:100vw;min-height:100svh;aspect-ratio:auto;border-radius:0}.title-plaque{width:50%}.hud-card{min-width:0;width:23%;padding:8px}.timer{top:11%}.garrick{top:20%;width:37%}.garrick-face{font-size:60px}.speech{padding:9px;font-size:11px}.tap-zone{top:26%;height:41%;left:38%;width:27%}.patrons{top:29%;width:37%}.patron-face{font-size:62px}.controls{height:24%;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.mug-picker{grid-row:1/3}.pour-button,.serve-button{padding:3px}.title-plaque span{display:none}}@media(max-width:620px){.hud{gap:4px}.title-plaque{order:-1;position:absolute;left:24%;right:24%;width:auto}.hud-card{margin-top:63px;width:29%}.combo-card{margin-left:auto}.timer{top:16%}.garrick{top:24%;width:42%}.garrick-face{display:none}.patrons{top:34%;width:43%}.tap-zone{left:32%;width:35%;top:31%}.controls{height:25%}.order-bubble b{white-space:normal}.mug-picker small{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.coin{display:inline-block;width:1.3em;height:1.3em;vertical-align:-.25em;border:0;background:url(/events/brewfest/assets/perfect-pour/rvn-coin.png) center/contain no-repeat;filter:drop-shadow(0 1px 2px #000)}.garrick{left:1%;top:20%;width:37%;height:47%;gap:0}.garrick-face{align-self:flex-end;width:58%;height:100%;background:url(/events/brewfest/assets/perfect-pour/garrick-perfect-pour.png) bottom center/contain no-repeat;filter:drop-shadow(0 8px 6px #000b);flex:none}.speech{z-index:2;margin-left:-5%;margin-top:-22%;background:linear-gradient(145deg,#fff6dc,#ead2a7);border:3px solid #d4b67a;box-shadow:inset 0 0 12px #8b5c2533,0 5px 10px #0008}.patrons{right:1.5%;top:24%;width:37%;height:40%;gap:0}.patron{width:31%}.patron-face{display:block;height:100%;width:100%;background-image:url(/events/brewfest/assets/perfect-pour/brewfest-patrons.png);background-size:300% 100%;background-repeat:no-repeat;filter:drop-shadow(0 7px 5px #000c)}.patron-face.liora{background-position:0 center}.patron-face.grum{background-position:50% center}.patron-face.borin{background-position:100% center}.patron small{margin-top:-14px;position:relative;z-index:3}.order-bubble{z-index:4;background:linear-gradient(145deg,#fff6dc,#ead2a7);box-shadow:0 5px 10px #0008}.mini-mug{display:block;width:45px;height:45px;margin:2px auto -2px;background-image:url(/events/brewfest/assets/perfect-pour/brewfest-items.png);background-size:400% 100%;background-repeat:no-repeat}.mini-mug.harvest{background-position:0 center}.mini-mug.stone{background-position:33.333% center}.mini-mug.raven{background-position:66.666% center}.goblin{right:-1%;bottom:-13%;width:17%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#8a9c32,#39440e 65%,#161b08);border:3px solid #9e6a2d;box-shadow:0 4px 8px #000b}.goblin span{font-size:clamp(22px,2.8vw,46px);color:#efe1a2}.goblin small{position:absolute;top:100%;white-space:nowrap}.mug>span{display:block;font-size:0;opacity:.22;background-image:url(/events/brewfest/assets/perfect-pour/brewfest-items.png);background-size:400% 100%;background-repeat:no-repeat}.active-mug-art.harvest{background-position:0 center}.active-mug-art.stone{background-position:33.333% center}.active-mug-art.raven{background-position:66.666% center}.mug-art{display:block!important;width:100%;height:72%;min-height:56px;background-image:url(/events/brewfest/assets/perfect-pour/brewfest-items.png);background-size:400% 100%;background-repeat:no-repeat}.mug-art.harvest{background-position:0 center}.mug-art.stone{background-position:33.333% center}.mug-art.raven{background-position:66.666% center}.mug-picker span.mug-art{font-size:0}.raven-seal{width:78px;height:78px;border:0;background:url(/events/brewfest/assets/perfect-pour/rvn-coin.png) center/contain no-repeat;filter:drop-shadow(0 0 13px #e08f27aa)}@media(max-width:900px){.garrick,.patrons{width:39%}}@media(max-width:620px){.garrick{width:46%}.garrick-face{display:block;width:55%}.speech{margin-left:-12%}.patrons{width:45%}}.mini-mug,.mug-art,.active-mug-art{background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}.mini-mug.harvest,.mug-art.harvest,.active-mug-art.harvest{background-image:url(/events/brewfest/assets/perfect-pour/mug-harvest.png)!important}.mini-mug.stone,.mug-art.stone,.active-mug-art.stone{background-image:url(/events/brewfest/assets/perfect-pour/mug-stone.png)!important}.mini-mug.raven,.mug-art.raven,.active-mug-art.raven{background-image:url(/events/brewfest/assets/perfect-pour/mug-raven.png)!important}.mug-art{width:100%;height:76%;min-height:62px;margin:auto}.mini-mug{width:46px;height:46px}.active-mug-art{inset:8%!important;opacity:.16!important}