@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--brand-blue: #00a6d6;--brand-red: #f43655;--brand-red-deep: #c7203e;--brand-yellow: #ffb71b;--brand-ink: #11171b;--brand-paper: #f8fafb;color:#f8fafb;background:var(--brand-ink);font-family:Manrope,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 8% 12%,rgba(244,54,85,.2) 0,transparent 23rem),radial-gradient(circle at 92% 0%,rgba(0,166,214,.24) 0,transparent 28rem),linear-gradient(180deg,#172127 0,#0d1317);background-attachment:fixed}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.site-header{width:min(1120px,calc(100% - 2rem));margin:auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(248,250,251,.18)}.brand{font-family:Fraunces,serif;font-size:1.35rem;letter-spacing:.08em}.brand span{color:var(--brand-yellow);font-size:.85em}.brand img{width:auto;height:54px;display:block;object-fit:contain}nav{display:flex;gap:1.35rem;font-size:.9rem;font-weight:700}nav a{padding:.4rem 0;color:#dce7eb}nav a.active{color:#ff7189;border-bottom:2px solid var(--brand-red)}.page{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:3.5rem 0 5rem}.hero{max-width:780px;margin-bottom:2.5rem}.eyebrow{margin:0 0 .45rem;color:#ff7189;font:500 .7rem/1.25 DM Mono,monospace;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Fraunces,serif}.hero h1{max-width:700px;margin-bottom:1rem;font-size:clamp(2.65rem,9vw,5.7rem);line-height:.95;letter-spacing:-.055em}.hero h1 em{color:var(--brand-yellow);font-style:italic;white-space:nowrap}.hero>p:last-child,.page-intro>p:last-child{max-width:650px;color:#d6e2e6;font-size:1.05rem;line-height:1.7}.dice-panel{display:grid;grid-template-columns:1fr auto;gap:1.5rem;padding:clamp(1.2rem,4vw,2.2rem);margin-bottom:2rem;overflow:hidden;border:1px solid rgba(0,166,214,.5);border-left:5px solid var(--brand-red);border-radius:1.25rem;color:#f8fafb;background:linear-gradient(120deg,#15323d,#111a1f);box-shadow:0 15px 50px #0003}.dice-panel h2{margin-bottom:.5rem;font-size:clamp(1.5rem,4vw,2.15rem)}.dice-panel .eyebrow{color:var(--brand-yellow)}.dice-panel__copy p:last-child{max-width:600px;margin:0;color:#d9ceda;line-height:1.65}.dice-panel__action{display:flex;align-items:center;gap:1rem}.d20{width:78px;height:78px;display:grid;place-items:center;flex:0 0 auto;transform:rotate(45deg);border:2px solid var(--brand-yellow);border-radius:19px;color:var(--brand-ink);background:var(--brand-yellow);box-shadow:0 0 0 7px #ffb71b24}.d20 span{font:700 1.45rem DM Mono,monospace}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.75rem 1rem;border:1px solid var(--brand-yellow);border-radius:.45rem;color:var(--brand-ink);background:var(--brand-yellow);font-weight:800;transition:transform .18s,background .18s}.button:hover:not(:disabled){transform:translateY(-2px);background:#ffc94f}.button:disabled{opacity:.52}.button--gold{white-space:nowrap}.button--quiet{border-color:var(--brand-blue);color:#f8fafb;background:transparent}.button--quiet:hover:not(:disabled){background:#00a6d624}.recommendation{grid-column:1 / -1;padding-top:1.5rem;border-top:1px solid rgba(249,242,232,.18);animation:reveal .4s ease-out}.recommendation__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.recommendation__header .eyebrow{margin:0}.recommendation__toggle{padding:.35rem 0;border:0;color:var(--brand-yellow);background:transparent;font-size:.78rem;font-weight:800;text-decoration:underline;text-underline-offset:.18em}.recommendation__toggle:hover{color:#fff}.recommendation h3{margin-bottom:.35rem;font-size:1.5rem;color:var(--brand-yellow)}.recommendation>p:not(.eyebrow){color:#ddd1df}.recommendation ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem;padding:0;margin:1rem 0 0;list-style:none}.recommendation li{display:flex;flex-direction:column;gap:.25rem;padding:.8rem;border-radius:.5rem;background:#ffffff0f;font-size:.9rem}.recommendation__metadata{display:flex;flex-wrap:wrap;gap:.35rem;margin:.15rem 0 .2rem}.recommendation__metadata small{display:inline-flex;align-items:center;min-height:1.55rem;padding:.25rem .5rem;border-radius:.3rem;color:#172127;font:500 .68rem/1.15 DM Mono,monospace}.recommendation__style{background:#aeeaf4}.recommendation__abv{background:#ffd471}.recommendation li .recommendation__description{color:#cec0d0;font-size:.8rem;line-height:1.45}.flow-card{padding:clamp(1.25rem,4vw,2.6rem);border:1px solid rgba(0,166,214,.34);border-radius:1.25rem;color:#f8fafb;background:linear-gradient(145deg,#18313b,#111a1f);box-shadow:0 20px 55px #00000038}.step-heading{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.7rem}.step-number{width:2.2rem;height:2.2rem;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:var(--brand-blue);font:500 .8rem DM Mono,monospace}.registration-card .step-number{background:var(--brand-red)}.step-heading .eyebrow{color:#ff8da1}.step-heading h1{margin-bottom:.45rem;font-size:clamp(1.7rem,5vw,2.6rem);line-height:1.05}.step-heading p:last-child{margin:0;color:#c6d4d9;line-height:1.55}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.class-card{min-height:145px;padding:1rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #dacdd2;border-radius:.7rem;color:#342536;background:#fffaf3;transition:border .18s,background .18s,transform .18s}.class-card:hover{transform:translateY(-2px);border-color:var(--brand-blue)}.class-card.is-selected{border-color:var(--brand-red);background:#fff0f3;box-shadow:inset 0 0 0 1px var(--brand-red)}.class-card__icon{width:5rem;height:5rem;display:grid;place-items:center;margin-bottom:.85rem;color:#9b5a1e;font-size:1.45rem;line-height:1}.class-card__icon img{width:100%;height:100%;object-fit:cover;border-radius:.35rem}.class-card__name{margin:.55rem 0 .25rem;font-family:Fraunces,serif;font-size:1.15rem;font-weight:700}.class-card__description{color:#6c5967;font-size:.77rem;line-height:1.4}.flow-card__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.7rem 0 0;padding-top:1.3rem;border-top:1px solid rgba(198,212,217,.22)}.flow-card__footer p{margin:0;color:#c6d4d9;font-size:.9rem}.registration-card{max-width:760px;margin:0 auto}.field{display:grid;gap:.5rem}.field>span{color:#e4edf0;font-size:.82rem;font-weight:800}.field input{width:100%;min-height:52px;padding:.8rem .9rem;border:1px solid #cdbcc4;border-radius:.55rem;color:#291a2d;background:#fffaf4;outline:none;transition:border-color .18s,box-shadow .18s}.field input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #00a6d626}.field input[aria-invalid=true]{border-color:var(--brand-red)}.field>span small{color:#aebfc6;font-weight:500}.field-error{color:#ff8da1;font-size:.68rem}.privacy-consents{margin-top:1.1rem;padding:1rem;border:1px solid rgba(0,166,214,.3);border-radius:.75rem;background:#ffffff0a}.privacy-consents__heading h2{margin-bottom:.3rem;font-size:1.2rem}.privacy-consents__heading p{margin-bottom:.8rem;color:#c6d4d9;font-size:.76rem;line-height:1.45}.privacy-consents__group{padding-top:.9rem;margin-top:.9rem;border-top:1px solid rgba(198,212,217,.2)}.privacy-consents__group:first-of-type{padding-top:0;border-top:0}.privacy-consents__group h3{margin-bottom:.55rem;color:var(--brand-yellow);font-size:1rem}.privacy-consents__note{margin:.6rem .15rem 0;color:#c6d4d9;font-size:.72rem;line-height:1.5}.privacy-consents__link{display:inline-block;margin:.65rem .15rem 0;color:#7fe0f4;font-size:.72rem;font-weight:800;text-decoration:underline;text-underline-offset:.16em}.privacy-preferences-control{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .7rem;margin:.55rem .15rem .8rem}.privacy-preferences-link{padding:0;border:0;color:#aebfc6;background:transparent;font-size:.7rem;font-weight:700;text-decoration:underline;text-underline-offset:.16em}.privacy-preferences-link:hover{color:#d6e2e6}.privacy-preferences-control small{color:#c6d4d9;font-size:.7rem;line-height:1.4}.consent-field{display:flex;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:1rem;border:1px solid #ded1d5;border-radius:.65rem;color:#493746;background:#fffaf4;cursor:pointer}.consent-field-optional{display:flex;align-items:flex-start;gap:.75rem;margin-top:1rem;line-height:1.45;cursor:pointer}.consent-field-optional input{width:1.15rem;height:1.15rem;flex:0 0 auto;margin-top:.1rem;accent-color:var(--brand-blue)}.consent-field-optional.is-locked{opacity:.78;cursor:default}.privacy-consents .consent-field{margin-top:.65rem}.consent-field:not(.privacy-consent){border-left:4px solid var(--brand-red)}.privacy-consent{border-left:4px solid var(--brand-blue)}.marketing-consent{border-left-color:var(--brand-yellow)}.consent-field input{width:1.15rem;height:1.15rem;flex:0 0 auto;margin-top:.1rem;accent-color:var(--brand-blue)}.consent-field span{display:grid;gap:.25rem}.consent-field small{color:#756371;line-height:1.45}.privacy-consent label{cursor:pointer}.privacy-consent a{color:#007da3;font-weight:800;text-decoration:underline;text-underline-offset:.15em}.participant-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;border:1px solid rgba(0,166,214,.35);border-left:4px solid var(--brand-red);border-radius:.65rem;color:#d6e2e6;background:#15323db8;font-size:.78rem}.participant-banner strong{color:#fff}.participant-banner .is-eligible{color:#ff8da1;font-weight:800}.vote-counter{display:inline-flex;align-items:baseline;gap:.35rem;margin:-1rem 0 1.3rem 3.2rem;padding:.45rem .7rem;border-radius:999px;color:#fff;background:#007fa6}.vote-counter strong{font:500 1.2rem DM Mono,monospace;color:var(--brand-yellow)}.vote-counter span{font-size:.76rem;font-weight:700}.beer-filters{margin-bottom:1.8rem;padding:1.15rem;border:1px solid rgba(0,166,214,.42);border-radius:.8rem;background:#09161c80}.beer-filters__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.beer-filters__heading h2{margin:0;font-size:1.4rem}.beer-filters__reset{padding:.35rem 0;border:0;color:#ff8da1;background:transparent;font-size:.76rem;font-weight:800;text-decoration:underline;text-underline-offset:.18em}.beer-filters__reset:disabled{opacity:.4}.beer-filters__select-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:.65rem}.beer-filters label{display:grid;gap:.4rem;color:#e4edf0;font-size:.74rem;font-weight:800}.beer-filters select,.beer-filters input{width:100%;min-height:46px;padding:.65rem .7rem;border:1px solid #cdbcc4;border-radius:.48rem;color:#291a2d;background:#fffaf4;outline:none}.beer-filters select:focus,.beer-filters input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #00a6d626}.beer-filters select:disabled,.beer-filters input:disabled{color:#9d9299;background:#d8d2d3;cursor:not-allowed}.beer-filters__abv>span:first-child{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.beer-filters__abv>span strong{color:var(--brand-yellow);font:500 .68rem DM Mono,monospace;white-space:nowrap}.beer-filters .beer-filters__abv input[type=range]{min-height:46px;padding:0;border:0;background:transparent;box-shadow:none;accent-color:var(--brand-yellow);cursor:grab;touch-action:pan-y}.beer-filters .beer-filters__abv input[type=range]:active{cursor:grabbing}.beer-filters .beer-filters__abv input[type=range]:disabled{opacity:.45;cursor:not-allowed}.beer-filters__range-limits{display:flex;justify-content:space-between;margin-top:-.45rem;color:#aebfc6;font:400 .62rem DM Mono,monospace}.beer-filters__name-search{padding-top:1rem;margin-top:1rem;border-top:1px solid rgba(198,212,217,.22)}.beer-filters__name-search h3{margin-bottom:.75rem;color:var(--brand-yellow);font-size:1rem}.brewery-list{display:grid;gap:.65rem}.brewery{overflow:hidden;border:1px solid rgba(198,212,217,.24);border-radius:.65rem;background:#09161c6b}.brewery.is-open{border-color:#00a6d69e}.brewery__title{margin:0}.brewery__toggle{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:0;color:#f8fafb;background:transparent;text-align:left;font-family:Fraunces,serif;font-size:1.2rem;font-weight:700}.brewery__toggle:hover{background:#00a6d617}.brewery__toggle:focus-visible{outline:3px solid rgba(255,183,27,.75);outline-offset:-3px}.brewery__toggle-icon{width:1.7rem;height:1.7rem;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#172127;background:var(--brand-yellow);font:700 1.15rem/1 DM Mono,monospace;transition:transform .2s ease}.brewery.is-open .brewery__toggle-icon{transform:rotate(45deg)}.brewery__panel{padding:1rem;border-top:1px solid rgba(198,212,217,.18);animation:reveal .22s ease-out}.beer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.beer-chip{width:100%;height:auto;min-width:0;padding:.8rem;display:flex;align-items:flex-start;gap:.65rem;border:1px solid #decfd6;border-radius:.6rem;color:#382739;background:#fffaf4;text-align:left;transition:.18s}.beer-chip:hover:not(:disabled){border-color:var(--brand-blue);transform:translateY(-1px)}.beer-chip.is-selected{border-color:var(--brand-red);color:#172127;background:#fff0f3;box-shadow:inset 0 0 0 1px var(--brand-red)}.beer-chip:disabled{color:#a596a1;background:#f4eeee}.beer-chip__check{width:1.35rem;height:1.35rem;display:grid;place-items:center;flex:0 0 auto;border:1px solid currentColor;border-radius:50%;font-weight:800}.beer-chip__content{display:flex;min-width:0;min-height:0;flex:1;flex-direction:column;gap:.35rem}.beer-chip strong{font-size:.92rem}.beer-chip__metadata{display:flex;flex-wrap:wrap;gap:.3rem}.beer-chip small{display:inline-flex;align-items:center;min-height:1.45rem;padding:.2rem .4rem;border-radius:.25rem;color:#26343a;font:500 .68rem/1.1 DM Mono,monospace}.beer-chip__style{background:#d9f3f8}.beer-chip__abv{background:#ffe3a3}.beer-chip__description{overflow:hidden;margin-top:.12rem;color:#6c5967;font-size:.73rem;line-height:1.35}.status-message,.inline-error{padding:1rem;border-radius:.6rem;line-height:1.55}.status-message{color:#745f70;background:#f2e9df}.inline-error{color:#9f1730;background:#ffe8ec}.success-card{padding:3.8rem 1.5rem;border-radius:1.25rem;color:#f8fafb;background:radial-gradient(circle at 50% 5%,#007fa6,#111a1f 70%);text-align:center;box-shadow:0 20px 55px #0003}.success-card>span{display:block;margin-bottom:.7rem;color:var(--brand-yellow);font-size:3.5rem;animation:pulse 1.2s infinite alternate}.success-card h1{margin-bottom:.7rem;font-size:clamp(2rem,7vw,3.8rem)}.success-card p:last-child{max-width:500px;margin:0 auto;color:#ded3df;line-height:1.65}.raffle-step{max-width:760px;margin:0 auto}.raffle-details{padding:1rem;margin-bottom:1.25rem;border:1px solid rgba(0,166,214,.3);border-radius:.75rem;background:#ffffff0a}.raffle-details__heading h2{margin-bottom:.25rem;font-size:1.2rem}.raffle-details__heading p{margin-bottom:.9rem;color:#c6d4d9;font-size:.76rem}.raffle-details__grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.raffle-details__name{grid-column:1 / -1}.raffle-step__actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.25rem;border-top:1px solid rgba(198,212,217,.22)}.consent-dialog__backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#050a0dc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.consent-dialog{position:relative;width:min(620px,100%);max-height:calc(100vh - 2rem);overflow-y:auto;padding:clamp(1.2rem,4vw,2rem);border:1px solid rgba(0,166,214,.55);border-top:5px solid var(--brand-yellow);border-radius:1rem;color:#f8fafb;background:#17272e;box-shadow:0 24px 80px #00000080;animation:reveal .22s ease-out}.consent-dialog__close{position:absolute;top:.75rem;right:.85rem;padding:.3rem;border:0;color:#ff8da1;background:transparent;font-size:.75rem;font-weight:800;text-decoration:underline;text-underline-offset:.18em}.consent-dialog__close:disabled{opacity:.45}.consent-dialog h2{margin-bottom:.55rem;font-size:clamp(1.5rem,5vw,2rem)}.consent-dialog>p:not(.eyebrow){color:#c6d4d9;line-height:1.55}.consent-dialog__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.optional-consents-dialog{width:min(720px,100%)}.optional-consents-dialog h3{color:var(--brand-yellow);font-size:1rem}.optional-consents-dialog__required{padding:.9rem;margin-top:1rem;border:1px solid rgba(0,166,214,.35);border-radius:.65rem;background:#00a6d612}.optional-consents-dialog__required .consent-field-optional{margin-top:.65rem}.optional-consents-dialog__optional-title{padding-top:1rem;margin-top:1rem;border-top:1px solid rgba(198,212,217,.2)}.page--results,.page--privacy{min-height:calc(100vh - 150px)}.privacy-policy{max-width:780px;padding:clamp(1.25rem,4vw,2.6rem);margin:0 auto;border-radius:1.25rem;color:#172127;background:var(--brand-paper);box-shadow:0 20px 55px #0000002b}.privacy-policy>h1{margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1.05}.privacy-policy>h2{margin:2rem 0 .5rem;color:#007fa6;font-size:1.5rem}.privacy-policy>h3{margin:1.35rem 0 .45rem;color:#9f1730;font-size:1.15rem}.privacy-policy>p{color:#675563;line-height:1.7}.privacy-policy>ul{padding-left:1.35rem;color:#675563;line-height:1.7}.privacy-policy>ul li+li{margin-top:.35rem}.privacy-policy a{color:#007fa6;font-weight:700;text-decoration:underline;text-underline-offset:.15em;overflow-wrap:anywhere}.privacy-policy>[id]{scroll-margin-top:6rem}.page-intro{max-width:700px;margin-bottom:2rem}.page-intro h1{margin-bottom:.7rem;font-size:clamp(2.3rem,7vw,4.8rem);line-height:.98}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.ranking-card{padding:1.45rem;border:1px solid rgba(0,166,214,.5);border-top:4px solid var(--brand-red);border-radius:1rem;color:#f8fafb;background:#111a1fe0}.ranking-card h2{margin-bottom:1rem;font-size:1.8rem}.ranking-card ol{display:grid;gap:.55rem;padding:0;margin:0;list-style:none}.ranking-card li{display:grid;grid-template-columns:1.7rem 1fr auto;align-items:center;gap:.5rem;padding:.55rem 0;border-top:1px solid rgba(249,242,232,.14)}.ranking-card__position{color:var(--brand-yellow);font:500 .9rem DM Mono,monospace}.ranking-card li:nth-child(2n) .ranking-card__position{color:#ff8da1}.ranking-card li strong,.ranking-card li small{display:block}.ranking-card li small{font-size:.72rem}.ranking-card__brewery{margin-top:.16rem}.ranking-card__metadata{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.35rem}.ranking-card__metadata small{display:inline-flex;align-items:center;padding:.2rem .42rem;border-radius:.28rem;color:#172127;font:500 .65rem/1.1 DM Mono,monospace}.ranking-card__metadata .ranking-card__style{background:#aeeaf4}.ranking-card__metadata .ranking-card__abv{background:#ffd471}.ranking-card li b{color:var(--brand-yellow);font:500 .9rem DM Mono,monospace}footer{width:min(1120px,calc(100% - 2rem));padding:1.4rem 0 2.5rem;margin:auto;border-top:1px solid rgba(248,250,251,.18);color:#aebfc6;font-size:.75rem;text-align:center}footer a{color:#ff7189;text-decoration:underline;text-underline-offset:.15em}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{to{transform:scale(1.1) rotate(10deg)}}@media (max-width: 720px){.page{padding-top:2.2rem}.hero{margin-bottom:2rem}.dice-panel{grid-template-columns:1fr}.dice-panel__action{justify-content:space-between}.class-grid{grid-template-columns:repeat(2,1fr)}.class-card{min-height:136px}.beer-filters__select-form{grid-template-columns:1fr 1fr}.results-grid{grid-template-columns:1fr}}@media (max-width: 480px){.site-header,.page,footer{width:min(100% - 1.25rem,1120px)}.site-header{min-height:65px}.dice-panel{padding:1.1rem}.d20{width:64px;height:64px}.button{min-height:43px;padding:.65rem .75rem;font-size:.86rem}.flow-card{padding:1.15rem}.class-grid,.beer-grid,.beer-filters__select-form{grid-template-columns:1fr}.beer-filters__select-form .button{width:100%}.beer-chip{height:auto}.class-card{min-height:auto}.flow-card__footer{align-items:stretch;flex-direction:column}.flow-card__footer .button{width:100%}.vote-counter{margin-left:0}.participant-banner{align-items:flex-start;flex-direction:column}.raffle-step__actions{align-items:stretch;flex-direction:column-reverse}.raffle-step__actions .button{width:100%}.raffle-details__grid{grid-template-columns:1fr}.raffle-details__name{grid-column:auto}.consent-dialog__actions{align-items:stretch;flex-direction:column-reverse}.consent-dialog__actions .button{width:100%}}