:root{color-scheme:dark;--night:#17201a;--night-deep:#101710;--timber:#2f231a;--timber-edge:#4d3826;--parchment:#f0e2bd;--parchment-dim:#bfae8a;--lantern:#e9a53f;--ember:#c95f3f;--moon:#9db8d8;--line:#f0e2bd29;--display:"Grenze Gotisch", "Palatino Linotype", serif;--body:"Alegreya", Georgia, serif;--caps:"Alegreya SC", "Alegreya", Georgia, serif;font-family:var(--body);background:var(--night);color:var(--parchment)}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:radial-gradient(ellipse 60rem 34rem at 18% -4%, #e9a53f29, transparent 70%), radial-gradient(ellipse 44rem 26rem at 88% 0%, #9db8d812, transparent 70%), linear-gradient(180deg, #1b2620 0%, var(--night) 42%, var(--night-deep) 100%);background-attachment:fixed;min-height:100vh;margin:0;font-size:1.06rem;line-height:1.6;transition:padding-bottom .35s}body.has-party{padding-bottom:132px}a{color:inherit}button{font:inherit}:focus-visible{outline:2px solid var(--lantern);outline-offset:3px;border-radius:4px}::selection{background:#e9a53f59}.page-shell{width:min(1140px,100% - 36px);margin:0 auto}.site-header{justify-content:space-between;align-items:center;gap:24px;padding:26px 0 10px;display:flex}.brand{gap:0;text-decoration:none;display:inline-grid}.brand strong{font-family:var(--display);color:var(--parchment);font-size:clamp(1.5rem,3vw,1.9rem);font-weight:500;line-height:1}.brand span{font-family:var(--caps);color:var(--parchment-dim);letter-spacing:.16em;font-size:.78rem}.site-nav{flex-wrap:wrap;gap:22px;display:flex}.site-nav a{font-family:var(--caps);letter-spacing:.1em;color:var(--parchment-dim);border-bottom:1px solid #0000;padding:6px 2px;font-size:.92rem;text-decoration:none}.site-nav a:hover{color:var(--lantern);border-bottom-color:#e9a53f80}.hero{text-align:center;justify-items:center;gap:22px;padding:clamp(40px,8vw,96px) 0 clamp(36px,6vw,64px);display:grid}.eyebrow{font-family:var(--caps);letter-spacing:.22em;color:var(--lantern);margin:0;font-size:.95rem}.eyebrow:before,.eyebrow:after{content:"✦";color:var(--ember);margin-inline:12px}h1{max-width:16ch;font-family:var(--display);color:var(--parchment);text-shadow:0 0 60px #e9a53f59;margin:0;font-size:clamp(3rem,9vw,6.4rem);font-weight:500;line-height:1}.hero-lede{max-width:52ch;color:var(--parchment-dim);margin:0;font-size:clamp(1.05rem,1.6vw,1.22rem)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:6px;display:flex}.action{min-height:50px;font-family:var(--caps);letter-spacing:.08em;color:var(--parchment);border:1px solid var(--line);background:#f0e2bd0d;border-radius:4px;justify-content:center;align-items:center;padding:0 26px;font-size:1rem;text-decoration:none;display:inline-flex}.action:hover{border-color:#e9a53f8c}.action.primary{background:var(--lantern);color:#241505;border-color:#0000;font-weight:700;box-shadow:0 0 34px #e9a53f4d}.action.primary:hover{background:#f2b558}.hero-heroes{flex-wrap:wrap;justify-content:center;gap:14px;margin:20px 0 0;padding:0;list-style:none;display:flex}.hero-heroes a{border-radius:50%;display:block}.hero-heroes .token{width:58px;transition:transform .25s,box-shadow .25s}.hero-heroes a:hover .token{box-shadow:0 0 0 2px var(--lantern), 0 10px 24px #00000080;transform:translateY(-4px)scale(1.06)}.token{aspect-ratio:1;border:2px solid var(--timber-edge);background:var(--timber);border-radius:50%;display:block;position:relative;overflow:hidden;box-shadow:0 6px 16px #00000073}.token img{width:300%;max-width:none;height:200%;transform:translate(var(--x), var(--y));position:absolute;top:0;left:0}.section-heading{text-align:center;justify-items:center;gap:10px;margin:clamp(30px,5vw,56px) 0 30px;display:grid}.section-heading h2{font-family:var(--display);margin:0;font-size:clamp(2.1rem,4.5vw,3.4rem);font-weight:500;line-height:1}.section-heading p{max-width:52ch;color:var(--parchment-dim);margin:0}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding-bottom:clamp(40px,6vw,70px);display:grid}.character-card{background:linear-gradient(#241c14,#1d1610);border:1px solid #e9a53f2e;border-radius:6px;grid-template-rows:auto 1fr;min-width:0;transition:transform .25s,box-shadow .25s,border-color .25s;display:grid;box-shadow:0 18px 44px #00000073}.character-card:hover{border-color:#e9a53f73;transform:translateY(-5px);box-shadow:0 26px 54px #0000008c,0 0 40px #e9a53f1a}.portrait{aspect-ratio:1;border:4px solid var(--timber-edge);outline-offset:-6px;background:var(--timber);border-radius:3px;outline:1px solid #e9a53f59;margin:12px 12px 0;position:relative;overflow:hidden}.portrait img{width:300%;max-width:none;height:200%;transform:translate(var(--x), var(--y));position:absolute;top:0;left:0}.card-body{align-content:start;gap:10px;padding:16px 18px 18px;display:grid}.card-kicker{font-family:var(--caps);letter-spacing:.14em;color:var(--parchment-dim);justify-content:center;gap:10px;margin:0;font-size:.85rem;display:flex}.card-kicker .role{color:var(--accent)}.character-card h3{text-align:center;font-family:var(--display);margin:0;font-size:clamp(1.6rem,2.4vw,2rem);font-weight:500;line-height:1}.card-summary{color:var(--parchment-dim);margin:0;font-size:.99rem;line-height:1.55}.traits{flex-wrap:wrap;justify-content:center;gap:7px;margin:2px 0 4px;padding:0;list-style:none;display:flex}.traits li{border:1px solid var(--line);color:var(--parchment-dim);font-family:var(--caps);letter-spacing:.06em;border-radius:999px;padding:3px 10px;font-size:.8rem}.join-button{min-height:46px;color:var(--lantern);font-family:var(--caps);letter-spacing:.08em;cursor:pointer;background:#e9a53f14;border:1px solid #e9a53f66;border-radius:4px;font-size:.98rem;transition:background .2s,color .2s}.join-button:hover{background:#e9a53f2e}.join-button .joined-label{display:none}.join-button[aria-pressed=true]{background:var(--lantern);color:#241505;font-weight:700}.join-button[aria-pressed=true] .join-label{display:none}.join-button[aria-pressed=true] .joined-label{display:inline}.quest-board{background:linear-gradient(#00000047,#0000 30% 70%,#00000057),repeating-linear-gradient(90deg,#3a2a1c 0 30px,#43301f 30px 60px,#372717 60px 90px);border:1px solid #0009;border-radius:8px;margin-bottom:clamp(50px,7vw,90px);padding:clamp(20px,3.5vw,36px);box-shadow:inset 0 2px #f0e2bd14,0 22px 50px #00000080}.board-notes{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.board-note{color:#33241a;min-height:170px;transform:rotate(var(--tilt));background:linear-gradient(165deg,#f2e4bc,#e2cd9b);border-radius:2px;align-content:start;gap:8px;padding:26px 16px 18px;display:grid;position:relative;box-shadow:0 12px 22px #00000073}.board-note:before{content:"";background:radial-gradient(circle at 35% 30%,#f6d489,#a4712c 65%,#6d4718);border-radius:50%;width:12px;height:12px;position:absolute;top:9px;left:50%;translate:-50%;box-shadow:0 2px 3px #0006}.board-note .numeral{font-family:var(--caps);letter-spacing:.08em;color:var(--ember);font-size:1.15rem;font-weight:700;line-height:1}.board-note b{font-family:var(--display);font-size:1.45rem;font-weight:500;line-height:1}.board-note span{color:#6b5138;font-size:.95rem;line-height:1.4}.party-tray{z-index:10;background:linear-gradient(#f0e2bd12,#0000 40%),repeating-linear-gradient(90deg,#32241636 0 90px,#0002 90px 92px),linear-gradient(#3b2b1b,#2a1d11);border-top:3px solid #63482e;transition:transform .35s;position:fixed;inset:auto 0 0;transform:translateY(105%);box-shadow:0 -18px 50px #0009}.has-party .party-tray{transform:translateY(0)}.tray-inner{align-items:center;gap:clamp(14px,3vw,30px);padding:14px 0 16px;display:flex}.tray-title{font-family:var(--display);max-width:7ch;color:var(--parchment);flex-shrink:0;margin:0;font-size:1.4rem;font-weight:500;line-height:1.05}.tray-seats{flex-wrap:wrap;gap:16px;margin:0;padding:0;list-style:none;display:flex}.seat{justify-items:center;gap:4px;display:grid}.seat .token{border-color:var(--lantern);width:58px;box-shadow:0 0 14px #e9a53f59,0 6px 14px #00000080}.seat-name{font-family:var(--caps);letter-spacing:.08em;color:var(--parchment-dim);font-size:.74rem}.site-footer{text-align:center;color:var(--parchment-dim);font-family:var(--caps);letter-spacing:.1em;padding:10px 0 46px;font-size:.88rem}@keyframes kindle{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero>*{animation:.9s both kindle}.hero>:nth-child(2){animation-delay:.12s}.hero>:nth-child(3){animation-delay:.24s}.hero>:nth-child(4){animation-delay:.36s}.hero>:nth-child(5){animation-delay:.48s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero>*{animation:none}.party-tray,.character-card,.hero-heroes .token,body{transition:none}}@media (width<=980px){.gallery,.board-notes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.page-shell{width:calc(100% - 24px)}.site-header{flex-direction:column;align-items:center;gap:10px}.gallery,.board-notes{grid-template-columns:1fr}.tray-inner{align-items:start}.tray-title{font-size:1.15rem}.seat .token{width:46px}body.has-party{padding-bottom:150px}}