:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e8ddc4;--surface:#ede5d1f5;--surface-solid:#ede5d1;--surface-2:#e3d8be;--surface-inset:#4a3b2f1a;--input-bg:#4a3b2f12;--border:#4a3b2f;--border-subtle:#4a3b2f59;--text:#40332a;--text-muted:#6a5947;--accent:#4f8cbf;--accent-bright:#74b2e0;--on-accent:#f6f0df;--danger:#c05b49;--danger-strong:#9c4534;--danger-soft:#c05b4929;--danger-text:#7c3728;--success:#6e8148;--text-faint:#98866b;--text-invert:#f6f0df;--surface-page:#f4eedf;--surface-plaque:#b7a585;--surface-plaque-2:#a28e6c;--surface-wood:#8a6e52;--surface-wood-2:#66503a;--surface-slate:#56688a;--map-bg:#1e1a15;--primary:#e2b458;--primary-strong:#c2913c;--primary-soft:#f1dfae;--on-primary:#3a2e1d;--accent-soft:#c7dff1;--success-soft:#dde2c6;--backdrop:#34261c6b;--font-display:"Alegreya", Georgia, "Times New Roman", serif;--font-body:"PT Sans", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--font-mono:"PT Mono", Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--radius:8px;--radius-lg:14px;--r-wob-sm:8px 10px 7px 11px / 10px 7px 11px 8px;--r-wob-md:14px 11px 15px 10px / 11px 15px 10px 14px;--r-wob-lg:22px 17px 24px 15px / 17px 23px 15px 22px;--r-wob-pill:49% 51% 48% 52% / 52% 48% 53% 47%;--elev-1:0 2px 8px #4a3b2f2e;--elev-2:0 8px 26px #4a3b2f38;--elev-3:0 16px 44px #3a2c204d;--shadow:var(--elev-2);--blur:blur(6px);--shadow-panel:0 2px 0 #4a3b2f0d, 0 10px 26px #4a3b2f29;--shadow-pop:0 4px 0 #4a3b2f0d, 0 20px 44px #3a2c204d;--shadow-ledge:inset 0 -3px 0 #4a3b2f29;--shadow-well:inset 0 2px 5px #4a3b2f29;--shadow-lift:0 6px 14px #4a3b2f38;--tex-grain:url(/textures/paper-grain.png);--tex-speckle:url(/textures/ink-speckles.png);--dur-1:.12s;--dur-2:.22s;--dur-3:.34s;--ease-out:cubic-bezier(.22, .9, .36, 1);--ease-spring:cubic-bezier(.34, 1.42, .44, 1);--notch-l:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8'%3E%3Crect width='2.4' height='8' fill='%23EDE5D1'/%3E%3Cpolyline points='1,0 1,1.5 3.6,4 1,6.5 1,8' fill='none' stroke='%234A3B2F' stroke-width='2'/%3E%3C/svg%3E");--notch-r:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8'%3E%3Crect x='2.6' width='2.4' height='8' fill='%23EDE5D1'/%3E%3Cpolyline points='4,0 4,1.5 1.4,4 4,6.5 4,8' fill='none' stroke='%234A3B2F' stroke-width='2'/%3E%3C/svg%3E");--notch-t:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Crect width='8' height='2.4' fill='%23EDE5D1'/%3E%3Cpolyline points='0,1 1.5,1 4,3.6 6.5,1 8,1' fill='none' stroke='%234A3B2F' stroke-width='2'/%3E%3C/svg%3E");--notch-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Crect y='2.6' width='8' height='2.4' fill='%23EDE5D1'/%3E%3Cpolyline points='0,4 1.5,4 4,1.4 6.5,4 8,4' fill='none' stroke='%234A3B2F' stroke-width='2'/%3E%3C/svg%3E")}[data-accent=moss]{--accent:#6f8a48;--accent-bright:#93ac66;--accent-soft:#dce3c2;--surface-slate:#5c7155}[data-accent=ember]{--accent:#b05f33;--accent-bright:#d08153;--accent-soft:#f2d9c4;--surface-slate:#7a4a52}[data-accent=lapis]{--accent:#4b69a6;--accent-bright:#6d8cc7;--accent-soft:#d3dcef;--surface-slate:#46598c}[data-accent=amethyst]{--accent:#7a52a6;--accent-bright:#9a75c2;--accent-soft:#e3d8ef;--surface-slate:#5d4a7a}[data-accent=rose]{--accent:#b04f78;--accent-bright:#cf7098;--accent-soft:#f2d5e0;--surface-slate:#7a4a5e}[data-accent=teal]{--accent:#2f8a80;--accent-bright:#4faaa0;--accent-soft:#c9e6e1;--surface-slate:#3f6b64}[data-accent=crimson]{--accent:#b83232;--accent-bright:#d15c56;--accent-soft:#f2d3ce;--surface-slate:#7a3c3c}[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#26282e;--surface:#4b4f57f7;--surface-solid:#4b4f57;--surface-2:#40444b;--surface-inset:#0000004d;--input-bg:#0000003d;--border:#15161a;--border-subtle:#0a0b0e8c;--text:#eae7de;--text-muted:#c2c0b6;--accent:#7fb3e2;--accent-bright:#9fc8ec;--on-accent:#1b2b3c;--danger:#cd6a55;--danger-strong:#e08d77;--danger-soft:#cd6a5533;--danger-text:#f2c4b6;--success:#9cb070;--text-faint:#92918a;--text-invert:#f6f0df;--surface-page:#5b5f67;--surface-plaque:#5a6170;--surface-plaque-2:#4c525f;--surface-wood:#3a3d44;--surface-wood-2:#2b2e34;--surface-slate:#3c4c6e;--map-bg:#1f2126;--primary:#e7bc5f;--primary-strong:#f2d186;--primary-soft:#544b31;--on-primary:#3a2e1d;--accent-soft:#31435c;--success-soft:#3d4432;--backdrop:#08090d99;--elev-1:0 2px 8px #06040a73;--elev-2:0 8px 26px #06040a8c;--elev-3:0 16px 44px #06040aa6;--shadow-panel:0 2px 0 #0000001f, 0 12px 28px #08050c80;--shadow-pop:0 4px 0 #0000001f, 0 22px 48px #06040aa6;--shadow-ledge:inset 0 -3px 0 #0000004d;--shadow-well:inset 0 2px 5px #00000059;--shadow-lift:0 6px 14px #06040a80;--notch-l:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8'%3E%3Crect width='2.4' height='8' fill='%234B4F57'/%3E%3Cpolyline points='1,0 1,1.5 3.6,4 1,6.5 1,8' fill='none' stroke='%2315161A' stroke-width='2'/%3E%3C/svg%3E");--notch-r:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8'%3E%3Crect x='2.6' width='2.4' height='8' fill='%234B4F57'/%3E%3Cpolyline points='4,0 4,1.5 1.4,4 4,6.5 4,8' fill='none' stroke='%2315161A' stroke-width='2'/%3E%3C/svg%3E");--notch-t:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Crect width='8' height='2.4' fill='%234B4F57'/%3E%3Cpolyline points='0,1 1.5,1 4,3.6 6.5,1 8,1' fill='none' stroke='%2315161A' stroke-width='2'/%3E%3C/svg%3E");--notch-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Crect y='2.6' width='8' height='2.4' fill='%234B4F57'/%3E%3Cpolyline points='0,4 1.5,4 4,1.4 6.5,4 8,4' fill='none' stroke='%2315161A' stroke-width='2'/%3E%3C/svg%3E")}[data-theme=night][data-accent=moss]{--accent:#a3bc74;--accent-bright:#bcd293;--accent-soft:#3c452d;--on-accent:#1f2a12;--surface-slate:#465542}[data-theme=night][data-accent=ember]{--accent:#d98f63;--accent-bright:#e7ac85;--accent-soft:#4e3327;--on-accent:#38200f;--surface-slate:#5c3a40}[data-theme=night][data-accent=lapis]{--accent:#8aa4d8;--accent-bright:#a8bee8;--accent-soft:#303c57;--on-accent:#16233f;--surface-slate:#3a4a75}[data-theme=night][data-accent=amethyst]{--accent:#b295d6;--accent-bright:#cab2e6;--accent-soft:#382e4e;--on-accent:#241638;--surface-slate:#493c66}[data-theme=night][data-accent=rose]{--accent:#d98aac;--accent-bright:#e7a8c2;--accent-soft:#4e2b3a;--on-accent:#38182a;--surface-slate:#5c3a4a}[data-theme=night][data-accent=teal]{--accent:#63c0b4;--accent-bright:#8ad6cc;--accent-soft:#26443f;--on-accent:#10302b;--surface-slate:#35594f}[data-theme=night][data-accent=crimson]{--accent:#dd7168;--accent-bright:#ea968f;--accent-soft:#4e2c29;--on-accent:#3a1613;--surface-slate:#5c3838}.sheet7{background:var(--surface-solid);align-items:stretch;height:100%;min-height:0;display:flex;position:relative;container-type:inline-size}.sheet7-panel{z-index:1;background:var(--surface-solid);flex:auto;align-items:stretch;min-width:0;margin-right:44px;display:flex;position:relative}.sheet7-sidebar{border-right:1px solid var(--border-subtle);background:var(--surface-inset);flex:0 0 190px;width:190px;min-width:0;overflow-y:auto}.sheet7--sidebar-collapsed .sheet7-sidebar{display:none}.sheet7-collapse{border:1px solid var(--border-subtle);border-radius:0 var(--radius) var(--radius) 0;background:var(--surface-inset);width:14px;color:var(--text-muted);cursor:pointer;border-left:none;flex:none;align-self:center;padding:.6rem 0}.sheet7-collapse:hover{color:var(--text)}.sheet7-main{flex-direction:column;flex:auto;min-width:0;display:flex}.sheet7-page-scroll{flex:auto;min-height:0;padding:.5rem;overflow-y:auto}.sheet7-rail{z-index:3;flex-direction:column;align-items:flex-end;gap:12px;width:34px;display:flex;position:absolute;top:14px;right:8px}.sheet7>.sheet7-rail{z-index:0}.window-siderail .sheet7-rail{width:34px;position:static;top:auto;right:auto}.window:has(>.window-siderail) .sheet7-panel{margin-right:0}.sheet-rail-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);width:34px;height:34px;color:var(--text-muted);cursor:pointer;box-shadow:var(--elev-1);place-items:center;font-size:1rem;transition:transform .1s,color .12s,background .12s;display:grid}.sheet-rail-btn:hover{color:var(--text);transform:translate(-4px)}.sheet-rail-btn--active{width:52px;color:var(--accent);background:var(--surface-solid);border-color:var(--border);border-left-color:var(--surface-solid);box-shadow:none;border-top-left-radius:0;border-bottom-left-radius:0;justify-items:end;padding-right:9px}.sheet-vitals{flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.reveal-toggle--sidebar{text-align:center;align-self:stretch}.sheet-portrait.sheet-portrait--lg{aspect-ratio:1;border-radius:var(--r-wob-sm);width:100%;height:auto}.sheet-portrait-btn.sheet-portrait-btn--lg{aspect-ratio:1;width:100%;height:auto}.sheet-portrait--lg.sheet-portrait--empty{font-size:2.4rem}.sheet-vitals>.sheet-portrait--lg{background:var(--surface-inset);border-style:dashed}.ac-shield{z-index:1;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--surface-2);border:1px solid var(--border);align-self:center;place-items:center;width:3.8rem;height:3.8rem;margin-top:-1.9rem;display:grid;position:relative}.ac-shield-icon{opacity:.25;font-size:1.6rem;position:absolute}.ac-shield-value{font-family:var(--font-display);color:var(--accent);text-align:center;background:0 0;border:none;width:2.2rem;font-size:1.2rem;position:relative}.vitals-badges{justify-content:space-between;gap:.3rem;display:flex}.stat-badge{text-align:center;border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface);flex:1;padding:.2rem .1rem}.stat-badge-value{font-family:var(--font-display);color:var(--accent);font-size:.95rem}.stat-badge-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.06em;font-size:.6rem}.vitals-block{flex-direction:column;gap:.25rem;display:flex}.vitals-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.62rem}.vitals-row{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.vitals-sub{color:var(--text-muted);font-size:.68rem}.vitals-row input{width:3.4rem}.vitals-skill{border-bottom:1px solid var(--border-subtle);justify-content:space-between;font-size:.8rem;display:flex}.vitals-skill .total{color:var(--accent);font-family:var(--font-display)}.bar-meter{border-radius:var(--radius);background:var(--surface-inset);border:1px solid var(--border-subtle);height:1.5rem;position:relative;overflow:hidden}.bar-meter-fill{background:var(--success);opacity:.4;position:absolute;inset:0 auto 0 0}.bar-meter--over .bar-meter-fill{background:var(--danger)}.bar-meter-text{justify-content:center;align-items:center;gap:.25rem;height:100%;font-size:.8rem;display:flex;position:relative}.bar-meter-text input{text-align:center;width:2.6rem;padding:.05rem .1rem}.hp-edit{align-items:center;gap:.2rem;display:inline-flex}.death-saves{flex-direction:column;align-items:center;gap:.3rem;display:flex}.death-skull{cursor:pointer;opacity:.6;background:0 0;border:none;font-size:1.1rem}.death-skull--active,.death-skull--open{opacity:1}.death-tracker{align-items:center;gap:.4rem;display:flex}.death-col{gap:.2rem;display:flex}.death-skull-mid{opacity:.4}.death-pip{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;width:.9rem;height:.9rem}.death-pip--success.death-pip--full{background:var(--success)}.death-pip--fail.death-pip--full{background:var(--danger)}.favorites-drop{border:1px dashed var(--border);border-radius:var(--radius);text-align:center;min-height:2rem;padding:.4rem}.sheet-header{border-bottom:1px solid var(--border-subtle);align-items:flex-start;gap:.5rem;padding:.5rem;display:flex}.sheet-header-main{flex:6.5rem;min-width:6.5rem}.sheet-name,.sheet-name-input{font-family:var(--font-display);color:var(--text);background:0 0;border:none;width:100%;padding:0;font-size:1.15rem}.sheet-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.sheet-meta{color:var(--text-muted);font-size:.7rem}.sheet-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.25rem;display:flex}.rest-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:.2rem .4rem}.rest-btn:hover{border-color:var(--accent)}.level-ring{border:2px solid var(--border);background:var(--surface-inset);border-radius:50%;flex:none;place-items:center;width:2.8rem;height:2.8rem;display:grid}.level-ring-value{font-family:var(--font-display);color:var(--accent);font-size:1.2rem}.level-ring-input{text-align:center;width:2rem;font-family:var(--font-display);color:var(--accent);background:0 0;border:none;font-size:1.1rem}.sheet-size-warn{color:var(--danger);background:var(--danger-soft);border-bottom:1px solid var(--border-subtle);padding:.3rem .5rem;font-size:.72rem}.sheet-page{flex-direction:column;gap:.6rem;display:flex}.sheet-page--hidden{text-align:center;padding:1.5rem}.sheet-section{border:1px solid var(--border-subtle);border-radius:var(--r-wob-sm);background:var(--surface-page);min-width:0;padding:.4rem .5rem .5rem;overflow:hidden}.sheet-section>.sheet-section-head,.sheet-section>.sheet-section-title{background:var(--surface-inset);justify-content:space-between;align-items:center;margin:-.4rem -.5rem .35rem;padding:.25rem .5rem;display:flex}.sheet-section--flush{padding:0}.sheet-section--flush>.rt-group-head{border-radius:0}.sheet-section--flush>.rt-row-wrap:last-child>.rt-row{border-bottom:none}.main-col>.sheet-section{flex-direction:column;gap:.1rem;display:flex}.sheet-field{flex-direction:column;gap:.15rem;display:flex}.sheet-field label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.62rem}.sheet-section-head{justify-content:space-between;align-items:center;margin-top:.3rem;display:flex}.sheet-section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.78rem}.sheet-add-btn{font-size:.72rem}.prof-dot{border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;width:.85rem;height:.85rem}.prof-dot--prof{background:var(--accent);border-color:var(--accent)}.prof-dot--expertise{background:var(--accent-bright);border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--surface-solid)}.uses-cell{align-items:center;gap:.2rem;display:inline-flex}.uses-cell input{text-align:center;width:2.2rem;padding:.05rem}.slot-pips{gap:.2rem;display:inline-flex}.slot-pip{border:1.5px solid var(--border);width:.85rem;height:.85rem;box-shadow:none;cursor:pointer;background:0 0;border-radius:50%}.slot-pip--full{background-color:#b7b4c4;background-image:linear-gradient(#fff3,#fff0 55%),url(/textures/opal-b.webp);background-position:50%,35% 60%;background-size:auto,90px}.slot-pip--full:nth-child(2n){background-position:50%,70% 25%}.slot-pip--full:nth-child(3n){background-position:50%,15% 80%}[data-theme=night] .slot-pip--full{box-shadow:0 0 6px #d6d2f273}.pill-list{flex-direction:column;gap:.2rem;margin-top:.25rem;display:flex}.pill-list-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.62rem}.pill-list-items{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.pill{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:999px;align-items:center;gap:.2rem;padding:.1rem .4rem;font-size:.72rem;display:inline-flex}.pill-x{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.7rem}.pill-x:hover{color:var(--danger)}.pill-add{width:5rem;padding:.1rem .3rem;font-size:.72rem}.row-table{flex-direction:column;gap:.6rem;display:flex}.rt-search{background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:var(--radius);align-items:center;gap:.3rem;padding:.2rem .4rem;display:flex}.rt-search input{background:0 0;border:none;flex:1}.rt-search-icon{opacity:.5;font-size:.8rem}.rt-empty{padding:.4rem;font-size:.8rem}.rt-group{flex-direction:column;display:flex}.rt-group-head{background:var(--surface-inset);border-radius:var(--radius);align-items:center;gap:.4rem;padding:.2rem .4rem;display:flex}.rt-group-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);flex:1;font-size:.72rem}.rt-group-cols{text-transform:uppercase;color:var(--text-muted);gap:.4rem;font-size:.58rem;display:flex}.rt-add{padding:0 .3rem;font-size:.9rem}.rt-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.4rem;padding:.2rem .4rem;display:flex}.rt-name{flex:auto;min-width:0}.rt-cells{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.rt-actions{flex-shrink:0;align-items:center;gap:.1rem;display:flex}.rt-expand{background:var(--surface-inset);border-bottom:1px solid var(--border-subtle);padding:.4rem .6rem}.rt-expand-note{padding:.4rem .6rem;font-size:.78rem}.inv-name{flex-direction:column;display:flex}.inv-name-input{background:0 0;border:none;padding:0;font-weight:600}.inv-name-text{font-size:.85rem;font-weight:600}.inv-subtitle{color:var(--text-muted);font-size:.65rem}.inv-cell{justify-content:flex-end;align-items:center;min-width:2.4rem;font-size:.8rem;display:inline-flex}.inv-cell--sm{min-width:2rem;color:var(--text-muted);font-size:.72rem}.inv-num{text-align:center;width:2.6rem;padding:.05rem}.inv-qty{gap:.15rem}.qty-step{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;width:1.1rem;height:1.1rem;line-height:1}.inv-equip{gap:.15rem}.equip-toggle,.attune-toggle,.prepared-toggle,.effect-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius);width:1.4rem;height:1.4rem;color:var(--text-muted);cursor:pointer;opacity:.5;background:0 0}.equip-toggle--on,.attune-toggle--on,.prepared-toggle--on,.effect-toggle--on{opacity:1;color:var(--accent);border-color:var(--accent)}.inv-expand-grid{grid-template-columns:auto 1fr;align-items:center;gap:.25rem .5rem;margin-bottom:.3rem;display:grid}.inv-expand-grid label{color:var(--text-muted);font-size:.7rem}.inv-expand textarea,.bio-block textarea{width:100%}.ability-row{grid-template-columns:repeat(6,1fr);gap:.3rem;display:grid}.ability-label-rest{display:none}.ability-block{text-align:center;border:1px solid var(--border-subtle);border-radius:var(--radius);min-width:0;padding:.2rem}.ability-block-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;overflow:hidden}.ability-block-label b{color:var(--text);font-weight:700}.ability-block-mod{font-family:var(--font-display);color:var(--accent);cursor:pointer;background:0 0;border:none;width:100%;font-size:1rem}.ability-block-score{text-align:center;width:100%;margin-top:.1rem;padding:.1rem}.main-columns,.main-col{flex-direction:column;gap:.6rem;display:flex}.skill-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:1rem 1.6rem 1fr auto auto 1.6rem;align-items:center;gap:.3rem;padding:.05rem 0;font-size:.8rem;display:grid}.skill-abbr{color:var(--text-muted);font-size:.62rem}.skill-name{min-width:0}.skill-mod-input{text-align:center;width:2.4rem;padding:.05rem}.skill-total{font-family:var(--font-display);color:var(--accent);cursor:pointer;text-align:right;background:0 0;border:none}.skill-passive{color:var(--text-muted);text-align:right;font-size:.72rem}.saves-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.2rem .6rem;display:grid}.save-row{grid-template-columns:1rem 1fr auto auto;align-items:center;gap:.3rem;font-size:.8rem;display:grid}.save-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.save-total{font-family:var(--font-display);color:var(--accent);cursor:pointer;background:0 0;border:none}.save-mod-input{text-align:center;width:2.4rem;padding:.05rem}.npc-stat-header{flex-direction:column;gap:.4rem;display:flex}.npc-saves-row{flex-wrap:wrap;gap:.3rem;display:flex}.npc-save-chip{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface);cursor:pointer;align-items:center;gap:.2rem;padding:.15rem .4rem;font-size:.75rem;display:inline-flex}.npc-save-chip .total{color:var(--accent);font-family:var(--font-display)}.class-chip{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-inset);font-family:var(--font-display);align-self:flex-start;padding:.2rem .6rem;font-size:.85rem}.encumbrance{flex-direction:column;gap:.3rem;display:flex}.encumbrance-bar{border-radius:var(--radius);border:1px solid var(--border-subtle);background:var(--surface-inset);height:1.4rem;position:relative;overflow:hidden}.encumbrance-fill{background:var(--accent);opacity:.3;position:absolute;inset:0 auto 0 0}.encumbrance-bar--over .encumbrance-fill{background:var(--danger);opacity:.4}.encumbrance-text{justify-content:center;align-items:center;height:100%;font-size:.78rem;display:flex;position:relative}.encumbrance-stats{grid-template-columns:repeat(4,1fr);gap:.3rem;display:grid}.enc-stat{border:1px solid var(--border-subtle);border-radius:var(--radius);flex-direction:column;align-items:center;padding:.2rem;display:flex}.enc-stat-label{text-transform:uppercase;color:var(--text-muted);font-size:.55rem}.enc-stat-value{font-size:.85rem}.enc-attune-max{text-align:center;width:2rem;padding:0}.currency-row{grid-template-columns:repeat(5,1fr);gap:.3rem;display:grid}.currency-cell{border:1px solid var(--border-subtle);border-radius:var(--radius);flex-direction:column;align-items:center;gap:.1rem;padding:.2rem;display:flex}.currency-cell input{text-align:center;width:3rem;padding:.05rem}.currency-label{color:var(--text-muted);font-size:.6rem}.spellcasting-card{grid-template-columns:repeat(3,1fr);gap:.3rem;display:grid}.spellcasting-cell{flex-direction:column;align-items:center;gap:.1rem;display:flex}.sc-label{text-transform:uppercase;color:var(--text-muted);font-size:.58rem}.sc-value{font-family:var(--font-display);color:var(--accent);text-align:center;background:0 0;border:none;width:3rem;font-size:1rem}.spell-slots{flex-direction:column;gap:.2rem;display:flex}.spell-slot-row{align-items:center;gap:.4rem;font-size:.78rem;display:flex}.spell-slot-lv{min-width:2.6rem;color:var(--text-muted)}.spell-slot-max{color:var(--text-muted);align-items:center;gap:.2rem;font-size:.68rem;display:inline-flex}.spell-slot-max input{text-align:center;width:2rem;padding:0}.spell-add-bar{gap:.4rem;display:flex}.conditions-section{flex-direction:column;gap:.3rem;display:flex}.conditions-hint{font-size:.72rem}.conditions-grid{grid-template-columns:repeat(3,1fr);gap:.3rem;display:grid}.condition-cell{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);cursor:pointer;align-items:center;gap:.3rem;padding:.25rem .4rem;font-size:.78rem;display:flex}.condition-cell:disabled{opacity:.5;cursor:default}.condition-cell--on{color:var(--text);border-color:var(--accent);background:var(--surface-2)}.condition-emoji{opacity:.5}.condition-cell--on .condition-emoji{opacity:1}.trait-group{flex-direction:column;gap:.1rem;display:flex}.trait-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.5rem;padding:.3rem 0;display:flex}.trait-group .trait-row:last-child{border-bottom:none}.trait-info{flex:1;min-width:0}.trait-name{font-size:.82rem;font-weight:600}.trait-desc{color:var(--text-muted);font-size:.7rem}.trait-lock{cursor:pointer;opacity:.5;background:0 0;border:none;font-size:1rem}.trait-lock--on{opacity:1}.trait-num{text-align:center;width:3.5rem}.trait-class{width:8rem}.bio-details{grid-template-columns:repeat(3,1fr);gap:.3rem .5rem;display:grid}.bio-columns{flex-direction:column;gap:.6rem;display:flex}.bio-col{flex-direction:column;gap:.4rem;display:flex}.bio-block{flex-direction:column;gap:.15rem;display:flex}.bio-block label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.62rem}.bio-full{min-height:8rem}@container (width>=680px){.sheet7-sidebar{flex-basis:200px;width:200px}.main-columns{flex-direction:row}.main-columns .main-col{flex:1;min-width:0}.bio-columns{flex-direction:row}.bio-columns .bio-col{flex:1;min-width:0}.sheet7--sidebar-collapsed .ability-label-rest{display:inline}}@container (width>=850px){.ability-label-rest{display:inline}}@container (width<=520px){.sheet7-sidebar{flex-basis:158px;width:158px}.ability-row{gap:.2rem}.ability-block-score{padding:.05rem}.encumbrance-stats,.conditions-grid,.bio-details{grid-template-columns:repeat(2,1fr)}}.roll-parts{flex-wrap:wrap;align-items:center;gap:.2rem;margin-top:.15rem;display:flex}.roll-chip{border:1px solid var(--border-subtle);background:var(--surface-2);border-radius:999px;align-items:center;gap:.2rem;padding:.05rem .35rem;font-size:.7rem;display:inline-flex}.roll-chip-label{text-transform:uppercase;letter-spacing:.04em;opacity:.75;font-size:.6rem}.roll-chip-value{font-family:var(--font-mono)}.roll-chip--die{background:var(--primary-soft);border-color:var(--primary-strong)}.roll-chip--ability{background:var(--accent-soft);border-color:var(--accent)}.roll-chip--prof{background:var(--success-soft);border-color:var(--success)}.roll-chip--item{background:var(--danger-soft);border-color:var(--danger)}.roll-chip--flat{background:var(--surface-2)}.roll-chip--adv{color:var(--text-muted);background:0 0;border-style:dashed}.roll-chip--crit{background:var(--danger);border-color:var(--danger-strong);color:var(--text-invert);letter-spacing:.06em;font-weight:700}.hp-stepper{align-items:center;gap:.2rem;font-size:.8rem;display:inline-flex}.hp-stepper-value{font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:.1rem;display:inline-flex}.hp-stepper .hp-num{text-align:center;width:2.1rem;font-family:var(--font-mono);padding:.05rem;font-size:.8rem}.hp-temp{color:var(--accent);margin-left:.15rem}.hp-step{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;width:1.2rem;height:1.2rem;line-height:1}.hp-step--dmg:hover{border-color:var(--danger);color:var(--danger)}.hp-step--heal:hover{border-color:var(--success);color:var(--success)}.hp-amount{text-align:center;width:2.2rem;padding:.05rem}.hp-stepper--compact .hp-amount{width:1.8rem}.init-row .hp-stepper{margin-left:auto}.stage-actors{border-top:1px solid var(--border-subtle);padding-top:.4rem}.stage-actor-list{flex-direction:column;gap:.2rem;max-height:12rem;display:flex;overflow-y:auto}.stage-actor-row{text-align:left;padding:.2rem .4rem;font-size:.8rem}.assets-page-body{flex:auto;min-height:0;padding:.75rem;overflow-y:auto}.assets-hint,.assets-error{margin:0 0 .6rem;font-size:.82rem}.assets-error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius);padding:.3rem .5rem}.assets-group{margin-bottom:1rem}.assets-group-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 .4rem;font-size:.85rem}.assets-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem;display:grid}.asset-card{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:.3rem;padding:.4rem;display:flex}.asset-thumb{aspect-ratio:1;background:var(--surface-inset);border-radius:var(--radius);place-items:center;display:grid;overflow:hidden}.asset-thumb img{object-fit:contain;max-width:100%;max-height:100%}.asset-meta{color:var(--text-muted);justify-content:space-between;font-size:.68rem;display:flex}.asset-usage--used{color:var(--accent)}.asset-actions{justify-content:space-between;gap:.3rem;display:flex}.asset-actions .btn-ghost{padding:.15rem .4rem;font-size:.72rem}.asset-del:hover{color:var(--danger)}.asset-picker{flex-direction:column;gap:.7rem;width:min(680px,96vw);max-height:80vh;display:flex}.asset-picker-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.asset-picker-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.5rem;min-height:0;padding:.15rem;display:grid;overflow-y:auto}.asset-picker-item{aspect-ratio:1;background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;place-items:center;padding:0;display:grid;overflow:hidden}.asset-picker-item:hover{border-color:var(--accent)}.asset-picker-item img{object-fit:cover;width:100%;height:100%}.sheet-portrait-lib{z-index:1;color:var(--text-invert);border:1px solid var(--border);box-shadow:none;cursor:pointer;background:#1e1812b8;border-radius:6px;padding:2px 8px;font-size:.62rem;position:absolute;top:30px;right:6px}.sheet-portrait-lib:hover:not(:disabled){color:var(--text-invert);box-shadow:none;background:#1e1812eb;transform:none}.sheet-portrait-lib--empty{top:6px}.stat-total-wrap{justify-content:flex-end;align-items:center;gap:.15rem;display:inline-flex}.derived-num{align-items:center;gap:.15rem;display:inline-flex}.derived-num input{text-align:center;width:2.6rem;padding:.05rem}.ovr-marker{cursor:pointer;color:var(--accent);background:0 0;border:none;padding:0;font-size:.5rem;line-height:1}.ovr-marker:hover{color:var(--danger)}.ovr-edit{text-align:right;width:2.6rem;padding:.05rem}.misc-wrap{align-items:center;gap:.1rem;display:inline-flex}.dc-warn{cursor:pointer;background:0 0;border:none;padding:0;font-size:.66rem;line-height:1}.stat-badge-input{text-align:center;width:2.4rem;font-family:var(--font-display);color:var(--accent);background:0 0;border:1px solid #0000;padding:.05rem}.stat-badge-input:hover,.stat-badge-input:focus{border-color:var(--border-subtle)}.short-rest-wrap{display:inline-flex;position:relative}.short-rest-pop{z-index:30;background-color:var(--surface-solid);background-image:var(--paper-layers);background-size:var(--paper-sizes);border:2px solid var(--border);border-radius:var(--r-wob-sm);min-width:13rem;box-shadow:var(--shadow-pop);flex-direction:column;gap:.35rem;padding:.55rem .65rem;font-size:.78rem;display:flex;position:absolute;top:calc(100% + .3rem);right:0}.short-rest-pop label{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.short-rest-pop input{text-align:center;width:2.8rem}.short-rest-actions{justify-content:flex-end;gap:.3rem;display:flex}.death-roll-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:0 .15rem}.death-roll-btn:hover{border-color:var(--border-subtle);background:var(--surface-2)}.use-btn,.cast-btn{border:1px solid var(--border-subtle);cursor:pointer;color:var(--accent);background:0 0;border-radius:6px;padding:.15rem .3rem;font-size:.66rem;line-height:1}.use-btn:disabled{opacity:.35;cursor:default}.use-btn:hover:not(:disabled),.cast-btn:hover{background:var(--surface-2)}.dmg-apply{flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.2rem;font-size:.74rem;display:flex}.dmg-apply select,.dmg-apply .dmg-type{max-width:9rem;padding:.1rem .25rem;font-size:.74rem}.dmg-apply .dmg-type{width:6.5rem}.dmg-apply .btn-ghost{padding:.1rem .4rem;font-size:.72rem}:root{font-family:var(--font-body);color:var(--text);--dock-rail-w:3.25rem;--dock-panel-w:320px;--paper-layers:var(--tex-speckle), var(--tex-grain);--paper-sizes:480px, 280px;font-size:15px;line-height:1.4}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);-webkit-font-smoothing:antialiased;transition:background-color var(--dur-3) var(--ease-out), color var(--dur-3) var(--ease-out);overflow:hidden}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:700}::selection{background:var(--accent-soft);color:var(--text)}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px}.modal:before,.cluster:not(.cluster--plain):not(.cluster--right):before,.dice-tray:before,.map-toolbar-rail:before,.map-toolbar-options:before,.short-rest-pop:before,.lobby-card:before,.map-pin-editor:before,.error-banner:before,.map-light-config .panel:before,.window:after{content:"";border-radius:inherit;pointer-events:none;z-index:2;background-image:var(--notch-l), var(--notch-l), var(--notch-l), var(--notch-r), var(--notch-r), var(--notch-r), var(--notch-t), var(--notch-t), var(--notch-t), var(--notch-b), var(--notch-b), var(--notch-b);background-position:0 clamp(14px,26%,100% - 22px),0 calc(26% + 230px + 40*max(0px,258px - 74%)),0 calc(26% + 480px + 40*max(0px,508px - 74%)),right 0 top clamp(14px,64%,100% - 22px),right 0 top calc(64% - 240px + -40*max(0px,268px - 64%)),right 0 top calc(64% - 490px + -40*max(0px,518px - 64%)),clamp(14px,61%,100% - 22px) 0,calc(61% - 250px + -40*max(0px,278px - 61%)) 0,calc(61% + 260px + 40*max(0px,288px - 39%)) 0,left clamp(14px,33%,100% - 22px) bottom 0,left calc(33% + 270px + 40*max(0px,298px - 67%)) bottom 0,left calc(33% + 540px + 40*max(0px,568px - 67%)) bottom 0;background-repeat:no-repeat;background-size:5px 8px,5px 8px,5px 8px,5px 8px,5px 8px,5px 8px,8px 5px,8px 5px,8px 5px,8px 5px,8px 5px,8px 5px;position:absolute;inset:-2px}.window:after{border-radius:var(--r-wob-md);inset:0}.window--maximized:after{border-radius:var(--radius)}.window.dragging:after,.window.resizing:after,.dice-tray.dragging:before{display:none}.window.dragging,.dice-tray.dragging{--paper-layers:none;--crystal-tex:none}.window.dragging,.window.dragging *,.window.dragging :before,.window.dragging :after,.dice-tray.dragging,.dice-tray.dragging *,.dice-tray.dragging :before,.dice-tray.dragging :after{filter:none!important;box-shadow:none!important}.dice-tray--open{will-change:transform}:root[data-fx=lite]{--tex-grain:none;--tex-speckle:none;--notch-l:none;--notch-r:none;--notch-t:none;--notch-b:none}:root[data-fx=lite] .btn-crystal{--crystal-tex:none}:root[data-fx=lite] .btn-crystal,:root[data-fx=lite] .btn-crystal:before,:root[data-fx=lite] .btn-crystal:after{filter:none}:root[data-fx=lite] .modal-backdrop{-webkit-backdrop-filter:none}.modal,.map-toolbar-rail,.lobby-card,.log-toast{position:relative}svg.lucide{vertical-align:-.18em;flex:none;display:inline-block}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-plaque);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--surface-plaque-2)}button{font:inherit;cursor:pointer;color:var(--text);background-color:var(--surface-solid);background-image:var(--paper-layers);background-size:var(--paper-sizes);border:2px solid var(--border);border-radius:var(--r-wob-sm);box-shadow:var(--shadow-ledge);transition:transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);padding:.24rem .55rem;font-weight:700}button:hover:not(:disabled){background-color:var(--surface-page);box-shadow:var(--shadow-ledge), var(--shadow-lift);transform:translateY(-1px)}button:active:not(:disabled){filter:brightness(.97);transform:translateY(1px);box-shadow:inset 0 -1px #00000024}button:disabled{opacity:.5;filter:saturate(.6);cursor:not-allowed}.btn-primary{background-color:var(--primary);color:var(--on-primary);border-color:var(--border)}.btn-primary:hover:not(:disabled){background-color:color-mix(in srgb, var(--primary) 82%, white)}.btn-danger{color:var(--text-invert);background-color:var(--danger);border-color:var(--border)}.btn-danger:hover:not(:disabled){background-color:color-mix(in srgb, var(--danger) 85%, white)}.btn-ghost{box-shadow:none;color:var(--text-muted);background-color:#0000;background-image:none;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--surface-2);border-color:var(--border-subtle);color:var(--text);box-shadow:none;transform:none}.btn-active{background-color:var(--accent);border-color:var(--border);color:var(--on-accent)}.btn-active:hover:not(:disabled){background-color:var(--accent);color:var(--on-accent)}input,select,textarea{font:inherit;color:var(--text);background-color:var(--surface-2);background-image:var(--tex-grain);border:1.5px solid var(--border-subtle);border-radius:var(--r-wob-sm);box-shadow:var(--shadow-well);width:100%;transition:border-color var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);background-size:280px;padding:.26rem .45rem}input::placeholder,textarea::placeholder{color:var(--text-faint);font-style:italic}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--shadow-well), 0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent);outline:none}input[type=range],input[type=checkbox],input[type=radio],input[type=color],input[type=file]{box-shadow:none;accent-color:var(--accent);background:0 0;border:none;width:auto}input[type=range]{width:100%}input[type=color]{border:2px solid var(--border);border-radius:var(--r-wob-sm);width:2.4rem;height:1.7rem;box-shadow:var(--shadow-ledge);cursor:pointer;padding:2px}textarea{resize:vertical;min-height:3.25rem}label{letter-spacing:.02em;color:var(--text-muted);margin-bottom:.12rem;font-size:.78rem;font-weight:700;display:block}.app{position:fixed;inset:0}.app,.modal-backdrop{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]:not([contenteditable=false]){-webkit-user-select:text;user-select:text}.map-root{z-index:0;background:var(--map-bg);cursor:grab;position:fixed;inset:0}.map-root .konvajs-content{touch-action:none}.map-backdrop{pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.map-root:active{cursor:grabbing}.map-pin-editor{z-index:20;background-color:var(--surface-solid);background-image:var(--paper-layers);background-size:var(--paper-sizes);border:2px solid var(--border);border-radius:var(--r-wob-sm);width:max-content;max-width:16rem;box-shadow:var(--shadow-pop);flex-direction:column;gap:.3rem;padding:.4rem;display:flex;position:absolute}.map-pin-editor__field{width:12rem;font-size:.8rem}.map-pin-editor__actions{justify-content:flex-end;gap:.3rem;display:flex}.map-pin-editor__actions button{padding:.15rem .5rem;font-size:.75rem}.map-empty{color:var(--text-muted);font-family:var(--font-display);place-items:center;display:grid;position:absolute;inset:0}.map-light-config{top:12px;right:calc(var(--dock-rail-w) + 12px);z-index:5;max-height:calc(100% - 24px);transition:right .18s;position:absolute;overflow-y:auto}.map-light-config--dock-open{right:calc(var(--dock-rail-w) + var(--dock-panel-w) + 12px)}.map-light-config .panel{background-color:var(--surface-solid);background-image:var(--paper-layers);background-size:var(--paper-sizes);border:2px solid var(--border);border-radius:var(--r-wob-md);box-shadow:var(--shadow-panel);position:relative}.map-light-config .panel>.panel-header{border-radius:11px 8px 0 0/8px 12px 0 0}.light-field-note{min-height:1rem;color:var(--danger,#ff6b6b);margin-top:-.15rem;font-size:.75rem;line-height:1rem}.map-darkness-slider{min-width:90px;accent-color:var(--primary);flex:1}.map-blend-select{flex:1;min-width:0;padding:3px 4px;font-size:12px}.backdrop-presets{grid-template-columns:repeat(3,1fr);gap:.25rem;display:grid}.backdrop-presets button{justify-content:center;align-items:center;gap:.3rem;min-width:0;padding:.28rem .3rem;font-size:.76rem;display:flex}.backdrop-preset-dot{border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;width:.7rem;height:.7rem}.backdrop-preset-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.map-upload{cursor:pointer;border:2px dashed var(--border-subtle);border-radius:var(--r-wob-sm);background:var(--surface-2);box-shadow:var(--shadow-well);align-items:center;gap:.6rem;padding:.5rem .6rem;transition:border-color .12s,background .12s;display:flex}.map-upload:hover{border-color:var(--accent);background:var(--surface-inset);border-style:solid}.map-upload--busy{opacity:.7;pointer-events:none}.map-upload-ico{font-size:1.5rem;line-height:1}.map-upload-thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:48px;height:36px}.map-upload-text{color:var(--text);flex-direction:column;font-weight:600;display:flex}.map-upload-text small{color:var(--text-muted);font-size:.72rem;font-weight:400}.item-sheet-icon{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);flex-shrink:0;place-items:center;width:56px;height:56px;font-size:1.6rem;display:grid;overflow:hidden}.item-sheet-icon img{object-fit:cover;width:100%;height:100%}.item-sheet-icon>.croppable{width:100%;height:100%}.sheet-portrait-wrap{position:relative}.sheet-portrait-change{color:var(--text-invert);border:1px solid var(--border);box-shadow:none;cursor:pointer;background:#1e1812b8;border-radius:6px;padding:2px 8px;font-size:.62rem;position:absolute;top:6px;right:6px}.sheet-portrait-change:hover:not(:disabled){color:var(--text-invert);box-shadow:none;background:#1e1812eb;transform:none}.overlay{z-index:10;pointer-events:none;position:fixed;inset:0}.cluster{pointer-events:auto;background-color:var(--surface-solid);background-image:var(--paper-layers);background-size:var(--paper-sizes);border:2px solid var(--border);border-radius:var(--r-wob-md);box-shadow:var(--shadow-panel);gap:.35rem;max-height:calc(100vh - 2rem);padding:.3rem;display:flex;position:fixed}.cluster--col{flex-direction:column}.cluster--plain{box-shadow:none;background:0 0;border:none;padding:0}.cluster--top-left{align-items:center;top:1rem;left:1rem}.cluster--top-center{align-items:center;top:1rem;left:50%;transform:translate(-50%)}.cluster--top-right{align-items:center;top:1rem;right:1rem}.cluster--left{flex-direction:column;top:50%;left:1rem;transform:translateY(-50%)}.cluster--right{flex-direction:column;width:min(360px,92vw);padding:0;top:1rem;bottom:1rem;right:1rem;overflow:hidden}.cluster--bottom-left{align-items:center;bottom:1rem;left:1rem}.cluster--bottom-right{flex-direction:column;width:min(340px,92vw);padding:0;bottom:1rem;right:1rem}.brand{font-family:var(--font-display);color:var(--text);white-space:nowrap;padding-right:.4rem;font-size:1.05rem;font-weight:800}.chip{color:var(--text-muted);background:var(--surface-2);border:1.5px solid var(--border-subtle);white-space:nowrap;border-radius:999px;padding:.15rem .55rem;font-size:.72rem}.chip b{color:var(--text);font-weight:700}.icon-btn{border-radius:var(--r-wob-pill);width:1.9rem;height:1.9rem;box-shadow:inset 0 0 0 2px #f6f0df8c, var(--shadow-ledge);place-items:center;padding:0;font-size:1rem;display:grid}.icon-btn:hover:not(:disabled){box-shadow:inset 0 0 0 2px #f6f0df8c, var(--shadow-ledge), var(--shadow-lift)}.icon-btn.btn-ghost,.icon-btn.btn-ghost:hover:not(:disabled){box-shadow:none}.divider{background:var(--border-subtle);border-radius:2px;align-self:stretch;width:2px}.player-chip{flex-direction:column;flex-shrink:0;align-items:center;gap:3px;display:flex}.chip-portrait{border:2px solid var(--border);background:var(--surface-2);width:4.2rem;height:4.2rem;box-shadow:var(--shadow-ledge);border-radius:50%;place-items:center;display:grid;position:relative}.chip-portrait img{object-fit:cover;border-radius:50%;width:100%;height:100%}.chip-portrait .chip-avatar{border-radius:50%;width:100%;height:100%}.player-initial{font-family:var(--font-display);color:var(--text);font-size:1.9rem}.chip-hp{border:1.5px solid var(--border);background:var(--surface-2);width:4.2rem;height:1.05rem;box-shadow:var(--shadow-well);border-radius:999px;position:relative;overflow:hidden}.chip-hp-fill{background:var(--success);transition:width var(--dur-2) var(--ease-out);position:absolute;top:0;bottom:0;left:0}.chip-hp--mid .chip-hp-fill{background:var(--primary)}.chip-hp--low .chip-hp-fill{background:var(--danger)}.chip-hp-text{text-align:center;font-family:var(--font-mono);color:var(--text);letter-spacing:-.02em;font-size:.68rem;font-weight:700;line-height:calc(1.05rem - 3px);display:block;position:relative}.chip-portrait .kick{border:1.5px solid var(--border);background:var(--danger);width:1.35rem;height:1.35rem;box-shadow:none;color:var(--text-invert);background-image:none;border-radius:50%;place-items:center;padding:0;font-size:.65rem;line-height:1;display:grid;position:absolute;top:-5px;right:-5px}.panel{flex-direction:column;height:100%;min-height:0;display:flex}.panel-header{border-bottom:2px solid var(--border);background-color:var(--surface-slate);background-image:var(--tex-grain);color:var(--text-invert);background-size:280px;justify-content:space-between;align-items:center;gap:.4rem;padding:.4rem .55rem;display:flex}.panel-title{font-family:var(--font-display);letter-spacing:.03em;color:var(--text-invert);font-size:.95rem;font-weight:700}.panel-body{min-height:0;padding:.5rem;overflow-y:auto}.row{align-items:center;gap:.35rem;display:flex}.row-wrap{flex-wrap:wrap}.stack{flex-direction:column;gap:.4rem;display:flex}.muted{color:var(--text-muted);font-size:.85rem}.lobby{background-color:#0d0f14;background-image:linear-gradient(#080a0e8c 0%,#080a0eb8 100%),url(/backgrounds/Dnd-background.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow:auto}.lobby-card{background-color:var(--surface-solid);background-image:var(--paper-layers);background-size:var(--paper-sizes);border:2px solid var(--border);border-radius:var(--r-wob-lg);width:min(880px,100%);box-shadow:var(--shadow-pop);padding:1.1rem}.lobby-card h1{color:var(--text);text-align:center;margin-bottom:.2rem}.lobby-night-toggle{position:absolute;top:.6rem;right:.6rem}.lobby-sub{text-align:center;color:var(--text-muted);margin-bottom:.9rem}.lobby-columns{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}@media (width<=640px){.lobby-columns{grid-template-columns:1fr}}.campaign-list{flex-direction:column;gap:.3rem;max-height:320px;display:flex;overflow-y:auto}.campaign-item{text-align:left;align-items:center;gap:.6rem;width:100%;display:flex}.campaign-item.selected{border-color:var(--accent)}.campaign-item img{border-radius:var(--radius);object-fit:cover;width:2rem;height:2rem}.role-toggle{gap:.5rem;display:flex}.role-toggle button{flex:1}.slot-list{flex-direction:column;gap:.25rem;max-height:220px;display:flex;overflow-y:auto}.field{margin-bottom:.45rem}.modal-backdrop{z-index:100;background:var(--backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.modal{background-color:var(--surface-solid);background-image:var(--paper-layers);background-size:var(--paper-sizes);border:2px solid var(--border);border-radius:var(--r-wob-lg);width:min(460px,100%);box-shadow:var(--shadow-pop);padding:.9rem}.confirm-delete-dontask{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;margin:0;font-size:.78rem;display:flex}.image-crop-modal{width:min(680px,96vw)}.crop-stage{border-radius:var(--radius);touch-action:none;-webkit-user-select:none;user-select:none;background:#000;place-items:center;margin:0 auto;display:grid;position:relative;overflow:hidden}.crop-stage img{object-fit:fill;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.crop-loading{color:var(--text-muted);font-size:.8rem;position:absolute}.crop-box{box-sizing:border-box;border:1px solid var(--accent-bright);cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 9999px #0000008c}.crop-handle{background:var(--accent-bright);border:1px solid var(--on-accent);box-sizing:border-box;border-radius:2px;width:12px;height:12px;position:absolute}.crop-handle--nw{cursor:nwse-resize;top:-6px;left:-6px}.crop-handle--ne{cursor:nesw-resize;top:-6px;right:-6px}.crop-handle--sw{cursor:nesw-resize;bottom:-6px;left:-6px}.crop-handle--se{cursor:nwse-resize;bottom:-6px;right:-6px}.crop-hint{color:var(--text-muted);text-align:center;margin:0;font-size:.7rem}.crop-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.sheet-portrait-crop{color:var(--text-invert);border:1px solid var(--border);box-shadow:none;cursor:pointer;background:#1e1812b8;border-radius:6px;padding:2px 8px;font-size:.62rem;position:absolute;top:6px;left:6px}.sheet-portrait-crop:hover:not(:disabled){color:var(--text-invert);box-shadow:none;background:#1e1812eb;transform:none}.sheet-card{border:2px solid var(--border-subtle);border-radius:var(--r-wob-sm);overflow:hidden}.sheet-card-head{justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--surface-inset);display:flex}.sheet-card-toggle{text-align:left;box-shadow:none;padding:var(--space-1) var(--space-2);font-family:var(--font-body);letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);background:0 0;border:none;border-radius:0;flex:1;font-size:.78rem;font-weight:700}.sheet-card-toggle:hover:not(:disabled){box-shadow:none;color:var(--text);background:0 0;transform:none}.sheet-card-toggle .chevron{width:1rem;color:var(--text-muted);display:inline-block}.sheet-card-body{padding:var(--space-2)}.reveal-toggle{margin-right:var(--space-2);color:var(--text-muted);border-radius:999px;flex-shrink:0;padding:.15rem .5rem;font-size:.7rem}.reveal-toggle--on{color:var(--success);border-color:var(--success)}.notes-area{min-height:14rem}.sheet-top{align-items:center;gap:.5rem;display:flex}.sheet-portrait{border-radius:var(--radius);object-fit:cover;border:1px solid var(--border);background:#0000004d;flex-shrink:0;width:3.5rem;height:3.5rem;display:block}.sheet-portrait-btn{cursor:pointer;flex-shrink:0;width:3.5rem;height:3.5rem;margin:0;display:inline-block;position:relative}.sheet-portrait--empty{color:var(--text-muted);border-style:dashed;place-items:center;font-size:1.5rem;line-height:1;display:grid}.sheet-portrait-btn:hover .sheet-portrait{border-color:var(--accent)}.sheet-portrait-hint{text-align:center;color:#fff;border-radius:0 0 var(--radius) var(--radius);opacity:0;pointer-events:none;background:#0000009e;padding:1px 0;font-size:.58rem;transition:opacity .12s;position:absolute;bottom:0;left:0;right:0}.sheet-portrait-btn:hover .sheet-portrait-hint,.sheet-portrait-btn .sheet-portrait--empty~.sheet-portrait-hint{opacity:1}.grid-2{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid}.ability{text-align:center;background:var(--surface-2);background-image:var(--tex-grain);border:1.5px solid var(--border-subtle);border-radius:var(--r-wob-sm);box-shadow:var(--shadow-well);background-size:280px;padding:.25rem .2rem}.ability .abbr{color:var(--text-muted);letter-spacing:.09em;font-size:.7rem;font-weight:700}.ability .mod{font-family:var(--font-mono);color:var(--text);font-size:1.05rem;font-weight:700}.ability input{text-align:center;margin-top:.2rem;padding:.2rem}.stat-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) 3.4rem 2.6rem;align-items:center;gap:.4rem;padding:.08rem 0;font-size:.85rem;display:grid}.stat-row .total{font-family:var(--font-mono);color:var(--text);text-align:right;font-weight:700}.stat-row input{width:100%}.section-title{font-family:var(--font-body);letter-spacing:.09em;text-transform:uppercase;color:var(--text);background-color:var(--surface-plaque);background-image:var(--tex-grain);clip-path:polygon(0% 14%,6% 6%,15% 12%,25% 4%,36% 10%,47% 3%,58% 9%,69% 4%,79% 10%,89% 5%,96% 10%,100% 16%,100% 86%,94% 94%,84% 88%,73% 95%,62% 89%,51% 96%,40% 90%,29% 96%,19% 90%,9% 95%,3% 89%,0% 92%);background-size:280px;width:max-content;max-width:100%;margin:.25rem 0 .1rem;padding:.28rem .7rem .3rem;font-size:.72rem;font-weight:700}.log-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.log-feed{flex-direction:column-reverse;flex:1;gap:.2rem;min-height:4rem;display:flex;overflow-y:auto}.log-event{color:var(--text-muted);padding:.1rem 0;font-size:.78rem;font-style:italic}.log-chat{overflow-wrap:anywhere;padding:.15rem 0;font-size:.85rem}.log-whisper{color:var(--accent)}.chip-btn{border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.input-error{color:var(--danger);font-size:.75rem}.whisper-anchor{position:relative}.whisper-menu{z-index:40;background-color:var(--surface-solid);background-image:var(--paper-layers);background-size:var(--paper-sizes);border:2px solid var(--border);border-radius:var(--r-wob-sm);max-height:12rem;box-shadow:var(--shadow-pop);flex-direction:column;gap:.1rem;padding:.25rem;display:flex;position:absolute;bottom:calc(100% + 4px);left:0;right:0;overflow-y:auto}.whisper-option{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:.5rem;padding:.3rem .5rem;font-size:.85rem;display:flex}.whisper-option.is-active{background:var(--accent-soft);color:var(--accent)}.whisper-option__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whisper-option__tag{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:999px;flex-shrink:0;padding:0 .35rem;font-size:.62rem}.whisper-menu__hint{color:var(--text-muted);border-top:1px solid var(--border-subtle);margin-top:.1rem;padding:.3rem .5rem .1rem;font-size:.68rem}.roll-btn{cursor:pointer}button.total.roll-btn{box-shadow:none;font-family:var(--font-mono);color:var(--accent);text-align:right;background:0 0;border:1.5px solid #0000;min-width:2.2rem;padding:.1rem .35rem}button.total.roll-btn:hover,button.mod.roll-btn:hover{border-color:var(--accent);background:var(--accent-soft);box-shadow:none;transform:none}button.mod.roll-btn{box-shadow:none;font-family:var(--font-mono);color:var(--accent);background:0 0;border:1.5px solid #0000;padding:0 .3rem;font-size:1rem}.dice-quick{flex-wrap:wrap;gap:.25rem;display:flex}.dice-quick button{flex:1;min-width:3rem}.dice-log{flex-direction:column-reverse;gap:.3rem;max-height:260px;display:flex;overflow-y:auto}.roll{border-bottom:1px solid var(--border-subtle);padding:.15rem 0;font-size:.82rem}.roll .who{color:var(--text-muted)}.roll .expr{color:var(--text-muted);font-family:var(--font-mono);font-size:.78rem}.roll .total{font-family:var(--font-mono);color:var(--text);font-size:.95rem;font-weight:700}.party-slot{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.35rem;padding:.22rem 0;display:flex}.party-slot .status-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:.6rem;height:.6rem}.party-slot .status-dot.online{background:var(--success)}.init-round{font-family:var(--font-display);color:var(--text);font-size:.9rem;font-weight:700}.init-row{border-radius:var(--r-wob-sm);border:2px solid #0000;align-items:center;gap:.35rem;padding:.15rem .25rem;display:flex}.init-row--current{border-color:var(--primary-strong);background:var(--primary-soft)}.init-marker{width:.8rem;color:var(--primary-strong);flex-shrink:0;font-size:.7rem}.init-portrait{object-fit:cover;border-radius:50%;flex-shrink:0;width:1.6rem;height:1.6rem}.init-dot{display:inline-block}.init-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;border:none;flex:1;padding:.1rem .2rem;overflow:hidden}.init-value{text-align:right;width:3.4rem;font-family:var(--font-mono);color:var(--text);flex-shrink:0;font-weight:700}.init-value input{text-align:center;padding:.1rem .2rem}.cond-grid{grid-template-columns:repeat(6,1fr);gap:.2rem;display:grid}.cond-chip{text-align:center;padding:.15rem 0;font-size:.9rem}.accent-swatches{flex-wrap:wrap;justify-content:flex-end;gap:.28rem;max-width:13rem;display:flex}.accent-swatch{border:2px solid var(--border);border-radius:var(--r-wob-pill);width:1.3rem;height:1.3rem;box-shadow:var(--shadow-ledge);background-image:none;flex-shrink:0;padding:0}.accent-swatch:hover:not(:disabled){background-image:none}.accent-swatch--active{box-shadow:inset 0 0 0 2.5px #f6f0dfd9, var(--shadow-ledge)}.loading,.join-failed{z-index:50;text-align:center;color:var(--text-muted);background:var(--bg);place-items:center;gap:.75rem;display:grid;position:fixed;inset:0}.join-failed{grid-auto-flow:row;align-content:center}.loading-screen{z-index:60;background:var(--bg);color:var(--text);place-items:center;display:grid;position:fixed;inset:0}.loading-screen__card{flex-direction:column;align-items:center;gap:.9rem;padding:1.4rem 2rem;display:flex}.loading-screen__crest{border:2.5px solid var(--border);border-top-color:#0000;border-radius:50%;width:44px;height:44px;animation:.9s linear infinite loading-spin}.loading-screen__label{letter-spacing:.02em;color:var(--text-muted);font-weight:700}.loading-screen__bar{background:var(--surface-plaque);border-radius:999px;width:220px;height:6px;overflow:hidden}.loading-screen__bar>span{background:var(--text);opacity:.45;border-radius:999px;width:38%;height:100%;animation:1.1s ease-in-out infinite loading-slide;display:block}@media (prefers-reduced-motion:reduce){.loading-screen__crest{animation:none}.loading-screen__bar>span{opacity:.25;width:100%;animation:none}}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-slide{0%{transform:translate(-120%)}to{transform:translate(330%)}}.skeleton-shimmer{border-radius:inherit;background:var(--surface-plaque);pointer-events:none;position:absolute;inset:0;overflow:hidden}.skeleton-shimmer:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffff47 50%,#0000 80%);animation:1.3s ease-in-out infinite skeleton-sweep;position:absolute;inset:0;transform:translate(-100%)}@media (prefers-reduced-motion:reduce){.skeleton-shimmer:after{animation:none}}@keyframes skeleton-sweep{to{transform:translate(100%)}}.map-loading-shimmer{z-index:2;border-radius:0;inset:auto}.error-banner{z-index:200;pointer-events:auto;background-color:var(--surface-solid);background-image:var(--paper-layers);background-size:var(--paper-sizes);border:2px solid var(--danger);color:var(--danger-text);border-radius:var(--r-wob-sm);box-shadow:var(--shadow-panel);max-width:90vw;padding:.5rem 1rem;font-weight:700;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.status-joined{color:var(--success)}.window{pointer-events:auto;flex-direction:column;max-height:min(78vh,720px);display:flex;position:fixed;overflow:hidden}.window:has(>.window-siderail){overflow:visible}.window-inner{background-color:var(--surface-solid);background-image:var(--paper-layers);background-size:var(--paper-sizes);border:2px solid var(--border);border-radius:var(--r-wob-md);min-height:0;box-shadow:var(--shadow-pop);z-index:1;flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden}.window-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-bottom:2px solid var(--border);background-color:var(--surface-slate);background-image:var(--tex-grain);color:var(--text-invert);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background-size:280px;flex-shrink:0;display:flex}.window-header:active{cursor:grabbing}.window-title{font-family:var(--font-display);letter-spacing:.03em;color:var(--text-invert);font-size:.95rem;font-weight:700}.window-header .icon-btn,.panel-header .icon-btn,.dock-panel-head .icon-btn{color:var(--text-invert);box-shadow:none;background:#f6f0df29;border:1.5px solid #f6f0df66;border-radius:6px}.window-header .icon-btn:hover:not(:disabled),.panel-header .icon-btn:hover:not(:disabled),.dock-panel-head .icon-btn:hover:not(:disabled){color:var(--text-invert);box-shadow:none;background:#f6f0df4d;border-color:#f6f0df66;transform:none}.window-body{flex:auto;min-height:0;overflow-y:auto;container-type:inline-size}.window--maximized .window-inner{border-radius:var(--radius)}.window-siderail{z-index:0;pointer-events:auto;margin-left:10px;position:absolute;top:46px;left:100%}.win-rs{z-index:5;touch-action:none;position:absolute}.win-rs--n{cursor:ns-resize;height:6px;top:-2px;left:10px;right:10px}.win-rs--s{cursor:ns-resize;height:6px;bottom:-2px;left:10px;right:10px}.win-rs--e{cursor:ew-resize;width:6px;top:10px;bottom:10px;right:-2px}.win-rs--w{cursor:ew-resize;width:6px;top:10px;bottom:10px;left:-2px}.win-rs--ne,.win-rs--nw,.win-rs--se,.win-rs--sw{width:12px;height:12px}.win-rs--ne{cursor:nesw-resize;top:-2px;right:-2px}.win-rs--sw{cursor:nesw-resize;bottom:-2px;left:-2px}.win-rs--nw{cursor:nwse-resize;top:-2px;left:-2px}.win-rs--se{cursor:nwse-resize;width:18px;height:18px;bottom:0;right:0}.win-rs--se:after{content:"";opacity:.55;background-image:linear-gradient(135deg, transparent 44%, var(--text-muted) 44%, var(--text-muted) 56%, transparent 56%), linear-gradient(135deg, transparent 69%, var(--text-muted) 69%, var(--text-muted) 81%, transparent 81%);width:10px;height:10px;position:absolute;bottom:3px;right:3px}.window:hover .win-rs--se:after{opacity:.85}@container (width>=620px){.sheet-body{column-count:2;column-gap:.45rem;display:block}.sheet-body>.sheet-card{break-inside:avoid;margin-bottom:.45rem}}.dock{z-index:20;pointer-events:none;flex-direction:row;display:flex;position:fixed;top:0;bottom:0;right:0}.dock-rail{pointer-events:auto;flex-direction:column;flex-shrink:0;align-items:center;gap:.3rem;padding:.5rem .35rem;display:flex}.dock-tab{background-color:var(--surface-solid);background-image:var(--paper-layers);background-size:var(--paper-sizes);border:2px solid var(--border);border-radius:var(--r-wob-pill);width:2.2rem;height:2.2rem;box-shadow:inset 0 0 0 2px #f6f0df8c, var(--shadow-ledge);place-items:center;padding:0;font-size:1rem;display:grid}.dock-tab:hover:not(:disabled){box-shadow:inset 0 0 0 2px #f6f0df8c, var(--shadow-ledge), var(--shadow-lift)}.dock-tab--active{background-color:var(--accent);border-color:var(--border);color:var(--on-accent)}.dock-tab--active:hover:not(:disabled){background-color:var(--accent-bright)}.dock-tab--popped{opacity:.45}.dock-rail-spacer{flex:1}.dock-sep{background:var(--border-subtle);border-radius:2px;flex-shrink:0;width:60%;height:2px;margin:.1rem 0}.dock-panel{width:var(--dock-panel-w);pointer-events:auto;background-color:var(--surface-solid);background-image:var(--paper-layers);background-size:var(--paper-sizes);border-left:2px solid var(--border);min-height:0;box-shadow:var(--shadow-panel);transition:width .18s,opacity .18s;overflow:hidden}.dock-panel--closed{opacity:0;pointer-events:none;width:0;box-shadow:none;border-left-color:#0000}.dock-panel-inner{width:var(--dock-panel-w);flex-direction:column;height:100%;min-height:0;display:flex}.dock-panel-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-bottom:2px solid var(--border);background-color:var(--surface-slate);background-image:var(--tex-grain);color:var(--text-invert);background-size:280px;flex-shrink:0;display:flex}.dock-panel-head .window-title{color:var(--text-invert)}.dock-panel-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.dock-panel-body>.panel-body{flex:1}.log-toasts{right:var(--dock-rail-w);z-index:35;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.3rem;max-width:min(360px,60vw);transition:right .18s,bottom .15s;display:flex;position:fixed;bottom:1rem}.log-toasts--dock-open{right:calc(var(--dock-rail-w) + var(--dock-panel-w))}.log-toast{background-color:var(--surface-solid);background-image:var(--paper-layers);background-size:var(--paper-sizes);border:2px solid var(--border);border-radius:var(--r-wob-sm);box-shadow:var(--shadow-panel);overflow-wrap:anywhere;padding:.3rem .55rem;font-size:.82rem;animation:.25s toast-in,.25s 5.5s forwards toast-out}.log-toast--event{color:var(--text-muted);font-style:italic}.log-toast--whisper{color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{to{opacity:0}}.dir{flex-direction:column;gap:.45rem;padding:.5rem .4rem;display:flex;position:relative}.dir-marquee{z-index:3;border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 18%, transparent);pointer-events:none;border-radius:2px;position:absolute}.dir-list{-webkit-user-select:none;user-select:none}.dir-selbar{gap:.4rem;font-size:.8rem}.dir-selcount{color:var(--accent);padding-left:.15rem;font-weight:600}.dir-selbar button{padding:.18rem .55rem;font-size:.78rem}.dir-toolbar{gap:.35rem;display:flex}.dir-create{white-space:nowrap;text-overflow:ellipsis;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.42rem .4rem;font-size:.82rem;font-weight:600;display:flex;overflow:hidden}.dir-create:first-child{background-color:var(--primary);border-color:var(--border);color:var(--on-primary)}.dir-create:first-child:hover:not(:disabled){background-color:color-mix(in srgb, var(--primary) 82%, white)}.dir-create-ico{font-size:.95rem}.dir-search{align-items:center;gap:.25rem;min-height:2.25rem;display:flex;position:relative}.dir-search-ico{opacity:.6;pointer-events:none;font-size:.8rem;position:absolute;left:.5rem}.dir-search input{padding-left:1.75rem}.dir-icon-btn{flex-shrink:0;place-items:center;width:1.95rem;height:1.95rem;padding:0;font-size:.85rem;display:grid}.dir-icon-btn--on{border-color:var(--accent);color:var(--accent)}.dir-list{flex-direction:column;flex:1;min-height:0;display:flex}.dir-empty{padding:.5rem .3rem}.dir-group{margin-bottom:.1rem}.dir-row{border-bottom:1px solid var(--border-subtle);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;align-items:center;gap:.55rem;margin:0 .3rem;padding:.32rem .4rem;display:flex}.dir-row:hover{background:var(--surface-inset)}.dir-row--selected,.dir-row--selected:hover{background:color-mix(in srgb, var(--accent) 22%, transparent);box-shadow:inset 2px 0 0 var(--accent)}.drag-ghost{z-index:1000;pointer-events:none;background-color:var(--surface-solid);background-image:var(--paper-layers);background-size:var(--paper-sizes);border:2px solid var(--accent);border-radius:var(--r-wob-sm);box-shadow:var(--shadow-pop);text-overflow:ellipsis;white-space:nowrap;max-width:240px;padding:.2rem .6rem;font-size:.85rem;position:fixed;overflow:hidden}body.pointer-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}body.pointer-dragging *{cursor:grabbing!important}.drop-hover{outline-offset:-1px;border-radius:var(--radius);outline:2px solid var(--accent)!important}.dir-icon{object-fit:cover;background:#00000040;border-radius:6px;flex-shrink:0;width:2rem;height:2rem}.dir-dot{color:#fff;place-items:center;font-size:1rem;display:grid}.dir-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.dir-badge{color:var(--accent);border:1px solid var(--accent);border-radius:999px;flex-shrink:0;padding:0 .35rem;font-size:.65rem}.dir-actions{flex-shrink:0;gap:.1rem;display:flex}.dir-actions .icon-btn{width:1.6rem;height:1.6rem;font-size:.8rem}.dir-folder{background:var(--surface-inset);border-radius:var(--radius);cursor:grab;align-items:center;gap:.3rem;margin:.15rem .15rem .1rem;padding:.28rem .3rem;display:flex}.dir-folder input,.dir-folder button{cursor:auto}.dir-folder button{cursor:pointer}.dir-folder-toggle{box-shadow:none;background:0 0;border:none;flex-shrink:0;padding:0 .15rem;font-size:.8rem}.dir-folder-toggle:hover:not(:disabled){box-shadow:none;background:0 0;transform:none}.dir-folder-ico{flex-shrink:0}.dir-folder-name{min-width:0;box-shadow:none;font-weight:700;font-family:var(--font-display);background:0 0;border-color:#0000;flex:1;padding:.1rem .25rem}.dir-folder-name:focus{border-color:var(--border-subtle);background:var(--surface-2);box-shadow:var(--shadow-well)}.dir-folder-count{text-align:center;min-width:1rem;color:var(--text-muted);flex-shrink:0;font-size:.72rem}.dir-folder .icon-btn{width:1.5rem;height:1.5rem;font-size:.75rem}.dir-folder-body{padding-left:.6rem}.dir-root-drop{border:1px dashed var(--border-subtle);border-radius:var(--radius);text-align:center;color:var(--text-muted);opacity:.7;padding:.2rem .5rem;font-size:.75rem;transition:border-color .15s,opacity .15s}.dir--dragging .dir-root-drop{border-color:var(--accent);opacity:1}.dir--dragging .dir-folder{outline:1px dashed var(--accent)}.dir-item-editor{padding:.25rem 0 .25rem .9rem}.dir-blank-chip{border:1px dashed var(--border);margin-top:.35rem}.inv-row{grid-template-columns:1fr 3rem 1fr auto;align-items:center;gap:.25rem;display:grid}.avatar-strip{max-width:min(58vw,720px);left:calc((100vw - var(--dock-rail-w)) / 2);flex-wrap:wrap;justify-content:center;transition:left .18s}.avatar-strip--dock-open{left:calc((100vw - var(--dock-rail-w) - var(--dock-panel-w)) / 2)}.npc-chip .chip-portrait{border-color:var(--danger)}.roll--masked .who,.roll--masked .expr{color:var(--text-muted);font-style:italic}.roll--masked .total{color:var(--text-muted)}.map-toolbar{z-index:15;pointer-events:none;align-items:flex-start;gap:.35rem;display:flex;position:fixed;top:50%;left:.6rem;transform:translateY(-50%)}.map-toolbar-rail,.map-toolbar-options{pointer-events:auto;background-color:var(--surface-solid);background-image:var(--paper-layers);background-size:var(--paper-sizes);border:2px solid var(--border);border-radius:var(--r-wob-md);box-shadow:var(--shadow-panel);flex-direction:column;align-items:center;gap:.25rem;padding:.3rem;display:flex}.map-toolbar-options{align-items:stretch;gap:.2rem;width:13.75rem;position:absolute;top:0;left:calc(100% + .35rem)}.map-tool-btn{place-items:center;width:2.2rem;height:2.2rem;padding:0;font-size:1rem;display:grid}.map-opt-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-top:.25rem;padding-left:.1rem;font-size:.62rem}.map-opt-label:first-child{margin-top:0}.map-opt-row{align-items:stretch;gap:.25rem;display:flex}.map-opt-row.row-wrap{flex-wrap:wrap}.map-opt-row.row-wrap>.map-opt-btn{flex:42%}.map-opt-btn{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;place-items:center;min-width:0;height:2.15rem;padding:0 .4rem;font-size:.78rem;display:grid;overflow:hidden}.map-opt-swatches{flex-wrap:wrap;gap:.2rem}.map-opt-btn.map-opt-switch{justify-content:center;align-items:center;gap:.4rem;display:flex}.map-opt-switch .switch-track{border:2px solid var(--border);background:var(--surface-inset);width:1.9rem;height:1.05rem;transition:background-color var(--dur-2) var(--ease-out);border-radius:999px;flex:none;position:relative}.map-opt-switch .switch-knob{border:1.5px solid var(--border);background:var(--surface-page);width:.72rem;height:.72rem;transition:left var(--dur-2) var(--ease-out);border-radius:50%;position:absolute;top:50%;left:1px;transform:translateY(-50%)}.map-opt-switch--on .switch-track{background:var(--accent)}.map-opt-switch--on .switch-knob{left:calc(100% - .72rem - 1px)}.map-opt-switch .switch-label{text-align:left;min-width:1.6em}.map-opt-btn--square{flex:none;width:2.15rem;padding:0;font-size:1rem}.map-opt-slider{width:100%;accent-color:var(--accent);cursor:pointer;margin:.15rem 0 .1rem}.map-tool-btn:disabled{opacity:.4;cursor:default}.map-toolbar-sep{background:var(--border-subtle);border-radius:2px;width:70%;height:2px;margin:.15rem 0}.map-toolbar-hint{max-width:100%;color:var(--text-muted);text-align:center;margin-top:.2rem;font-size:.66rem;line-height:1.3}.draw-swatch{width:1.4rem;height:1.4rem;box-shadow:none;cursor:pointer;background-image:none;border:2px solid #0000;border-radius:50%;padding:0}.draw-swatch--active{border-color:var(--border);box-shadow:0 0 0 2px var(--accent)}.draw-width-dot{background:currentColor;border-radius:50%;display:inline-block}.dice-arena{z-index:5;pointer-events:none;position:fixed;inset:0}.dice-tray{opacity:0;z-index:25;pointer-events:none;background-color:var(--surface-solid);background-image:var(--paper-layers);background-size:var(--paper-sizes);border:2px solid var(--border);border-radius:var(--r-wob-md);box-shadow:var(--shadow-panel);flex-direction:column;align-items:stretch;gap:.3rem;padding:.35rem .4rem;transition:translate .2s,opacity .2s;display:flex;position:fixed;translate:0 18px}.dice-tray--open{opacity:1;pointer-events:auto;translate:0}.dice-tray{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.dice-tray button{cursor:pointer}.dice-tray input{cursor:text}.dice-tray-controls{align-items:center;gap:.25rem;display:flex}.dice-tray-well{border-radius:var(--r-wob-sm);border:2px solid var(--border);touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 35%,#38543fd9,#15221af2 78%);height:92px;position:relative;overflow:hidden;box-shadow:inset 0 3px 12px #000000a6}.die-btn{min-width:2.4rem;font-family:var(--font-mono);touch-action:none;-webkit-user-select:none;user-select:none;padding:.28rem .3rem;position:relative}.die-btn--sel{background-color:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-ledge), 0 0 8px color-mix(in srgb, var(--primary) 45%, transparent)}.die-btn--sel:hover:not(:disabled){background-color:color-mix(in srgb, var(--primary) 82%, white)}.dice-put-back{white-space:nowrap;color:var(--primary-strong)}.dice-put-back:disabled{color:var(--text-muted);border-color:var(--border);opacity:.45;cursor:default}.die-count{border:1.5px solid var(--border);background:var(--primary);min-width:1rem;color:var(--on-primary);pointer-events:none;border-radius:999px;padding:0 .2rem;font-size:.66rem;font-weight:700;line-height:1rem;position:absolute;top:-.4rem;right:-.3rem}.dice-tray-expr{width:5.5rem}.btn-crystal{--crystal-tex:url(/textures/opal-b.webp);isolation:isolate;color:#fff;box-shadow:none;text-shadow:0 1px 2px #191e32b8;background:0 0;border:none;border-radius:0;position:relative}.btn-crystal:before,.btn-crystal:after{content:"";z-index:-1;pointer-events:none;position:absolute}.btn-crystal:before{background:var(--border);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);filter:drop-shadow(0 2.5px 0 var(--border-subtle));transition:filter var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out);inset:0}.btn-crystal:after{clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);background-color:#b7b4c4;background-image:linear-gradient(172deg, #ffffff38, #fff0 45%, #2622422e 100%), var(--crystal-tex);background-position:50%,32% 68%;background-size:auto,230px;inset:2px}.btn-crystal:hover:not(:disabled){box-shadow:none;filter:brightness(1.06);background:0 0}.btn-crystal:active:not(:disabled){box-shadow:none}.btn-crystal.die-btn--sel{color:#fff;box-shadow:none;background:0 0}.btn-crystal.die-btn--sel:before{background:var(--primary-strong);filter:drop-shadow(0 2.5px 0 var(--border-subtle)) drop-shadow(0 0 6px color-mix(in srgb, var(--primary) 55%, transparent))}.btn-crystal.die-btn--sel:hover:not(:disabled){background:0 0}[data-theme=night] .btn-crystal:before{filter:drop-shadow(0 2.5px 0 var(--border-subtle)) drop-shadow(0 0 7px #d6d2f27a)}.page-switcher{z-index:32;pointer-events:auto;background-color:var(--surface-solid);background-image:var(--paper-layers);background-size:var(--paper-sizes);border:2px solid var(--border);border-radius:var(--r-wob-md);box-shadow:var(--shadow-panel);padding:.3rem;display:flex;position:fixed;top:1rem;left:1rem}.page-switcher-group{align-items:center;gap:.25rem;display:flex}.page-switcher--inline{flex-shrink:0}.page-switcher--inline button{padding:.3rem .6rem}.page-topbar-sep{background:var(--border);flex-shrink:0;align-self:stretch;width:1px;min-height:1.4rem;margin:0 .2rem}.page{z-index:30;pointer-events:auto;background-color:var(--bg);background-image:var(--tex-grain);background-size:280px;display:none;position:fixed;inset:0}.page--active{display:flex}.page-roster{background:var(--surface-inset);flex-direction:column;flex-shrink:0;width:340px;min-height:0;padding:.6rem;display:flex;overflow-y:auto}.page-resize{cursor:ew-resize;background:var(--border-subtle);touch-action:none;flex-shrink:0;width:6px;transition:background .12s}.page-resize:hover{background:var(--accent)}.page-roster>.panel-body{min-height:100%;padding:0}.page-main{flex:1;min-width:0;min-height:0;padding:.6rem 1rem 1rem;overflow-y:auto}.page-empty{text-align:center;place-items:center;height:60%;padding:0 2rem;display:grid}.sheet-cards{align-items:flex-start;gap:.75rem;height:100%;padding-bottom:.4rem;display:flex;overflow:auto hidden}.sheet-col{flex:0 0 var(--sheet-col-w,400px);width:var(--sheet-col-w,400px);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);max-height:100%;box-shadow:var(--elev-1);flex-direction:column;display:flex;position:relative;overflow:hidden;container-type:inline-size}.sheet-col-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--border-subtle);background:var(--surface-inset);flex-shrink:0;display:flex}.sheet-col-body{min-height:0;overflow-y:auto}.sheet-col-resize{cursor:ew-resize;touch-action:none;z-index:5;width:7px;transition:background .12s;position:absolute;top:0;bottom:0;right:0}.sheet-col-resize:hover{background:var(--accent)}.chip-tabs{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.3rem;padding:.5rem .75rem;display:flex}.chip-tab{background-color:var(--surface-plaque);background-image:var(--tex-grain);border:2px solid var(--border);border-radius:var(--r-wob-sm);box-shadow:var(--shadow-ledge);cursor:pointer;font:inherit;color:var(--text);background-size:280px;align-items:center;gap:.4rem;padding:.3rem .6rem;font-weight:700;display:inline-flex}.chip-tab:hover{background-color:color-mix(in srgb, var(--surface-plaque) 85%, white)}.chip-tab--open{background-color:var(--surface-page);color:var(--accent);box-shadow:none}.chip-tab--open:hover{background-color:var(--surface-page)}.chip-tab--add{border-style:dashed;border-color:var(--border-subtle);box-shadow:none;color:var(--text-muted);background-color:#0000;background-image:none}.chip-tab .status-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:.55rem;height:.55rem}.chip-tab .status-dot.online{background:var(--success)}.chip-tab-live{color:var(--primary-strong);font-size:.7rem}.chip-tab-name{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;overflow:hidden}.chip-tab-dirty{background:var(--accent);border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.chip-tab-name-input{width:auto;min-width:2.5rem;box-shadow:none;background:0 0;border:none;padding:0 .25rem;font-weight:700;line-height:1.4}.chip-tab-name-input[readonly]{cursor:pointer;color:inherit}.chip-tab-name-input:not([readonly]){background:var(--input-bg);border-radius:var(--radius)}.chip-tab-name-input:focus{outline:1px solid var(--accent)}.chip-tab-close{width:1.15rem;height:1.15rem;box-shadow:none;color:var(--text-muted);opacity:0;background:0 0;border-color:#0000;border-radius:50%;place-items:center;padding:0;font-size:.62rem;line-height:1;transition:opacity .12s;display:grid}.chip-tab:hover .chip-tab-close{opacity:1}.chip-tab-close:hover{color:var(--danger-text);background:var(--danger-soft)}.players-page{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.players-page-body{flex:1;min-height:0;padding:.6rem 1rem 1rem;overflow-y:auto}.npcs-page{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.npcs-page-body{flex:1;min-height:0;display:flex}.scene-editor{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.scene-tabs-actions{align-items:center;gap:.35rem;margin-left:auto;display:inline-flex}.scene-editor-body{flex:1;gap:.5rem;min-height:0;padding:.5rem .75rem .75rem;display:flex}.scene-editor-canvas{border:2px solid var(--border);border-radius:var(--r-wob-md);min-width:0;box-shadow:var(--shadow-well);background:var(--map-bg);flex:1;position:relative;overflow:hidden}.scene-editor-inspector{border:2px solid var(--border-subtle);border-radius:var(--r-wob-md);background:var(--surface-inset);flex:0 0 300px;min-height:0;padding:.5rem;overflow-y:auto}.map-root--embedded{position:absolute;inset:0}.map-root--embedded .map-toolbar{position:absolute}.toast{z-index:300;pointer-events:none;background-color:var(--surface-solid);background-image:var(--paper-layers);background-size:var(--paper-sizes);border:2px solid var(--border);color:var(--text-muted);box-shadow:var(--shadow-panel);border-radius:999px;padding:.5rem 1rem;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}