:root{--bg: #0c0a12;--bg-deep: #08060d;--sky: #0a0918;--panel: #120e18;--edge: #5c4a68;--outline: #06040a;--text: #e4d6c2;--dim: #92867c;--gold: #ecc676;--guild: #7ecc74;--whisper: #e896c8;--system: #e8cc96;--bad: #de6256;--btn: #2e222a;--btn-edge: #846442;--rivet: #ceaa68;--invite: #d6a240;--invite-edge: #fad87c;--ink: #402a1e;--epic: #a335ee;--uncommon: #1eff00;--blood: #c8281c;--display: "Pixelify Sans", ui-monospace, monospace;--body: "Chivo", system-ui, sans-serif;--mono: "Chivo Mono", ui-monospace, monospace;--wrap: 1180px;--gutter: clamp(16px, 4vw, 40px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}img,canvas{image-rendering:pixelated}canvas{display:block}a{color:var(--gold)}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.08;margin:0 0 .5em;letter-spacing:.01em}h1{font-size:clamp(2.6rem,6vw,4.6rem);color:var(--text);text-shadow:0 3px 0 var(--outline)}h2{font-size:clamp(2rem,4.2vw,3.2rem);text-shadow:0 3px 0 var(--outline)}h3{font-size:1.35rem;color:var(--gold)}p{margin:0 0 1em}q{quotes:"“" "”"}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--gold);color:var(--ink);padding:8px 12px}.skip:focus{left:8px}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}.two.reverse>.copy{order:2}.center{text-align:center}.copy.center{max-width:720px;margin:0 auto 48px}.kicker{font:600 .8rem/1 var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--rivet);margin-bottom:1.1em}.dim{color:var(--dim)}.panel{position:relative;background:var(--panel);border:2px solid var(--edge);box-shadow:0 0 0 2px var(--outline),0 18px 40px #00000073}.panel:before{content:"";position:absolute;inset:3px;pointer-events:none;background:linear-gradient(var(--rivet),var(--rivet)) left top / 3px 3px no-repeat,linear-gradient(var(--rivet),var(--rivet)) right top / 3px 3px no-repeat,linear-gradient(var(--rivet),var(--rivet)) left bottom / 3px 3px no-repeat,linear-gradient(var(--rivet),var(--rivet)) right bottom / 3px 3px no-repeat;opacity:.85}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 1.05rem/1 var(--display);color:var(--gold);background:var(--btn);border:2px solid var(--btn-edge);box-shadow:0 0 0 2px var(--outline),inset 0 -3px #00000059,inset 0 2px #ffffff0f;padding:14px 20px 15px;text-decoration:none;cursor:pointer;transition:transform .12s ease,filter .12s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.15)}.btn:active{transform:translateY(1px)}.btn-gold{background:var(--invite);border-color:var(--invite-edge);color:#2a170c}.btn-small{padding:9px 14px 10px;font-size:.95rem}.btn.is-soon{cursor:default}.btn.is-soon:hover{transform:none;filter:none}.cta{display:flex;flex-wrap:wrap;gap:16px;margin:28px 0 18px}.cta.center{justify-content:center}.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:24px;padding:12px var(--gutter);transition:background .2s ease,box-shadow .2s ease}.nav.is-solid{background:#0c0a12e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 0 var(--outline)}.nav-logo{font:700 1.3rem/1 var(--display);color:var(--gold);text-decoration:none;text-shadow:0 2px 0 var(--outline);margin-right:auto}.nav nav{display:flex;gap:22px}.nav nav a{color:var(--text);text-decoration:none;font:600 .9rem/1 var(--body);opacity:.85}.nav nav a:hover{opacity:1;color:var(--gold)}.hero{position:relative;min-height:100svh;overflow:hidden;background:var(--sky);isolation:isolate}.hero-world{position:absolute;left:0;z-index:-2}.hero-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 45% at 50% 34%,rgba(10,9,24,.72),transparent 75%),linear-gradient(180deg,rgba(10,9,24,.35) 0%,transparent 40%)}.hero-inner{max-width:820px;margin:0 auto;padding:72px var(--gutter) var(--stage, 360px);text-align:center}.hero-logo{margin:0 0 18px;line-height:0}.logo-stack{position:relative;display:inline-block}#heroLogo{filter:drop-shadow(0 6px 0 rgba(6,4,10,.55))}#heroLogoLight{position:absolute;inset:0;mix-blend-mode:screen;pointer-events:none}.hero-title{font:700 clamp(1.8rem,4vw,3rem)/1.1 var(--display);color:var(--text);text-shadow:0 3px 0 var(--outline);margin-bottom:.4em}.hero-inner .kicker{margin-bottom:.8em}.lede{font-size:clamp(1.05rem,1.5vw,1.2rem);color:var(--text);max-width:600px;margin:0 auto}.hero-inner .cta{margin:24px 0 0}.hero-note{position:absolute;right:var(--gutter);bottom:12px;margin:0;font:400 .72rem/1.4 var(--mono);color:var(--dim);text-shadow:0 1px 0 var(--outline)}.hero-logo .sr-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.band{padding:clamp(72px,10vw,128px) 0;position:relative}.band-dark{background:var(--bg-deep);box-shadow:0 -2px 0 var(--outline),0 2px 0 var(--outline)}.chat{padding:0;min-height:360px;display:flex;flex-direction:column}.chat-head{display:flex;align-items:center;gap:4px;padding:10px 12px 0;border-bottom:2px solid var(--outline)}.chat-tab{font:600 .78rem/1 var(--mono);padding:7px 10px;color:var(--dim);background:#ffffff08}.chat-tab.on{color:var(--gold);background:var(--btn);box-shadow:inset 0 2px 0 var(--btn-edge)}.chat-scene{margin-left:auto;font:400 .75rem/1 var(--mono);color:var(--dim)}.chat-log{list-style:none;margin:0;padding:14px 16px 18px;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;flex:1;font:400 .92rem/1.45 var(--mono)}.line b{color:var(--guild);font-weight:600}.line.whisper,.line.whisper b{color:var(--whisper)}.line.system{color:var(--system)}.line.gap{height:8px}.line.fresh{animation:in .35s ease-out}@keyframes in{0%{opacity:0;transform:translateY(6px)}}.q-uncommon{color:var(--uncommon)}.archetypes{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.archetype{padding:18px 18px 16px}.archetype h3{font-size:1.25rem;margin-bottom:.35em}.archetype .hint{color:var(--dim);font-size:.92rem;margin-bottom:.7em}.archetype .hint{font-style:italic}.archetype .hint:before{content:"at the Tavern: ";font:400 .72rem var(--mono);font-style:normal;color:var(--rivet);display:block}.archetype q{display:block;font:400 .88rem/1.4 var(--mono);color:var(--guild)}.arena{padding:18px 18px 20px;text-align:center}.arena-top{display:flex;justify-content:space-between;gap:12px;font:600 .82rem/1.3 var(--mono);color:var(--text);text-align:left}.wipes{color:var(--dim);white-space:nowrap}.bossbar{height:10px;margin:10px 0 6px;background:#2a1414;border:2px solid #6a5040;box-shadow:0 0 0 2px #1a0e0c}.bossbar i{display:block;height:100%;width:100%;background:var(--blood);box-shadow:inset 0 2px #ff6a4a;transition:width .2s linear}#bossCanvas{margin:8px auto 0}.emote{min-height:3em;margin:10px 0 2px;font:700 1rem/1.4 var(--body);color:#ff8a6a}.verdict{min-height:2.9em;margin:0 0 12px;font:400 .88rem/1.4 var(--mono);color:var(--dim)}.verdict.good{color:var(--guild)}.verdict.bad{color:var(--bad)}.calls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.calls button{font:700 .95rem/1.1 var(--display);color:var(--gold);background:var(--btn);border:2px solid var(--btn-edge);box-shadow:0 0 0 2px var(--outline),inset 0 -3px #00000059;padding:14px 4px;cursor:pointer;position:relative}.calls button.is-lit{background:#5a3e1c;color:#fff4c8;box-shadow:0 0 0 2px var(--outline),0 0 18px #ecc67699;animation:lit .5s steps(2) infinite}@keyframes lit{50%{border-color:#fff0b0}}.calls button.is-wrong{background:#5a1a14;border-color:var(--bad)}.calls button.is-cooling{filter:grayscale(.7) brightness(.7)}.calls button.is-cd{transform:translate(2px)}.calls .pullbtn{grid-column:1 / -1;background:var(--invite);border-color:var(--invite-edge);color:#2a170c;font-size:1.1rem}.calls .pullbtn:disabled{background:var(--btn);border-color:#3a2e36;color:var(--dim);cursor:default}.qualities{list-style:none;padding:0;margin:0 auto 48px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.qualities li{font:700 1rem/1 var(--display);color:var(--q);padding:10px 14px;background:var(--panel);border:2px solid color-mix(in srgb,var(--q) 55%,var(--outline));box-shadow:0 0 0 2px var(--outline)}.party{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(8px,2vw,28px)}.hero-card{margin:0;text-align:center}.hero-card canvas{margin:0 auto}.hero-card figcaption{display:flex;flex-direction:column;gap:2px;margin-top:6px}.hero-card b{font:700 .95rem/1.2 var(--body);color:#c07cf5;max-width:190px}.hero-card span{font:400 .78rem/1.2 var(--mono)}.street{position:relative;overflow:hidden;cursor:grab;touch-action:pan-y;background:var(--sky);margin:0 0 48px;box-shadow:0 -2px 0 var(--outline),0 2px 0 var(--outline);-webkit-user-select:none;user-select:none}.street.is-day{background:#3a3254}.street.is-dragging{cursor:grabbing}.street canvas{position:absolute;left:0;top:0}.sign{position:absolute;left:0;bottom:10px;white-space:nowrap;pointer-events:none;font:600 .72rem/1 var(--mono);color:var(--text);background:#0c0a12c7;padding:5px 7px;border:1px solid var(--edge)}.sign.region{color:var(--gold);border-color:var(--btn-edge);font-size:.8rem}.street-hint{position:absolute;left:50%;top:14px;transform:translate(-50%);font:600 .8rem/1 var(--mono);color:var(--text);background:#0c0a12b3;padding:6px 10px;pointer-events:none}.tiers{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tier{padding:4px 0}.tier ul{margin:0;padding-left:1.1em;color:var(--text)}.tier li{margin-bottom:.45em}.tier li::marker{color:var(--rivet)}.tier b{color:var(--gold);font-weight:600}.bestiary{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:18px 28px;margin-top:56px}.foe{margin:0;text-align:center}.foe canvas{width:calc(var(--w) * var(--s, 1) * 1px);height:calc(var(--h) * var(--s, 1) * 1px);margin:0 auto}.foe figcaption{display:flex;flex-direction:column;margin-top:4px}.foe b{font:600 .8rem/1.25 var(--body);color:var(--text);max-width:160px}.foe span{font:400 .72rem/1.3 var(--mono);color:var(--dim)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:26px 24px 22px;display:flex;flex-direction:column}.card p{color:var(--text);flex:1}.card q{font:400 .9rem/1.4 var(--mono);color:var(--guild)}.card q:before{content:"[G] "}.price{padding:30px 30px 24px}.price-tag{font:400 1rem/1 var(--mono);color:var(--dim);margin-bottom:34px}.price-tag{display:flex;align-items:flex-end;gap:14px}.price-amount{font:700 3.4rem/1 var(--display);color:var(--gold);text-shadow:0 3px 0 var(--outline)}.price-amount.is-pixel .sr-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.checks{list-style:none;padding:0;margin:0}.checks li{padding-left:28px;position:relative;margin-bottom:.7em}.checks li:before{content:"";position:absolute;left:4px;top:.5em;width:10px;height:6px;border-left:3px solid var(--guild);border-bottom:3px solid var(--guild);transform:rotate(-45deg)}.finale{background:radial-gradient(ellipse at 50% 30%,#1d1530,var(--bg) 70%)}.finale-logo{display:block;margin:0 auto;width:338px;height:auto}.finale-logo.pull{width:328px;margin:0 auto 36px}.finale h2{margin-bottom:.3em}.foot{padding:32px 0 40px;font-size:.9rem;color:var(--dim);border-top:2px solid var(--outline)}.foot p{margin:0 0 4px}@media(max-width:900px){.hero-note{display:none}.two{grid-template-columns:1fr}.two.reverse>.copy{order:0}.cards,.tiers{grid-template-columns:1fr}.nav nav{display:none}}@media(max-width:520px){body{font-size:16px}.calls{grid-template-columns:1fr 1fr}.finale-logo{width:169px}.finale-logo.pull{width:164px}}