:root{--bg:#eef1f6;--surface:#fff;--surface-soft:#f7f8fb;--ink:#1e2430;--muted:#6b7285;--line:#1e243014;--accent:#6b6fd6;--accent-soft:#eceefe;--accent-2:#7b8cff;--danger-soft:#fde8e8;--radius:22px;--radius-sm:14px;--shadow:0 10px 30px #1e24300f;--font:"IBM Plex Sans", "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100dvh;margin:0}body{background:var(--bg);-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:44px}.dash-shell{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-columns:minmax(200px,19vw) 1fr;display:grid}.dash-sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:1.25rem;padding:1.25rem .85rem;display:flex}.dash-brand{align-items:center;gap:.75rem;padding:.25rem .5rem;display:flex}.dash-brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:14px;flex-shrink:0;width:40px;height:40px}.dash-brand strong{font-size:.95rem;display:block}.dash-brand span{color:var(--muted);font-size:.75rem;display:block}.dash-nav{flex-direction:column;gap:.25rem;display:flex}.dash-nav button{width:100%;color:var(--muted);text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:.65rem;min-height:48px;padding:.75rem .85rem;font-weight:500;display:flex}.dash-nav button:hover{background:var(--surface-soft);color:var(--ink)}.dash-nav button.active{background:var(--accent-soft);color:var(--accent)}.dash-nav-icon{text-align:center;opacity:.85;width:1.25rem}.dash-main{min-width:0;padding:1.25rem 1.25rem 2rem}.dash-split{grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:1rem;min-height:calc(100vh - 2.5rem);display:grid}.dash-center{min-width:0}.dash-center-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.dash-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 .2rem;font-size:.75rem;font-weight:600}.dash-center-header h1,.sessions-layout>.dash-center-header h1{letter-spacing:-.02em;margin:0;font-size:1.85rem;font-weight:700}.dash-detail{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 2.5rem);padding:1.35rem 1.4rem;position:sticky;top:1rem;overflow:auto}.dash-detail h2{letter-spacing:-.01em;margin:0 0 .35rem;font-size:1.35rem}.detail-empty{min-height:220px;color:var(--muted);text-align:center;place-items:center;padding:1rem;display:grid}.detail-meta{color:var(--muted);margin:0 0 1rem;font-size:.9rem}.detail-section{margin-top:1.1rem}.detail-section h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 .4rem;font-size:.72rem}.detail-section p,.detail-section li{margin:0 0 .45rem;font-size:.92rem}.detail-section ul{margin:0;padding-left:1.1rem}.detail-tags{flex-wrap:wrap;gap:.4rem;padding:0;list-style:none;display:flex}.detail-tags li{background:var(--surface-soft);border-radius:999px;margin:0;padding:.25rem .65rem;font-size:.8rem}.dm-only{background:var(--danger-soft);border-radius:var(--radius-sm);padding:.75rem .85rem}.timeline-scroll{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;gap:.25rem;margin-bottom:.5rem;padding:1.25rem .5rem 1.5rem;display:flex;position:relative;overflow-x:auto}.timeline-line{z-index:0;background:#d7dbe6;height:2px;position:absolute;top:1.85rem;left:1rem;right:1rem}.timeline-stop{z-index:1;text-align:center;scroll-snap-align:start;min-height:88px;color:var(--ink);background:0 0;border:none;flex:0 0 118px;padding:.35rem .25rem;position:relative}.timeline-dot{border:3px solid var(--bg);background:#c5cad6;border-radius:50%;width:12px;height:12px;margin-bottom:.55rem;display:inline-block}.timeline-stop.active .timeline-dot{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.timeline-label{font-size:.85rem;font-weight:650;display:block}.timeline-era{color:var(--muted);margin-top:.15rem;font-size:.72rem;display:block}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem;display:grid}.info-card{text-align:left;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);border:1px solid #0000;min-height:148px;padding:1.15rem 1.2rem}.info-card:hover{border-color:#6b6fd640}.info-card.selected{border-color:var(--accent);box-shadow:0 10px 30px #6b6fd61f}.info-card h2{letter-spacing:-.01em;margin:0 0 .35rem;font-size:1.05rem}.info-card-place{color:var(--accent);margin:0 0 .55rem;font-size:.8rem;font-weight:600}.info-card-blurb{color:var(--muted);margin:0;font-size:.88rem;line-height:1.4}.static-card{cursor:default}.warn-card{background:linear-gradient(180deg, #fffaf5, var(--surface));border-color:#b45a2859}.favor-row{flex-wrap:wrap;gap:.4rem;margin:0 0 1rem;display:flex}.favor-pill{color:var(--accent);background:#6b6fd614;border-radius:999px;padding:.35rem .7rem;font-size:.75rem;font-weight:600}.compact-list{color:var(--muted);margin:0;padding-left:1.1rem;font-size:.88rem;line-height:1.45}.session-one-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:0 0 .35rem;font-size:.7rem;font-weight:700;display:inline-block}.muted-badge{color:var(--muted);opacity:.85}.npc-faction-block{margin-bottom:1.25rem}.npc-faction-block .dash-kicker{margin-bottom:.55rem}.chip-row{flex-wrap:wrap;gap:.45rem;margin-bottom:1rem;display:flex}.chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;min-height:44px;padding:.55rem 1rem;font-size:.85rem;font-weight:600}.chip.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.faction-summary,.session-title{color:var(--muted);max-width:46rem;margin:0 0 1rem}.monster-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem;display:grid}.monster-card{text-align:left;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);border:1px solid #0000;grid-template-columns:72px 1fr;gap:.85rem;padding:.85rem;display:grid}.monster-card.selected{border-color:var(--accent)}.monster-card-art,.detail-hero-art{background:linear-gradient(145deg, var(--accent-soft), #dfe3ff);color:var(--accent);border-radius:16px;place-items:center;font-size:1.4rem;font-weight:700;display:grid;overflow:hidden}.monster-card-art{flex-shrink:0;width:72px;height:72px}.monster-card-art img,.detail-hero-art img{object-fit:cover;width:100%;height:100%;display:block}.detail-hero-art{width:100%;height:180px;margin-bottom:1rem;font-size:2rem}.detail-hero-art.has-image{background:#1e2430;height:220px}.letter-body{white-space:pre-wrap;margin:0;line-height:1.55}.journal-art{height:min(280px,40vh);margin-bottom:1rem}.monster-card-body h2{margin:0 0 .2rem;font-size:1rem}.monster-card-body p{color:var(--muted);margin:0;font-size:.8rem}.monster-cr{font-weight:700;color:var(--accent)!important;margin:.25rem 0!important}.stat-pills{flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem;display:flex}.stat-pills span{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.3rem .65rem;font-size:.78rem;font-weight:700}.ability-grid{grid-template-columns:repeat(6,1fr);gap:.35rem;display:grid}.ability-cell{background:var(--surface-soft);text-align:center;border-radius:10px;padding:.4rem .2rem}.ability-cell span{color:var(--muted);font-size:.65rem;display:block}.ability-cell strong{font-size:.9rem}.detail-abilities{margin:0;padding:0;list-style:none}.detail-abilities li{margin-bottom:.65rem;font-size:.88rem}.sessions-layout{max-width:1200px}.session-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.session-col{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);min-height:420px;padding:1.25rem 1.3rem}.session-col h2{margin:0 0 1rem;font-size:1.15rem}.session-col h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:1rem 0 .35rem;font-size:.72rem}.session-col p,.session-col li{margin:0 0 .35rem;font-size:.9rem}.session-col ul{margin:0;padding-left:1.05rem}.muted,.dash-empty{color:var(--muted)}.dash-empty{grid-column:1/-1;padding:1rem 0}@media (width<=900px){.dash-split{grid-template-columns:1fr}.dash-detail{max-height:none;position:static}.session-columns{grid-template-columns:1fr}.ability-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=800px){.dash-shell{grid-template-columns:1fr}.dash-sidebar{border-right:none;border-bottom:1px solid var(--line)}.dash-nav{flex-direction:row;overflow-x:auto}.dash-nav button{white-space:nowrap}}@media (width>=1000px) and (width<=1366px) and (orientation:landscape){.dash-shell{grid-template-columns:88px 1fr}.dash-sidebar{align-items:center;padding:1rem .45rem}.dash-brand{text-align:center;flex-direction:column;gap:.35rem;padding:0}.dash-brand div:last-child{display:none}.dash-brand-mark{width:36px;height:36px}.dash-nav{gap:.2rem;width:100%}.dash-nav button{text-align:center;border-radius:14px;flex-direction:column;justify-content:center;gap:.2rem;min-height:64px;padding:.45rem .2rem;font-size:.62rem}.dash-nav-icon{width:auto;font-size:1.15rem}.dash-main{padding:1rem 1rem 1.5rem}.dash-split{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:.85rem;min-height:calc(100dvh - 2rem)}.dash-detail{max-height:calc(100dvh - 2rem);top:1rem}.dash-center-header h1,.sessions-layout>.dash-center-header h1{font-size:1.55rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.session-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.session-col{-webkit-overflow-scrolling:touch;min-height:0;max-height:calc(100dvh - 10rem);overflow:auto}}@media (width<=920px) and (orientation:portrait){.dash-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.dash-sidebar{border-right:none;border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;gap:.65rem;padding:.65rem .75rem;position:sticky;top:0}.dash-brand{display:none}.dash-nav{-webkit-overflow-scrolling:touch;flex-direction:row;gap:.35rem;padding-bottom:.15rem;overflow-x:auto}.dash-nav button{text-align:center;flex-direction:column;flex:none;gap:.15rem;min-width:72px;min-height:58px;padding:.4rem .55rem;font-size:.68rem}.dash-main{padding:.85rem .85rem 1.5rem}.dash-split{grid-template-columns:1fr;gap:.85rem;min-height:auto}.dash-detail{min-height:280px;max-height:none;position:static}.session-columns{grid-template-columns:1fr}.session-col{min-height:280px;max-height:none}}@media (hover:none){.dash-nav button:hover,.info-card:hover,.monster-card:hover{background:inherit;border-color:#0000}.dash-nav button.active{background:var(--accent-soft)}.info-card.selected,.monster-card.selected{border-color:var(--accent)}}.challenge-card{flex-direction:column;gap:.45rem;min-height:180px;display:flex}.challenge-card .chip{align-self:flex-start;margin-top:auto}.challenge-shell{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line);padding:1rem 1.1rem 1.25rem}.challenge-shell.present{z-index:80;background:linear-gradient(165deg,#eef1f8 0%,#f7f8fb 40%,#eceefe 100%);border-radius:0;padding:1.25rem 1.5rem 2rem;position:fixed;inset:0;overflow:auto}.challenge-shell-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;display:flex}.challenge-shell-header h2{margin:.15rem 0 0}.challenge-meta-line{color:var(--muted);margin:.25rem 0 0;font-size:.88rem}.challenge-toolbar{flex-wrap:wrap;gap:.4rem;display:flex}.challenge-hint{background:var(--accent-soft);color:var(--ink);border-radius:var(--radius-sm);margin-bottom:.85rem;padding:.75rem 1rem;font-size:.95rem}.challenge-player-view{min-height:280px}.challenge-inscription{text-align:center;letter-spacing:.12em;color:var(--accent);margin:0 0 .85rem;font-weight:700}.challenge-actions{flex-wrap:wrap;align-items:center;gap:.45rem;margin:.85rem 0 .4rem;display:flex}.challenge-inline-label{color:var(--muted);align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:inline-flex}.challenge-inline-label select,.challenge-inline-label input{border:1px solid var(--line);background:var(--surface);border-radius:999px;min-height:44px;padding:.35rem .75rem}.challenge-status{margin:.45rem 0 0;font-size:.92rem}.warn-text{color:#9a4a2e}.challenge-dm{border-top:1px solid var(--line);margin-top:1rem;padding-top:.75rem}.challenge-dm summary{cursor:pointer;color:var(--muted);align-items:center;min-height:44px;font-weight:700;display:flex}.challenge-dm-body{white-space:pre-wrap;background:var(--surface-soft);border-radius:var(--radius-sm);padding:.85rem 1rem;font-size:.88rem;line-height:1.45}.challenge-dm-note{color:var(--muted);font-size:.88rem}.challenge-consequence{background:var(--surface-soft);border-radius:var(--radius-sm);margin-top:.75rem;padding:.65rem .75rem}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.magic-triangle.pulse .rune-socket{animation:.7s 2 rune-pulse}@keyframes rune-pulse{0%,to{box-shadow:0 0 #6b6fd659}50%{box-shadow:0 0 0 10px #6b6fd600}}.triangle-stage{aspect-ratio:1.1;width:min(420px,100%);margin:0 auto 1rem;position:relative}.triangle-lines{width:100%;height:100%;color:var(--accent);filter:drop-shadow(0 0 8px #6b6fd659)}.rune-socket{border:2px solid var(--accent);background:var(--surface);width:52px;height:52px;color:var(--muted);box-shadow:var(--shadow);border-radius:50%;min-height:52px;padding:0;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.rune-socket.filled{background:linear-gradient(145deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.rune-socket.droppable{outline:2px dashed var(--accent-2)}.rune-pool{flex-wrap:wrap;justify-content:center;gap:.5rem;min-height:56px;display:flex}.rune-stone{border:1px solid var(--line);background:var(--surface-soft);border-radius:50%;width:52px;height:52px;min-height:52px;padding:0;font-weight:700}.rune-stone.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.side-totals{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.magic-eye{background:radial-gradient(circle at 50% 50%, #1e2430 28%, var(--accent) 32%, transparent 70%);border:2px solid var(--accent);border-radius:50%;width:36px;height:22px;margin:0 auto .5rem}.bridge-layout{grid-template-columns:1fr minmax(48px,80px) 1fr;align-items:stretch;gap:.5rem;min-height:220px;display:grid}.bridge-bank{background:var(--surface-soft);border-radius:var(--radius-sm);border:1px solid var(--line);flex-direction:column;gap:.45rem;padding:.75rem;display:flex}.bridge-bank-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.75rem;font-weight:700}.bridge-token{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;min-height:48px;padding:.55rem .75rem;display:flex}.bridge-token.selected{border-color:var(--accent);background:var(--accent-soft)}.bridge-token.dim{opacity:.55}.bridge-lantern{text-align:center;letter-spacing:.08em;color:#9a6b1f;background:#fff6e0;border-radius:999px;margin-top:auto;padding:.4rem .6rem;font-size:.7rem;font-weight:800}.bridge-span{align-items:center;display:flex}.bridge-plank{background:linear-gradient(90deg,#c5cad6,#6b6fd6,#c5cad6);border-radius:999px;width:100%;height:14px;box-shadow:0 6px 16px #6b6fd640}.bridge-timer{text-align:center;margin-bottom:.75rem;font-size:1.15rem}.bridge-timer[data-over="1"]{color:#9a4a2e}.weighings-left{text-align:center;margin-bottom:.75rem;font-weight:600}.balance-scale{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid;position:relative}.balance-beam{background:var(--accent);opacity:.35;border-radius:999px;height:6px;transition:transform .25s;position:absolute;top:18px;left:10%;right:10%}.balance-scale.tip-left .balance-beam{transform:rotate(-6deg)}.balance-scale.tip-right .balance-beam{transform:rotate(6deg)}.coin-pan{background:var(--surface-soft);border:2px dashed var(--line);border-radius:var(--radius);min-height:140px;margin-top:1.25rem;padding:.75rem}.coin-pan.heavy{border-color:var(--accent);background:var(--accent-soft)}.coin-pan-label{color:var(--muted);margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.coin-pan-coins,.coin-tray,.weight-tray,.weight-row{flex-wrap:wrap;gap:.4rem;display:flex}.coin-tray{justify-content:center;margin-bottom:.5rem}.coin-token,.weight-token{color:#5a4208;background:radial-gradient(circle at 30% 30%,#ffe9a8,#d4a017);border:1px solid #c9a227;border-radius:50%;width:48px;height:48px;min-height:48px;padding:0;font-weight:800}.coin-token.selected,.weight-token.selected{box-shadow:0 0 0 3px var(--accent)}.coin-token.accused{outline:2px solid #9a4a2e}.dm-only-controls{opacity:.85;border-top:1px dashed var(--line);margin-top:.65rem;padding-top:.65rem}.bachet-scale{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.85rem;display:grid}.bachet-pan{background:var(--surface-soft);border-radius:var(--radius);border:1px solid var(--line);min-height:160px;padding:.75rem}.bachet-scale.balanced .bachet-pan{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.bachet-package{border-radius:var(--radius-sm);background:#dfe3ec;justify-content:center;align-items:center;min-width:88px;min-height:56px;margin-bottom:.5rem;font-weight:800;display:inline-flex}.weight-token{border-color:var(--accent);color:var(--ink);background:radial-gradient(circle at 30% 30%,#eef0ff,#9aa3e8)}@media (width<=700px){.bridge-layout{grid-template-columns:1fr}.bridge-span{min-height:24px}.bridge-plank{height:10px}}