:root{color-scheme:dark;--bg:#101c21;--surface:#16272e;--raised:#1c323b;--ink:#e5ece8;--muted:#a8babd;--line:#30464d;--accent:#dcb777;--teal:#8ec4b0;--red:#f4a09a;--side:242px;--radius:10px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--teal);text-underline-offset:4px}button{border:1px solid var(--line);border-radius:6px;background:var(--raised);color:var(--ink);padding:.55rem .9rem;font-size:.875rem;line-height:1.4}button:hover{border-color:var(--accent);background:#27404a}button:disabled{opacity:.45;cursor:not-allowed}button.primary,.primary{background:var(--accent);color:#15242b;border-color:var(--accent);font-weight:700}button.danger{color:var(--red)}button.ghost{background:transparent}button.small{padding:.3rem .55rem}button.icon{padding:.4rem .7rem;font-size:1rem}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,select,textarea{width:100%;color:var(--ink);background:#112229;border:1px solid #43606a;border-radius:6px;padding:.6rem .7rem;min-height:40px}input[type=checkbox]{width:18px;min-height:18px;height:18px;accent-color:var(--accent)}input[type=number]{min-width:0}textarea{resize:vertical;min-height:120px}label{display:block;font-size:.875rem;color:var(--muted)}label input,label select,label textarea{margin-top:.35rem}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.2}h1{font-size:2.25rem;margin-bottom:.75rem}h2{font-size:1.55rem}h3{font-size:1rem;font-weight:650}p{margin-bottom:1rem}small,.smalltext{font-size:.875rem}strong{color:#f2f0e8}hr{border:0;border-top:1px solid var(--line);margin:1.5rem 0}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:var(--accent);font-weight:650;margin-bottom:.6rem}.stack{display:grid;gap:1rem}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.fieldgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.card{padding:1.3rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.card h2,.card h3{margin-bottom:.65rem}.card p:last-child{margin-bottom:0}.callout{border-left:3px solid var(--accent);padding:1rem 1.25rem;background:#22353a;margin:1rem 0}.readaloud{font-family:Georgia,serif;font-size:1.18rem;color:#e2ece4;line-height:1.7;border-left:3px solid var(--teal);background:#1b3338;padding:1.3rem 1.5rem;margin:1rem 0}.badge{border:1px solid var(--line);border-radius:4px;padding:.15rem .5rem;font-size:.75rem;color:var(--muted);white-space:nowrap}.badge.gold{color:var(--accent);border-color:#756245}.badge.red{color:var(--red)}.tag{font-size:.875rem;color:var(--teal)}.skip{position:fixed;top:-80px;left:10px;z-index:100;background:var(--accent);color:#000;padding:1rem}.skip:focus{top:5px}.loading{padding:3rem}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);background:#0c191e;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:1.8rem 1rem;z-index:30}.brand{display:flex;gap:.85rem;align-items:center;color:var(--ink);text-decoration:none;margin:0 .4rem 2rem}.brand img{width:42px;height:42px}.brand b{font-family:Georgia,serif;font-size:1.2rem;font-weight:400;display:block;line-height:1.2}.brand small{font-size:.75rem;letter-spacing:.13em;color:var(--muted)}.nav{display:grid;gap:.35rem}.nav a{display:flex;gap:.8rem;align-items:center;text-decoration:none;color:var(--muted);padding:.65rem .8rem;border-radius:6px;font-size:.9375rem}.nav a:hover{background:var(--surface);color:var(--ink)}.nav a.active{background:#21343b;color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.navnum{font-size:.75rem;font-variant-numeric:tabular-nums;width:20px;opacity:.7}.sidefoot{margin-top:auto;padding:1.2rem .6rem 0;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted)}.topbar{position:sticky;top:0;z-index:20;margin-left:var(--side);height:76px;border-bottom:1px solid var(--line);background:#101c21f7;display:flex;align-items:center;gap:1rem;padding:1rem 2rem}.topbar .search{max-width:520px;flex:1;position:relative}.search input{padding-left:2.6rem;background:#172b33}.search span{position:absolute;left:.8rem;top:.4rem;color:var(--muted);font-size:1.3rem}.topbar .saved{font-size:.8125rem;color:var(--muted);margin-left:auto}.mobilemenu{display:none}main{margin-left:var(--side);padding:2rem;max-width:1750px;min-height:calc(100vh - 76px)}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:1.3rem;margin-bottom:1.5rem}.pagehead p{color:var(--muted);margin:0;max-width:70ch}.deskgrid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:1.25rem}.current-scene{border-top:3px solid var(--accent)}.sceneitem{display:flex;align-items:center;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line)}.sceneitem:last-child{border:0}.sceneitem .n{font-family:Georgia,serif;color:var(--accent);font-size:1.3rem;min-width:28px}.sceneitem a{color:var(--ink);text-decoration:none;display:block}.sceneitem small{color:var(--muted)}.sceneitem button{margin-left:auto}.track{display:flex;gap:.35rem;flex-wrap:wrap;margin:.8rem 0}.pip{width:28px;height:28px;border:1px solid #5b7074;border-radius:3px;background:#0f2229}.pip.on{background:var(--accent);border-color:var(--accent)}.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:1rem 0}.stat{text-align:center;padding:.8rem .35rem;background:#10242b;border:1px solid var(--line);border-radius:6px}.stat b{display:block;font-family:Georgia,serif;font-size:1.7rem;font-weight:400;line-height:1.25}.stat span{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.articlelayout{display:grid;grid-template-columns:260px minmax(0,780px);gap:2rem}.toc{position:sticky;top:96px;max-height:calc(100vh - 125px);overflow:auto;align-self:start;padding-right:.5rem}.toc a{display:block;text-decoration:none;font-size:.875rem;color:var(--muted);padding:.45rem .65rem;border-left:2px solid var(--line)}.toc a.active{border-color:var(--accent);color:var(--accent);background:var(--surface)}.prose{overflow-wrap:anywhere}.prose p{line-height:1.8}.prose table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.875rem}.prose th,.prose td{padding:.7rem;text-align:left;border:1px solid var(--line);vertical-align:top}.prose th{background:#223943;color:var(--accent)}.tablewrap{overflow-x:auto}.prose ul{padding-left:1.4rem}.article-actions{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:1.5rem}.result{display:block;padding:1rem 1.25rem;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--ink);margin-bottom:.75rem}.result h3{margin:.3rem 0}.result p{font-size:.875rem;color:var(--muted);margin:0}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:1rem}.char-card h2{margin:0}.char-card .hpbar{height:4px;background:#0b1920;margin:1rem 0}.hpbar span{height:100%;background:var(--teal);display:block}.char-card a{display:block}.abilitytable{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem}.ability{background:#10242b;padding:.65rem;border:1px solid var(--line);text-align:center;border-radius:6px}.ability label{text-transform:uppercase;font-size:.75rem;color:var(--accent)}.ability .score{font-size:1.6rem;font-family:Georgia,serif}.ability input{text-align:center;padding:.3rem;min-height:34px}.ability small{font-size:.75rem}.skillsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem 1rem}.skillrow{display:flex;align-items:center;gap:.6rem;font-size:.875rem}.skillrow select{width:72px;padding:.3rem}.skillrow b{margin-left:auto;color:var(--accent)}.slots{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.65rem 0}.slot{padding:.35rem .6rem;background:#284a48;border-color:#568b79}.slot.used{background:#172a30;color:#839b9e;text-decoration:line-through}.encounter-row{display:grid;grid-template-columns:75px minmax(130px,1fr) 76px 170px 150px;gap:.8rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:7px;background:var(--surface);margin-bottom:.8rem}.encounter-row.current{border-color:var(--accent);box-shadow:inset 4px 0 var(--accent)}.encounter-row.defeated{opacity:.7}.encounter-row .details{grid-column:2/-1;font-size:.875rem;color:var(--muted)}.encounter-row .amount{width:58px;min-height:34px;padding:.2rem}.encounter-row input{padding:.35rem}.maptoolbar{margin-bottom:1rem}.mapframe{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#0a191e;max-height:75vh}.mapstage{position:relative;margin:auto;line-height:0;min-width:500px}.mapstage img{width:100%;height:auto;display:block}.maptoken{position:absolute;transform:translate(-50%,-50%);width:3.5%;aspect-ratio:1;border-radius:50%;padding:0;font-size:clamp(9px,1vw,16px);background:#1f5976;color:white;border:2px solid white;line-height:1;z-index:2;overflow:hidden}.maptoken.enemy{background:#a64545}.maptoken.selected{outline:3px solid #ffde82}.maphint{font-size:.875rem;color:var(--muted);margin-top:.6rem}.seal{padding:1rem;border:1px solid var(--line);border-radius:8px;background:#11262d}.seal.active{border-color:var(--teal)}.seal h3{color:var(--accent)}.draft{white-space:normal}.draft h3{margin-top:1rem}.ai-status{border-left:3px solid var(--accent)}.outputarea{min-height:140px}.timer{font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace;color:var(--accent)}.notes{min-height:160px}#toast{position:fixed;bottom:24px;left:calc(var(--side) + 24px);max-width:550px;background:var(--accent);color:#12262b;border-radius:6px;padding:.7rem 1rem;z-index:80;box-shadow:0 12px 40px #0005;display:none}#toast.show{display:block}.downloads a{display:flex;justify-content:space-between;gap:1rem;text-decoration:none;border-bottom:1px solid var(--line);padding:.8rem 0}.mobileonly{display:none}.error{color:var(--red)}.playerbody{background:#081317}.playerbody main{margin:0;max-width:none;padding:1rem}.playerbody img{max-width:100%;max-height:95vh;display:block;margin:auto}.playerbody .prose{max-width:850px;margin:2rem auto}.playerbody .badge{display:none}.playerbody h1{color:var(--accent)}@media(min-width:1600px){main{padding:2.5rem 3rem}.topbar{padding-left:3rem}}@media(max-width:1100px){:root{--side:210px}main{padding:1.4rem}.topbar{padding:1rem 1.4rem}.deskgrid{grid-template-columns:1fr}.articlelayout{grid-template-columns:210px 1fr;gap:1rem}.encounter-row{grid-template-columns:60px 1fr 60px 155px}.encounter-row>.row:last-of-type{grid-column:2/-1}.skillsgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){:root{--side:0px}.sidebar{width:245px;transform:translateX(-100%);transition:transform .15s}.sidebar.open{transform:translateX(0);box-shadow:12px 0 80px #0008}.topbar{height:auto;min-height:70px;padding:.75rem 1rem}.topbar .saved{display:none}.mobilemenu{display:block}main{padding:1.2rem}.pagehead{flex-direction:column}.grid2,.grid3{grid-template-columns:1fr}.articlelayout{display:block}.toc{position:static;max-height:180px;margin-bottom:1.5rem}.abilitytable{grid-template-columns:repeat(3,1fr)}.statrow{grid-template-columns:repeat(3,1fr)}.encounter-row{grid-template-columns:55px 1fr 55px}.encounter-row>.row{grid-column:2/-1}.skillsgrid{grid-template-columns:1fr}.mobileonly{display:block}h1{font-size:1.9rem}.readaloud{padding:1rem}.mapstage{min-width:350px}.maptoken{font-size:10px}}@media print{body{background:white;color:black}.sidebar,.topbar,.pagehead .row,.article-actions,.toc,button,#toast,.noprint{display:none!important}main{margin:0;padding:0;max-width:none}.card,.callout,.readaloud,.stat,.ability,.seal{background:white;color:black;border-color:#aaa;break-inside:avoid}.prose,strong,h1,h2,h3,.muted,.eyebrow,.stat span{color:black}.articlelayout{display:block}.grid2,.deskgrid{display:block}.prose p{line-height:1.45}.prose th{background:#eee;color:black}input,textarea,select{background:white;color:black;border-color:#aaa}.abilitytable{grid-template-columns:repeat(6,1fr)}a{color:black}.mapframe{max-height:none;overflow:visible}}