*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #080f18;--bg-secondary: #0c1620;--bg-card: rgba(10, 20, 38, .6);--bg-card-hover: rgba(14, 28, 50, .7);--bg-input: rgba(8, 16, 28, .8);--text-primary: #dce8f0;--text-secondary: #8aaac0;--text-muted: #4a6880;--accent: #4ab8cc;--accent-dim: rgba(74, 184, 204, .12);--accent-hover: #6cd4e6;--accent-glow: rgba(74, 184, 204, .3);--teal: #5cd8e8;--teal-dim: rgba(92, 216, 232, .1);--gold: #c8a040;--gold-dim: rgba(200, 160, 64, .1);--corruption: #1a5a7a;--corruption-dim: rgba(26, 90, 122, .08);--danger: #f87171;--danger-dim: rgba(248, 113, 113, .15);--success: #4ade80;--warning: #c8a040;--glass-bg: rgba(10, 22, 38, .55);--glass-border: rgba(74, 184, 204, .15);--glass-blur: blur(16px);--color-location: #4ab8cc;--color-npc: #34d399;--color-creature: #f87171;--color-encounter: #fb923c;--color-item: #c8a040;--color-lore: #a0c8e0;--color-faction: #d4b050;--color-chapter: #5cd8e8;--color-table: #c8a040;--font-display: "Cinzel", "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--parchment-bg: rgba(12, 24, 40, .85);--parchment-border: #1e3a50;--stat-divider: #4a8aaa;--read-aloud: #c8a040;--read-aloud-bg: rgba(200, 160, 64, .08);--surface: #0f1923;--card-bg: #0d1822;--border: rgba(74, 184, 204, .12);--border-glow: rgba(74, 184, 204, .28);--shadow: 0 2px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--radius: 12px;--radius-sm: 8px;--radius-lg: 18px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-height: 60px;--header-height: 52px;--search-height: 52px}[data-theme=light]{--bg-primary: #f5f0e8;--bg-secondary: #ebe5da;--bg-card: #ffffff;--bg-card-hover: #f8f5f0;--bg-input: #ffffff;--text-primary: #1a1a2e;--text-secondary: #4a4a5e;--text-muted: #8a8a9a;--accent: #1a6b7a;--accent-dim: rgba(26, 107, 122, .08);--accent-hover: #0e5260;--accent-glow: rgba(26, 107, 122, .15);--teal: #1a6b7a;--gold: #8a6820;--gold-dim: rgba(138, 104, 32, .08);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .08);--border: rgba(0, 0, 0, .1);--border-glow: rgba(26, 107, 122, .2);--shadow: 0 1px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--surface: #ffffff;--card-bg: #ffffff;--parchment-bg: #faf7f2;--parchment-border: #d4c9b8;--read-aloud-bg: rgba(138, 104, 32, .06);--stat-divider: #1a6b7a;--danger: #dc2626;--danger-dim: rgba(220, 38, 38, .08);--success: #16a34a;--corruption: #0e5260;--corruption-dim: rgba(14, 82, 96, .06);--color-location: #0e7490;--color-npc: #059669;--color-creature: #dc2626;--color-encounter: #ea580c;--color-item: #8a6820;--color-lore: #4a7a90;--color-faction: #92700a;--color-chapter: #0e7490}html{font-size:15px;-webkit-text-size-adjust:100%}html.large-text{font-size:18px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.55;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;overscroll-behavior:none}#bg-atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse at 20% 80%,rgba(26,90,122,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(74,184,204,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(92,216,232,.03) 0%,transparent 70%),var(--bg-primary);pointer-events:none}[data-theme=light] #bg-atmosphere{background:var(--bg-primary)}.crystal-particle{position:absolute;left:var(--x);top:var(--y);width:4px;height:4px;background:radial-gradient(circle,rgba(74,184,204,.6),transparent 70%);border-radius:50%;transform:scale(var(--s));animation:particleFloat var(--d) ease-in-out infinite;animation-delay:var(--delay);pointer-events:none;will-change:transform,opacity}@keyframes particleFloat{0%,to{transform:scale(var(--s)) translate(0);opacity:.15}25%{transform:scale(var(--s)) translate(10px,-20px);opacity:.5}50%{transform:scale(var(--s)) translate(-5px,-35px);opacity:.2}75%{transform:scale(var(--s)) translate(15px,-15px);opacity:.45}}@media (prefers-reduced-motion: reduce){.crystal-particle{animation:none;opacity:.15}}#app{display:flex;flex-direction:column;height:100%;height:100dvh;padding-top:var(--safe-top);position:relative;z-index:1}#top-bar{display:flex;align-items:center;height:var(--header-height);padding:0 12px;background:#080f18e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);flex-shrink:0;z-index:100;position:relative}#top-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--gold) 25%,var(--accent) 50%,var(--gold) 75%,transparent 100%);opacity:.5}[data-theme=light] #top-bar{background:#f5f0e8eb;border-bottom:1px solid rgba(0,0,0,.06)}#btn-theme-toggle{position:relative}#btn-theme-toggle .icon-moon,.theme-light #btn-theme-toggle .icon-sun{display:none}.theme-light #btn-theme-toggle .icon-moon{display:block}#header-title{flex:1;font-family:var(--font-display);font-size:1.05rem;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.08em;text-transform:uppercase;transition:opacity .15s;color:var(--text-primary);text-shadow:0 0 20px rgba(74,184,204,.35)}.icon-btn{background:none;border:none;color:var(--text-primary);padding:8px;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;flex-shrink:0;transition:color .15s}.icon-btn:active{opacity:.6}.icon-btn.small{padding:4px}.hidden{display:none!important}#search-bar{padding:8px 12px;background:#080f18bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);flex-shrink:0}[data-theme=light] #search-bar{background:#f5f0e8d9}.search-input-wrap{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:0 12px;gap:8px;transition:border-color .2s,box-shadow .2s}.search-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim),0 0 20px #4ab8cc14}.search-icon{color:var(--text-muted);flex-shrink:0}#search-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;padding:10px 0;outline:none}#search-input::placeholder{color:var(--text-muted)}#search-filters{display:flex;gap:6px;padding-top:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}#search-filters::-webkit-scrollbar{display:none}.filter-chip{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);padding:4px 12px;border-radius:20px;font-family:var(--font-body);font-size:.8rem;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s}.filter-chip.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px #4ab8cc1a}#content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:12px;scroll-behavior:smooth;transition:opacity .12s ease,transform .12s ease}#content.view-exit{opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease}#content.view-enter{animation:viewEnter .22s ease-out}@keyframes viewEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#content.slide-enter-right{animation:slideInRight .25s ease-out}#content.slide-enter-left{animation:slideInLeft .25s ease-out}.card{position:relative;background:#0a1626b8;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(74,184,204,.22);border-radius:var(--radius);padding:14px;margin-bottom:10px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;overflow:hidden;animation:cardEnter .35s ease backwards}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent) 25%,var(--gold) 75%,transparent 100%);opacity:.65;transition:opacity .2s}.card:active{transform:scale(.985);border-color:var(--border-glow)}.card:active:before{opacity:1}.card[data-type=location]:active{box-shadow:0 0 20px #4d9fff1f}.card[data-type=npc]:active{box-shadow:0 0 20px #34d3991f}.card[data-type=creature]:active{box-shadow:0 0 20px #f871711f}.card[data-type=encounter]:active{box-shadow:0 0 20px #fb923c1f}.card[data-type=item]:active{box-shadow:0 0 20px #c084fc1f}.card[data-type=lore]:active{box-shadow:0 0 20px #f472b61f}.card[data-type=faction]:active{box-shadow:0 0 20px #fbbf241f}@keyframes cardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card:nth-child(1){animation-delay:0s}.card:nth-child(2){animation-delay:.04s}.card:nth-child(3){animation-delay:.06s}.card:nth-child(4){animation-delay:.08s}.card:nth-child(5){animation-delay:.1s}.card:nth-child(6){animation-delay:.12s}.card:nth-child(7){animation-delay:.14s}.card:nth-child(8){animation-delay:.16s}.card:nth-child(n+9){animation-delay:.18s}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.card-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.card-icon svg{width:20px;height:20px;flex-shrink:0}.card-icon.location{background:#4d9fff1f;color:var(--color-location)}.card-icon.npc{background:#34d3991f;color:var(--color-npc)}.card-icon.creature{background:#f871711f;color:var(--color-creature)}.card-icon.encounter{background:#fb923c1f;color:var(--color-encounter)}.card-icon.item{background:#c084fc1f;color:var(--color-item)}.card-icon.lore{background:#f472b61f;color:var(--color-lore)}.card-icon.faction{background:#fbbf241f;color:var(--color-faction)}.card-icon.chapter{background:#818cf81f;color:var(--color-chapter)}.card-icon.table{background:#facc151f;color:var(--color-table)}.card-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.card-subtitle{font-size:.8rem;color:var(--text-muted)}.card-body{font-size:.88rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.tag{font-size:.7rem;padding:3px 10px;border-radius:12px;background:var(--accent-dim);color:var(--accent);border:1px solid rgba(74,184,204,.1);font-family:var(--font-body);letter-spacing:.02em}.detail-view{padding-bottom:80px}.detail-hero{position:relative;margin:-12px -12px 20px;padding:32px 16px 24px;overflow:hidden}.detail-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.detail-hero--location .detail-hero-bg{background:linear-gradient(135deg,rgba(77,159,255,.2) 0%,transparent 60%)}.detail-hero--npc .detail-hero-bg{background:linear-gradient(135deg,rgba(52,211,153,.2) 0%,transparent 60%)}.detail-hero--creature .detail-hero-bg{background:linear-gradient(135deg,rgba(248,113,113,.2) 0%,transparent 60%)}.detail-hero--encounter .detail-hero-bg{background:linear-gradient(135deg,rgba(251,146,60,.2) 0%,transparent 60%)}.detail-hero--item .detail-hero-bg{background:linear-gradient(135deg,rgba(192,132,252,.2) 0%,transparent 60%)}.detail-hero--lore .detail-hero-bg{background:linear-gradient(135deg,rgba(244,114,182,.2) 0%,transparent 60%)}.detail-hero--faction .detail-hero-bg{background:linear-gradient(135deg,rgba(251,191,36,.2) 0%,transparent 60%)}.detail-hero--chapter .detail-hero-bg{background:linear-gradient(135deg,rgba(129,140,248,.2) 0%,transparent 60%)}.detail-hero-art{position:relative;z-index:1;text-align:center;margin-bottom:16px}.detail-hero-art img{max-width:280px;max-height:320px;width:auto;height:auto;border-radius:8px;box-shadow:0 4px 20px #00000080;object-fit:cover}.dm-panel .detail-hero-art img{max-width:200px;max-height:240px}.detail-hero-content{position:relative;z-index:1}.detail-hero .detail-icon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.4rem}.detail-hero .detail-icon svg{width:26px;height:26px}.detail-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-top:12px;letter-spacing:.02em;line-height:1.3}.detail-type{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.detail-hero-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.detail-hero-tag{display:inline-block;background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:3px 10px;font-size:.72rem;color:var(--text-secondary);font-family:var(--font-body)}.detail-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.detail-icon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.4rem}.detail-icon svg{width:26px;height:26px}.detail-actions{display:flex;gap:8px;margin-bottom:20px}.detail-actions .btn{flex:1}.detail-section{margin-bottom:22px}.detail-section h3{font-family:var(--font-display);font-size:.82rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;padding-bottom:8px;position:relative}.detail-section h3:after{content:"";display:block;margin-top:6px;height:1px;background:linear-gradient(90deg,var(--gold) 0%,var(--accent) 40%,transparent 100%)}.detail-section .content{font-size:.93rem;line-height:1.65}.detail-section .content p{margin-bottom:10px}.detail-section .content h1,.detail-section .content h2,.detail-section .content h3,.detail-section .content h4,.detail-section .content h5,.detail-section .content h6{font-family:var(--font-display);color:var(--text-primary);margin-top:20px;margin-bottom:8px;letter-spacing:.02em}.detail-section .content h1{font-size:1.3rem}.detail-section .content h2{font-size:1.15rem}.detail-section .content h3{font-size:1.05rem}.detail-section .content h4{font-size:.95rem}.detail-section .content ul{padding-left:20px;margin-bottom:10px}.detail-section .content li{margin-bottom:4px}.detail-section .content strong{color:var(--text-primary);font-weight:600}.detail-section .content em{color:var(--text-secondary)}.detail-section .content code{background:var(--bg-input);padding:2px 6px;border-radius:4px;font-size:.85em}.section-divider{text-align:center;color:var(--accent);padding:4px 0 16px;opacity:.6}.stat-block-dnd{background:var(--parchment-bg);border:2px solid var(--parchment-border);border-radius:var(--radius);padding:16px;margin:16px 0;font-size:.88rem;position:relative;line-height:1.5}.stat-block-dnd:before{content:"";display:block;height:2px;background:linear-gradient(90deg,transparent,var(--stat-divider),transparent);margin-bottom:10px}.stat-block-dnd .stat-line{padding:2px 0;color:var(--text-primary)}.stat-block-dnd .stat-line strong{color:var(--stat-divider)}.stat-block-dnd .stat-separator{height:2px;background:linear-gradient(90deg,transparent,var(--stat-divider),transparent);margin:8px 0}.stat-block-dnd .ability-scores{display:grid;grid-template-columns:repeat(6,1fr);text-align:center;gap:4px;padding:8px 0;border-top:2px solid var(--stat-divider);border-bottom:2px solid var(--stat-divider);margin:8px 0}.stat-block-dnd .ability-label{font-weight:700;font-size:.72rem;color:var(--stat-divider);text-transform:uppercase;letter-spacing:.04em}.stat-block-dnd .ability-value{font-size:.85rem;color:var(--text-primary)}.stat-block{background:var(--parchment-bg);border:1px solid var(--parchment-border);border-radius:var(--radius);padding:12px;margin:10px 0;font-size:.88rem}.stat-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(58,48,32,.3)}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--text-muted);font-weight:500}.stat-value{color:var(--text-primary);font-weight:600}.read-aloud{position:relative;background:linear-gradient(135deg,#1a181080,#14120c4d);border-left:3px solid var(--gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:16px 18px 16px 22px;margin:14px 0;font-style:italic;color:var(--text-primary);line-height:1.7}[data-theme=light] .read-aloud{background:linear-gradient(135deg,#fdf8ef,#faf5ea);border-left-color:#b08a30}.read-aloud-ornament{position:absolute;top:10px;left:10px;font-family:var(--font-display);font-size:1.8rem;color:var(--gold);opacity:.25;line-height:1;pointer-events:none}.area-code{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent-dim);color:var(--accent);border-radius:50%;font-size:.75rem;font-weight:700;margin-right:6px;flex-shrink:0}.entity-link{color:var(--accent);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;transition:color .15s}.entity-link:active{opacity:.6}.browse-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.browse-category{background:#0a1626b8;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(74,184,204,.22);border-radius:var(--radius-lg);padding:22px 14px;min-height:118px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease;position:relative;overflow:hidden}.browse-category[data-type=location]{background:linear-gradient(150deg,#4ab8cc2e,#0a1626b8 60%);border-color:#4ab8cc47}.browse-category[data-type=npc]{background:linear-gradient(150deg,#34d39929,#0a1626b8 60%);border-color:#34d39940}.browse-category[data-type=creature]{background:linear-gradient(150deg,#f8717129,#0a1626b8 60%);border-color:#f8717140}.browse-category[data-type=encounter]{background:linear-gradient(150deg,#fb923c29,#0a1626b8 60%);border-color:#fb923c40}.browse-category[data-type=item]{background:linear-gradient(150deg,#c8a0402e,#0a1626b8 60%);border-color:#c8a04047}.browse-category[data-type=lore]{background:linear-gradient(150deg,#a0c8e026,#0a1626b8 60%);border-color:#a0c8e038}.browse-category[data-type=faction]{background:linear-gradient(150deg,#d4b0502e,#0a1626b8 60%);border-color:#d4b05047}.browse-category[data-type=chapter]{background:linear-gradient(150deg,#5cd8e829,#0a1626b8 60%);border-color:#5cd8e840}.browse-category:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,currentColor 0%,transparent 70%);opacity:.03;pointer-events:none}.browse-category:active{transform:scale(.96);border-color:var(--border-glow)}.browse-category-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:10px;border:1px solid currentColor;opacity:.9}.browse-category-icon svg{width:24px;height:24px}.browse-category-label{font-family:var(--font-display);font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.browse-category-count{font-size:.78rem;color:var(--text-muted)}.browse-spotlight{position:relative;margin-bottom:20px;border-radius:14px;padding:2px;background:linear-gradient(135deg,var(--spotlight-color, var(--accent)),var(--gold),var(--spotlight-color, var(--accent)));background-size:200% 200%;animation:spotlightShimmer 6s ease infinite}@keyframes spotlightShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.browse-spotlight-header{position:absolute;top:12px;left:16px;right:12px;display:flex;align-items:center;justify-content:space-between;z-index:2;pointer-events:none}.browse-spotlight-label{font-family:var(--font-display);font-size:.6rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.browse-spotlight-shuffle{pointer-events:auto;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#0a1626b3;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s,transform .3s}.browse-spotlight-shuffle:hover{color:var(--accent);border-color:var(--accent)}.browse-spotlight-shuffle:active{transform:rotate(180deg) scale(.9)}.browse-spotlight-inner{background:#0a1626eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:12px;padding:36px 18px 18px;cursor:pointer;transition:background .2s;animation:spotlightFadeIn .3s ease}.browse-spotlight-inner:active{background:#0a1626fa}@keyframes spotlightFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.browse-spotlight-badge{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:6px}.browse-spotlight-badge .card-icon{width:22px;height:22px;font-size:.75rem}.browse-spotlight-name{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.browse-spotlight-summary{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.browse-spotlight-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.browse-spotlight-tag{font-size:.66rem;font-weight:600;padding:2px 8px;border-radius:10px;background:var(--accent-dim);color:var(--accent);text-transform:capitalize}.browse-spotlight-conn{font-size:.66rem;font-weight:600;padding:2px 8px;border-radius:10px;background:var(--gold-dim);color:var(--gold)}.browse-keyfigures-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.browse-keyfigures-strip::-webkit-scrollbar{display:none}.browse-keyfigure{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid var(--glass-border);background:var(--bg-card);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:border-color .2s,transform .15s;-webkit-tap-highlight-color:transparent}.browse-keyfigure:hover{border-color:#4ab8cc59;transform:translateY(-1px)}.browse-keyfigure:active{transform:scale(.97)}.browse-keyfigure .card-icon{width:24px;height:24px;font-size:.75rem;flex-shrink:0}.browse-keyfigure-name{font-size:.8rem;font-weight:600;color:var(--text-primary)}.browse-keyfigure-count{font-size:.62rem;font-weight:700;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--gold-dim);color:var(--gold)}.browse-discovery{display:flex;justify-content:center;margin-top:20px;padding-bottom:24px}.browse-discovery-btn{display:flex;align-items:center;gap:10px;padding:12px 28px;border-radius:12px;border:1px solid var(--glass-border);background:linear-gradient(135deg,#4ab8cc14,#c8a04014);color:var(--text-primary);font-family:var(--font-display);font-size:.88rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s;-webkit-tap-highlight-color:transparent}.browse-discovery-btn:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.browse-discovery-btn:active{transform:scale(.96)}.browse-discovery-btn svg{color:var(--gold)}#bottom-nav{display:flex;background:#080f18e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);flex-shrink:0;padding-bottom:var(--safe-bottom);position:relative}#bottom-nav:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--gold) 30%,var(--accent) 70%,transparent 100%);opacity:.4}[data-theme=light] #bottom-nav{background:#fffffff2;border-top:1px solid rgba(0,0,0,.08)}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;background:none;border:none;color:var(--text-muted);font-family:var(--font-body);font-size:.65rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s;position:relative}.nav-btn.active{color:var(--accent)}.nav-btn.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--accent);border-radius:1px;box-shadow:0 0 8px var(--accent-glow)}.btn{padding:10px 18px;border:none;border-radius:var(--radius);font-family:var(--font-body);font-size:.88rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s;text-align:center}.btn:active{opacity:.7}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--teal) 40%,var(--gold) 100%);color:#080f18;font-weight:700;box-shadow:0 2px 16px #4ab8cc40}.btn-secondary{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-danger{background:var(--danger-dim);color:var(--danger)}.btn-icon{display:inline-flex;align-items:center;gap:6px}.connections{display:flex;flex-wrap:wrap;gap:6px}.connection-chip{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--accent);border:1px solid var(--glass-border);border-radius:20px;padding:5px 14px;font-size:.8rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s;display:inline-flex;align-items:center;gap:5px}.connection-chip svg{width:14px;height:14px}.connection-chip:active{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.quick-access{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.quick-access::-webkit-scrollbar{display:none}.quick-chip{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:20px;padding:6px 14px;font-size:.8rem;white-space:nowrap;cursor:pointer;color:var(--text-primary);-webkit-tap-highlight-color:transparent;transition:all .15s}.quick-chip:active{border-color:var(--border-glow);background:var(--bg-card-hover)}.home-section{margin-bottom:20px}.home-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.home-section-header{position:relative;padding-bottom:8px}.home-section-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--gold) 0%,var(--accent) 30%,transparent 70%);opacity:.4}.home-section-header h2{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.home-section-header .see-all{font-size:.75rem;color:var(--accent);cursor:pointer;background:none;border:none;font-family:var(--font-body);font-weight:500;letter-spacing:.04em}.recent-section{margin-bottom:16px}.recent-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none;-ms-overflow-style:none}.recent-strip::-webkit-scrollbar{display:none}.recent-chip{display:flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:20px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.recent-chip:hover,.recent-chip:active{border-color:#4ab8cc59;background:#4ab8cc0f}.recent-chip-chapter{border-color:#c8a04033}.recent-chip-chapter:hover{border-color:#c8a04066;background:#c8a0400f}.recent-chip-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.recent-chip-icon svg{width:14px;height:14px}.recent-chip-name{font-size:.78rem;font-weight:500;color:var(--text-primary);max-width:140px;overflow:hidden;text-overflow:ellipsis}.pinned-section{margin-bottom:4px}.pinned-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none;-ms-overflow-style:none}.pinned-strip::-webkit-scrollbar{display:none}.pinned-chip{display:flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;background:#c8a04014;border:1px solid rgba(200,160,64,.25);border-radius:20px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s ease}.pinned-chip:hover{border-color:#c8a04080;background:#c8a04026}.pinned-chip-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.pinned-chip-icon svg{width:14px;height:14px}.pinned-chip-name{font-size:.78rem;font-weight:500;color:var(--text-primary);max-width:140px;overflow:hidden;text-overflow:ellipsis}.active-session-card{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#c8a0401f,#4ab8cc14);border:1px solid rgba(200,160,64,.35);border-radius:12px;padding:14px 16px;margin:0 var(--pad-x) 6px;cursor:pointer;transition:all .2s ease}.active-session-card:hover{border-color:#c8a04099;background:linear-gradient(135deg,#c8a0402e,#4ab8cc1f)}.active-session-badge{font-family:var(--font-display);font-size:.55rem;font-weight:700;letter-spacing:.12em;color:#080f18;background:var(--accent-gold);padding:2px 8px;border-radius:4px;white-space:nowrap;flex-shrink:0}.active-session-info{flex:1;min-width:0}.active-session-label{font-size:.7rem;color:var(--text-secondary);font-weight:500}.active-session-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-session-arrow{flex-shrink:0;color:var(--accent-gold);opacity:.6}.active-session-entities{display:flex;flex-wrap:wrap;gap:6px;padding:0 var(--pad-x) 12px}.active-entity-chip{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:500;color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:4px 10px 4px 6px;cursor:pointer;transition:all .15s ease}.active-entity-chip:hover{color:var(--text-primary);border-color:var(--accent)}.active-entity-chip .card-icon{width:16px;height:16px;font-size:.65rem}.session-toggle-btn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 16px;border-radius:20px;border:1px solid rgba(200,160,64,.3);background:#c8a04014;color:var(--accent-gold);font-family:var(--font-body);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease}.session-toggle-btn:hover{background:#c8a04026;border-color:#c8a04080}.session-toggle-btn.session-active{background:#c8a0402e;border-color:var(--accent-gold);color:var(--accent-gold)}.session-toggle-btn.session-active:hover{background:#c8a04014;border-color:#c8a0404d}@keyframes sessionPulse{0%{box-shadow:0 0 #c8a04066}70%{box-shadow:0 0 0 8px #c8a04000}to{box-shadow:0 0 #c8a04000}}.session-toggle-pulse{animation:sessionPulse .6s ease-out}.guide-chapter-active{border-color:#c8a04080!important;box-shadow:0 0 16px #c8a04026,inset 0 0 20px #c8a0400d;position:relative}.guide-chapter-active:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;border:1px solid rgba(200,160,64,.3);pointer-events:none}.guide-active-badge{position:absolute;top:-1px;right:12px;font-family:var(--font-display);font-size:.5rem;font-weight:700;letter-spacing:.12em;color:#080f18;background:var(--accent-gold);padding:2px 8px;border-radius:0 0 6px 6px}.guide-continue-badge{color:var(--accent);font-size:.72rem;font-weight:600;opacity:.85}.adventure-banner{background:linear-gradient(to top,#080f18fa,#080f188c 45%,#080f181a),url(/hero-art.jpg) center 35% / cover no-repeat;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(74,184,204,.25);border-radius:var(--radius-lg);margin-bottom:16px;position:relative;overflow:hidden;padding:0}.adventure-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--teal),var(--gold),var(--teal),var(--accent));background-size:300% 100%;animation:prismaticShift 10s linear infinite;z-index:2}@keyframes prismaticShift{0%{background-position:0% 50%}to{background-position:300% 50%}}.banner-content{position:relative;z-index:3;padding:20px 22px 22px}.banner-eyebrow{font-family:var(--font-display);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;opacity:.9}.adventure-banner h2{font-family:var(--font-display);font-size:1.85rem;font-weight:900;letter-spacing:.04em;color:#fff;text-shadow:0 0 40px rgba(74,184,204,.5),0 0 80px rgba(74,184,204,.2),0 2px 12px rgba(0,0,0,.9);margin-bottom:6px;line-height:1.1}.adventure-banner p,.banner-meta{font-size:.78rem;color:var(--text-secondary);letter-spacing:.04em}.note-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);padding:12px;margin-bottom:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}.note-card:active{background:var(--bg-card-hover)}.note-card-entity{font-size:.75rem;color:var(--accent);margin-bottom:4px}.note-card-text{font-size:.9rem;color:var(--text-primary);white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.note-card-meta{font-size:.72rem;color:var(--text-muted);margin-top:6px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 24px;text-align:center;color:var(--text-muted)}.empty-state svg{margin-bottom:16px;opacity:.25;color:var(--accent)}.empty-state p:first-of-type{font-family:var(--font-display);font-size:1rem;color:var(--text-secondary);letter-spacing:.02em}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-muted)}.crystal-loader{width:48px;height:48px;position:relative;margin-bottom:16px}.crystal-loader-gem{width:24px;height:24px;background:linear-gradient(135deg,var(--accent),var(--teal));transform:rotate(45deg);border-radius:4px;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;animation:crystalPulse 1.5s ease-in-out infinite;box-shadow:0 0 20px var(--accent-glow),0 0 40px #4de8c21a}@keyframes crystalPulse{0%,to{transform:rotate(45deg) scale(.8);opacity:.6}50%{transform:rotate(45deg) scale(1.1);opacity:1}}.loading-state p{font-family:var(--font-display);font-size:.9rem;letter-spacing:.05em}.search-result-highlight{background:var(--accent-dim);color:var(--accent);border-radius:2px;padding:0 2px}.search-section{margin-bottom:16px}.search-section-label{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;padding-top:8px}.search-section-label svg{color:var(--accent-gold);flex-shrink:0}.search-section-count{font-family:var(--font-body);font-size:.68rem;color:var(--text-muted);font-weight:400}.book-result-card{border-left:3px solid var(--accent-gold)}.book-content-icon{color:var(--accent-gold);background:#c8a0401a;border:1px solid rgba(200,160,64,.2)}.book-result-snippet{font-size:.78rem;line-height:1.5;color:var(--text-secondary)}.book-result-snippet mark{background:#c8a04040;color:var(--accent-gold);border-radius:2px;padding:0 2px}#menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;opacity:0;transition:opacity .25s}#menu-overlay.visible{opacity:1}#side-menu{position:fixed;top:0;right:0;width:280px;max-width:80vw;height:100%;background:#080f18f7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--glass-border);z-index:201;transform:translate(100%);transition:transform .25s ease;display:flex;flex-direction:column;padding:var(--safe-top) 0 var(--safe-bottom);overflow-y:auto}[data-theme=light] #side-menu{background:#fff;border-right:1px solid rgba(0,0,0,.06)}#side-menu.visible{transform:translate(0)}.menu-header{padding:20px 16px 12px;border-bottom:1px solid var(--glass-border)}.menu-header h2{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.02em}.menu-section{padding:12px 16px;border-bottom:1px solid var(--glass-border)}.menu-section h3{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.adventure-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;margin:0 -12px;background:none;border:1px solid transparent;border-radius:8px;color:var(--text-primary);font-family:var(--font-body, inherit);cursor:pointer;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent;text-align:left}.adventure-item:hover:not(.active):not(:disabled){background:var(--glass-bg);border-color:var(--glass-border)}.adventure-item.active{background:linear-gradient(135deg,#d4af371a,#d4af370a);border-color:#d4af374d;color:var(--accent);cursor:default}.adventure-item:disabled{opacity:1}.adventure-dot{width:10px;height:10px;border-radius:50%;background:var(--gold, #d4af37);flex-shrink:0;box-shadow:0 0 6px #d4af3766}.adventure-dot.inactive{background:var(--text-muted);box-shadow:none}.adventure-info{min-width:0}.adventure-name{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adventure-meta{font-size:.75rem;color:var(--text-muted);margin-top:1px}.menu-link{display:flex;align-items:center;gap:10px;width:100%;padding:10px 0;background:none;border:none;color:var(--text-primary);font-family:var(--font-body, inherit);font-size:.9rem;cursor:pointer;transition:color .15s}.menu-link:hover{color:var(--accent)}.menu-link svg{flex-shrink:0;opacity:.6}.menu-link--install{background:linear-gradient(135deg,#d4af371f,#d4af370d);border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:12px 14px;color:var(--gold, #d4af37);font-weight:600;margin-bottom:4px}.menu-link--install svg{opacity:1;color:var(--gold, #d4af37)}.menu-link--install:hover{background:linear-gradient(135deg,#d4af3733,#d4af3714);color:#e8c44a}.offline-download-status{margin:2px 0 0;padding:0 14px;font-size:.78rem;color:var(--text-dim, #8a97a8)}#btn-offline-download[disabled]{opacity:.6;cursor:progress}.menu-toggle{display:flex;align-items:center;justify-content:space-between;padding:8px 0;cursor:pointer;font-size:.9rem}.toggle-slider{position:relative;width:44px;height:24px;background:var(--bg-input);border-radius:12px;border:1px solid var(--border);transition:all .2s}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-muted);border-radius:50%;transition:transform .2s,background .2s}.menu-toggle input{display:none}.menu-toggle input:checked+.toggle-slider{background:var(--accent-dim);border-color:var(--accent)}.menu-toggle input:checked+.toggle-slider:after{transform:translate(20px);background:var(--accent)}.menu-footer{padding:16px;margin-top:auto;color:var(--text-muted);font-size:.75rem}.menu-footer-link{display:block;color:var(--text-muted);text-decoration:none;margin-bottom:8px;font-size:.75rem;opacity:.7;transition:opacity .15s}.menu-footer-link:hover{opacity:1;text-decoration:underline}.license-view{max-width:720px;margin:0 auto;padding:24px 16px 64px}.license-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border);color:var(--text-secondary)}.license-header h1{font-size:1.4rem;margin:0;color:var(--text-primary)}.license-body{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.license-body h2{font-size:1.1rem;color:var(--text-primary);margin-top:24px}.license-body p{margin-bottom:12px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:300;display:flex;align-items:flex-end;justify-content:center}.modal-content{background:#080f18f7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);width:100%;max-width:500px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:20px;padding-bottom:calc(20px + var(--safe-bottom));max-height:80vh;overflow-y:auto}[data-theme=light] .modal-content{background:#fff;border:1px solid rgba(0,0,0,.1)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-header h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.02em}#note-text{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:.93rem;padding:12px;resize:vertical;line-height:1.5}#note-text:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.note-tags{margin:10px 0}#note-tag-input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:.85rem;padding:8px 12px}#note-tag-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.modal-actions{display:flex;gap:10px;margin-top:14px}.modal-actions .btn{flex:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .25s ease-out}.slide-in-left{animation:slideInLeft .25s ease-out}@keyframes cardEntrance{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card,.guide-chapter-card,.npc-qr-card,.encounter-qv-card,.prep-npc-chip{animation:cardEntrance .3s ease-out both}.card:nth-child(1),.guide-chapter-card:nth-child(1),.npc-qr-card:nth-child(1),.encounter-qv-card:nth-child(1){animation-delay:0s}.card:nth-child(2),.guide-chapter-card:nth-child(2),.npc-qr-card:nth-child(2),.encounter-qv-card:nth-child(2){animation-delay:.04s}.card:nth-child(3),.guide-chapter-card:nth-child(3),.npc-qr-card:nth-child(3),.encounter-qv-card:nth-child(3){animation-delay:.08s}.card:nth-child(4),.guide-chapter-card:nth-child(4),.npc-qr-card:nth-child(4),.encounter-qv-card:nth-child(4){animation-delay:.12s}.card:nth-child(5),.guide-chapter-card:nth-child(5),.npc-qr-card:nth-child(5),.encounter-qv-card:nth-child(5){animation-delay:.16s}.card:nth-child(n+6),.guide-chapter-card:nth-child(n+6),.npc-qr-card:nth-child(n+6),.encounter-qv-card:nth-child(n+6){animation-delay:.2s}@keyframes bookmarkPulse{0%{transform:scale(1)}20%{transform:scale(1.25)}40%{transform:scale(.92)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes bookmarkSaved{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.3);filter:brightness(1.3)}50%{transform:scale(.9);filter:brightness(1)}70%{transform:scale(1.05)}to{transform:scale(1)}}.bookmark-pulse{animation:bookmarkPulse .5s ease}.bookmark-saved{animation:bookmarkSaved .6s cubic-bezier(.34,1.56,.64,1)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--glass-bg) 25%,rgba(255,255,255,.05) 50%,var(--glass-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}.skeleton-card{height:80px;margin-bottom:10px;border-radius:10px}.skeleton-line{height:14px;margin-bottom:8px;border-radius:4px}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.scroll-top-fab{width:44px;height:44px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(20px) scale(.8);pointer-events:none;transition:opacity .25s ease,transform .25s ease,background .2s;box-shadow:0 4px 16px #0006}.scroll-top-fab.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.scroll-top-fab:hover{background:#c8a04026;color:var(--accent-gold);border-color:var(--accent-gold)}.scroll-top-fab:active{transform:scale(.92)}@media (min-width: 768px){.scroll-top-fab{width:48px;height:48px}}@keyframes headingHighlight{0%{background-color:#c8a04040}to{background-color:transparent}}.book-heading-highlight{animation:headingHighlight 1.5s ease-out;border-radius:4px}.guide-header{text-align:center;padding:8px 0 20px;position:relative}.guide-header h2{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;text-shadow:0 0 20px rgba(200,160,64,.3)}.guide-header p{color:var(--text-muted);font-size:.78rem;letter-spacing:.04em}.guide-header:after{content:"◆";display:block;margin-top:12px;color:var(--gold);opacity:.5;font-size:.7rem;letter-spacing:.3em}.guide-chapter-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;margin-bottom:8px;cursor:pointer;transition:transform .15s ease,border-color .2s ease}.guide-chapter-card:active{transform:scale(.98);border-color:var(--accent)}.guide-chapter-card:nth-child(1){animation:cardEnter .3s ease both;animation-delay:0s}.guide-chapter-card:nth-child(2){animation:cardEnter .3s ease both;animation-delay:.03s}.guide-chapter-card:nth-child(3){animation:cardEnter .3s ease both;animation-delay:.06s}.guide-chapter-card:nth-child(4){animation:cardEnter .3s ease both;animation-delay:.09s}.guide-chapter-card:nth-child(5){animation:cardEnter .3s ease both;animation-delay:.12s}.guide-chapter-card:nth-child(6){animation:cardEnter .3s ease both;animation-delay:.15s}.guide-chapter-card:nth-child(7){animation:cardEnter .3s ease both;animation-delay:.18s}.guide-chapter-card:nth-child(8){animation:cardEnter .3s ease both;animation-delay:.21s}.guide-chapter-card:nth-child(9){animation:cardEnter .3s ease both;animation-delay:.24s}.guide-chapter-card:nth-child(10){animation:cardEnter .3s ease both;animation-delay:.27s}.guide-chapter-card:nth-child(11){animation:cardEnter .3s ease both;animation-delay:.3s}.guide-chapter-num{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#4ab8cc1f;border:1px solid rgba(74,184,204,.2);border-radius:10px;font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--accent)}.guide-chapter-info{flex:1;min-width:0}.guide-chapter-title{font-weight:600;font-size:.9rem;line-height:1.3;margin-bottom:2px}.guide-chapter-meta{display:flex;gap:10px;font-size:.75rem;color:var(--text-muted)}.guide-chapter-mood{font-size:.72rem;color:var(--text-muted);font-style:italic;margin-top:3px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-chapter-types{display:flex;gap:4px;flex-shrink:0}.guide-type-icon{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center}.guide-type-icon svg{width:14px;height:14px}.chapter-hero{text-align:center;padding:24px 16px 20px;margin:-12px -12px 16px;background:linear-gradient(180deg,rgba(74,184,204,.1) 0%,transparent 100%);border-bottom:1px solid var(--glass-border)}.chapter-hero-num{font-family:var(--font-display);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.chapter-hero-title{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.02em;margin-bottom:8px}.chapter-hero-sessions{font-size:.8rem;color:var(--text-muted)}.chapter-hero-mood{font-size:.78rem;color:var(--text-muted);font-style:italic;margin-top:4px;max-width:320px;margin-left:auto;margin-right:auto}.chapter-hero-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:4px}.chapter-section{margin-bottom:20px}.chapter-section h3{font-family:var(--font-display);font-size:.95rem;letter-spacing:.03em;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--glass-border)}.chapter-section h4{font-size:.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px;margin-top:12px}.chapter-divider{height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent);margin:20px 0}.chapter-section-label{font-family:var(--font-display);font-size:.95rem;letter-spacing:.03em;margin-bottom:14px;padding-bottom:6px;border-bottom:1px solid var(--glass-border)}.prep-block{margin-bottom:14px}.prep-block ul{list-style:none;padding:0;margin:0}.prep-block ul li{position:relative;padding:4px 0 4px 16px;font-size:.82rem;color:var(--text-secondary);line-height:1.5}.prep-block ul li:before{content:"◆";position:absolute;left:0;font-size:.5rem;top:8px;color:var(--accent)}.prep-npc-chip{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:8px 10px;margin-bottom:6px;cursor:pointer;transition:border-color .2s}.prep-npc-chip:active{border-color:var(--accent)}.prep-npc-chip strong{display:block;font-size:.82rem;margin-bottom:2px}.prep-npc-chip span{font-size:.75rem;color:var(--text-muted)}.prep-qa{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:10px;margin-bottom:6px}.prep-question{font-size:.82rem;font-weight:600;margin-bottom:4px}.prep-answer{font-size:.78rem;color:var(--text-secondary);line-height:1.5}.prep-loot{display:flex;flex-wrap:wrap;gap:6px}.foreshadow-card{background:var(--glass-bg);border:1px solid rgba(240,192,80,.15);border-left:3px solid var(--gold);border-radius:8px;padding:10px 12px;margin-bottom:8px}.foreshadow-location{font-size:.75rem;font-weight:600;color:var(--gold);margin-bottom:4px}.foreshadow-seed{font-size:.82rem;line-height:1.5;color:var(--text-secondary);font-style:italic}.foreshadow-meta{display:flex;gap:12px;margin-top:6px;font-size:.72rem;color:var(--text-muted)}.foreshadow-subtlety{text-transform:capitalize;padding:1px 6px;border-radius:4px;background:#f0c0501a}.foreshadow-subtlety.subtle{color:var(--text-muted)}.foreshadow-subtlety.moderate{color:var(--gold)}.foreshadow-subtlety.obvious{color:#fb923c}.whatif-card{background:var(--glass-bg);border:1px solid rgba(77,232,194,.12);border-radius:8px;padding:12px;margin-bottom:10px}.whatif-decision{font-size:.85rem;font-weight:600;margin-bottom:6px}.whatif-expected{font-size:.78rem;color:var(--text-muted);margin-bottom:10px}.whatif-scenario{background:#0003;border-radius:6px;padding:10px;margin-bottom:6px}.whatif-scenario-q{font-size:.82rem;font-weight:600;color:var(--teal);margin-bottom:6px}.whatif-scenario-consequences,.whatif-scenario-fix{font-size:.78rem;color:var(--text-secondary);line-height:1.5;margin-bottom:4px}.whatif-entities{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.chapter-entity-group{margin-bottom:16px}.chapter-group-label{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;margin-bottom:8px}.chapter-group-label .card-icon{width:22px;height:22px}.chapter-group-label .card-icon svg{width:14px;height:14px}.chapter-group-count{color:var(--text-muted);font-weight:400;font-size:.78rem}.chapter-entity-item{padding:8px 10px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;margin-bottom:4px;cursor:pointer;transition:border-color .2s}.chapter-entity-item:active{border-color:var(--accent)}.chapter-entity-name{font-size:.82rem;font-weight:500}.chapter-entity-ref{font-size:.75rem;color:var(--text-muted);margin-top:2px;line-height:1.4}.npc-cards-grid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 600px){.npc-cards-grid{grid-template-columns:repeat(2,1fr)}}.npc-qr-card{background:var(--card-bg);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .15s ease}.npc-qr-card:hover{border-color:var(--accent);background:#4ab8cc0a}.npc-qr-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.npc-qr-icon{width:28px;height:28px;font-size:.7rem;flex-shrink:0}.npc-qr-name{font-family:var(--font-display);font-size:.88rem;font-weight:600;color:var(--text-primary)}.npc-qr-ref{font-size:.75rem;line-height:1.45;color:var(--text-secondary);margin-bottom:8px}.npc-qr-moods{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.npc-mood-tag{font-size:.62rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:6px;background:#4ab8cc1a;color:var(--accent);border:1px solid rgba(74,184,204,.15)}.npc-qr-connections{display:flex;flex-wrap:wrap;gap:5px}.npc-qr-conn{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-weight:500;color:var(--text-muted);background:#ffffff08;border:1px solid var(--border);border-radius:6px;padding:2px 8px 2px 4px;cursor:pointer}.npc-qr-conn:hover{color:var(--text-primary);border-color:var(--accent)}.encounter-cards-list{display:flex;flex-direction:column;gap:10px}.encounter-qv-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-left:3px solid var(--gold);border-radius:10px;padding:14px;transition:border-color .2s,box-shadow .2s}.encounter-qv-card:hover{border-color:var(--gold);box-shadow:0 2px 12px #c8a04014}.encounter-qv-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.encounter-qv-icon{width:28px;height:28px;font-size:.7rem;flex-shrink:0}.encounter-qv-title{font-family:Cinzel,serif;font-size:.9rem;font-weight:600;color:var(--text-primary);cursor:pointer}.encounter-qv-title:hover{color:var(--gold)}.encounter-qv-ref{font-size:.78rem;color:var(--text-secondary);line-height:1.4;margin-bottom:10px}.encounter-qv-row{display:flex;gap:8px;align-items:baseline;font-size:.75rem;margin-bottom:4px;padding:4px 0;border-top:1px solid rgba(255,255,255,.04)}.encounter-qv-label{flex-shrink:0;font-weight:600;color:var(--text-muted);white-space:nowrap}.encounter-qv-value{color:var(--text-secondary);line-height:1.3}.encounter-qv-moods{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.encounter-mood-tag{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--gold);background:#c8a0401a;border:1px solid rgba(200,160,64,.2);border-radius:8px;padding:2px 8px}.encounter-qv-connections{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.encounter-qv-conn{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-weight:500;color:var(--text-muted);background:#ffffff08;border:1px solid var(--border);border-radius:6px;padding:2px 8px 2px 4px;cursor:pointer}.encounter-qv-conn:hover{color:var(--text-primary);border-color:var(--gold)}.encounter-run-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid rgba(200,160,64,.3);border-radius:8px;background:#c8a04014;color:var(--gold);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:4px}.encounter-run-btn:hover{background:#c8a04026;border-color:var(--gold)}.encounter-run-btn:active{transform:scale(.97)}.subpage-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 0;margin-top:32px;border-top:1px solid rgba(200,160,64,.15)}.subpage-nav-btn{display:flex;align-items:center;gap:6px;flex:0 1 auto;max-width:45%;padding:10px 16px;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:all .15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subpage-nav-btn.subpage-next{margin-left:auto}.subpage-nav-btn:disabled{opacity:.25;cursor:default;pointer-events:none}.subpage-nav-btn:not(:disabled):hover{background:#4ab8cc14;border-color:#4ab8cc59}.subpage-indicator{font-size:.72rem;font-weight:600;color:var(--text-tertiary);white-space:nowrap;letter-spacing:.03em}.book-toc-group.toc-active-page>.book-toc-parent{border-left:3px solid var(--accent);padding-left:8px;margin-left:-3px}.book-toc-group.toc-active-page>.book-toc-parent .book-toc-link{color:var(--accent);font-weight:600}.chapter-nav{display:flex;justify-content:space-between;gap:8px;margin-top:24px;padding-top:16px;border-top:1px solid var(--glass-border)}.chapter-nav-btn{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-primary);font-size:.78rem;cursor:pointer;max-width:48%;transition:border-color .2s}.chapter-nav-btn:active{border-color:var(--accent)}.chapter-nav-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-nav-next{margin-left:auto}.guide-appendix-divider{display:flex;align-items:center;gap:12px;margin:24px 0 14px}.guide-appendix-label{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);white-space:nowrap}.guide-appendix-num{font-size:.9rem!important;color:var(--gold)!important}.guide-appendix-card{border-color:#c8a04026}.guide-appendix-card:hover{border-color:#c8a04059;background:#c8a0400a}.chapter-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin:0 0 1.25rem}.chapter-tab{flex:1;padding:.75rem 1rem;background:none;border:none;color:var(--text-secondary);font-family:var(--font-display);font-size:.95rem;cursor:pointer;position:relative;transition:color .2s}.chapter-tab:hover{color:var(--text-primary)}.chapter-tab.active{color:var(--accent)}.chapter-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent)}.book-toc{margin:0 0 1.5rem;padding:1rem 1.25rem;background:#0a162699;border:1px solid var(--glass-border);border-radius:8px}.book-toc-title{font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem}.book-toc-filter-wrap{margin-bottom:.5rem}.book-toc-filter{width:100%;padding:5px 8px;font-size:.78rem;font-family:var(--font-body);background:#ffffff0d;border:1px solid var(--glass-border);border-radius:4px;color:var(--text-primary);outline:none;transition:border-color .2s}.book-toc-filter::placeholder{color:var(--text-muted);font-size:.75rem}.book-toc-filter:focus{border-color:var(--accent)}.book-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1px}.book-toc-link{color:var(--text-secondary);font-size:.85rem;cursor:pointer;text-decoration:none;transition:color .15s;display:inline-block;padding:2px 0}.book-toc-link:hover{color:var(--accent)}.book-toc-group{border-radius:4px}.book-toc-parent{display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px;border-radius:4px;transition:background .15s;-webkit-tap-highlight-color:transparent}.book-toc-parent:hover{background:#4ab8cc0f}.book-toc-parent .book-toc-link{color:var(--text-primary);font-weight:500;font-size:.86rem;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.book-toc-parent:hover .book-toc-link{white-space:normal;overflow:visible}.toc-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .25s ease}.toc-chevron-spacer{width:10px;flex-shrink:0}.toc-expanded>.book-toc-parent .toc-chevron{transform:rotate(90deg);color:var(--accent)}.toc-collapse-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease,opacity .25s ease;opacity:0}.toc-collapse-wrapper>*{overflow:hidden}.toc-expanded>.toc-collapse-wrapper{grid-template-rows:1fr;opacity:1}.book-toc-children{list-style:none;padding:2px 0 4px 16px;margin:0;display:flex;flex-direction:column;gap:1px}.toc-badges{display:inline-flex;gap:1px;margin-left:3px;vertical-align:middle}.toc-badge{font-size:.6rem;line-height:1;opacity:.7;cursor:default}.toc-badge:hover{opacity:1}.book-toc-children .book-toc-item{line-height:1.35}.book-toc-children .book-toc-link{font-size:.82rem;padding:2px 6px;border-radius:3px;display:block}.book-toc-children .book-toc-link:hover{background:#4ab8cc0f}.book-toc-group:not(.has-children) .book-toc-parent{padding-left:4px}@keyframes heading-flash{0%{background:#4ab8cc33}to{background:transparent}}.book-heading-highlight{animation:heading-flash 1.5s ease-out;border-radius:4px;margin-left:-6px;padding-left:6px}[id].book-title-main,[id].book-section-title,[id].book-chapter-title,[id].book-sub-section,[id].book-sub-section-2,[id].book-heading,[id].book-heading-5,[id].book-area-header{scroll-margin-top:80px}.book-toc-link.active{color:var(--accent)!important;font-weight:600}.book-toc-parent .book-toc-link.active{color:var(--accent)!important}.book-toc-children .book-toc-link.active{background:#4ab8cc1a;color:var(--accent)!important}.book-toc-item.active{position:relative}.book-toc-children .book-toc-item.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:var(--accent);border-radius:1px}.scroll-spy-pill{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;margin:0 0 12px;background:#080f18eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.scroll-spy-pill:active{background:#4ab8cc1a}.scroll-spy-pill-text{font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.04em;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.scroll-spy-pill svg{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.scroll-spy-pill.expanded svg{transform:rotate(180deg)}.book-jump-bar{display:flex;gap:6px;justify-content:flex-end;margin-bottom:8px}.book-jump-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--glass-border);background:#0a162699;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,transform .1s}.book-jump-btn:hover{background:#4ab8cc1f;border-color:var(--accent)}.book-jump-btn:active{transform:scale(.92)}.chapter-progress-wrap{position:relative;height:0;z-index:55}.chapter-progress-bar{position:absolute;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--accent),var(--gold));border-radius:0 2px 2px 0;transition:width .15s ease-out}.scroll-spy-pill.expanded~.book-reader-layout .book-reader-sidebar{display:block!important;margin-bottom:.75rem}.scroll-spy-pill.expanded~.book-reader-layout .book-reader-sidebar .book-toc{animation:tocDropdown .25s ease}@keyframes tocDropdown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.book-reader-layout{display:block}.book-reader-sidebar{display:none}.book-reader-content{min-width:0}.book-content-section{padding:0}.book-section{margin-bottom:1.5rem}.book-section>*+*{margin-top:.75rem}.book-title-main{font-family:var(--font-display);font-size:1.6rem;color:var(--gold);margin:1rem 0 .75rem}.book-section-title{font-family:var(--font-display);font-size:1.35rem;color:var(--accent);margin:2rem 0 .75rem;padding-top:1.5rem;padding-bottom:.4rem;border-top:2px solid var(--border);border-bottom:1px solid var(--border)}.book-section:first-child>.book-section-title:first-child{border-top:none;padding-top:0;margin-top:1rem}.book-chapter-title{font-family:var(--font-display);font-size:1.3rem;color:var(--gold);margin:2rem 0 .5rem;padding-top:1.5rem;border-top:2px solid var(--border)}.book-section:first-child>.book-chapter-title:first-child{border-top:none;padding-top:0;margin-top:1rem}.book-sub-section{font-family:var(--font-display);font-size:1.1rem;color:var(--text-primary);margin:1.25rem 0 .5rem;padding-left:.5rem;border-left:3px solid var(--accent)}.book-sub-section-2,.book-heading{font-family:var(--font-display);font-size:1rem;color:var(--text-primary);margin:1rem 0 .4rem}.book-heading-5{font-size:.9rem;font-family:var(--font-display);color:var(--text-secondary);margin:.75rem 0 .35rem}.book-area-header{font-family:var(--font-display);font-size:1.05rem;color:var(--gold);margin:1rem 0 .4rem;padding-left:.5rem;border-left:3px solid var(--gold)}.book-table-header{font-family:var(--font-display);font-size:1rem;color:var(--text-primary);margin:1rem 0 .35rem}.book-content-section p{line-height:1.7;color:var(--text-primary);font-size:.95rem}.book-intro{color:var(--text-secondary);font-style:italic;border-left:3px solid var(--accent);padding-left:.75rem}.book-dropcap:first-letter{font-family:var(--font-display);font-size:3.2em;float:left;line-height:.8;margin:.05em .1em 0 0;color:var(--gold)}.book-read-aloud,.book-area-desc{margin:1rem 0;padding:1.75rem 1.25rem 1rem;border-radius:8px;font-size:.95rem;line-height:1.7;border:none;position:relative}.book-read-aloud:before,.book-area-desc:before{position:absolute;top:.35rem;left:1.25rem;font-family:var(--font-display);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-style:normal}.book-read-aloud:before{content:"🗣️ Read Aloud";color:var(--accent)}.book-area-desc:before{content:"📍 Area Description";color:var(--gold)}.book-read-aloud{background:#4ab8cc14;border-left:4px solid var(--accent);color:var(--text-primary);font-style:italic}.book-area-desc{background:#c8a04014;border-left:4px solid var(--gold);color:var(--text-primary)}.book-list{padding-left:1.5rem;margin:.5rem 0}.book-list li{margin-bottom:.35rem;line-height:1.6;color:var(--text-primary);font-size:.95rem}.book-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:.75rem 0;border-radius:8px}.book-table{width:100%;border-collapse:collapse;margin:.75rem 0;font-size:.9rem}.book-table th,.book-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border);color:var(--text-primary)}.book-table th{font-family:var(--font-display);font-size:.85rem;color:var(--accent);background:var(--bg-secondary)}.book-table tr:last-child td{border-bottom:none}.stat-block{margin:1rem 0;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.stat-block-name{font-family:var(--font-display);font-size:1.1rem;color:var(--gold)}.stat-block-type{font-size:.85rem;color:var(--text-secondary);font-style:italic;margin-bottom:.5rem}.stat-block-stats{font-size:.9rem;color:var(--text-primary);line-height:1.6;padding:.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat-block-abilities{font-size:.9rem;color:var(--text-primary);line-height:1.6;margin-top:.5rem}.entity-link{color:var(--accent);cursor:pointer;font-weight:600;text-decoration:none;border-bottom:1px dotted var(--accent);transition:color .2s}.entity-link:hover{color:var(--gold);border-bottom-color:var(--gold)}.book-illustration{margin:2rem auto;max-width:100%;text-align:center}.book-illustration img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 16px #0006}.book-illustration figcaption{font-size:.85rem;color:var(--text-tertiary);text-align:center;font-style:italic;padding:.5rem 0 0}.book-image-caption{font-size:.85rem;color:var(--text-tertiary);text-align:center;font-style:italic;padding:.25rem 0}.book-image-caption--standalone{opacity:.5}.book-front-matter{font-size:.85rem;color:var(--text-secondary);line-height:1.6}#content::-webkit-scrollbar{width:4px}#content::-webkit-scrollbar-track{background:transparent}#content::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.text-display{font-family:var(--font-display)}@media (min-width: 768px){body{background:var(--bg-primary)}#app{max-width:900px;margin:0 auto;height:100dvh;box-shadow:0 0 60px #0009,0 0 0 1px var(--glass-border)}.adventure-banner{min-height:240px}#content{padding:16px 20px}}@media (min-width: 1024px){#app{display:grid;grid-template-columns:230px 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"sidebar topbar" "sidebar searchbar" "sidebar main";max-width:1400px;height:100dvh;padding:0}#top-bar{grid-area:topbar}#search-bar{grid-area:searchbar}#content{grid-area:main;padding:24px 32px}.chapter-progress-wrap{grid-area:main;align-self:start}#bottom-nav{grid-area:sidebar;flex-direction:column;justify-content:flex-start;align-items:stretch;width:230px;height:100%;border-top:none;border-right:1px solid var(--glass-border);border-bottom:none;padding:100px 0 24px;background:#050b14f5;position:relative;overflow-y:auto;overflow-x:hidden}#bottom-nav:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:160px;height:80px;background:url(/logo.png) center / contain no-repeat;opacity:.9;display:block}#app{padding-top:0}.nav-btn{flex:none;flex-direction:row;justify-content:flex-start;gap:14px;padding:14px 22px;font-family:var(--font-display);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;text-align:left;border-left:3px solid transparent;border-radius:0;position:relative;z-index:1;transition:background .15s,color .15s,border-left-color .15s}.nav-btn svg{width:20px;height:20px;flex-shrink:0}.nav-btn:hover{color:var(--text-primary);background:#4ab8cc0d}.nav-btn.active{color:var(--accent);background:linear-gradient(90deg,rgba(74,184,204,.1) 0%,transparent 100%);border-left-color:var(--accent)}.nav-btn.active:after{display:none}.nav-btn:first-child{margin-top:6px;padding-top:18px;border-top:1px solid rgba(74,184,204,.1)}#btn-menu{display:none}#header-title{text-align:left;padding-left:4px}#top-bar{padding:0 20px 0 16px}#search-bar{padding:10px 20px}.home-section{row-gap:8px}.detail-view,.note-card{max-width:860px}.adventure-banner{min-height:280px}.adventure-banner h2{font-size:2.2rem}.detail-view,.guide-chapter-card,.note-card{max-width:820px}.chapter-detail-view{max-width:1060px;margin:0 auto}.scroll-spy-pill{display:none}.book-reader-layout{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}.book-reader-sidebar{display:block;position:sticky;top:6px;max-height:calc(100vh - 160px);overflow-y:auto;padding-right:4px}.book-reader-sidebar::-webkit-scrollbar{width:3px}.book-reader-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.book-reader-sidebar .book-toc{margin:0;padding:.75rem 1rem;background:#0a162666;border:1px solid var(--glass-border);border-radius:8px}.book-toc{max-width:none;margin:0}.book-content-section{max-width:680px;margin:0;padding:.5rem 0}.book-content-section p{font-size:1rem;line-height:1.8}.book-read-aloud,.book-area-desc{padding:1.25rem 1.5rem}.book-section-title{font-size:1.5rem;margin-top:2rem}.book-sub-section{font-size:1.2rem}.book-dropcap:first-letter{font-size:3.6em}.chapter-tabs{max-width:680px;margin:0 auto 1.5rem}.chapter-tab{padding:.85rem 1.5rem;font-size:1rem}.chapter-tab-content[data-tab-content=gm]{max-width:680px;margin:0 auto}.chapter-hero{margin-bottom:1.5rem;padding:2rem 1rem 1.75rem}.chapter-hero-title{font-size:1.8rem}.chapter-nav{max-width:680px;margin:2rem auto 0}#search-bar{padding:10px 24px}.home-section-header h2{font-size:.76rem}}@media (min-width: 1400px){#app{grid-template-columns:260px 1fr;max-width:1600px}#bottom-nav{width:260px}#content{padding:28px 40px}}#nav-prev,#nav-next{display:none}@media (min-width: 1024px){#nav-prev,#nav-next{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;position:fixed;top:50%;transform:translateY(-50%);width:36px;height:80px;background:#050b14e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;z-index:150;transition:all .2s ease;-webkit-tap-highlight-color:transparent;font-family:var(--font-display);font-size:.5rem;letter-spacing:.1em}#nav-prev{left:230px;border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0}#nav-next{right:0;border-right:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}#nav-prev:hover,#nav-next:hover{background:#4ab8cc24;border-color:var(--accent);color:var(--accent);box-shadow:0 0 24px #4ab8cc1f;width:44px}#nav-prev svg,#nav-next svg{width:16px;height:16px;flex-shrink:0}#nav-prev.hidden,#nav-next.hidden{display:none!important}.nav-arrow-key{font-size:.65rem;opacity:.4;line-height:1;color:var(--text-muted);font-family:var(--font-body)}}@media (min-width: 1400px){#nav-prev{left:260px}}.hero-stats{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.hero-stat{font-size:.68rem;font-weight:600;letter-spacing:.04em;color:#ffffffb3;background:#ffffff14;border:1px solid rgba(255,255,255,.1);padding:3px 10px;border-radius:12px;white-space:nowrap}.gateway-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.gateway-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 12px;border-radius:var(--radius-lg);border:1px solid var(--glass-border);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;background:#0a162680}.gateway-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.gateway-card--read{background:linear-gradient(150deg,#4ab8cc1f,#0a162699 70%);border-color:#4ab8cc40}.gateway-card--read:hover{border-color:#4ab8cc80}.gateway-card--read .gateway-icon{color:var(--accent)}.gateway-card--explore{background:linear-gradient(150deg,#34d3991a,#0a162699 70%);border-color:#34d39938}.gateway-card--explore:hover{border-color:#34d39973}.gateway-card--explore .gateway-icon{color:#34d399}.gateway-card--prep{background:linear-gradient(150deg,#c8a0401f,#0a162699 70%);border-color:#c8a04040}.gateway-card--prep:hover{border-color:#c8a04080}.gateway-card--prep .gateway-icon{color:var(--gold)}.gateway-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff0a}.gateway-icon svg{stroke:currentColor}.gateway-label{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.03em;color:var(--text-primary);text-align:center}.home-columns{display:flex;flex-direction:column;gap:20px}.home-main{flex:1;min-width:0}.home-sidebar{display:flex;flex-direction:column;gap:4px}.sidebar-section{margin-bottom:12px}.sidebar-section-label{font-family:var(--font-display);font-size:.6rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}.active-card{background:linear-gradient(135deg,#c8a0401a,#4ab8cc0f);border:1px solid rgba(200,160,64,.3);border-radius:var(--radius-lg);padding:14px 16px;cursor:pointer;transition:all .15s ease}.active-card:hover{border-color:#c8a04080;background:linear-gradient(135deg,#c8a04026,#4ab8cc14)}.active-card-chapter{font-size:.7rem;color:var(--text-secondary);margin-bottom:2px}.active-card-title{font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:var(--gold);line-height:1.2;margin-bottom:6px}.active-card-cta{font-size:.78rem;font-weight:600;color:var(--accent)}.sidebar-prep-btn{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:5px 12px;font-size:.72rem;font-weight:600;color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;transition:all .15s ease}.sidebar-prep-btn:hover{color:var(--accent);border-color:#4ab8cc4d;background:#4ab8cc0f}.sidebar-prep-btn svg{stroke:currentColor}.sidebar-recent{flex-wrap:wrap}.ch-grid{display:grid;grid-template-columns:1fr;gap:6px}.ch-card{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#0a162666;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;position:relative}.ch-card:hover{background:#4ab8cc0f;border-color:#4ab8cc33;transform:translateY(-1px)}.ch-card--active{background:linear-gradient(135deg,#c8a0401a,#0a162680);border-color:#c8a04059}.ch-card--active .ch-card-title{color:var(--gold)}.ch-card--active .ch-card-num{background:#c8a0402e;border-color:#c8a04066;color:var(--gold)}.ch-card-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;background:#4ab8cc14;border:1px solid rgba(74,184,204,.15);font-family:var(--font-display);font-size:.75rem;font-weight:800;color:var(--accent);letter-spacing:.02em}.ch-card-body{flex:1;min-width:0}.ch-card-title{font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.02em;color:var(--text-primary)}.ch-card-meta{display:flex;gap:10px;font-size:.65rem;color:var(--text-muted);margin-top:2px}.ch-card-badge{position:absolute;top:6px;right:10px;font-family:var(--font-display);font-size:.5rem;font-weight:800;letter-spacing:.15em;color:var(--gold);opacity:.7}.ch-card-num--appendix{background:#4ab8cc14;color:var(--accent);border-color:#4ab8cc33;font-size:.7rem}@media (min-width: 1024px){.home-columns{flex-direction:row;gap:24px}.home-sidebar{width:280px;flex-shrink:0;position:sticky;top:0;align-self:flex-start}.ch-grid{grid-template-columns:repeat(2,1fr);gap:8px}.explore-strip{flex-wrap:wrap}.gateway-card{padding:24px 16px}.sidebar-recent{flex-direction:column}}.explore-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none;-ms-overflow-style:none}.explore-strip::-webkit-scrollbar{display:none}.explore-chip{display:flex;align-items:center;gap:7px;padding:8px 14px 8px 10px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:10px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.explore-chip:hover{border-color:#4ab8cc4d;background:#4ab8cc0f;transform:translateY(-1px)}.explore-chip-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.explore-chip-icon svg{width:16px;height:16px}.explore-chip-label{font-size:.78rem;font-weight:600;color:var(--text-primary)}.explore-chip-count{font-size:.68rem;font-weight:600;color:var(--text-muted);background:#ffffff0f;padding:1px 6px;border-radius:8px}.adventure-banner--compact{min-height:180px}.entity-preview{position:fixed;z-index:200;max-width:320px;min-width:220px;padding:12px 14px;background:#08101cf2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);pointer-events:auto;transition:opacity .15s ease,transform .15s ease}.entity-preview.hidden{opacity:0;pointer-events:none;transform:translateY(4px)}.entity-preview-enter{animation:previewIn .2s ease}@keyframes previewIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.entity-preview-art-wrap{text-align:center;margin-bottom:8px}.entity-preview-art{max-width:100%;max-height:140px;width:auto;height:auto;border-radius:6px;box-shadow:0 2px 8px #0006;object-fit:cover}.entity-preview-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.entity-preview-name{font-family:var(--font-display);font-size:.88rem;font-weight:600;color:var(--text-primary)}.entity-preview-type{font-size:.7rem;color:var(--text-muted);margin-left:auto;text-transform:uppercase;letter-spacing:.06em}.entity-preview-body{font-size:.82rem;line-height:1.45;color:var(--text-secondary);margin-bottom:6px}.entity-preview-footer{font-size:.7rem;color:var(--accent);opacity:.7}@media (hover: none){.entity-preview{display:none!important}}#fab-stack{position:fixed;bottom:78px;right:16px;z-index:500;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}#fab-stack>*{pointer-events:auto}@media (min-width: 1024px){#fab-stack{bottom:24px;right:24px}}#dice-roller{position:relative}#dice-fab{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--gold),color-mix(in srgb,var(--gold) 72%,#1a1208));border:2px solid rgba(255,255,255,.12);color:#1a1208;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px color-mix(in srgb,var(--gold) 30%,transparent),0 0 0 0 transparent;transition:transform .2s,box-shadow .2s}#dice-fab:hover{transform:scale(1.08);box-shadow:0 6px 24px color-mix(in srgb,var(--gold) 40%,transparent)}#dice-fab:active{transform:scale(.94)}#dice-fab.dice-fab-active{background:var(--accent);color:#0a1520}#dice-fab.dice-fab-pulse{animation:diceFabPulse .3s ease-out}@keyframes diceFabPulse{0%{box-shadow:0 4px 16px color-mix(in srgb,var(--gold) 30%,transparent),0 0 color-mix(in srgb,var(--gold) 50%,transparent)}to{box-shadow:0 4px 16px color-mix(in srgb,var(--gold) 30%,transparent),0 0 0 14px transparent}}#dice-result{position:absolute;bottom:56px;right:4px;min-width:40px;padding:4px 10px;border-radius:12px;background:var(--surface);border:2px solid var(--gold);color:var(--gold);font-family:Cinzel,serif;font-size:1.3rem;font-weight:700;text-align:center;pointer-events:none;opacity:0;transform:translateY(10px) scale(.8)}#dice-result.dice-result-anim{animation:diceResultPop 2.5s ease-out forwards}#dice-result.dice-crit{border-color:#3ddf5c;color:#3ddf5c;text-shadow:0 0 12px rgba(61,223,92,.4)}#dice-result.dice-fumble{border-color:#e54545;color:#e54545;text-shadow:0 0 12px rgba(229,69,69,.4)}@keyframes diceResultPop{0%{opacity:0;transform:translateY(10px) scale(.8)}10%{opacity:1;transform:translateY(0) scale(1.15)}20%{transform:translateY(0) scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-6px) scale(.95)}}#dice-tray{position:absolute;bottom:56px;right:0;width:220px;background:var(--surface);border:1px solid var(--glass-border);border-radius:14px;padding:12px;box-shadow:0 8px 32px #0006}#dice-tray.dice-tray-enter{animation:diceTrayIn .25s ease-out}@keyframes diceTrayIn{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.dice-tray-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;color:var(--gold);letter-spacing:.04em}.dice-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.dice-btn{padding:8px 4px;border:1px solid var(--glass-border);border-radius:8px;background:var(--glass-bg);color:var(--text-primary);font-family:Cinzel,serif;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s;text-align:center}.dice-btn:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,transparent);color:var(--gold)}.dice-btn:active{transform:scale(.92);background:color-mix(in srgb,var(--gold) 15%,transparent)}.dice-history{max-height:140px;overflow-y:auto;border-top:1px solid var(--glass-border);padding-top:8px}.dice-history-empty{font-size:.7rem;color:var(--text-muted);text-align:center;padding:6px}.dice-hist-entry{display:flex;justify-content:space-between;align-items:center;padding:3px 6px;border-radius:6px;font-size:.72rem;margin-bottom:2px}.dice-hist-entry:first-child{background:color-mix(in srgb,var(--gold) 6%,transparent)}.dice-hist-die{color:var(--text-muted);font-family:Cinzel,serif;font-size:.68rem}.dice-hist-value{font-weight:700;color:var(--text-primary);font-family:Cinzel,serif}.dice-hist-crit .dice-hist-value{color:#3ddf5c}.dice-hist-fumble .dice-hist-value{color:#e54545}.cmd-palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s}.cmd-palette-overlay.open{opacity:1;visibility:visible}.cmd-palette{width:min(560px,92vw);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:14px;box-shadow:0 24px 80px #0000008c,0 0 0 1px #4ab8cc14;overflow:hidden;transform:translateY(-12px) scale(.97);transition:transform .18s ease}.cmd-palette-overlay.open .cmd-palette{transform:translateY(0) scale(1)}.cmd-palette-input-wrap{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--glass-border)}.cmd-palette-search-icon{flex-shrink:0;color:var(--text-muted)}.cmd-palette-input{flex:1;background:none;border:none;outline:none;font-size:1rem;font-family:var(--font-body, inherit);color:var(--text-primary);caret-color:var(--accent)}.cmd-palette-input::placeholder{color:var(--text-muted)}.cmd-palette-kbd{flex-shrink:0;font-size:.65rem;font-family:var(--font-body, inherit);padding:2px 6px;border-radius:4px;background:#ffffff0f;color:var(--text-muted);border:1px solid rgba(255,255,255,.08)}.cmd-palette-results{list-style:none;max-height:380px;overflow-y:auto;padding:6px}.cmd-palette-results::-webkit-scrollbar{width:4px}.cmd-palette-results::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}.cmd-palette-empty{padding:24px 16px;text-align:center;color:var(--text-muted);font-size:.85rem}.cmd-palette-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .1s}.cmd-palette-item:hover,.cmd-palette-item.active{background:var(--accent-dim)}.cmd-palette-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.cmd-palette-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cmd-palette-item-name{font-size:.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-palette-item-preview{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-palette-badge{flex-shrink:0;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:6px}.entity-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8000;background:#00000073;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.entity-drawer-backdrop.visible{opacity:1;visibility:visible}.entity-drawer{position:fixed;top:0;right:0;bottom:0;z-index:8001;width:420px;max-width:90vw;background:var(--bg-primary);border-left:1px solid var(--glass-border);box-shadow:-8px 0 40px #0006;transform:translate(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column}.entity-drawer.open{transform:translate(0)}.entity-drawer-body{flex:1;overflow-y:auto;padding:0 0 24px}.entity-drawer-body::-webkit-scrollbar{width:4px}.entity-drawer-body::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}.entity-drawer-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--glass-border);position:sticky;top:0;background:var(--bg-primary);z-index:1}.entity-drawer-full-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--glass-border);border-radius:8px;padding:6px 12px;font-size:.78rem;font-family:var(--font-body, inherit);color:var(--accent);cursor:pointer;transition:background .15s,border-color .15s}.entity-drawer-full-btn:hover{background:var(--accent-dim);border-color:var(--accent)}.entity-drawer-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:color .15s,background .15s}.entity-drawer-close-btn:hover{color:var(--text-primary);background:#ffffff0f}.entity-drawer-body .detail-view{padding:0}.entity-drawer-body .detail-hero{padding:20px 16px 16px}.entity-drawer-body .detail-hero-content{gap:4px}.entity-drawer-body .detail-title{font-size:1.25rem}.entity-drawer-body .detail-section{padding:12px 16px}.entity-drawer-body .detail-actions{padding:8px 16px}@media (max-width: 1023px){.entity-drawer,.entity-drawer-backdrop{display:none!important}}.session-progress-section{padding:16px}.session-progress-summary{margin-bottom:16px}.session-progress-bar-wrap{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden;margin-bottom:6px}.session-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--success));border-radius:3px;transition:width .4s ease;min-width:0}.session-progress-text{font-size:.78rem;color:var(--text-muted);letter-spacing:.02em}.session-checklist{margin-bottom:16px}.session-checklist-label{display:flex;align-items:center;gap:6px;font-size:.82rem;font-family:var(--font-display, inherit);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:8px}.session-checklist-label .card-icon{width:18px;height:18px;font-size:.55rem}.session-checklist-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s;margin-bottom:2px}.session-checklist-item:hover{background:#ffffff08}.session-checklist-item.checked{opacity:.55}.session-checklist-item.checked .session-check-name{text-decoration:line-through;text-decoration-color:var(--text-muted)}.session-check{flex-shrink:0;width:18px;height:18px;margin-top:1px;accent-color:var(--accent);cursor:pointer}.session-check-name{font-size:.88rem;font-weight:500;color:var(--text-primary);transition:opacity .2s}.session-check-ref{display:block;font-size:.75rem;color:var(--text-muted);margin-top:2px;line-height:1.3}.session-reset-btn{display:flex;align-items:center;gap:6px;margin-top:12px;padding:8px 14px;background:none;border:1px solid var(--glass-border);border-radius:8px;font-size:.78rem;font-family:var(--font-body, inherit);color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.session-reset-btn:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-dim)}.guide-progress-badge{font-size:.7rem;color:var(--accent);background:var(--accent-dim);padding:1px 6px;border-radius:4px;white-space:nowrap}.export-header{text-align:center;padding:20px 0}.export-header h2{font-family:var(--font-display);color:var(--gold);font-size:1.4rem;margin-bottom:4px}.export-header p{color:var(--text-muted);font-size:.85rem}.export-stats{display:flex;justify-content:center;gap:24px;margin-bottom:24px}.export-stat{text-align:center;padding:16px 24px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;min-width:100px}.export-stat-num{font-family:var(--font-display);font-size:1.6rem;color:var(--accent)}.export-stat-label{font-size:.78rem;color:var(--text-muted);margin-top:2px}.export-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.export-btn{display:flex;align-items:center;gap:8px;font-family:var(--font-body, inherit)}.export-preview{margin-top:16px}.export-preview-title{font-family:var(--font-display);font-size:.9rem;color:var(--text-muted);margin-bottom:8px}.export-preview-content{padding:16px;background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;font-family:monospace;font-size:.78rem;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto}.export-preview-content::-webkit-scrollbar{width:4px}.export-preview-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.shortcuts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1100;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.shortcuts-overlay.visible{opacity:1}.shortcuts-modal{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;box-shadow:0 12px 40px #00000080}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.shortcuts-header h3{font-family:var(--font-display);color:var(--accent);font-size:1rem;margin:0}.shortcuts-list{padding:10px 18px 18px}.shortcut-group{margin-bottom:14px}.shortcut-group:last-child{margin-bottom:0}.shortcut-group h4{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:8px}.shortcut-row{display:flex;align-items:center;gap:12px;padding:5px 0}.shortcut-row kbd{background:#ffffff14;border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:.78rem;font-family:var(--font-body);min-width:28px;text-align:center;color:var(--text-primary)}.shortcut-row span{font-size:.82rem;color:var(--text-secondary)}.generators-header{text-align:center;padding:20px 0}.generators-header h2{font-family:var(--font-display);color:var(--accent);margin-bottom:4px}.generators-header p{color:var(--text-dim);font-size:.85rem}.generators-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:24px}.generator-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:18px 12px;text-align:center;cursor:pointer;transition:all .15s;color:var(--text-primary)}.generator-card:hover{border-color:var(--accent);background:#c0a0600f;transform:translateY(-2px)}.generator-icon{margin-bottom:8px;color:var(--accent)}.generator-label{font-size:.82rem;font-weight:600}.generator-context-bar{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;background:var(--card-bg);border:1px solid var(--border);border-radius:8px}.generator-context-bar label{font-size:.78rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.generator-context-bar select{flex:1;padding:6px 10px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;font-size:.85rem}.generator-output{margin-top:8px}.generator-result{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:16px}.generator-result.generator-batch-item{margin-bottom:4px}.generator-result-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border);color:var(--accent)}.generator-result-title{font-family:var(--font-display);font-size:.95rem;flex:1}.generator-result-actions{display:flex;align-items:center;gap:6px}.generator-reroll{font-size:.75rem;padding:4px 10px;display:flex;align-items:center;gap:4px}.generator-result-row{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.generator-result-row:last-child{border-bottom:none}.generator-result-label{font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.04em;width:85px;flex-shrink:0;padding-top:2px}.generator-result-value{font-size:.85rem;color:var(--text-primary);line-height:1.4}.generator-entity-link{color:var(--accent);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.generator-entity-link:hover{color:var(--text-primary);text-decoration-style:solid}.generator-entity-note{display:block;font-size:.75rem;color:var(--text-dim);margin-top:2px;font-style:italic}.generator-batch-divider{border:none;border-top:1px dashed var(--border);margin:12px 0}.generator-batch-bar{display:flex;justify-content:center;margin-top:14px}.generator-batch-bar .btn{font-size:.78rem}.generator-history{margin-top:24px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.generator-history>summary{padding:12px 16px;background:var(--card-bg);cursor:pointer;font-weight:600;font-size:.85rem;color:var(--text-dim)}.generator-history>summary:hover{color:var(--text-primary)}.generator-history-list{padding:8px}.generator-history-item{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.04)}.generator-history-item:last-of-type{border-bottom:none}.generator-history-item-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.generator-history-type{font-weight:600;font-size:.78rem;color:var(--accent);flex:1}.generator-history-time{font-size:.72rem;color:var(--text-dim)}.generator-history-item-body{display:flex;flex-wrap:wrap;gap:4px 12px}.generator-history-row{font-size:.75rem;color:var(--text-secondary)}.generator-history-row strong{color:var(--text-dim)}.generator-clear-history{display:block;margin:12px auto 4px;font-size:.75rem}.initiative-panel{position:fixed;bottom:70px;right:12px;width:340px;max-height:70vh;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #00000080;z-index:900;display:flex;flex-direction:column;overflow:hidden;animation:fadeUp .2s ease-out}.initiative-panel.hidden{display:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.init-header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border)}.init-title{font-family:var(--font-display);font-size:.95rem;color:var(--accent);flex:1;margin:0}.init-round{font-size:.75rem;color:var(--text-dim);font-weight:600}.init-add-row{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border)}.init-input{background:var(--bg-main);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);padding:6px 8px;font-size:.8rem;outline:none}.init-input:focus{border-color:var(--accent)}.init-input-name{flex:1;min-width:0}.init-input-num{width:48px;text-align:center}.init-add-btn{padding:4px 10px;font-size:1rem;font-weight:700;min-width:32px}.init-list{flex:1;overflow-y:auto;max-height:40vh;padding:4px 0}.init-empty{text-align:center;color:var(--text-dim);padding:24px 14px;font-size:.85rem}.init-combatant{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.init-combatant.init-active{background:#c0a0601f;border-left:3px solid var(--accent);padding-left:11px}.init-combatant.init-dead{opacity:.4}.init-order{font-size:.7rem;color:var(--text-dim);width:18px;text-align:center;flex-shrink:0}.init-info{flex:1;min-width:0}.init-cname{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.init-chp{font-size:.7rem;color:var(--text-dim);margin-top:2px}.init-hp-bar{width:60px;height:3px;background:#ffffff1a;border-radius:2px;margin-top:3px;overflow:hidden}.init-hp-fill{height:100%;background:linear-gradient(90deg,#e57373,#81c784);border-radius:2px;transition:width .3s}.init-roll-val{font-size:.85rem;font-weight:700;color:var(--accent);width:28px;text-align:center;flex-shrink:0}.init-actions{display:flex;gap:3px;flex-shrink:0}.init-act-btn{background:#ffffff0f;border:1px solid var(--border);color:var(--text-primary);width:24px;height:24px;border-radius:4px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:background .15s}.init-act-btn:hover{background:#ffffff1f}.init-remove:hover{background:#f4433633;color:#e57373}.init-controls{display:flex;gap:6px;padding:10px 14px;border-top:1px solid var(--border)}.init-ctrl-btn{padding:6px 10px;font-size:.75rem;display:flex;align-items:center;gap:4px}.init-next-btn{flex:1;justify-content:center}.init-clear-btn:hover{background:#f4433626;color:#e57373}.init-conditions{display:flex;flex-wrap:wrap;gap:3px;margin-top:2px}.init-cond-badge{font-size:.7rem;cursor:pointer;padding:1px 3px;border-radius:4px;background:#ffffff14;transition:background .15s;line-height:1}.init-cond-badge:hover{background:#f4433640}.init-cond-btn{font-size:.7rem}.init-cond-picker{padding:8px 12px;border-top:1px solid var(--border);background:#0000004d}.init-cond-picker-header{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--text-dim);margin-bottom:6px}.init-cond-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.init-cond-toggle{display:flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-dim);font-size:.65rem;cursor:pointer;transition:all .15s}.init-cond-toggle:hover{background:#ffffff14}.init-cond-toggle.active{background:rgba(var(--accent-rgb, 180,160,100),.25);border-color:var(--accent, #b4a064);color:var(--text)}.init-cond-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 480px){.initiative-panel{left:8px;right:8px;width:auto;bottom:64px}.init-cond-grid{grid-template-columns:repeat(2,1fr)}}.init-notify-btn{color:var(--text-dim);opacity:.4;transition:opacity .2s,color .2s}.init-notify-btn.active{opacity:1;color:var(--accent)}@keyframes initFlash{0%{background:#c0a0601f}30%{background:#c0a06059}to{background:#c0a0601f}}.init-combatant.init-flash{animation:initFlash .6s ease-out}.init-turn-toast{position:fixed;top:60px;left:50%;transform:translate(-50%) translateY(-20px);background:#0f1923;border:1px solid var(--accent);border-radius:10px;padding:10px 20px;font-size:.9rem;color:var(--text-primary, #e2e8f0);box-shadow:0 6px 24px #00000080,0 0 12px #c0a06040;z-index:1200;white-space:nowrap;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}.init-turn-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.init-toast-icon{margin-right:6px}[data-theme=light] .init-turn-toast{background:#fff;box-shadow:0 4px 16px #0000001a}.session-timer{position:fixed;top:60px;right:16px;z-index:850;display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 20px #0006;font-family:Inter,monospace;transition:opacity .2s,transform .2s}.session-timer.hidden{display:none}.session-timer.st-running{border-color:#4caf5080}.st-display{font-size:.9rem;font-weight:600;color:var(--text);letter-spacing:.05em;min-width:64px;font-variant-numeric:tabular-nums}.st-running .st-display{color:#4caf50}.st-controls{display:flex;gap:4px}.st-btn{width:26px;height:26px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:background .15s}.st-btn:hover{background:#ffffff1a}.st-reset:hover{color:#f0a030}.st-close:hover{color:#e57373}@media (max-width: 480px){.session-timer{top:auto;bottom:78px;left:8px;right:auto}}.dashboard-view{padding:0 1rem 2rem}.dash-stats-row{display:flex;gap:8px;margin:20px 0}.dash-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.dash-stat-num{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--accent, #b4a064)}.dash-stat-label{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;margin-top:2px}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.dash-card{position:relative;padding:14px 12px 10px;background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:transform .15s,border-color .2s}.dash-card:hover{transform:translateY(-2px);border-color:var(--accent, #b4a064)}.dash-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.dash-card-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-weight:600}.dash-card-status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim)}.dash-not-started .dash-card-status-dot{background:#555}.dash-in-progress .dash-card-status-dot{background:#f0a030}.dash-complete .dash-card-status-dot{background:#4caf50}.dash-in-progress{border-left:3px solid #f0a030}.dash-complete{border-left:3px solid #4caf50}.dash-card-title{font-family:var(--font-display);font-size:.85rem;font-weight:600;margin-bottom:8px;line-height:1.2}.dash-card-bar{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-bottom:8px}.dash-card-bar-fill{height:100%;background:var(--accent, #b4a064);border-radius:2px;transition:width .3s ease}.dash-complete .dash-card-bar-fill{background:#4caf50}.dash-in-progress .dash-card-bar-fill{background:#f0a030}.dash-card-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:.6rem;color:var(--text-dim)}@media (max-width: 480px){.dash-grid{grid-template-columns:repeat(2,1fr)}.dash-stats-row{flex-wrap:wrap}.dash-stat{min-width:70px}}.import-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.import-desc{color:var(--text-dim);font-size:.85rem;margin-bottom:12px}.import-file-btn{cursor:pointer;display:inline-flex;align-items:center;gap:8px}.import-status{margin-top:12px;padding:10px 14px;border-radius:8px;font-size:.85rem}.import-success{background:#4caf5026;color:#81c784;border:1px solid rgba(76,175,80,.3)}.import-error{background:#f4433626;color:#e57373;border:1px solid rgba(244,67,54,.3)}.handout-header{text-align:center;padding:20px 0}.handout-header h2{font-family:var(--font-display);color:var(--gold);font-size:1.4rem;margin-bottom:4px}.handout-header p{color:var(--text-muted);font-size:.85rem}.handout-chapter-list{display:flex;flex-direction:column;gap:8px}.handout-controls{display:flex;justify-content:flex-end;margin-bottom:16px}.handout-print-btn{display:flex;align-items:center;gap:8px}.handout-content{max-width:700px;margin:0 auto}.handout-title-page{text-align:center;padding:32px 0 24px;border-bottom:2px solid var(--border);margin-bottom:24px}.handout-title-page h1{font-family:var(--font-display);font-size:1.8rem;color:var(--gold);margin-bottom:8px}.handout-subtitle{color:var(--text-muted);font-size:.85rem}.handout-section{margin-bottom:24px}.handout-section-title{font-family:var(--font-display);font-size:1.1rem;color:var(--accent);padding-bottom:6px;border-bottom:1px solid var(--border);margin-bottom:12px}.handout-read-aloud{margin:12px 0;padding:12px 16px;background:#4ab8cc14;border-left:4px solid var(--accent);border-radius:6px;font-style:italic;line-height:1.7;font-size:.92rem}.handout-entity{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.handout-entity:last-child{border-bottom:none}.handout-entity-name{font-family:var(--font-display);font-size:.95rem;color:var(--text-primary);margin-bottom:3px}.handout-entity-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5}@media print{#top-bar,#search-bar,#bottom-nav,#side-menu,#menu-overlay,#fab-stack,#dice-roller,#note-modal,#nav-prev,#nav-next,#bg-atmosphere,.handout-controls,.scroll-top-fab,.dm-panel,.entity-drawer,.entity-drawer-backdrop,.initiative-panel,.rules-panel,.campaign-panel,.compare-tray,.session-timer,#dice-tray,#dice-result,.dlg-overlay,.chapter-progress-wrap{display:none!important}#content{overflow:visible!important;height:auto!important;padding:0!important;margin:0!important}#app{height:auto!important;overflow:visible!important}body{background:#fff!important;color:#000!important}.handout-title-page h1{color:#1a1a1a!important}.handout-subtitle{color:#666!important}.handout-section-title{color:#333!important;border-color:#ccc!important}.handout-entity-name{color:#1a1a1a!important}.handout-entity-desc{color:#444!important}.handout-read-aloud{background:#f0f8ff!important;border-color:#4ab8cc!important;color:#333!important}}.dm-screen-toggle{display:none}.dm-panel{display:none;position:fixed;right:0;top:0;width:380px;height:100dvh;background:var(--card-bg);border-left:1px solid var(--glass-border);z-index:50;flex-direction:column;transform:translate(100%);transition:transform .25s ease}.dm-panel.open{transform:translate(0)}.dm-panel-tabs{display:flex;border-bottom:1px solid var(--glass-border);padding:0;flex-shrink:0}.dm-panel-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 8px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-family:var(--font-body, inherit);font-size:.82rem;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s}.dm-panel-tab:hover{color:var(--text-primary)}.dm-panel-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.dm-panel-body{flex:1;overflow-y:auto;padding:12px;-webkit-overflow-scrolling:touch}.dm-panel-body::-webkit-scrollbar{width:4px}.dm-panel-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.dm-panel-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;text-align:center;color:var(--text-muted);font-size:.85rem}.dm-panel-loading{display:flex;justify-content:center;padding:40px 0}.dm-panel-entity-actions{display:flex;justify-content:flex-end;margin-bottom:8px}.dm-panel-fullpage-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:none;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-muted);font-family:var(--font-body, inherit);font-size:.78rem;cursor:pointer;transition:color .15s,border-color .15s}.dm-panel-fullpage-btn:hover{color:var(--accent);border-color:var(--accent)}.dm-panel-body .detail-view{padding:0}.dm-panel-body .detail-hero{padding:12px 0 8px}.dm-panel-body .detail-hero-content{padding:0}.dm-panel-body .detail-title{font-size:1.2rem}.dm-panel-body .detail-section{padding:10px 0}.dm-panel-body .detail-actions{gap:6px}.dm-panel-notes-list{display:flex;flex-direction:column;gap:8px}.dm-panel-notes-header{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.dm-panel-note-card{padding:10px 12px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;transition:border-color .15s}.dm-panel-note-card:hover{border-color:var(--accent)}.dm-panel-note-entity{font-family:var(--font-display);font-size:.85rem;color:var(--accent);margin-bottom:4px}.dm-panel-note-text{font-size:.82rem;color:var(--text-secondary);line-height:1.5}.dm-panel-note-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}@media (min-width: 1200px){.dm-screen-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:none;border:1px solid var(--glass-border);border-radius:8px;font-family:var(--font-body, inherit);font-size:.78rem;color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.dm-screen-toggle:hover{color:var(--accent);border-color:var(--accent)}.dm-screen-toggle.active{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.dm-panel{display:flex}#app.dm-screen-active #content,#app.dm-screen-active .chapter-progress-wrap{margin-right:380px}#app.dm-screen-active #nav-next{right:396px}}.prep-view{padding:0 16px 32px;max-width:720px;margin:0 auto}.prep-header{text-align:center;padding:24px 0 20px}.prep-header-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--accent-dim);color:var(--accent);margin-bottom:12px}.prep-header h2{font-family:Cinzel,serif;font-size:1.4rem;margin:0 0 6px}.prep-subtitle{color:var(--text-secondary, #94a3b8);font-size:.85rem;margin:0}.prep-chapter-grid{display:flex;flex-direction:column;gap:10px}.prep-chapter-card{background:var(--card-bg, rgba(255,255,255,.04));border:1px solid var(--border, rgba(255,255,255,.08));border-radius:10px;padding:14px 16px;cursor:pointer;transition:border-color .2s,background .2s}.prep-chapter-card:hover{border-color:var(--accent);background:var(--accent-dim)}.prep-chapter-card:active{transform:scale(.99)}.prep-chapter-card-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:2px}.prep-chapter-card-title{font-family:Cinzel,serif;font-size:1rem;font-weight:600;margin-bottom:8px}.prep-chapter-card-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.75rem;color:var(--text-secondary, #94a3b8)}.prep-detail-header{text-align:center;padding:20px 0 16px;border-bottom:1px solid var(--border, rgba(255,255,255,.08));margin-bottom:20px}.prep-detail-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.prep-detail-header h2{font-family:Cinzel,serif;font-size:1.3rem;margin:4px 0 8px}.prep-detail-meta{font-size:.8rem;color:var(--text-secondary, #94a3b8)}.prep-section{margin-bottom:24px}.prep-section-title{font-family:Cinzel,serif;font-size:1rem;font-weight:600;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border, rgba(255,255,255,.08))}.prep-section-desc{font-size:.8rem;color:var(--text-secondary, #94a3b8);margin:-4px 0 10px}.prep-mood-track{display:flex;align-items:flex-start;gap:0;overflow-x:auto;padding:8px 0}.prep-mood-step{display:flex;flex-direction:column;align-items:center;min-width:80px;flex:1;position:relative}.prep-mood-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);margin-bottom:8px;z-index:1}.prep-mood-line{position:absolute;top:5px;left:50%;right:-50%;height:2px;background:var(--accent-glow)}.prep-mood-label{font-size:.72rem;text-align:center;color:var(--text-secondary, #94a3b8);line-height:1.3;padding:0 4px}.prep-mood-desc{font-size:.85rem;color:var(--text-secondary, #94a3b8);line-height:1.5;font-style:italic;margin:0}.prep-checklist{display:flex;flex-direction:column;gap:6px}.prep-check-item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:8px;background:var(--card-bg, rgba(255,255,255,.03));cursor:pointer;transition:background .15s}.prep-check-item:hover{background:#ffffff0f}.prep-check-item.checked .prep-check-text{text-decoration:line-through;opacity:.5}.prep-check-item input[type=checkbox]{margin-top:3px;accent-color:var(--accent);flex-shrink:0}.prep-check-text{font-size:.85rem;line-height:1.4}.prep-npc-list{display:flex;flex-direction:column;gap:6px}.prep-npc-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:var(--card-bg, rgba(255,255,255,.03));border:1px solid var(--border, rgba(255,255,255,.06));cursor:pointer;transition:border-color .2s}.prep-npc-card:not(.no-link):hover{border-color:#34d399}.prep-npc-card.no-link{cursor:default}.prep-npc-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.prep-npc-info{flex:1;min-width:0}.prep-npc-name{font-weight:600;font-size:.85rem}.prep-npc-why{font-size:.75rem;color:var(--text-secondary, #94a3b8);line-height:1.3;margin-top:2px}.prep-npc-arrow{color:var(--text-secondary, #94a3b8);flex-shrink:0}.prep-list{list-style:none;padding:0;margin:0}.prep-list li{padding:6px 0;font-size:.85rem;border-bottom:1px solid var(--border, rgba(255,255,255,.04))}.prep-list li:last-child{border-bottom:none}.prep-list li:before{content:"•";color:var(--accent);margin-right:8px;font-weight:700}.prep-seeds{display:flex;flex-direction:column;gap:8px}.prep-seed-card{padding:10px 12px;border-radius:8px;background:var(--accent-dim);border-left:3px solid var(--accent)}.prep-seed-location{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--accent);margin-bottom:4px}.prep-seed-text{font-size:.85rem;line-height:1.4;margin-bottom:6px}.prep-seed-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.72rem;color:var(--text-secondary, #94a3b8)}.prep-seed-subtlety{padding:1px 6px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.prep-seed-subtle{background:#34d39926;color:#34d399}.prep-seed-moderate{background:#fbbf2426;color:#fbbf24}.prep-seed-obvious{background:#f8717126;color:#f87171}.prep-seed-reveal{font-style:italic}.prep-branches{display:flex;flex-direction:column;gap:12px}.prep-branch-card{padding:12px 14px;border-radius:8px;background:var(--card-bg, rgba(255,255,255,.03));border:1px solid var(--border, rgba(255,255,255,.08))}.prep-branch-decision{font-weight:600;font-size:.9rem;margin-bottom:6px}.prep-branch-expected{font-size:.8rem;color:var(--text-secondary, #94a3b8);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border, rgba(255,255,255,.06))}.prep-whatif{padding:8px 10px;border-radius:6px;background:#fb923c0f;border-left:3px solid #fb923c;margin-bottom:8px}.prep-whatif:last-child{margin-bottom:0}.prep-whatif-scenario{font-weight:600;font-size:.85rem;margin-bottom:6px;color:#fb923c}.prep-whatif-detail{font-size:.8rem;line-height:1.5}.prep-whatif-detail>div{margin-bottom:4px}.prep-whatif-entities{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}.prep-entity-chip{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;background:var(--accent-dim);color:var(--accent);cursor:pointer;transition:background .15s}.prep-entity-chip:hover{background:var(--accent-glow)}.prep-entity-chip.disabled{cursor:default;opacity:.5}.prep-qa-list{display:flex;flex-direction:column;gap:4px}.sprep-qa{border-radius:8px;background:var(--card-bg, rgba(255,255,255,.03));overflow:hidden}.prep-qa-q{padding:10px 12px;font-size:.85rem;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}.prep-qa-q:before{content:"▸";font-size:.7rem;transition:transform .2s;color:var(--accent)}.sprep-qa[open] .prep-qa-q:before{transform:rotate(90deg)}.prep-qa-q::-webkit-details-marker{display:none}.prep-qa-a{padding:10px 12px 12px;font-size:.8rem;line-height:1.5;color:var(--text-secondary, #94a3b8);border-top:1px solid var(--border, rgba(255,255,255,.06));margin-top:0}.prep-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:20px;border-top:1px solid var(--border, rgba(255,255,255,.08));margin-top:8px}.prep-nav .btn{font-size:.8rem;padding:8px 14px}.rules-panel{position:fixed;bottom:70px;left:12px;width:370px;max-height:75vh;background:#0f1923;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0009;z-index:900;display:flex;flex-direction:column;overflow:hidden;animation:fadeUp .2s ease-out}.rules-panel.hidden{display:none}.rules-header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border)}.rules-title{font-family:var(--font-display);font-size:.95rem;color:var(--accent);flex:1;margin:0}.rules-body{flex:1;overflow-y:auto;padding:8px 0}.rules-section{border-bottom:1px solid var(--border)}.rules-section:last-child{border-bottom:none}.rules-section-header{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;font-size:.85rem;font-weight:600;color:var(--text-primary, #e2e8f0);transition:background .15s}.rules-section-header:hover{background:#ffffff08}.rules-section-header::-webkit-details-marker{display:none}.rules-section-icon{font-size:1rem;width:22px;text-align:center;flex-shrink:0}.rules-section-title{flex:1}.rules-section-count{font-size:.7rem;color:var(--text-secondary, #94a3b8);background:#ffffff0d;padding:1px 6px;border-radius:8px;min-width:18px;text-align:center}.rules-chevron{flex-shrink:0;transition:transform .2s;color:var(--text-secondary, #94a3b8)}.rules-section[open] .rules-chevron{transform:rotate(180deg)}.rules-section-body{padding:0 14px 10px}.rules-item{display:flex;gap:8px;padding:5px 0;font-size:.78rem;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.03)}.rules-item:last-child{border-bottom:none}.rules-term{font-weight:600;color:var(--accent);min-width:80px;flex-shrink:0}.rules-desc{color:var(--text-secondary, #94a3b8)}[data-theme=light] .rules-panel{background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 16px #00000014}[data-theme=light] .rules-item{border-bottom-color:#0000000f}[data-theme=light] .rules-section-header:hover{background:#00000008}[data-theme=light] .rules-section-count{background:#0000000f}@media (max-width: 600px){.rules-panel{left:8px;right:8px;width:auto;bottom:64px;max-height:70vh}.rules-term{min-width:70px}}.graph-view{position:relative;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.graph-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;flex-shrink:0;z-index:2}.graph-type-filters{display:flex;gap:6px;flex-wrap:wrap}.graph-type-chip{padding:4px 10px;border-radius:14px;font-size:11px;font-weight:600;text-transform:capitalize;background:#ffffff0f;color:#fff6;border:1.5px solid transparent;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.graph-type-chip.active{background:color-mix(in srgb,var(--chip-color) 18%,transparent);color:var(--chip-color);border-color:color-mix(in srgb,var(--chip-color) 40%,transparent)}.graph-type-chip:hover{background:color-mix(in srgb,var(--chip-color) 25%,transparent)}.graph-chip-count{font-weight:400;opacity:.6;margin-left:3px}.graph-zoom-controls{display:flex;gap:4px;flex-shrink:0}.graph-zoom-btn{width:32px;height:32px;border-radius:8px;background:#ffffff0f;color:#fff9;border:1px solid rgba(255,255,255,.08);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;font-family:Inter,sans-serif}.graph-zoom-btn:hover{background:#ffffff1f;color:#fff}#graph-canvas{flex:1;width:100%;cursor:grab;touch-action:none}#graph-canvas:active{cursor:grabbing}.graph-info{position:absolute;right:12px;top:60px;width:260px;max-height:calc(100% - 80px);overflow-y:auto;background:#0f1923;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;z-index:3;animation:fadeUp .2s ease-out}.graph-info.hidden{display:none}.graph-info-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.graph-info-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.graph-info-name{font-size:14px;font-weight:700;color:#e0e0e0;margin:0;line-height:1.2}.graph-info-type{font-size:11px;color:#ffffff73;text-transform:capitalize}.graph-info-close{margin-left:auto}.graph-info-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;margin-bottom:6px;font-weight:600}.graph-conn-list{display:flex;flex-direction:column;gap:2px;margin-bottom:12px;max-height:220px;overflow-y:auto}.graph-conn-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;cursor:pointer;transition:background .15s}.graph-conn-item:hover{background:#ffffff0f}.graph-conn-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.graph-conn-name{font-size:12px;color:#ccc;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.graph-conn-rel{font-size:9px;color:#ffffff4d;background:#ffffff0f;padding:1px 6px;border-radius:4px;white-space:nowrap}.graph-info-empty{font-size:12px;color:#ffffff4d;text-align:center;padding:12px 0}.graph-info-view-btn{width:100%;padding:8px;background:#4d9fff26;color:#4d9fff;border:1px solid rgba(77,159,255,.25);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;font-family:Inter,sans-serif}.graph-info-view-btn:hover{background:#4d9fff40}.graph-tooltip{position:fixed;background:#0f1923eb;color:#e0e0e0;font-size:11px;padding:4px 8px;border-radius:6px;pointer-events:none;z-index:10;white-space:nowrap;border:1px solid rgba(255,255,255,.1)}.graph-tooltip.hidden{display:none}[data-theme=light] .graph-type-chip{background:#0000000a;color:#0006}[data-theme=light] .graph-type-chip.active{background:color-mix(in srgb,var(--chip-color) 12%,transparent);color:color-mix(in srgb,var(--chip-color) 80%,#000)}[data-theme=light] .graph-zoom-btn{background:#0000000a;color:#00000080;border-color:#00000014}[data-theme=light] .graph-zoom-btn:hover{background:#00000014;color:#333}[data-theme=light] .graph-info{background:#fff;border-color:#0000001a}[data-theme=light] .graph-info-name{color:#1a1a2e}[data-theme=light] .graph-info-type{color:#0006}[data-theme=light] .graph-info-label{color:#00000059}[data-theme=light] .graph-conn-item:hover{background:#0000000a}[data-theme=light] .graph-conn-name{color:#333}[data-theme=light] .graph-conn-rel{color:#0006;background:#0000000d}[data-theme=light] .graph-tooltip{background:#fffffff2;color:#333;border-color:#0000001a}@media (max-width: 768px){.graph-controls{flex-direction:column;align-items:stretch;padding:8px;gap:6px}.graph-type-filters,.graph-zoom-controls{justify-content:center}.graph-info{right:8px;left:8px;width:auto;top:auto;bottom:8px;max-height:45vh}}.compare-tray{position:fixed;bottom:72px;left:50%;transform:translate(-50%);z-index:800;background:#0f1923;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:8px 12px;box-shadow:0 8px 32px #00000080;animation:fadeUp .2s ease-out}.compare-tray.hidden{display:none}.compare-tray-inner{display:flex;align-items:center;gap:10px}.compare-tray-chips{display:flex;gap:6px}.compare-chip{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 10px;background:#ffffff0f;border-radius:8px;font-size:12px}.compare-chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.compare-chip-name{color:#ccc;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.compare-chip-remove{background:none;border:none;color:#fff6;font-size:16px;cursor:pointer;padding:0 2px;line-height:1}.compare-chip-remove:hover{color:#f87171}.compare-tray-actions{display:flex;gap:6px}.compare-tray-btn{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;border:none;cursor:pointer;font-family:Inter,sans-serif;transition:background .15s}.compare-btn-go{background:#4d9fff33;color:#4d9fff}.compare-btn-go:hover:not(:disabled){background:#4d9fff59}.compare-btn-go:disabled{opacity:.4;cursor:not-allowed}.compare-btn-clear{background:#ffffff0f;color:#ffffff80}.compare-btn-clear:hover{background:#ffffff1f}.compare-view{padding:16px;max-width:1200px;margin:0 auto}.compare-header-row{display:flex;gap:12px;margin-bottom:20px}.compare-col{flex:1;min-width:0}.compare-entity-header{text-align:center;padding:16px 12px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.compare-icon{width:36px;height:36px;margin:0 auto 8px}.compare-entity-name{font-size:16px;font-weight:700;color:#e0e0e0;margin:0 0 4px}.compare-entity-type{font-size:11px;text-transform:capitalize;font-weight:600}.compare-row{border-bottom:1px solid rgba(255,255,255,.05);padding:12px 0}.compare-row-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;font-weight:600;margin-bottom:8px}.compare-row-cells{display:flex;gap:12px}.compare-cell{flex:1;min-width:0}.compare-text{font-size:13px;color:#bbb;line-height:1.5;margin:0}.compare-desc{font-size:12px;opacity:.8}.compare-tag{display:inline-block;padding:2px 8px;background:#ffffff0f;border-radius:4px;font-size:11px;color:#ffffff80;margin:2px}.compare-mood{display:inline-block;padding:2px 8px;background:#fbbf241f;color:#fbbf24;border-radius:4px;font-size:11px;margin:2px}.compare-link{color:#4d9fff;text-decoration:none;font-size:12px}.compare-link:hover{text-decoration:underline}.compare-shared{font-weight:600;color:#34d399}.compare-empty{color:#fff3;font-size:12px}.compare-footer{padding:20px 0;text-align:center}[data-theme=light] .compare-tray{background:#fff;border-color:#0000001a;box-shadow:0 4px 20px #00000026}[data-theme=light] .compare-chip{background:#0000000a}[data-theme=light] .compare-chip-name{color:#333}[data-theme=light] .compare-chip-remove{color:#0000004d}[data-theme=light] .compare-btn-clear{background:#0000000a;color:#00000080}[data-theme=light] .compare-entity-header{background:#00000005;border-color:#0000000f}[data-theme=light] .compare-entity-name{color:#1a1a2e}[data-theme=light] .compare-row{border-color:#0000000f}[data-theme=light] .compare-row-label{color:#00000059}[data-theme=light] .compare-text{color:#444}[data-theme=light] .compare-tag{background:#0000000a;color:#00000080}[data-theme=light] .compare-empty{color:#0003}@media (max-width: 768px){.compare-tray{bottom:64px;left:8px;right:8px;transform:none}.compare-tray-inner{flex-wrap:wrap;justify-content:center}.compare-header-row,.compare-row-cells{flex-direction:column;gap:8px}.compare-cell{padding:8px;background:#ffffff05;border-radius:8px}}.sidebar-tools{display:none}@media (min-width: 1024px){.sidebar-tools{display:flex;flex-direction:column;margin-top:12px;padding-top:12px;border-top:1px solid rgba(74,184,204,.1);position:relative;z-index:1;overflow-y:auto;flex:1;min-height:0}.sidebar-tools-label{font-family:var(--font-display);font-size:.55rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);opacity:.6;padding:4px 22px 8px}.sidebar-tool-btn{display:flex;align-items:center;gap:10px;padding:8px 22px;font-family:var(--font-display);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);background:none;border:none;border-left:3px solid transparent;cursor:pointer;text-align:left;transition:background .15s,color .15s;white-space:nowrap}.sidebar-tool-btn:hover{color:var(--text-primary);background:#4ab8cc0d}.sidebar-tool-btn svg{flex-shrink:0;opacity:.6}.sidebar-tool-btn:hover svg{opacity:.9}}[data-theme=light] .sidebar-tools{border-top-color:#00000014}[data-theme=light] .sidebar-tool-btn:hover{background:#0000000a}.campaign-view .view-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.campaign-view .view-header h1{margin:0}.campaign-view .view-header-actions{display:flex;gap:8px;flex-wrap:wrap}.campaign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.campaign-card{background:var(--card-bg, rgba(255,255,255,.04));border:1px solid var(--border, rgba(255,255,255,.08));border-radius:12px;padding:20px;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative}.campaign-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000040;border-color:var(--accent, #b4a044)}.campaign-card.campaign-active{border-color:var(--accent, #b4a044);box-shadow:0 0 0 1px var(--accent, #b4a044)}.campaign-active-badge{position:absolute;top:12px;right:12px;font-size:.65rem;font-weight:700;letter-spacing:.08em;color:var(--accent, #b4a044);background:#b4a04426;padding:2px 8px;border-radius:4px}.campaign-card-name{font-size:1.15rem;font-weight:600;margin-bottom:4px}.campaign-card-meta{font-size:.85rem;opacity:.6}.campaign-card-desc{font-size:.85rem;opacity:.7;margin-top:8px}.campaign-active-tag{display:inline-flex;align-items:center;font-size:.8rem;font-weight:600;color:var(--accent, #b4a044);background:#b4a0441f;padding:6px 14px;border-radius:8px;letter-spacing:.04em}.campaign-desc-text{opacity:.7;margin:0 0 16px;font-size:.95rem}.campaign-section-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.campaign-section-header h2{margin:0;font-size:1.1rem}.btn-danger-outline{color:var(--color-danger, #e04040);border:1px solid var(--color-danger, #e04040);background:transparent}.btn-danger-outline:hover{background:#e040401a}.pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:24px}.pc-card{background:var(--card-bg, rgba(255,255,255,.04));border:1px solid var(--border, rgba(255,255,255,.08));border-radius:12px;padding:16px;transition:border-color .15s}.pc-card:hover{border-color:#ffffff26}.pc-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px}.pc-card-names{flex:1;min-width:0}.pc-card-player{font-size:.75rem;opacity:.5;text-transform:uppercase;letter-spacing:.06em}.pc-card-character{font-size:1.1rem;font-weight:600;line-height:1.2}.pc-card-race-class{font-size:.82rem;opacity:.65;margin-top:2px}.pc-card-badges{display:flex;gap:6px;flex-shrink:0}.pc-badge{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;padding:4px 8px;border-radius:8px;background:#ffffff0f}.pc-badge svg{opacity:.7}.pc-badge-ac{color:#7eb8e0}.pc-badge-pp{color:#c8a84e}.pc-card-hp{margin-bottom:10px}.pc-hp-text{font-size:.82rem;font-weight:600;margin-bottom:4px}.pc-hp-bar{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.pc-hp-fill{height:100%;border-radius:3px;transition:width .3s}.pc-card-abilities{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:10px}.pc-ability{text-align:center;padding:4px 2px;background:#ffffff0a;border-radius:6px}.pc-ability-label{font-size:.6rem;font-weight:700;opacity:.5;letter-spacing:.08em}.pc-ability-score{font-size:.95rem;font-weight:600;line-height:1.3}.pc-ability-mod{font-size:.7rem;opacity:.6}.pc-card-notes{margin-bottom:8px}.pc-card-notes summary{cursor:pointer;font-size:.82rem;font-weight:600;opacity:.7}.pc-card-notes p{font-size:.82rem;opacity:.7;margin:4px 0 0;white-space:pre-wrap}.pc-card-actions{display:flex;gap:8px}.btn-sm{font-size:.78rem;padding:4px 10px;border-radius:6px}.campaign-add-pc{background:var(--card-bg, rgba(255,255,255,.04));border:1px solid var(--border, rgba(255,255,255,.08));border-radius:12px;padding:20px}.campaign-add-pc h3{margin:0 0 16px;font-size:1rem}.pc-form-row{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.pc-form-row label{display:flex;flex-direction:column;gap:4px;font-size:.78rem;font-weight:600;opacity:.7;flex:1;min-width:100px}.pc-form-row input{padding:8px 10px;border:1px solid var(--border, rgba(255,255,255,.12));border-radius:8px;background:var(--input-bg, rgba(0,0,0,.2));color:inherit;font-size:.9rem}.pc-form-row input:focus{outline:none;border-color:var(--accent, #b4a044)}.pc-form-abilities label{min-width:56px;flex:0 1 auto}.pc-form-abilities input{width:56px;text-align:center}.pc-form-notes{display:flex;flex-direction:column;gap:4px;font-size:.78rem;font-weight:600;opacity:.7;margin-bottom:12px}.pc-form-notes textarea{padding:8px 10px;border:1px solid var(--border, rgba(255,255,255,.12));border-radius:8px;background:var(--input-bg, rgba(0,0,0,.2));color:inherit;font-size:.9rem;resize:vertical}.pc-form-notes textarea:focus{outline:none;border-color:var(--accent, #b4a044)}.pc-form-actions{display:flex;gap:8px}.campaign-panel{position:fixed;bottom:16px;left:16px;width:340px;max-height:420px;overflow-y:auto;background:var(--panel-bg, #0f1923);border:1px solid var(--border, rgba(255,255,255,.1));border-radius:12px;box-shadow:0 8px 32px #00000080;z-index:900;padding:12px;transition:opacity .15s,transform .15s}.campaign-panel.hidden{display:none}.cpanel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cpanel-title{margin:0;font-size:.95rem;font-weight:700}.cpanel-empty{text-align:center;padding:16px 0;font-size:.85rem;opacity:.6}.cpanel-empty .btn{margin-top:8px}.cpanel-table-header{display:grid;grid-template-columns:1fr 60px 36px 36px;gap:4px;font-size:.68rem;font-weight:700;opacity:.4;text-transform:uppercase;letter-spacing:.06em;padding:0 4px 4px;border-bottom:1px solid rgba(255,255,255,.06)}.cpanel-row{display:grid;grid-template-columns:1fr 60px 36px 36px;gap:4px;align-items:center;padding:6px 4px;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.04)}.cpanel-pc-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpanel-pc-hp{text-align:center}.cpanel-pc-ac{text-align:center;color:#7eb8e0}.cpanel-pc-pp{text-align:center;color:#c8a84e}.cpanel-actions{display:flex;gap:8px;margin-top:10px;justify-content:center}.campaign-home-card{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--card-bg, rgba(255,255,255,.04));border:1px solid var(--accent, #b4a044);border-radius:12px;cursor:pointer;transition:transform .15s,box-shadow .15s}.campaign-home-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0003}.campaign-home-icon{flex-shrink:0;color:var(--accent, #b4a044);opacity:.8}.campaign-home-info{flex:1;min-width:0}.campaign-home-name{font-weight:600;font-size:1rem}.campaign-home-meta{font-size:.82rem;opacity:.55}.campaign-home-arrow{flex-shrink:0;opacity:.4}.campaign-home-section{margin-bottom:16px}[data-theme=light] .campaign-card{background:#fff;border-color:#e0e0e0}[data-theme=light] .campaign-card:hover{box-shadow:0 4px 16px #0000001a}[data-theme=light] .pc-card{background:#fff;border-color:#e0e0e0}[data-theme=light] .pc-card:hover{border-color:#ccc}[data-theme=light] .campaign-add-pc{background:#fff;border-color:#e0e0e0}[data-theme=light] .pc-form-row input,[data-theme=light] .pc-form-notes textarea{background:#f8f9fa;border-color:#ddd}[data-theme=light] .campaign-panel{background:#fff;border-color:#0000001a;box-shadow:0 4px 16px #00000014}[data-theme=light] .pc-ability{background:#0000000a}[data-theme=light] .pc-badge{background:#0000000f}[data-theme=light] .campaign-home-card{background:#fff}@media (max-width: 600px){.campaign-panel{left:8px;right:8px;width:auto;bottom:8px}.pc-grid,.campaign-grid{grid-template-columns:1fr}.pc-card-abilities{grid-template-columns:repeat(3,1fr)}.view-header-actions{width:100%;justify-content:flex-start}}[data-theme=light] .card{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .browse-category{background:#fff!important;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .browse-category[data-type=location]{background:#fff!important;border-left:4px solid var(--color-location);border-color:#00000014;border-left-color:var(--color-location)}[data-theme=light] .browse-category[data-type=npc]{background:#fff!important;border-left:4px solid var(--color-npc);border-color:#00000014;border-left-color:var(--color-npc)}[data-theme=light] .browse-category[data-type=creature]{background:#fff!important;border-left:4px solid var(--color-creature);border-color:#00000014;border-left-color:var(--color-creature)}[data-theme=light] .browse-category[data-type=encounter]{background:#fff!important;border-left:4px solid var(--color-encounter);border-color:#00000014;border-left-color:var(--color-encounter)}[data-theme=light] .browse-category[data-type=item]{background:#fff!important;border-left:4px solid var(--color-item);border-color:#00000014;border-left-color:var(--color-item)}[data-theme=light] .browse-category[data-type=lore]{background:#fff!important;border-left:4px solid var(--color-lore);border-color:#00000014;border-left-color:var(--color-lore)}[data-theme=light] .browse-category[data-type=faction]{background:#fff!important;border-left:4px solid var(--color-faction);border-color:#00000014;border-left-color:var(--color-faction)}[data-theme=light] .browse-category[data-type=chapter]{background:#fff!important;border-left:4px solid var(--color-chapter);border-color:#00000014;border-left-color:var(--color-chapter)}[data-theme=light] .browse-category:active{background:#f5f0e8!important}[data-theme=light] .browse-category .browse-type-name{color:var(--text-primary)}[data-theme=light] .browse-category .browse-type-count{color:var(--text-secondary)}[data-theme=light] .browse-spotlight-inner{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=light] .browse-spotlight-shuffle{background:#fff;border-color:#0000001f;color:var(--text-secondary)}[data-theme=light] .browse-spotlight-shuffle:hover{border-color:var(--accent);color:var(--accent)}[data-theme=light] .browse-keyfigure{background:#fff;border-color:#0000001a;box-shadow:0 1px 3px #0000000f}[data-theme=light] .browse-discovery-btn{background:linear-gradient(135deg,#1a6b7a0f,#8a68200f);border-color:#0000001f}[data-theme=light] .browse-discovery-btn:hover{box-shadow:0 2px 12px #1a6b7a1f}[data-theme=light] .gateway-card{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .gateway-card:hover{box-shadow:0 4px 16px #0000001a}[data-theme=light] .gateway-card--read{background:#fff;border-left:4px solid var(--accent)}[data-theme=light] .gateway-card--explore{background:#fff;border-left:4px solid #059669}[data-theme=light] .gateway-card--prep{background:#fff;border-left:4px solid var(--gold)}[data-theme=light] .gateway-label{color:var(--text-primary)}[data-theme=light] .ch-card{background:#fff;border-color:#00000014}[data-theme=light] .ch-card:hover{background:#faf8f4;border-color:#00000026;box-shadow:0 2px 8px #0000000f}[data-theme=light] .ch-card--active{background:linear-gradient(135deg,#8a68200f,#fff);border-color:#8a682040}[data-theme=light] .ch-card-num{background:#1a6b7a14;color:var(--accent);border-color:#1a6b7a26}[data-theme=light] .ch-card--active .ch-card-num{background:#8a68201a;border-color:#8a682040;color:var(--gold)}[data-theme=light] .ch-card-title{color:var(--text-primary)}[data-theme=light] .ch-card-meta{color:var(--text-muted)}[data-theme=light] .active-session-card{background:linear-gradient(135deg,#8a682014,#1a6b7a0d);border-color:#8a682040}[data-theme=light] .active-session-card:hover{background:linear-gradient(135deg,#8a68201f,#1a6b7a14);border-color:#8a682066}[data-theme=light] .book-toc{background:#fff;border-color:#00000014}[data-theme=light] .book-toc-link{color:var(--text-secondary)}[data-theme=light] .book-toc-link.active{color:var(--accent)}[data-theme=light] .book-toc-parent:hover{background:#00000008}@media (min-width: 900px){[data-theme=light] .book-reader-sidebar .book-toc{background:#fff;border-color:#00000014}}[data-theme=light] .book-jump-btn{background:#fff;border-color:#0000001a;color:var(--text-secondary)}[data-theme=light] .book-jump-btn:hover{background:#f5f0e8;border-color:var(--accent);color:var(--accent)}[data-theme=light] .subpage-nav{background:#fff;border-color:#00000014}[data-theme=light] .subpage-nav-btn:hover:not(:disabled){background:#0000000a}[data-theme=light] .scroll-spy-pill{background:#fff;border-color:#0000001a;color:var(--text-primary);box-shadow:0 2px 8px #00000014}[data-theme=light] .btn{border-color:#0000001f}[data-theme=light] .btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}[data-theme=light] .btn-primary:hover{background:var(--accent-hover)}[data-theme=light] .tag{background:#0000000a;color:var(--text-secondary);border-color:#00000014}[data-theme=light] .entity-link{color:var(--accent)}[data-theme=light] .header-title{text-shadow:none}[data-theme=light] .detail-section h3:after{background:linear-gradient(90deg,var(--gold) 0%,var(--accent) 40%,transparent 100%)}[data-theme=light] .connection-chip{background:#0000000a;border-color:#00000014;color:var(--text-primary)}[data-theme=light] .connection-chip:hover{background:#00000014}[data-theme=light] .stat-block{background:#faf7f2;border-color:var(--accent)}[data-theme=light] .book-area-desc{background:#8a68200d;border-left-color:var(--gold)}[data-theme=light] .book-read-aloud{background:#1a6b7a0d;border-left-color:var(--accent)}[data-theme=light] #dice-fab{background:#fff;border-color:#0000001f;color:var(--text-primary);box-shadow:0 2px 8px #0000001f}[data-theme=light] #dice-fab:hover{background:#f5f0e8}[data-theme=light] #dice-tray{background:#fff;border-color:#0000001a;box-shadow:0 4px 16px #0000001f}[data-theme=light] .menu-link--install{background:linear-gradient(135deg,#8a682014,#8a682008);border-color:#8a682033}[data-theme=light] .entity-preview-tooltip{background:#fff;border-color:#0000001f;box-shadow:0 4px 16px #0000001f}[data-theme=light] .pinned-chip{background:#fff;border-color:#8a682033}[data-theme=light] .quick-ref-drawer{background:#fff;border-color:#0000001a}[data-theme=light] .prep-chapter-card,[data-theme=light] .prep-npc-card,[data-theme=light] .prep-branch-card,[data-theme=light] .prep-check-item,[data-theme=light] .sprep-qa,[data-theme=light] .dash-stat,[data-theme=light] .dash-card{background:#fff;border-color:#00000014}[data-theme=light] .dash-card-bar{background:#0000001f}.admin-edit-btn{display:none;background:none;border:1px solid rgba(var(--accent-rgb, 74, 184, 204),.3);color:var(--accent);border-radius:4px;padding:2px 4px;cursor:pointer;opacity:.6;transition:opacity .2s,background .2s;vertical-align:middle;margin-left:6px;line-height:1}.admin-mode .admin-edit-btn{display:inline-flex;align-items:center}.admin-edit-btn:hover{opacity:1;background:rgba(var(--accent-rgb, 74, 184, 204),.15)}.admin-empty{display:none;color:var(--text-muted);font-style:italic;font-size:.85rem}.admin-mode .admin-empty{display:inline}.admin-edit-form{display:flex;flex-direction:column;gap:8px;padding:4px 0}.admin-edit-input{width:100%;background:var(--bg-card, #111a25);color:var(--text-primary, #e6e8eb);border:1px solid var(--accent);border-radius:6px;padding:8px 12px;font-family:inherit;font-size:.9rem;line-height:1.5;resize:vertical}.admin-edit-input:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--accent-rgb, 74, 184, 204),.3)}.admin-edit-actions{display:flex;gap:8px;justify-content:flex-end}.btn-sm{padding:4px 12px;font-size:.8rem}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.btn-primary:hover{filter:brightness(1.1)}.admin-mode .detail-section{position:relative}.admin-mode .detail-section h3{display:flex;align-items:center;gap:4px}.admin-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);padding:8px 20px;border-radius:8px;font-size:.85rem;font-weight:600;z-index:9999;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}.admin-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.admin-toast--success{background:#34d399e6;color:#fff}.admin-toast--error{background:#ef4444e6;color:#fff}[data-theme=light] .admin-edit-input{background:#fff;color:#1a1a2e;border-color:var(--accent)}[data-theme=light] .admin-edit-btn{border-color:rgba(var(--accent-rgb, 74, 184, 204),.4)}#access-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary, #080f18);transition:opacity .35s ease}#access-gate.access-gate-out{opacity:0;pointer-events:none}.access-gate-card{width:100%;max-width:420px;padding:40px 32px;text-align:center;background:var(--bg-card, rgba(10, 20, 38, .6));border:1px solid rgba(74,184,204,.25);border-radius:14px}.access-gate-rune{width:150px;height:auto;margin-bottom:12px}.access-gate-card h1{margin:0;font-family:var(--font-display, serif);font-size:1.5rem;color:var(--text-primary, #dce8f0);letter-spacing:.04em}.access-gate-sub{margin:4px 0 20px;font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:var(--gold, #d4af37)}.access-gate-prompt{margin:0 0 18px;font-size:.92rem;line-height:1.5;color:var(--text-secondary, #8aaac0)}.access-gate-form{display:flex;gap:8px}.access-gate-form input{flex:1;min-width:0;padding:12px 14px;font-size:1rem;color:var(--text-primary, #dce8f0);background:var(--bg-input, rgba(8, 16, 28, .8));border:1px solid rgba(74,184,204,.3);border-radius:8px}.access-gate-form input:focus{outline:none;border-color:var(--accent, #4ab8cc)}.access-gate-form button{padding:12px 20px;font-weight:600;color:#06121c;background:var(--accent, #4ab8cc);border:none;border-radius:8px;cursor:pointer}.access-gate-form button:hover{filter:brightness(1.1)}.access-gate-error{margin:12px 0 0;font-size:.85rem;color:#e07a6a}.access-gate-note{margin:18px 0 0;font-size:.78rem;color:var(--text-muted, #4a6880)}.access-gate-shake{animation:access-shake .4s ease}@keyframes access-shake{20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}[data-theme=light] #access-gate{background:#eef3f7}[data-theme=light] .access-gate-card{background:#fff}[data-theme=light] .access-gate-card h1{color:#1a2733}[data-theme=light] .access-gate-form input{color:#1a2733;background:#f4f8fb}.dlg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#04080ea6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .15s ease}.dlg-overlay.show{opacity:1}.dlg-box{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:20px;box-shadow:0 20px 60px #00000080;transform:translateY(8px);transition:transform .15s ease}.dlg-overlay.show .dlg-box{transform:translateY(0)}.dlg-title{font-family:var(--font-display);font-size:1.05rem;color:var(--text-primary);margin:0 0 10px}.dlg-message{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 12px}.dlg-input{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;margin-bottom:4px}.dlg-input:focus{outline:none;border-color:var(--accent)}.dlg-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.dlg-actions .btn{min-height:40px}[data-theme=light] .dlg-overlay{background:#28241e73}[data-theme=light] .dlg-box{background:#fdfbf7;box-shadow:0 20px 60px #0000002e}button.init-cname,button.init-roll-val{background:none;border:none;font-family:inherit;padding:0;cursor:pointer}button.init-cname{display:block;width:100%;color:inherit;text-align:left}button.init-roll-val{width:auto;min-width:28px}button.init-cname:hover,button.init-roll-val:hover{text-decoration:underline dotted;text-underline-offset:2px}.init-roll-val.init-roll-null{padding:2px 6px;color:var(--gold);border:1px dashed currentColor;border-radius:var(--radius-sm)}button.init-cond-badge{border:none;font-family:inherit;color:inherit}.init-edit-row{display:block;padding:10px 14px;background:#ffffff0a}.init-edit-form{display:flex;flex-direction:column;gap:8px}.init-edit-name{width:100%}.init-edit-nums{display:flex;gap:8px}.init-edit-field{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.init-edit-field .init-input{width:100%;text-align:center}.init-edit-actions{display:flex;gap:8px;justify-content:flex-end}.init-edit-btn{padding:6px 14px;font-size:.75rem}.init-act-btn{width:28px;height:28px}@media (max-width: 600px),(pointer: coarse){.init-actions{flex-wrap:wrap;justify-content:flex-end;width:84px;gap:4px}.init-act-btn{width:40px;height:40px;font-size:1rem}button.init-cname{min-height:40px}button.init-roll-val,.init-cond-badge{min-width:40px;min-height:40px}.init-edit-btn{min-height:40px}.init-add-btn{min-width:40px;min-height:40px}.init-input{min-height:40px}}[data-theme=light] .init-edit-row{background:#0000000a}[data-theme=light] button.init-cname:hover,[data-theme=light] button.init-roll-val:hover{text-decoration-color:#0006}.cpanel-table-header,.cpanel-row{grid-template-columns:1fr 50px 28px 28px 58px}.cpanel-hp-btns{display:flex;gap:4px;justify-content:flex-end}.cpanel-hp-btn,.pc-hp-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:#ffffff0f;border:1px solid var(--glass-border, rgba(255, 255, 255, .12));border-radius:var(--radius-sm, 6px);color:var(--text-primary);font-size:.95rem;font-weight:700;line-height:1;cursor:pointer;transition:background .15s}.cpanel-hp-btn:hover,.pc-hp-btn:hover{background:#ffffff24}.pc-hp-btn{width:28px;height:28px}.pc-hp-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.pc-hp-row .pc-hp-text{margin-bottom:0}.pc-hp-btns{display:flex;gap:6px}.campaign-name-wrap{display:flex;align-items:center;gap:8px;min-width:0}.campaign-edit-btn{color:var(--text-secondary, rgba(255, 255, 255, .6));opacity:.65;flex-shrink:0}.campaign-edit-btn:hover{opacity:1}.campaign-desc-row{display:flex;align-items:flex-start;gap:6px}.campaign-add-desc-btn{margin:0 0 16px;opacity:.65;background:transparent;border:1px dashed var(--border-subtle, rgba(255, 255, 255, .2))}.campaign-add-desc-btn:hover{opacity:1}.pc-form-cancel{display:none}.pc-form.pc-form-editing .pc-form-cancel{display:inline-flex}@media (max-width: 600px){.cpanel-table-header,.cpanel-row{grid-template-columns:1fr 44px 26px 26px 88px}.cpanel-hp-btn,.pc-hp-btn{width:40px;height:40px}.campaign-edit-btn{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}.campaign-add-desc-btn{min-height:40px}}[data-theme=light] .cpanel-hp-btn,[data-theme=light] .pc-hp-btn{background:#0000000d;border-color:#0000002e}[data-theme=light] .cpanel-hp-btn:hover,[data-theme=light] .pc-hp-btn:hover{background:#0000001f}[data-theme=light] .campaign-add-desc-btn{border-color:#00000040}#dice-result{z-index:30}#dice-tray{width:280px;z-index:10;display:flex;flex-direction:column;max-height:min(560px,calc(100vh - 150px));overflow:hidden}#dice-tray .dice-tray-header{flex-shrink:0}.dice-caret{position:absolute;top:-10px;left:-10px;width:24px;height:24px;padding:0;border-radius:50%;background:var(--surface);border:1px solid var(--glass-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,border-color .15s;z-index:2}.dice-caret:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%}.dice-caret svg{transition:transform .2s}.dice-caret:hover{color:var(--gold);border-color:var(--gold)}#dice-roller.dice-tray-open .dice-caret svg{transform:rotate(180deg)}.dice-buttons{grid-template-columns:repeat(3,1fr);flex-shrink:0}.dice-btn{min-height:44px;font-size:.78rem}.dice-btn-adv{color:#3ddf5c;border-color:#3ddf5c59}.dice-btn-dis{color:#e54545;border-color:#e5454559}.dice-btn-adv:hover{color:#3ddf5c;border-color:#3ddf5c;background:#3ddf5c14}.dice-btn-dis:hover{color:#e54545;border-color:#e54545;background:#e5454514}.dice-tray-result{flex-shrink:0;padding:8px 10px;margin-bottom:10px;border:1px solid var(--gold);border-radius:10px;background:color-mix(in srgb,var(--gold) 8%,transparent)}.dice-tray-result-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.dice-tray-result-label{font-family:Cinzel,serif;font-size:.72rem;font-weight:600;color:var(--text-secondary);letter-spacing:.04em}.dice-tray-result-total{font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;color:var(--gold);line-height:1.15}.dice-tray-result-detail{font-size:.72rem;color:var(--text-muted);margin-top:2px}.dice-tray-result.dice-crit{border-color:#3ddf5c}.dice-tray-result.dice-crit .dice-tray-result-total{color:#3ddf5c;text-shadow:0 0 12px rgba(61,223,92,.4)}.dice-tray-result.dice-crit .dice-roll-kept{color:#3ddf5c}.dice-tray-result.dice-fumble{border-color:#e54545}.dice-tray-result.dice-fumble .dice-tray-result-total{color:#e54545;text-shadow:0 0 12px rgba(229,69,69,.4)}.dice-tray-result.dice-fumble .dice-roll-kept{color:#e54545}.dice-roll-kept{color:var(--gold);font-weight:700}.dice-roll-dropped{opacity:.55;text-decoration:line-through}.dice-mod-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;flex-shrink:0}.dice-stepper{display:flex;align-items:stretch;border:1px solid var(--glass-border);border-radius:8px;background:var(--glass-bg);overflow:hidden}.dice-step-btn{flex:0 0 40px;min-height:40px;border:none;background:transparent;color:var(--text-secondary);font-size:1.05rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s}.dice-step-btn:hover{color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,transparent)}.dice-step-value{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:.78rem;font-weight:700;color:var(--text-primary)}.dice-expr-row{display:flex;gap:6px;margin-bottom:10px;flex-shrink:0}.dice-expr-input{flex:1;min-width:0;min-height:40px;padding:6px 10px;border:1px solid var(--glass-border);border-radius:8px;background:var(--glass-bg);color:var(--text-primary);font-size:.8rem}.dice-expr-input:focus{outline:none;border-color:var(--gold)}.dice-expr-input.dice-expr-invalid{border-color:#e54545;animation:diceExprShake .3s ease}@keyframes diceExprShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.dice-expr-roll{flex:0 0 auto;min-width:56px;min-height:40px;border:1px solid var(--gold);border-radius:8px;background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold);font-family:Cinzel,serif;font-size:.72rem;font-weight:700;cursor:pointer;transition:background .15s}.dice-expr-roll:hover{background:color-mix(in srgb,var(--gold) 22%,transparent)}.dice-history-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--glass-border);padding-top:6px;margin-top:2px;font-size:.64rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.dice-history-clear{border:none;background:transparent;color:var(--text-muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;padding:8px;margin:-8px;border-radius:6px}.dice-history-clear:hover{color:#e54545}.dice-history{border-top:none;padding-top:4px;flex:1 1 auto;min-height:0}.dice-hist-entry{display:block;padding:4px 6px}.dice-hist-main{display:flex;justify-content:space-between;align-items:center;gap:8px}.dice-hist-sub{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.62rem;color:var(--text-muted)}.dice-hist-detail{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dice-hist-detail .dice-roll-kept{color:var(--gold)}.dice-hist-time{flex:0 0 auto}.dice-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}[data-theme=light] .dice-caret{background:#fff;border-color:#00000026}[data-theme=light] .dice-stepper,[data-theme=light] .dice-expr-input{background:#fff;border-color:#0000002e}[data-theme=light] .dice-tray-result{background:color-mix(in srgb,var(--gold) 8%,#ffffff)}[data-theme=light] .dice-btn-adv,[data-theme=light] .dice-btn-adv:hover{color:#1e8e3e;border-color:#1e8e3e73}[data-theme=light] .dice-btn-dis,[data-theme=light] .dice-btn-dis:hover{color:#c03434;border-color:#c0343473}[data-theme=light] .dice-tray-result.dice-crit{border-color:#1e8e3e}[data-theme=light] .dice-tray-result.dice-crit .dice-tray-result-total,[data-theme=light] .dice-tray-result.dice-crit .dice-roll-kept{color:#1e8e3e;text-shadow:none}[data-theme=light] .dice-tray-result.dice-fumble{border-color:#c03434}[data-theme=light] .dice-tray-result.dice-fumble .dice-tray-result-total,[data-theme=light] .dice-tray-result.dice-fumble .dice-roll-kept{color:#c03434;text-shadow:none}.rules-search{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.rules-search-icon{flex-shrink:0;color:var(--text-secondary, #94a3b8)}.rules-search-input{flex:1;min-width:0;min-height:32px;padding:4px 10px;background:#ffffff0d;border:1px solid var(--glass-border, rgba(255,255,255,.1));border-radius:var(--radius-sm, 8px);color:var(--text-primary, #e2e8f0);font-size:.82rem;font-family:inherit;outline:none;transition:border-color .15s}.rules-search-input:focus{border-color:var(--accent)}.rules-search-input::placeholder{color:var(--text-secondary, #94a3b8);opacity:.7}.rules-result-group{padding:2px 0 6px;border-bottom:1px solid var(--border)}.rules-result-group:last-child{border-bottom:none}.rules-result-label{display:flex;align-items:center;gap:8px;padding:8px 14px 2px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, #94a3b8)}.rules-search-results .rules-item{padding:5px 14px}.rules-empty{margin:0;padding:18px 14px;font-size:.8rem;color:var(--text-secondary, #94a3b8);text-align:center}[data-theme=light] .rules-search{border-bottom-color:#0000001a}[data-theme=light] .rules-search-input{background:#0000000a;border-color:#0000001f}[data-theme=light] .rules-result-group{border-bottom-color:#00000014}@media (max-width: 600px){.rules-search-input{min-height:40px}}.session-timer{flex-direction:column;align-items:stretch}.st-main{display:flex;align-items:center;gap:6px}.st-flag:hover{color:var(--gold)}.st-markers{list-style:none;margin:6px 0 0;padding:6px 0 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:3px}.st-marker{display:flex;align-items:baseline;gap:8px;font-size:.7rem;line-height:1.3}.st-marker-time{font-variant-numeric:tabular-nums;font-weight:600;color:var(--accent);flex-shrink:0}.st-marker-label{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.st-pill{position:fixed;top:60px;right:16px;z-index:850;display:flex;align-items:center;gap:7px;padding:6px 14px;min-height:34px;background:var(--surface);border:1px solid rgba(76,175,80,.5);border-radius:999px;box-shadow:0 4px 20px #0006;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .2s}.st-pill:hover{transform:translateY(-1px)}.st-pill.hidden{display:none}.st-pill-dot{width:8px;height:8px;border-radius:50%;background:#4caf50;animation:st-pill-pulse 2s ease-in-out infinite}@keyframes st-pill-pulse{0%,to{opacity:1}50%{opacity:.25}}.st-pill-time{font-size:.8rem;font-weight:600;letter-spacing:.05em;font-variant-numeric:tabular-nums;color:var(--text-primary)}[data-theme=light] .st-pill{box-shadow:0 4px 16px #0000001f;border-color:#2e7d328c}[data-theme=light] .st-pill-dot{background:#2e7d32}[data-theme=light] .st-running .st-display{color:#2e7d32}@media (max-width: 480px){.st-pill{top:auto;bottom:78px;left:8px;right:auto}}@media (max-width: 600px){.st-btn{width:40px;height:40px;font-size:.9rem}.st-marker-label{max-width:160px}}@media (prefers-reduced-motion: reduce){.st-pill-dot{animation:none}}@media print{.st-pill{display:none!important}}.generator-context-bar{flex-wrap:wrap}.generator-context-bar select.generator-count-select{flex:0 0 auto;min-width:56px}.generator-lock-toggle{background:none;border:none;padding:2px 0 0;font-family:inherit;font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.04em;text-align:left;cursor:pointer;display:inline-flex;align-items:center;gap:4px;-webkit-tap-highlight-color:transparent}.generator-lock-icon{display:inline-flex;opacity:0;transition:opacity .15s}.generator-lock-toggle:hover .generator-lock-icon,.generator-lock-toggle:focus-visible .generator-lock-icon{opacity:.5}.generator-result-row.generator-row-locked .generator-lock-toggle{color:var(--gold)}.generator-result-row.generator-row-locked .generator-lock-icon{opacity:1}.generator-field-reroll{margin-left:auto;align-self:flex-start;flex-shrink:0;background:none;border:none;padding:2px 4px;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;opacity:.5;transition:opacity .15s,color .15s;-webkit-tap-highlight-color:transparent}.generator-result-row:hover .generator-field-reroll,.generator-field-reroll:focus-visible{opacity:1}.generator-field-reroll:hover{color:var(--accent);opacity:1}[data-theme=light] .generator-field-reroll{opacity:.65}@media (max-width: 600px){.generator-field-reroll{opacity:.7;min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}.generator-lock-toggle{min-height:40px}.generator-result-actions .btn-icon,.generator-history-item-header .btn-icon{min-width:40px;min-height:40px;justify-content:center}}.handout-controls{gap:8px;flex-wrap:wrap}.handout-controls .btn{min-height:40px}.handout-action-btn{display:flex;align-items:center;gap:8px}.handout-chapter-yield{font-size:.78rem;color:var(--text-muted);margin-top:2px}.handout-chapter-card.handout-chapter-empty{opacity:.55;cursor:default}.handout-curation{max-width:700px;margin:0 auto 20px;background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius);padding:14px 16px}.handout-curation-title{font-family:var(--font-display);color:var(--gold);font-size:.95rem;margin-bottom:10px}.handout-curation-group{margin-bottom:12px}.handout-curation-group:last-child{margin-bottom:0}.handout-curation-heading{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:4px}.handout-curation-note{text-transform:none;letter-spacing:0;color:var(--text-muted)}.handout-include{display:flex;align-items:flex-start;gap:10px;padding:8px 6px;min-height:40px;border-radius:var(--radius-sm);cursor:pointer}.handout-include:hover{background:#ffffff0a}.handout-include input{flex-shrink:0;width:16px;height:16px;margin-top:2px;accent-color:var(--accent)}.handout-include-text{min-width:0}.handout-include-label{display:block;font-size:.88rem;color:var(--text-primary)}.handout-include-snippet{display:block;font-size:.75rem;color:var(--text-muted);font-style:italic;margin-top:2px}.handout-read-aloud-block{margin:12px 0}.handout-read-aloud-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:4px}.handout-read-aloud-block .handout-read-aloud{margin:0}.handout-entity-list{list-style:none;padding:0;margin:0;columns:2;column-gap:24px}.handout-entity-item{padding:5px 0;font-size:.9rem;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.04);break-inside:avoid}@media (max-width: 600px){.handout-entity-list{columns:1}}.handout-image{margin:16px 0;text-align:center}.handout-image img{max-width:100%;border-radius:var(--radius-sm)}.handout-image figcaption{font-size:.8rem;color:var(--text-secondary);margin-top:4px}.handout-empty-hint{text-align:center;color:var(--text-muted);font-size:.88rem;font-style:italic;padding:24px 0}[data-theme=light] .handout-include:hover{background:#0000000d}[data-theme=light] .handout-entity-item{border-bottom-color:#00000014}@media print{.handout-curation,.handout-empty-hint{display:none!important}.handout-read-aloud-label{color:#555!important}.handout-entity-item{color:#1a1a1a!important;border-bottom-color:#ddd!important}.handout-image figcaption{color:#555!important}}.dash-card:focus-visible,.dash-appendix-card:focus-visible{outline:2px solid var(--accent, #4ab8cc);outline-offset:2px}.dash-card-active{border-color:var(--gold, #c8a040)}.dash-card-active .dash-card-header{margin-top:6px}.dash-card .guide-active-badge,.dash-appendix-card .guide-active-badge{background:var(--gold, #c8a040)}.dash-card-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.dash-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:.68rem;font-weight:600;letter-spacing:.02em;color:var(--accent, #4ab8cc);background:#ffffff0a;border:1px solid var(--border, rgba(255, 255, 255, .12));border-radius:999px;padding:4px 10px;min-height:26px;cursor:pointer;transition:border-color .15s,background .15s}.dash-chip:hover{border-color:var(--accent, #4ab8cc);background:#ffffff14}.dash-chip-continue{color:var(--gold, #c8a040)}.dash-chip-continue:hover{border-color:var(--gold, #c8a040)}.dash-appendix-divider{margin:20px 0 10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary, #8aaac0)}.dash-appendix-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.dash-appendix-card{position:relative;display:flex;align-items:center;gap:8px;padding:10px 12px;min-height:42px;background:var(--surface, #0f1923);border:1px solid var(--border, rgba(255, 255, 255, .12));border-radius:8px;cursor:pointer;transition:transform .15s,border-color .2s}.dash-appendix-card:hover{transform:translateY(-2px);border-color:var(--accent, #4ab8cc)}.dash-appendix-read{border-left:3px solid #4caf50}.dash-appendix-letter{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--gold, #c8a040)}.dash-appendix-title{flex:1;min-width:0;font-size:.72rem;line-height:1.25}.dash-appendix-check{color:#4caf50;font-size:.75rem;font-weight:700}.dash-kbd-hint{margin-left:8px;font-size:.72rem;color:var(--text-secondary, #8aaac0);white-space:nowrap}.dash-kbd{display:inline-block;padding:1px 6px;font-family:inherit;font-size:.68rem;background:#ffffff12;border:1px solid var(--border, rgba(255, 255, 255, .15));border-bottom-width:2px;border-radius:4px}@media (max-width: 600px){.dash-kbd-hint{display:none}.dash-chip{min-height:40px;padding:8px 14px;font-size:.72rem}}[data-theme=light] .dash-chip{background:#0000000a;border-color:#00000026}[data-theme=light] .dash-chip:hover{background:#00000014}[data-theme=light] .dash-appendix-card{background:#fff;border-color:#00000014}[data-theme=light] .dash-appendix-read{border-left-color:#2e7d32}[data-theme=light] .dash-appendix-check{color:#2e7d32}[data-theme=light] .dash-kbd{background:#0000000d;border-color:#0003}.prep-detail-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.prep-detail-actions .btn{font-size:.8rem;padding:8px 14px;min-height:40px}.prep-chapter-card-progress{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:.72rem;color:var(--text-secondary)}.prep-chapter-card-progress.complete{color:var(--success)}.prep-progress-track{flex:1;max-width:160px;height:4px;border-radius:2px;background:#ffffff14;overflow:hidden}.prep-progress-fill{height:100%;border-radius:2px;background:var(--accent)}.prep-chapter-card-progress.complete .prep-progress-fill{background:var(--success)}[data-theme=light] .prep-progress-track{background:#0000001a}@media print{.prep-view{max-width:none;padding:0}.prep-view,.prep-view *{color:#1a1a1a!important;background:transparent!important;border-color:#bbb!important;box-shadow:none!important;text-shadow:none!important}.prep-detail-actions,.prep-view .prep-nav,.prep-npc-arrow{display:none!important}.prep-chapter-card,.prep-npc-card,.prep-branch-card,.prep-seed-card,.prep-check-item,.sprep-qa{break-inside:avoid;page-break-inside:avoid}.prep-seed-card,.prep-whatif{border-left:3px solid #888!important}.prep-seed-subtlety{border:1px solid #999!important}.prep-mood-dot{background:#1a1a1a!important}.prep-mood-line{background:#999!important}}.graph-search{position:relative;display:flex;align-items:center;flex:0 1 220px;min-width:120px}.graph-search-input{width:100%;padding:6px 28px 6px 10px;border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-primary);font-size:12px;font-family:Inter,sans-serif;outline:none;transition:border-color .15s}.graph-search-input:focus{border-color:var(--accent)}.graph-search-input::placeholder{color:var(--text-secondary);opacity:.6}.graph-search-input::-webkit-search-cancel-button{display:none}.graph-search-clear{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:transparent;color:var(--text-secondary);font-size:16px;line-height:1;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.graph-search-clear:hover{color:var(--text-primary)}.graph-search-clear.hidden{display:none}.graph-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:24px;pointer-events:none;z-index:1}.graph-empty p{margin:0;color:var(--text-secondary);font-size:15px}.graph-empty .graph-empty-hint{font-size:13px;opacity:.7}.graph-empty.hidden{display:none}[data-theme=light] .graph-search-input{background:#0000000d;border-color:#0000001f;color:#1a1a2e}[data-theme=light] .graph-search-input:focus{border-color:var(--accent)}@media (max-width: 768px){.graph-search{flex-basis:auto}.graph-search-input{min-height:40px;font-size:14px}.graph-search-clear{width:40px;height:40px}.graph-type-chip{min-height:40px;padding:8px 12px}.graph-zoom-btn{min-width:40px;min-height:40px}}