:root{--ashstone: #F2EDE4;--pale-slate: #EAECEF;--obsidian: #1A1C22;--inkwell: #1C1C1C;--ember: #8B3A1E;--gold: #C9973A;--cold-signal: #4EAEC4;--greycut: #9C8F7E;--deep-rust: #3D1A0E;--bone: #F5EDD6;--f-display: "Cinzel", serif;--f-ornate: "Cinzel Decorative", serif;--f-heading: "Cormorant Garamond", serif;--f-body: "EB Garamond", serif;--f-mono: "JetBrains Mono", monospace;--f-alien: "IBM Plex Sans", sans-serif;--sidebar-width: 280px;--topbar-height: 56px;--content-max: 860px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--f-body);color:var(--inkwell);background:var(--obsidian);font-size:16px;line-height:1.6}.app-shell{display:flex;height:100vh;overflow:hidden}.topbar{height:var(--topbar-height);background:var(--deep-rust);border-bottom:1px solid rgba(201,151,58,.3);display:flex;align-items:center;padding:0 20px;gap:16px;flex-shrink:0;position:fixed;top:0;left:0;right:0;z-index:100}.topbar-logo{font-family:var(--f-display);font-size:13px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.2em;text-decoration:none}.topbar-logo--sheet{position:absolute;left:20px}.topbar-sheet-inner{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:max(50px,calc(max(0px,(100vw - 1100px) / 2) + 12px))}.topbar-sep{color:var(--greycut);opacity:.4}.topbar-nav{display:flex;align-items:center;gap:20px;margin-left:auto}.topbar-link{font-family:var(--f-display);font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--greycut);text-decoration:none;transition:color .15s}.topbar-link:hover,.topbar-link.active{color:var(--gold)}.sidebar{width:var(--sidebar-width);background:#110e0b;border-right:1px solid rgba(201,151,58,.15);overflow-y:auto;flex-shrink:0;padding-top:var(--topbar-height);scrollbar-width:thin;scrollbar-color:var(--ember) transparent}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--ember);border-radius:2px}.sidebar-inner{padding:20px 0 40px}.sidebar-section{margin-bottom:4px}.sidebar-part-label{font-family:var(--f-display);font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.25em;color:var(--greycut);padding:14px 20px 6px;opacity:.7}.sidebar-part-label.gm{color:var(--cold-signal)}.sidebar-item{display:block;padding:7px 20px 7px 28px;font-family:var(--f-body);font-size:13px;color:var(--greycut);text-decoration:none;line-height:1.4;border-left:2px solid transparent;transition:color .15s,border-color .15s,background .15s}.sidebar-item:hover{color:var(--ashstone);background:#c9973a0d}.sidebar-item.active{color:var(--gold);border-left-color:var(--gold);background:#c9973a14}.sidebar-item.gm{color:#4eaec480}.sidebar-item.gm.active{color:var(--cold-signal);border-left-color:var(--cold-signal)}.sidebar-chapter-num{font-family:var(--f-display);font-size:9px;opacity:.5;margin-right:6px}.ability-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}@media (max-width: 640px){.ability-grid{grid-template-columns:repeat(3,1fr)}}.sidebar-view-toggle{display:flex;align-items:center;gap:8px;padding:0 20px 14px;margin-bottom:8px;border-bottom:1px solid rgba(201,151,58,.12)}.sidebar-view-btn{font-family:var(--f-display);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:none;border:none;cursor:pointer;color:#c9973a66;text-decoration:none;padding:0;transition:color .15s}.sidebar-view-btn:hover{color:#c9973acc}.sidebar-view-btn.active{color:var(--ember);cursor:default}.sidebar-view-sep-dark{font-size:9px;color:#c9973a33}.reader-main{flex:1;overflow-y:auto;padding-top:var(--topbar-height);background:var(--ashstone)}.reader-content{max-width:var(--content-max);margin:0 auto;padding:48px 56px 80px}.chapter-header{margin-bottom:32px}.chapter-part-label{font-family:var(--f-display);font-size:9px;text-transform:uppercase;letter-spacing:.3em;color:var(--greycut);margin-bottom:8px}.chapter-title{font-family:var(--f-display);font-size:36px;font-weight:400;color:var(--ember);line-height:1.05;text-transform:uppercase;letter-spacing:.06em}.chapter-title-rule{border:none;margin:12px 0 28px}.chapter-title-rule:before{content:"";display:block;height:2px;background:linear-gradient(to right,var(--gold),transparent)}h2{font-family:var(--f-ornate);font-size:18px;font-weight:400;color:var(--ember);margin:28px 0 6px}h3{font-family:var(--f-heading);font-size:16px;font-weight:600;font-style:italic;color:var(--inkwell);margin:20px 0 4px}p{font-family:var(--f-body);font-size:16px;line-height:1.72;color:var(--inkwell);margin-bottom:14px}strong{font-weight:600}em{font-style:italic}ul,ol{margin:8px 0 14px 20px;font-family:var(--f-body);font-size:16px;line-height:1.7}li{margin-bottom:4px}hr.section-rule{border:none;border-top:1px solid rgba(201,151,58,.25);margin:4px 0 16px}.ornament{text-align:center;color:var(--gold);font-size:14px;margin:32px 0;letter-spacing:.4em;opacity:.6}.pull-quote{border-left:3px solid var(--gold);background:#c9973a0f;padding:16px 20px;margin:24px 0;border-radius:0 4px 4px 0}.pull-quote blockquote{font-family:var(--f-heading);font-style:italic;font-size:17px;line-height:1.6;color:var(--inkwell)}.pull-quote .attr{font-family:var(--f-display);font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--greycut);margin-top:8px}.gm-warning{display:flex;align-items:flex-start;gap:12px;background:#3d1a0e1f;border:1px solid rgba(78,174,196,.3);border-radius:4px;padding:14px 16px;margin-bottom:24px}.gm-warning-icon{font-size:18px;color:var(--cold-signal);flex-shrink:0}.gm-warning-text{font-family:var(--f-alien);font-size:12px;font-weight:300;color:var(--cold-signal);letter-spacing:.04em;line-height:1.5}.gm-notes{background:#3d1a0e14;border:1px solid rgba(78,174,196,.2);border-radius:4px;padding:16px 20px;margin-top:24px}.gm-header{font-family:var(--f-alien);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.25em;color:var(--cold-signal);margin-bottom:12px}.gm-item{margin-bottom:10px;display:flex;gap:10px}.gm-label{font-family:var(--f-mono);font-size:10px;font-weight:500;text-transform:uppercase;color:var(--cold-signal);opacity:.7;min-width:50px;flex-shrink:0;padding-top:2px}.gm-text{font-family:var(--f-body);font-size:14px;line-height:1.55;color:var(--inkwell);opacity:.75}.stat-block{background:var(--bone);border:1px solid rgba(139,58,30,.25);border-top:3px solid var(--ember);border-radius:0 0 4px 4px;margin:20px 0;font-family:var(--f-mono);font-size:13px;overflow:hidden}.stat-header{background:var(--ember);padding:10px 16px}.stat-name{font-family:var(--f-display);font-size:17px;font-weight:400;color:var(--ashstone);text-transform:uppercase;letter-spacing:.06em}.stat-sub{font-family:var(--f-mono);font-size:10px;color:#f2ede4b3;margin-top:2px;letter-spacing:.04em}.stat-meta{display:flex;gap:0;border-bottom:1px solid rgba(139,58,30,.2)}.stat-meta-item{display:flex;flex-direction:column;padding:8px 16px;border-right:1px solid rgba(139,58,30,.15)}.meta-label{font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:var(--greycut);margin-bottom:2px}.meta-val{font-weight:500;color:var(--inkwell);font-size:13px}.stat-scores{display:flex;gap:0;border-bottom:1px solid rgba(139,58,30,.2);background:#8b3a1e0a}.stat-score-cell{display:flex;flex-direction:column;align-items:center;padding:8px 12px;border-right:1px solid rgba(139,58,30,.1);min-width:70px}.score-abbr{font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:var(--ember);margin-bottom:2px}.score-num{font-size:16px;font-weight:500;color:var(--inkwell)}.score-mod{font-size:10px;color:var(--greycut)}.stat-section-label{font-family:var(--f-display);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--ember);padding:10px 16px 4px;border-top:1px solid rgba(139,58,30,.15)}.stat-trait{padding:4px 16px 6px}.trait-name{font-weight:500;color:var(--inkwell);font-size:12px;margin-bottom:2px}.trait-desc{font-size:12px;line-height:1.5;color:#3a3028}table{width:100%;border-collapse:collapse;margin:12px 0 20px;font-size:14px}th{font-family:var(--f-display);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--ashstone);background:var(--ember);padding:8px 12px;text-align:left}td{font-family:var(--f-body);font-size:14px;padding:7px 12px;border-bottom:1px solid rgba(139,58,30,.1);color:var(--inkwell);line-height:1.45}tr:nth-child(2n) td{background:#c9973a0a}.trait-table th:last-child,.trait-table td:last-child{width:65%}.content-sidebar{background:#c9973a12;border:1px solid rgba(201,151,58,.2);border-radius:4px;padding:14px 18px;margin:16px 0}.content-sidebar-title{font-family:var(--f-display);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);margin-bottom:8px}figure.section-image{margin:20px 0}figure.section-image img{width:100%;border-radius:2px;display:block}figure.section-image figcaption{font-family:var(--f-display);font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--greycut);margin-top:6px;text-align:center}.time-context{font-family:var(--f-mono);font-size:11px;color:var(--greycut);letter-spacing:.08em;margin-bottom:10px}.asi-block{background:#c9973a12;border-left:3px solid var(--gold);padding:10px 14px;margin:12px 0;border-radius:0 3px 3px 0}.asi-label{font-family:var(--f-display);font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);display:block;margin-bottom:4px}.example-box{background:#4eaec40f;border:1px solid rgba(78,174,196,.2);border-radius:4px;padding:14px 16px;margin:16px 0}.example-label{font-family:var(--f-alien);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.25em;color:var(--cold-signal);margin-bottom:8px}.chapter-nav{display:flex;justify-content:space-between;align-items:center;margin-top:56px;padding-top:20px;border-top:1px solid rgba(201,151,58,.2);gap:20px}.chapter-nav-link{display:flex;flex-direction:column;text-decoration:none;max-width:45%}.chapter-nav-link.next{align-items:flex-end;text-align:right}.nav-direction{font-family:var(--f-display);font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:var(--greycut);margin-bottom:4px}.nav-chapter-title{font-family:var(--f-body);font-size:14px;color:var(--ember);line-height:1.3;transition:color .15s}.chapter-nav-link:hover .nav-chapter-title{color:var(--gold)}.toc-view-toggle{display:flex;align-items:center;gap:8px;margin-bottom:20px}.toc-view-btn{font-family:var(--f-display);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--greycut);background:none;border:none;padding:0;cursor:pointer;text-decoration:none;transition:color .15s}.toc-view-btn:hover{color:var(--inkwell)}.toc-view-btn.active{color:var(--ember);cursor:default}.toc-view-sep{font-size:9px;color:var(--greycut);opacity:.5;-webkit-user-select:none;user-select:none}.toc-part{font-family:var(--f-display);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--ember);padding:16px 0 4px;border-bottom:1px solid rgba(201,151,58,.2);margin-bottom:2px}.toc-part.gm{color:var(--cold-signal)}.toc-entry{display:flex;align-items:baseline;padding:5px 0;text-decoration:none;color:var(--inkwell);border-radius:2px;transition:background .1s}a.toc-entry:hover{color:var(--ember)}.toc-chapter{font-family:var(--f-body);font-size:16px;flex:1}.toc-chapter-num{font-family:var(--f-display);font-size:10px;color:var(--greycut);min-width:60px}.toc-gm{font-family:var(--f-alien);font-size:9px;color:var(--cold-signal);font-weight:500;text-transform:uppercase;letter-spacing:.15em;margin-left:8px}.landing{min-height:100vh;background:var(--obsidian);display:flex;flex-direction:column}.landing-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 32px;background:radial-gradient(ellipse at 50% 40%,#2a1a0a,#111318 55%,#0a0b0e)}.landing-subtitle{font-family:var(--f-display);font-size:11px;text-transform:uppercase;letter-spacing:.4em;color:var(--greycut);margin-bottom:20px}.landing-title{font-family:var(--f-display);font-size:clamp(48px,8vw,96px);font-weight:700;color:var(--ember);text-transform:uppercase;line-height:.9;letter-spacing:.06em;margin-bottom:12px}.landing-tagline{font-family:var(--f-heading);font-style:italic;font-size:clamp(16px,2.5vw,22px);color:var(--greycut);max-width:560px;line-height:1.55;margin-bottom:48px}.landing-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.btn{font-family:var(--f-display);font-size:10px;text-transform:uppercase;letter-spacing:.22em;padding:14px 32px;border:none;border-radius:2px;cursor:pointer;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-block}.btn:hover{opacity:.88;transform:translateY(-1px)}.btn-primary{background:var(--ember);color:var(--ashstone)}.btn-secondary{background:transparent;color:var(--gold);border:1px solid rgba(201,151,58,.4)}.page-wrapper{min-height:100vh;background:var(--ashstone);padding-top:var(--topbar-height)}.page-inner-content{max-width:var(--content-max);margin:0 auto;padding:48px 56px 80px}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:32px}.char-card{background:var(--bone);border:1px solid rgba(139,58,30,.2);border-top:3px solid var(--ember);border-radius:0 0 4px 4px;padding:20px;text-decoration:none;display:block;position:relative;transition:box-shadow .15s}.char-card:hover{box-shadow:0 4px 20px #0000001f}.char-card-name{font-family:var(--f-display);font-size:16px;color:var(--ember);margin-bottom:4px}.char-card-sub{font-family:var(--f-body);font-size:13px;color:var(--greycut)}.loading-state,.error-state{display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--f-display);font-size:12px;text-transform:uppercase;letter-spacing:.2em}.loading-state{color:var(--greycut)}.error-state{color:var(--ember)}.sheet-theme{--bone: #1D2029;--ashstone: #131520;--inkwell: #E6EAF4;--greycut: rgba(200, 212, 240, .55);--ember: #D4693A;color:var(--inkwell);color-scheme:dark}.sheet-theme .btn-primary{color:#f2ede4}.sheet-theme th{background:#8b3a1e61;color:#e6eaf4eb;border:none}.sheet-theme td{border-bottom:1px solid rgba(255,255,255,.06);background:transparent}.sheet-theme tr:nth-child(2n) td{background:#ffffff06}.roll-btn-group{display:inline-flex;align-items:center;flex-shrink:0;border:1px solid rgba(139,58,30,.2);border-radius:9999px;padding:2px 4px;gap:1px;transition:border-color .15s}.roll-btn-group:hover{border-color:var(--ember)}.roll-btn{background:none;border:none;cursor:pointer;padding:0 1px;line-height:1;display:inline-flex;align-items:center}.roll-btn--d20{padding:0 2px;color:var(--greycut);transition:color .15s}.roll-btn--d20:hover{color:var(--ember)}.num-input{display:inline-flex;align-items:stretch;border:1px solid rgba(139,58,30,.22);border-radius:4px;background:var(--bone);overflow:hidden}.num-input__btn{background:none;border:none;padding:0 7px;color:var(--ember);cursor:pointer;line-height:1;font-size:14px;flex-shrink:0;display:flex;align-items:center;transition:background .12s;font-family:var(--f-mono)}.num-input__btn:hover{background:#8b3a1e17}.num-input__field{flex:1;min-width:0;border:none;border-left:1px solid rgba(139,58,30,.14);border-right:1px solid rgba(139,58,30,.14);background:transparent;text-align:center;font-family:var(--f-body);font-size:14px;color:var(--inkwell);padding:5px 2px;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.num-input__field::-webkit-inner-spin-button,.num-input__field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num-input__field:focus{outline:none;background:#8b3a1e0a}.num-input--lg .num-input__btn{padding:0 5px}.num-input--lg .num-input__field{font-family:var(--f-mono);font-size:22px;font-weight:500;padding:3px 2px;min-width:28px}.num-input--sm .num-input__btn{padding:0 5px;font-size:12px}.num-input--sm .num-input__field{font-size:12px;padding:3px 2px}