.mdn-overlay{z-index:9999;padding:var(--sp-5);background:var(--bg,#0b0b0e);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mdn-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);max-width:360px;padding:var(--sp-6) var(--sp-5)}.mdn-icon{margin-bottom:var(--sp-3);font-size:40px}.mdn-title{font-family:var(--font-heading);font-size:var(--fs-h3);color:var(--text);margin-bottom:var(--sp-3);line-height:1.3}.mdn-text{font-size:var(--fs-ui);color:var(--text-muted);margin-bottom:var(--sp-5);line-height:1.6}.mdn-btn{width:100%;padding:var(--sp-3) var(--sp-4);font-family:var(--font-ui);font-size:var(--fs-ui);color:var(--bg,#0b0b0e);background:var(--gold);border-radius:var(--r-sm);cursor:pointer;border:none;transition:background .2s}.mdn-btn:hover{background:var(--gold-light)}.mdn-back{min-height:44px;margin-top:var(--sp-3);padding:0 var(--sp-3);font-family:var(--font-ui);font-size:var(--fs-ui);color:var(--text-muted);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.mdn-back:hover{color:var(--gold-light)}
.onb-help{right:var(--sp-4);bottom:calc(var(--sp-4) + var(--sp-8) + var(--sp-2));z-index:900;border:1px solid var(--gold-dim);background:var(--surface2);width:40px;height:40px;color:var(--gold-light);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;transition:border-color .12s,color .12s,background .12s;display:flex;position:fixed;box-shadow:0 4px 14px #0006}.onb-help:hover{border-color:var(--gold);background:var(--surface3);color:var(--gold)}.onb-overlay{z-index:1000;position:fixed;inset:0}.onb-dim{background:#0000009e;position:fixed;inset:0}.onb-spot{border-radius:var(--r-sm);border:2px solid var(--gold);pointer-events:none;position:fixed;box-shadow:0 0 0 9999px #0000009e}.onb-spot:after{content:"";border-radius:inherit;border:2px solid var(--gold-light);animation:onb-ping 1.6s var(--ease-out,ease-out) infinite;position:absolute;inset:-2px}@keyframes onb-ping{0%{opacity:.85;transform:scale(1)}70%{opacity:0;transform:scale(1.05)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.onb-spot:after{animation:none}}.onb-bubble{z-index:1001;gap:var(--sp-3);width:320px;max-width:calc(100vw - 24px);padding:var(--sp-4);background:var(--surface);border:1px solid var(--gold-dim);border-radius:var(--r-md);flex-direction:column;display:flex;position:fixed;box-shadow:0 16px 40px #0000008c}.onb-bubble-eyebrow{font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:.06em;color:var(--gold-dim)}.onb-bubble-title{font-family:var(--font-heading);font-size:var(--fs-h3);color:var(--gold-light);font-weight:600;line-height:1.15}.onb-bubble-text{font-size:var(--fs-caption);color:var(--text);line-height:1.55}.onb-bubble-foot{align-items:center;gap:var(--sp-3);margin-top:var(--sp-1);display:flex}.onb-bubble-count{font-size:var(--fs-eyebrow);color:var(--text-dim);font-variant-numeric:tabular-nums}.onb-bubble-spacer{flex:1}.onb-skip{color:var(--text-dim);font:inherit;font-size:var(--fs-caption);cursor:pointer;background:0 0;border:0;padding:0}.onb-skip:hover{color:var(--text-muted)}@media (prefers-reduced-motion:reduce){.onb-spot{transition:none}}
:root{--bg:#0f1112;--surface:#171a1b;--surface2:#1e2224;--surface3:#252a2c;--border:#2e3335;--border-mid:#3d4447;--gold:#b78b42;--gold-light:#d5b97a;--gold-dim:#7a5c28;--brass:#9e7a38;--text:#d6d2c4;--text-muted:#a09a8c;--text-dim:#87816f;--green:#1e2e18;--green-bright:#4e7055;--red:#7a2828;--red-bright:#cc6a6a;--mention-npc:#d5b97a;--mention-monster:#e58a8a;--mention-pc:#82c7e8;--mention-item:#c8a4e8;--mention-spell:#9baef2;--mention-faction:#8fcb91;--mention-map:#78c9be;--font-display:var(--font-cinzel-decorative), serif;--font-heading:var(--font-cormorant), Georgia, serif;--font-ui:var(--font-pt-sans), system-ui, "Segoe UI", Roboto, sans-serif;--font-body:var(--font-ui);--font-prose:var(--font-vollkorn), Georgia, serif;--fs-display:44px;--lh-display:1.1;--fs-h1:32px;--lh-h1:1.25;--fs-h2:26px;--lh-h2:1.3;--fs-h3:20px;--lh-h3:1.4;--fs-body:18px;--lh-body:1.6;--fs-ui:16px;--lh-ui:1.4;--fs-caption:15px;--lh-caption:1.45;--fs-micro:14px;--lh-micro:1.4;--fs-eyebrow:12px;--lh-eyebrow:1.3;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--dur-press:.14s;--dur-pop:.15s;--dur-menu:.16s;--dur-panel:.22s;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--r-sm:6px;--r-md:10px;--bd-hairline:1px solid var(--border);--bd-strong:1px solid var(--border-mid);--bd-accent:1px solid var(--gold-dim)}.tc-base{color:var(--text)}.tc-muted{color:var(--text-muted)}.tc-dim{color:var(--text-dim)}.tc-gold{color:var(--gold)}.tc-gold-lt{color:var(--gold-light)}.tc-gold-dk{color:var(--gold-dim)}.tc-danger{color:var(--red-bright)}.tc-success{color:var(--green-bright)}[data-theme=light]{--bg:#f2eee3;--surface:#fbf9f2;--surface2:#ede8da;--surface3:#e3dcc9;--border:#d8d1be;--border-mid:#c4bba2;--gold:#8a6420;--gold-light:#6e4f18;--gold-dim:#b79a5e;--brass:#7a5c28;--text:#2a2722;--text-muted:#5c564a;--text-dim:#6f6857;--green:#dce7d2;--green-bright:#3e6b49;--red:#f0d6d6;--red-bright:#a83a3a;--mention-npc:#8a6420;--mention-monster:#b23a3a;--mention-pc:#1f6e96;--mention-item:#7b4bb0;--mention-spell:#4a5bc4;--mention-faction:#3e7a40;--mention-map:#1f8578}.bg-accent{color:var(--gold-light);border:1px solid var(--gold-dim);background:#b78b4226}.bg-danger{color:var(--red-bright);border:1px solid var(--red);background:#7a282840}.bg-success{color:var(--green-bright);border:1px solid var(--green-bright);background:#1e2e1899}.bg-muted{background:var(--surface2);color:var(--text-muted);border:1px solid var(--border-mid)}.t-display{font-family:var(--font-display);font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:.04em}.t-h1{font-family:var(--font-heading);font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:.04em}.t-h2{font-family:var(--font-heading);font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:.04em}.t-h3{font-size:var(--fs-h3);line-height:var(--lh-h3)}.t-body{font-size:var(--fs-body);line-height:var(--lh-body)}.t-ui{font-size:var(--fs-ui);line-height:var(--lh-ui)}.t-caption{font-size:var(--fs-caption);line-height:var(--lh-caption)}.t-subtitle{font-family:var(--font-prose);font-style:italic;font-weight:500;font-size:var(--fs-h3);letter-spacing:.02em;color:var(--text-muted);line-height:1.3}.prose,.t-prose{font-family:var(--font-prose)}.t-eyebrow{font-size:var(--fs-eyebrow);line-height:var(--lh-eyebrow);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.t-title{font-family:var(--font-heading);font-size:var(--fs-h1);font-weight:600;line-height:var(--lh-h1);color:var(--gold-light)}.t-heading{font-family:var(--font-heading);font-size:var(--fs-h3);font-weight:600;line-height:var(--lh-h3);color:var(--gold)}.t-name{font-family:var(--font-heading);font-size:var(--fs-h3);font-weight:600;line-height:var(--lh-h3);color:var(--text)}.t-meta{font-family:var(--font-prose);font-style:italic;font-size:var(--fs-micro);color:var(--text-muted);line-height:1.4}.t-value{font-family:var(--font-ui);font-size:var(--fs-ui);line-height:var(--lh-ui);color:var(--text)}.t-label{font-family:var(--font-ui);font-size:var(--fs-micro);color:var(--text-muted);line-height:1.4}.t-hint{font-family:var(--font-ui);font-size:var(--fs-micro);color:var(--text-dim);line-height:1.4}.t-stat{font-family:var(--font-ui);font-size:var(--fs-h3);color:var(--text);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.t-caps{font-family:var(--font-ui);font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}html{font-variant-numeric:lining-nums}h1{font-family:var(--font-heading);font-size:var(--fs-h1);line-height:var(--lh-h1)}h2{font-family:var(--font-heading);font-size:var(--fs-h2);line-height:var(--lh-h2)}h3{font-size:var(--fs-h3);line-height:var(--lh-h3)}h4{font-size:var(--fs-body);line-height:var(--lh-body);font-weight:600}p{font-size:var(--fs-body);line-height:var(--lh-body)}small{font-size:var(--fs-caption);line-height:var(--lh-caption)}label{font-size:var(--fs-ui);line-height:var(--lh-ui);color:var(--text-muted)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}select,select option{background-color:var(--surface2);color:var(--text)}button{background:0 0;border:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.btn{font-family:var(--font-ui);font-size:var(--fs-ui);padding:var(--sp-2) var(--sp-4);border:1px solid var(--border-mid);color:var(--text-muted);cursor:pointer;transition:border-color .2s, color .2s, background .2s, transform var(--dur-press) var(--ease-out);white-space:nowrap;align-items:center;gap:var(--sp-2);border-radius:var(--r-sm);background:0 0;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--gold-dim);color:var(--gold)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default;pointer-events:none}.btn-primary{background:var(--gold);color:var(--bg);border-color:var(--gold);font-weight:600}.btn-primary:hover{background:var(--gold-light)}.btn-danger{color:var(--red-bright);border-color:var(--red)}.btn-danger:hover{background:color-mix(in srgb, var(--red) 45%, var(--bg));color:color-mix(in srgb, var(--red-bright), white 20%);border-color:color-mix(in srgb, var(--red), var(--red-bright) 40%)}.btn-sm{font-size:var(--fs-caption);padding:var(--sp-2) var(--sp-3)}.m-input{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);font-size:var(--fs-ui);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);box-sizing:border-box;outline:none}.m-input:focus{border-color:var(--gold-dim)}select.m-input{cursor:pointer}.m-textarea{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);font-size:var(--fs-ui);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);box-sizing:border-box;resize:vertical;min-height:70px;line-height:var(--lh-body);outline:none}.m-textarea:focus{border-color:var(--gold-dim)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.m-input:focus-visible,.m-textarea:focus-visible{outline:2px solid var(--gold);outline-offset:0;border-color:var(--gold-dim)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{interpolate-size:allow-keywords}details::details-content{height:0;transition:height var(--dur-menu) var(--ease-out), content-visibility var(--dur-menu) allow-discrete;overflow:hidden}details[open]::details-content{height:auto}.m-label{font-family:var(--font-ui);font-size:var(--fs-eyebrow);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--sp-2)}html{-moz-text-size-adjust:100%;text-size-adjust:100%}@media (max-width:900px){input,select,textarea{scroll-margin-bottom:var(--sp-8);font-size:max(16px,1em)}.btn,.pc-edit-tab,.cn-item{min-height:44px}.btn-icon{min-width:44px;min-height:44px}body{overflow-x:clip}.hint-pointer{display:none!important}}@media (max-width:600px){.ui-modal-backdrop.ui-modal-backdrop{z-index:9000;justify-content:stretch;align-items:stretch;padding:0;display:flex;overflow:hidden}.ui-modal.ui-modal{width:100%;max-width:none;height:100dvh;max-height:none;box-shadow:none;border:none;border-bottom:env(safe-area-inset-bottom,0px) solid var(--surface);border-radius:0;flex-direction:column;display:flex;overflow:hidden}.ui-modal.ui-modal-scroll{overscroll-behavior:contain;overflow-y:auto}.ui-modal-head{flex:none}.ui-modal-head>.btn-icon{flex:none;align-self:flex-start}.ui-modal-body.ui-modal-body{overscroll-behavior:contain;flex:auto;align-content:start;min-height:0;max-height:none;overflow-y:auto}.ui-modal-foot.ui-modal-foot{flex:none;margin-top:auto}.ui-modal-foot>.btn-primary{flex:auto;justify-content:center}.tp-chip,.gf-chip,.sp-prep-pill,.sd-insp-btn{position:relative}.tp-chip:after,.gf-chip:after,.sp-prep-pill:after,.sd-insp-btn:after{content:"";min-width:44px;height:44px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}}