:root{--bg: #0b0a14;--bg-2: #13112a;--bg-radial-1: #1c1638;--bg-radial-2: #221a3e;--ink: #f4f0e6;--muted: #9a93b8;--gold: #f6c453;--crit: #ff5470;--mana: #7c5cff;--potion: #3ddc97;--steel: #8fb3ff;--rune: #ffb4d8;--parchment: #efe3c2;--parchment-ink: #2a1d0d;--line: rgba(244, 240, 230, .14);--line-strong: rgba(244, 240, 230, .28);--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-fraktur: "UnifrakturCook", serif;--r-sm: 8px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--page-pad: 64px}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(1200px 800px at 20% 10%,var(--bg-radial-1) 0%,transparent 60%),radial-gradient(900px 700px at 90% 90%,var(--bg-radial-2) 0%,transparent 55%),linear-gradient(180deg,var(--bg) 0%,#0a0814 100%);background-attachment:fixed;color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit}.t-display{font-size:120px;line-height:.92;font-weight:700;letter-spacing:-.04em}.t-h1{font-size:72px;line-height:.95;letter-spacing:-.035em;font-weight:700;margin:0}.t-h2{font-size:52px;line-height:1;letter-spacing:-.025em;font-weight:700;margin:0}.t-h3{font-size:36px;line-height:1.05;font-weight:700;margin:0}.t-body{font-size:20px;line-height:1.5;text-wrap:pretty}.t-meta{font-family:var(--font-mono);font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.t-mono{font-family:var(--font-mono)}.c-gold{color:var(--gold)}.c-crit{color:var(--crit)}.c-mana{color:var(--mana)}.c-potion{color:var(--potion)}.c-steel{color:var(--steel)}.c-rune{color:var(--rune)}.c-muted{color:var(--muted)}.page{max-width:1280px;margin:0 auto;padding:80px var(--page-pad) 160px}.section{margin-top:96px}.section-head{margin-bottom:32px}.section-head .t-meta{margin-bottom:10px}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}hr.rule{border:none;height:1px;background:var(--line);margin:48px 0}@media(max-width:880px){:root{--page-pad: 28px}.t-display{font-size:64px}.t-h1{font-size:44px}.t-h2{font-size:36px}.t-h3{font-size:26px}.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}}.chip{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-family:var(--font-mono);font-size:14px;color:var(--ink);background:#ffffff08;text-decoration:none}.chip-gold{border-color:#f6c45373;color:var(--gold)}.chip-crit{border-color:#ff547073;color:var(--crit)}.chip-potion{border-color:#3ddc9773;color:var(--potion)}.chip-mana{border-color:#7c5cff80;color:var(--mana)}.chip-steel{border-color:#8fb3ff80;color:var(--steel)}.ribbon{display:inline-block;background:var(--crit);color:#fff;padding:8px 14px;border-radius:6px;font-family:var(--font-mono);font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:700}.ribbon-gold{background:var(--gold);color:#1a1404}.ribbon-potion{background:var(--potion);color:#0a2f1f}.ribbon-mana{background:var(--mana);color:#fff}.ribbon-steel{background:var(--steel);color:#0a1a3a}.card{border:1px solid var(--line);border-radius:var(--r-xl);padding:28px;background:linear-gradient(180deg,#ffffff0a,#ffffff04);position:relative;overflow:hidden}.card-corner{position:absolute;top:14px;right:18px;font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:.2em}.party-card{border:1px solid var(--line);border-radius:var(--r-xl);padding:24px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);display:flex;flex-direction:column;gap:14px;overflow:hidden}.party-card .portrait{width:100%;aspect-ratio:1.4 / 1;border-radius:14px;background:radial-gradient(circle at 50% 35%,var(--p1, #7c5cff),var(--p2, #1a1233));display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}.party-card .class-tag{font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.party-card .name{font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1;margin:6px 0}.party-card .role{font-size:16px;line-height:1.3;color:var(--ink)}.parchment{background:linear-gradient(180deg,#efe3c2,#e3d3a4);color:var(--parchment-ink);border-radius:var(--r-lg);padding:36px;box-shadow:inset 0 0 0 2px #0000000f,0 30px 60px #00000073;position:relative}.parchment:before,.parchment:after{content:"";position:absolute;left:0;right:0;height:14px;background:repeating-linear-gradient(90deg,transparent 0 22px,rgba(0,0,0,.08) 22px 24px)}.parchment:before{top:0}.parchment:after{bottom:0}.cmd-card{border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 28px;background:linear-gradient(180deg,#15102e,#0d0a1f);font-family:var(--font-mono)}.cmd-card .ln{font-size:24px;color:var(--ink)}.cmd-card .desc{font-size:15px;color:var(--muted);margin-top:10px;font-family:var(--font-display);letter-spacing:0;line-height:1.4}.rune-divider{display:flex;align-items:center;gap:18px;color:var(--muted);font-family:var(--font-mono);font-size:13px;letter-spacing:.3em;text-transform:uppercase}.rune-divider:before,.rune-divider:after{content:"";height:1px;background:var(--line);flex:1}.chrome{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:13px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.chrome .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:10px;vertical-align:middle;box-shadow:0 0 12px var(--gold)}.strike{position:relative;display:inline-block}.strike:after{content:"";position:absolute;left:-4px;right:-4px;top:55%;height:8px;background:var(--crit);transform:rotate(-3deg);border-radius:4px;box-shadow:0 0 30px #ff547099}.codeblock{border:1px solid var(--line);border-radius:var(--r-md);background:#06050d;font-family:var(--font-mono);font-size:13px;color:var(--ink);padding:20px 24px;line-height:1.6;overflow:auto}.codeblock .com{color:var(--muted)}.codeblock .key{color:var(--gold)}.codeblock .str{color:var(--potion)}.swatch{border-radius:var(--r-md);padding:28px 20px;display:flex;flex-direction:column;justify-content:space-between;min-height:160px;border:1px solid var(--line)}.swatch .hex{font-family:var(--font-mono);font-size:13px;opacity:.85}.swatch .name{font-family:var(--font-mono);font-size:13px;letter-spacing:.15em;text-transform:uppercase;font-weight:700}.swatch.role-gold{background:var(--gold);color:#1a1404;border-color:transparent}.swatch.role-crit{background:var(--crit);color:#fff;border-color:transparent}.swatch.role-mana{background:var(--mana);color:#fff;border-color:transparent}.swatch.role-potion{background:var(--potion);color:#0a2f1f;border-color:transparent}.swatch.role-steel{background:var(--steel);color:#0a1a3a;border-color:transparent}.swatch.role-rune{background:var(--rune);color:#3a1228;border-color:transparent}.swatch.role-bg{background:var(--bg);color:var(--ink)}.swatch.role-bg2{background:var(--bg-2);color:var(--ink)}.swatch.role-ink{background:var(--ink);color:#0a0814;border-color:transparent}.swatch.role-muted{background:var(--muted);color:#0a0814;border-color:transparent}.swatch.role-parchment{background:var(--parchment);color:var(--parchment-ink);border-color:transparent}.kv{display:grid;grid-template-columns:200px 1fr;gap:12px 24px;font-family:var(--font-mono);font-size:14px}.kv dt{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:12px;align-self:center}.kv dd{margin:0}.demo{border:1px dashed var(--line-strong);border-radius:var(--r-md);padding:36px;background:#ffffff04;position:relative}.demo:before{content:"DEMO";position:absolute;top:8px;right:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;color:var(--muted)}.nav{display:flex;align-items:center;justify-content:space-between;padding:28px var(--page-pad);max-width:1280px;margin:0 auto;font-family:var(--font-mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase}.nav .brand{color:var(--ink);text-decoration:none;font-weight:700}.nav .brand .dot{color:var(--crit)}.nav .links{display:flex;gap:22px}.nav .links a{color:var(--muted);text-decoration:none;transition:color .15s ease}.nav .links a:hover,.nav .links a[aria-current=page]{color:var(--gold)}@keyframes vc-fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes vc-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes vc-scaleIn{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}@keyframes vc-slideR{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:none}}@keyframes vc-slideL{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:none}}@keyframes vc-pop{0%{opacity:0;transform:scale(.7) translateY(20px)}to{opacity:1;transform:none}}@keyframes vc-glow{0%,to{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 40px rgba(246,196,83,.55)}}.anim-up{animation:vc-fadeUp .7s cubic-bezier(.2,.7,.2,1) both}.anim-fade{animation:vc-fadeIn .8s ease both}.anim-scale{animation:vc-scaleIn .7s cubic-bezier(.2,.7,.2,1) both}.anim-right{animation:vc-slideR .7s cubic-bezier(.2,.7,.2,1) both}.anim-left{animation:vc-slideL .7s cubic-bezier(.2,.7,.2,1) both}.anim-pop{animation:vc-pop .8s cubic-bezier(.2,.7,.2,1) both}.anim-glow{animation:vc-glow 3.4s ease-in-out infinite}.d-1{animation-delay:.1s}.d-2{animation-delay:.22s}.d-3{animation-delay:.34s}.d-4{animation-delay:.46s}.d-5{animation-delay:.58s}.d-6{animation-delay:.7s}.d-7{animation-delay:.82s}.d-8{animation-delay:.94s}.d-9{animation-delay:1.06s}@media(prefers-reduced-motion:reduce){.anim-up,.anim-fade,.anim-scale,.anim-right,.anim-left,.anim-pop,.anim-glow{animation:none!important}}