:root{--night:#1f1012;--night-deep:#150a0c;--oxblood:#5b1a1c;--bronze:#c07a2c;--bronze-light:#e3a85a;--navy:#1c2b3d;--steam:#efe7da;--muted:#c9b8a3;--display:"Grenze", "Palatino Linotype", Georgia, serif;--body:"Alegreya", Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--night);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E"), radial-gradient(ellipse 90% 60% at 50% 18%, #3d1517 0%, transparent 70%), linear-gradient(var(--night), var(--night-deep));min-height:100vh;color:var(--steam);font-family:var(--body);-webkit-font-smoothing:antialiased;background-attachment:scroll;margin:0;font-size:1.1875rem;line-height:1.6}h1,h2,h3{font-family:var(--display);margin:0;font-weight:700;line-height:1.1}p{margin:0}a{color:var(--bronze-light)}:focus-visible{outline:2px solid var(--bronze-light);outline-offset:4px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:3rem 1rem 4rem;display:flex;position:relative;overflow:hidden}.embers{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lantern{pointer-events:none;opacity:0;background:radial-gradient(circle,#e8963c52 0%,#e8963c1a 35%,#0000 65%);border-radius:50%;width:70vmax;height:70vmax;animation:.9s step-end .15s forwards lantern-catch,5s ease-in-out 1.2s infinite lantern-flicker;position:absolute;top:-10%}.lantern-left{left:-38vmax}.lantern-right{animation-delay:.35s,1.9s;right:-38vmax}@keyframes lantern-catch{0%{opacity:.4}20%{opacity:0}35%{opacity:.7}50%{opacity:.2}65%{opacity:1}to{opacity:1}}@keyframes lantern-flicker{0%,to{opacity:1;transform:scale(1)}30%{opacity:.86;transform:scale(.98)}45%{opacity:.95}70%{opacity:.82;transform:scale(1.01)}}.rise{animation:.9s cubic-bezier(.22,1,.36,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.hero-logo{width:min(82vw,480px,46svh);position:relative}.hero-logo img{filter:drop-shadow(0 20px 40px #0009)drop-shadow(0 0 60px #c07a2c40);width:100%;height:auto;display:block}.hero-when{font-family:var(--display);color:var(--bronze-light);text-shadow:0 2px 24px #e3a85a59;margin-top:1.75rem;font-size:clamp(2rem,6vw,3.25rem);font-weight:500;line-height:1.1;position:relative}.hero-what{text-wrap:balance;max-width:34ch;color:var(--muted);margin-top:.75rem;font-size:clamp(1.125rem,2.6vw,1.3125rem);position:relative}.hero-actions{flex-direction:column;align-items:center;gap:.6rem;margin-top:2rem;display:flex;position:relative}.handle{color:var(--muted);font-style:italic}.button{border:2px solid var(--bronze-light);background:linear-gradient(180deg, var(--bronze-light), var(--bronze));min-height:48px;color:var(--night);font-family:var(--display);border-radius:999px;align-items:center;gap:.6rem;padding:.7rem 1.5rem;font-size:1.25rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 24px #c07a2c4d}.button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #c07a2c73}.button.button-quiet{color:var(--bronze-light);box-shadow:none;background:0 0}.button.button-quiet:hover{background:#e3a85a1a}.section{width:100%;max-width:62rem;margin:0 auto;padding:3rem 1rem 3.5rem}.section:before{content:"";background:var(--bronze);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:18px;height:18px;margin:0 auto 2.75rem;display:block}.section h2{color:var(--steam);font-size:clamp(2.25rem,5vw,3rem)}.roll{text-align:center;align-items:center;gap:2.5rem;display:grid}.roll:before{grid-column:1/-1;margin-bottom:1rem}.roll-copy p{max-width:34ch;color:var(--muted);margin:1rem auto 0}.roller{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.d20{aspect-ratio:1;cursor:pointer;filter:drop-shadow(0 18px 24px #0000008c);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:min(56vw,230px);padding:0;transition:filter .4s}.d20:disabled{cursor:wait}.d20 svg{width:100%;height:100%;display:block}.d20.is-crit{filter:drop-shadow(0 18px 24px #0000008c)drop-shadow(0 0 28px #f0aa50d9)}.d20.is-fumble{filter:drop-shadow(0 18px 24px #0000008c)drop-shadow(0 0 24px #aa2828cc)}.d20-number{font-family:var(--display);fill:var(--steam);font-size:42px;font-weight:700}.roller-result{max-width:32ch;min-height:6.5rem}.roller-title{font-family:var(--display);color:var(--bronze-light);margin-bottom:.4rem;font-size:1.6rem;font-weight:700;line-height:1.2}.roller-hint{color:var(--muted);font-style:italic}.brewing h2{text-align:center}.brewing-list{gap:2rem;max-width:36rem;margin:2.5rem auto 0;padding:0;list-style:none;display:grid}.brewing-list li{border-top:2px solid var(--bronze);background:linear-gradient(#5b1a1c73,#5b1a1c00);padding:1.5rem 1.5rem 1.75rem}.brewing-list h3{color:var(--bronze-light);margin-bottom:.5rem;font-size:1.6rem;font-weight:500}.brewing-list p{color:var(--muted)}.find{text-align:center}.find address{margin:1.25rem 0 2rem;font-size:1.3125rem;font-style:normal;line-height:1.7}.footer{color:var(--muted);border-top:1px solid #c07a2c40;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;padding:2rem 1rem 2.5rem;font-size:1rem;display:flex}@media (width>=600px){.section{padding-left:2rem;padding-right:2rem}}@media (width>=960px){.roll{text-align:left;grid-template-columns:1fr 1fr;gap:2.5rem 4rem}.roll-copy p{margin-left:0}.brewing-list{grid-template-columns:repeat(3,1fr);max-width:none}}@media (prefers-reduced-motion:reduce){.lantern,.rise{opacity:1;animation:none}}