:root{--bg: #14160f;--bg-deep: #0d0e09;--bg-card: #1c1e15;--bg-elevated: #25271c;--bg-hover: #303324;--border: #363728;--border-light: #4b4d3a;--border-bright: #64664d;--gold: #cca766;--gold-bright: #eccd8c;--gold-dim: #8c7444;--verdigris: #79a98e;--verdigris-bright: #a6cfb5;--verdigris-dim: #517564;--blood: #9d4f4a;--blood-bright: #c9817a;--blood-dim: #6e3a36;--corruption: #8b7298;--corruption-bright: #b598be;--rot: #6f8d54;--rot-bright: #9cba7c;--ice: #6f8ca0;--ice-bright: #9fbece;--text: #e8dec6;--text-muted: #aa9e86;--text-dim: #786d58;--tier-1: #6f9656;--tier-2: #b39a55;--tier-3: #b97e44;--tier-4: #8a6f9a;--success: #88b07e;--failure: #c9817a;--crit: #eccd8c;--shadow-deep: 0 10px 30px rgba(0,0,0,.55);--shadow-card: 0 4px 14px rgba(0,0,0,.4);--shadow-inset: inset 0 1px 0 rgba(255,233,180,.04), inset 0 -1px 0 rgba(0,0,0,.4);--serif: "Spectral", Georgia, "Times New Roman", serif;--display: "Fraunces", Georgia, serif;--mono: "JetBrains Mono", Consolas, Monaco, monospace}.surface{background:var(--bg);color:var(--text);font-family:var(--serif);background-image:radial-gradient(ellipse 1100px 520px at 50% -120px,rgba(204,167,102,.06) 0%,transparent 70%),radial-gradient(ellipse 900px 600px at 100% 100%,rgba(121,169,142,.035) 0%,transparent 65%)}.surface *{box-sizing:border-box}.h-display{font-family:var(--display);color:var(--gold);font-weight:600;letter-spacing:-.005em;margin:0}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-gold{color:var(--gold)}.text-gold-b{color:var(--gold-bright)}.text-verd{color:var(--verdigris)}.text-blood{color:var(--blood-bright)}.ornament-rule{height:14px;display:flex;align-items:center;justify-content:center;color:var(--gold-dim);letter-spacing:.6em;font-family:var(--display)}.ornament-rule:before,.ornament-rule:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)}.ornament-rule span{padding:0 14px;font-size:12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--border-light);border-radius:2px;background:var(--bg-elevated);color:var(--text-muted);font-family:var(--display);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.chip.gold{color:var(--gold-bright);border-color:var(--gold-dim)}.chip.verd{color:var(--verdigris-bright);border-color:var(--verdigris-dim)}.chip.blood{color:var(--blood-bright);border-color:var(--blood-dim)}.chip.dim{color:var(--text-dim)}.wlink{color:var(--gold);border-bottom:1px solid color-mix(in oklab,var(--gold-dim) 70%,transparent);text-decoration:none;padding-bottom:1px;transition:color .15s,border-color .15s}.wlink:hover{color:var(--gold-bright);border-bottom-color:var(--gold)}.wlink.wdead{color:var(--text-dim);border-bottom:1px dashed var(--text-dim);font-style:italic}.cards-block{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:16px 0}.card-tile{background:var(--bg-card);border:1px solid var(--border);border-top:2px solid var(--gold-dim);border-radius:2px;padding:12px 14px}.card-tile .card-tile-title{font-family:var(--display);color:var(--gold);font-size:14px;margin:0 0 4px;font-weight:600}.card-tile .card-tile-desc{color:var(--text-muted);font-size:13px;line-height:1.5}.statblock{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;padding:14px 16px;box-shadow:var(--shadow-card)}.statblock-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:10px}.statblock-name{font-family:var(--display);font-size:18px;color:var(--gold-bright);font-weight:600;letter-spacing:.01em}.statblock-sub{font-style:italic;font-size:12px;color:var(--text-dim)}.stat-row{display:flex;gap:14px;margin-top:8px;flex-wrap:wrap}.stat-pip{display:flex;flex-direction:column;font-family:var(--display);font-size:11px;letter-spacing:.06em;color:var(--text-dim);text-transform:uppercase}.stat-pip b{font-family:var(--mono);color:var(--gold-bright);font-size:15px;font-weight:600;margin-top:2px}.btn{background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text);font-family:var(--display);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:2px;cursor:pointer}.btn:hover{border-color:var(--gold-dim);color:var(--gold-bright)}.btn.primary{background:linear-gradient(180deg,color-mix(in oklab,var(--gold-dim) 35%,var(--bg-elevated)),var(--bg-elevated));color:var(--gold-bright);border-color:var(--gold-dim)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn.ghost:hover{color:var(--gold)}.btn.danger{color:var(--blood-bright);border-color:var(--blood-dim)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}:root{--dh-bg: #f1e6c8;--dh-bg-deep: #e6d9b6;--dh-paper: #f8f0d6;--dh-paper-2: #ede0bc;--dh-vellum: #fbf6e3;--dh-ink: #2a1d10;--dh-ink-muted: #5a4632;--dh-ink-dim: #8a7656;--dh-border: #c6a877;--dh-border-soft: #d8c39a;--dh-border-strong: #a5814c;--dh-hope: #b8862a;--dh-hope-bright: #d8a64a;--dh-hope-pale: #f3d791;--dh-hope-deep: #7a5614;--dh-fear: #4f2a52;--dh-fear-bright: #76478a;--dh-fear-pale: #b69ec0;--dh-fear-deep: #2b1330;--dh-blood: #8b2828;--dh-blood-bright:#b94646;--dh-verdant: #4a6b3a;--dh-verdant-br: #7a9c5e;--dh-ether: #3e5a6e;--dh-ether-br: #6f8ca0;--dh-shadow: 0 2px 8px rgba(94, 60, 22, .18);--dh-shadow-deep: 0 12px 30px rgba(60, 40, 14, .28);--dh-shadow-soft: 0 1px 0 rgba(255,247,220,.6) inset, 0 0 0 1px rgba(165,129,76,.18);--dh-display: "Cinzel", "Fraunces", Georgia, serif;--dh-serif: "EB Garamond", "Spectral", Georgia, serif;--dh-script: "Cormorant Garamond", "EB Garamond", Georgia, serif;--dh-mono: "JetBrains Mono", Consolas, monospace}.dh-surface{background:var(--dh-bg);background-image:radial-gradient(ellipse 300px 200px at 12% 18%,rgba(154,110,50,.1) 0%,transparent 70%),radial-gradient(ellipse 380px 240px at 92% 78%,rgba(154,110,50,.09) 0%,transparent 75%),radial-gradient(ellipse 220px 160px at 55% 92%,rgba(120,80,30,.07) 0%,transparent 70%),radial-gradient(ellipse 200px 140px at 80% 12%,rgba(120,80,30,.06) 0%,transparent 70%),repeating-linear-gradient(115deg,rgba(154,110,50,.012) 0 2px,transparent 2px 7px);color:var(--dh-ink);font-family:var(--dh-serif)}.dh-surface *{box-sizing:border-box}.dh-h{font-family:var(--dh-display);color:var(--dh-ink);letter-spacing:.06em;font-weight:600;margin:0}.dh-h-script{font-family:var(--dh-script);font-style:italic;letter-spacing:0;color:var(--dh-ink-muted);font-weight:500}.dh-btn{font-family:var(--dh-display);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:8px 16px;background:linear-gradient(180deg,var(--dh-paper) 0%,var(--dh-paper-2) 100%);color:var(--dh-ink);border:1px solid var(--dh-border);border-radius:2px;cursor:pointer;box-shadow:var(--dh-shadow-soft);transition:transform .08s,background .12s}.dh-btn:hover{background:var(--dh-paper);transform:translateY(-1px)}.dh-btn.primary{background:linear-gradient(180deg,var(--dh-hope-bright) 0%,var(--dh-hope) 100%);color:#2a1d10;border-color:var(--dh-hope-deep);text-shadow:0 1px 0 rgba(255,236,196,.4)}.dh-btn.fear{background:linear-gradient(180deg,var(--dh-fear-bright) 0%,var(--dh-fear) 100%);color:var(--dh-paper);border-color:var(--dh-fear-deep);text-shadow:0 1px 0 rgba(0,0,0,.3)}.dh-btn.ghost{background:transparent;box-shadow:none}.dh-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;background:var(--dh-vellum);border:1px solid var(--dh-border-soft);border-radius:2px;font-family:var(--dh-display);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dh-ink-muted)}.dh-chip.hope{color:var(--dh-hope-deep);border-color:var(--dh-hope);background:#d8a64a2e}.dh-chip.fear{color:var(--dh-fear-deep);border-color:var(--dh-fear);background:#76478a24}.dh-chip.blood{color:var(--dh-blood);border-color:var(--dh-blood);background:#8b28281a}.dh-chip.verdant{color:var(--dh-verdant);border-color:var(--dh-verdant-br);background:#4a6b3a1a}.dh-card{background:var(--dh-paper);background-image:radial-gradient(ellipse 200px 140px at 18% 12%,rgba(154,110,50,.06),transparent 70%),radial-gradient(ellipse 260px 180px at 90% 90%,rgba(154,110,50,.05),transparent 70%);border:1px solid var(--dh-border);border-radius:2px;box-shadow:inset 0 0 0 1px #fff7dc99,inset 0 0 30px #b48c500f,0 1px #fff7dccc,var(--dh-shadow);position:relative}.dh-card:before,.dh-card:after{content:"";position:absolute;width:18px;height:18px;pointer-events:none}.dh-card:before{top:5px;left:5px;border-top:1px solid var(--dh-border-strong);border-left:1px solid var(--dh-border-strong)}.dh-card:after{bottom:5px;right:5px;border-bottom:1px solid var(--dh-border-strong);border-right:1px solid var(--dh-border-strong)}.dh-rule{display:flex;align-items:center;gap:8px;color:var(--dh-border-strong)}.dh-rule:before,.dh-rule:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--dh-border-strong),transparent)}.dh-rule .diamond{width:8px;height:8px;background:var(--dh-hope);border:1px solid var(--dh-hope-deep);transform:rotate(45deg)}.dh-rule .crest{font-family:var(--dh-display);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--dh-ink-muted);padding:0 8px}.dh-wlink{color:var(--dh-hope-deep);text-decoration:none;border-bottom:1px dotted var(--dh-border-strong);padding-bottom:1px}.dh-wlink:hover{color:var(--dh-blood);border-bottom-color:var(--dh-blood)}.dh-dropcap:first-letter{font-family:var(--dh-display);font-size:64px;line-height:.85;float:left;padding:6px 10px 0 0;margin-top:6px;color:var(--dh-blood);font-weight:700}.dh-no-scrollbar::-webkit-scrollbar{display:none}.dh-no-scrollbar{scrollbar-width:none}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Spectral,Georgia,serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body[data-theme=light]{background:var(--dh-bg);color:var(--dh-ink);font-family:EB Garamond,Georgia,serif}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-bright)}button{font-family:inherit;color:inherit}::selection{background:var(--gold-dim);color:var(--bg-deep)}.app-shell{min-height:100%;display:flex;flex-direction:column;background:radial-gradient(1200px 600px at 50% -10%,rgba(204,167,102,.08),transparent 60%),radial-gradient(900px 500px at 90% 100%,rgba(121,169,142,.05),transparent 60%),var(--bg)}