:root{color-scheme:dark;--bg:#1b110c;--deep:#100a08;--panel:#27180f;--edge:#6b4327;--gold:#efbf70;--gold2:#b87536;--text:#f2e3ce;--muted:#c4ac8e;--line:#49301f;font-family:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(ellipse 60% 25% at 74% 8%,#73442245,transparent 70%),linear-gradient(180deg,#281910 0%,var(--bg) 31%,var(--deep) 100%);line-height:1.55}a{color:var(--gold)}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:absolute;left:-10000px;z-index:20;background:var(--gold);color:#170b05;padding:.7rem 1rem}.skip-link:focus{left:1rem;top:1rem}.topglow{position:absolute;pointer-events:none;top:0;left:0;right:0;height:490px;background:radial-gradient(ellipse 30% 70% at 76% 30%,#d28b3130,transparent 72%)}
.site-head,.site-foot,.hero,.section{width:min(1160px,calc(100% - 2.5rem));margin-inline:auto}.site-head{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;position:relative;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:.85rem;color:var(--text);text-decoration:none;font-family:system-ui,-apple-system,sans-serif;letter-spacing:.17em;font-size:.77rem}.wordmark span:last-child{display:grid;gap:.1rem}.wordmark small{font-size:.58rem;color:var(--gold);letter-spacing:.22em}.wordmark-icon{color:var(--gold);font-size:2rem}.site-head nav{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.site-head nav a{font:600 .85rem system-ui,-apple-system,sans-serif;text-decoration:none;color:var(--muted)}.site-head nav a:hover{color:var(--gold)}.site-head nav .nav-forum{padding:.65rem 1rem;border:1px solid var(--edge);border-radius:4px;color:var(--gold)}
.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:600px;gap:3rem;padding-block:5rem 6rem;position:relative}.eyebrow{text-transform:uppercase;color:var(--gold);letter-spacing:.18em;font:700 .7rem system-ui,-apple-system,sans-serif}.spark{margin-right:.65rem}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(4rem,8vw,7.8rem);letter-spacing:-.055em;line-height:.94;margin:.85rem 0 1.8rem;font-weight:normal}h1 em{color:var(--gold);font-style:normal}h2{font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.13;font-weight:normal;letter-spacing:-.035em}h3{font-weight:normal;font-size:1.4rem;margin:.1rem 0 0}.hero-lede{font-size:clamp(1.12rem,2vw,1.33rem);max-width:35rem}.hero-note,.section-lede,.intro-copy p,.rules-copy{color:var(--muted)}.hero-note{max-width:32rem}.actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:2rem}.button{text-decoration:none;display:inline-flex;gap:1rem;align-items:center;justify-content:center;min-height:49px;padding:.75rem 1.2rem;border-radius:4px;font:700 .88rem system-ui,-apple-system,sans-serif;transition:transform .15s,background-color .15s}.button:hover{transform:translateY(-2px)}.primary{background:var(--gold);color:#231209}.primary:hover{background:#ffce84}.secondary{border:1px solid var(--edge);color:var(--text)}.secondary:hover{background:#5b391d66}
.inn{min-height:425px;display:grid;place-items:center;border:1px solid #8b5b3366;border-radius:49% 49% 8px 8px/28% 28% 8px 8px;background:radial-gradient(ellipse 80% 70% at 50% 40%,#8a512a5c,transparent 69%),linear-gradient(130deg,#2d1b0e,#130b07);box-shadow:inset 0 0 0 12px #130b07, inset 0 0 0 14px #78502a66,0 28px 65px #0007;max-width:440px;width:100%;justify-self:center;position:relative;overflow:hidden}.inn-inner{text-align:center;width:80%;padding:3rem 1rem}.inn-stars{font-size:.85rem;color:#d5a66475;letter-spacing:.5rem}.inn-lamp{color:var(--gold);font-size:2.8rem;filter:drop-shadow(0 0 22px #e9a04b)}.inn-sign{font-size:clamp(2.6rem,4vw,4.2rem);line-height:1.04;letter-spacing:.06em;color:var(--gold);margin:.5rem auto;text-shadow:0 0 30px #b66d4291}.inn-rule{display:block;height:1px;width:60%;background:linear-gradient(90deg,transparent,var(--gold2),transparent);margin:1.4rem auto}.inn-caption{color:#e7c89a;font-style:italic;font-size:1.1rem;line-height:1.55}.section{padding-block:4.5rem;border-top:1px solid var(--line)}.intro,.rules{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.intro-copy{max-width:29rem}.text-link{text-decoration:none;border-bottom:1px solid var(--gold2);display:inline-block;padding-bottom:.15rem;font-weight:bold}.section-lede{max-width:44rem;margin-bottom:1.9rem}.people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.person{display:flex;gap:1rem;min-height:145px;padding:1.25rem;background:linear-gradient(135deg,#342116bd,#1d140ec9);border:1px solid var(--line);border-radius:5px}.person p{font-size:.94rem;color:var(--muted);margin:.45rem 0 0}.person .role{font:.7rem system-ui,-apple-system,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin:0}.sigil{flex:none;width:44px;height:44px;border:1px solid #82522e;color:var(--gold);display:grid;place-items:center;border-radius:50%;font-size:1.35rem;background:#22140c}.rules-copy{max-width:32rem}.fine{font-size:.88rem}.site-foot{padding:1.8rem 0 2.5rem;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;color:var(--muted);font:.8rem system-ui,-apple-system,sans-serif}.site-foot a{text-decoration:none}
@media(max-width:920px){.hero{grid-template-columns:1fr;gap:2.5rem;padding-block:4rem}.inn{min-height:350px;max-width:360px}.people{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.site-head{padding-block:1rem;align-items:flex-start;flex-direction:column}.site-head nav{gap:1rem}.hero{padding-block:3rem}.intro,.rules{grid-template-columns:1fr;gap:.8rem}.people{grid-template-columns:1fr}.section{padding-block:3rem}.inn{min-height:310px}h1{font-size:clamp(3.5rem,15vw,5.4rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* Rusty Flagon: accessible original music controls and richer resident introductions */
.music-control{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}
.site-head nav .music-toggle{border:1px solid var(--gold2);border-radius:4px;padding:.55rem .8rem;background:#2c1a10;color:var(--gold);font:600 .78rem system-ui,-apple-system,sans-serif;cursor:pointer}
.site-head nav .music-toggle:hover,.site-head nav .music-toggle[aria-pressed="true"]{background:#513118;color:#ffce84}
.music-toggle:disabled{opacity:.65;cursor:not-allowed}
.volume-label{font:.7rem system-ui,-apple-system,sans-serif;color:var(--muted)}
#music-volume{width:72px;accent-color:var(--gold);cursor:pointer}
.regular-lore{margin-top:.85rem;border-top:1px solid var(--line);padding-top:.65rem}
.regular-lore summary{color:var(--gold);font:.8rem system-ui,-apple-system,sans-serif;cursor:pointer;list-style-position:inside}
.regular-lore[open] summary{margin-bottom:.6rem}
.person .regular-quote{font-size:1.01rem;color:var(--text);font-style:italic}
.person{flex-direction:column}
.person>div:first-of-type{flex:1}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){.music-control{width:100%}.site-head nav{align-items:flex-start}}