:root{--obr-bg:#1e2231;--obr-paper:#222639;--obr-text:#fff;--obr-text-2:#ffffffb3;--obr-primary:#b9f;--obr-primary-light:#c8adff;--obr-primary-dark:#826bb2;--obr-on-primary:#000000de;--bg:transparent;--pop-bg:color-mix(in srgb, var(--obr-paper) 86%, transparent);--paper:color-mix(in srgb, var(--obr-text) 6%, transparent);--paper-2:color-mix(in srgb, var(--obr-text) 10%, transparent);--float:color-mix(in srgb, var(--obr-paper) 92%, var(--obr-text));--line:color-mix(in srgb, var(--obr-text) 16%, transparent);--line-soft:color-mix(in srgb, var(--obr-text) 8%, transparent);--text:var(--obr-text);--text-2:var(--obr-text-2);--text-3:color-mix(in srgb, var(--obr-text) 50%, transparent);--accent:var(--obr-primary);--accent-ink:var(--obr-primary-light);--accent-soft:color-mix(in srgb, var(--obr-primary) 16%, transparent);--on-accent:var(--obr-on-primary);--danger:#ff7a7a;--danger-fill:#c93a3f;--danger-soft:#ff7a7a29;--warn:#f5b84a;--warn-soft:#f5b84a24;--ok:#5fd3a0;--ok-soft:#5fd3a024;--shadow:0 12px 32px #00000073, 0 2px 6px #0000004d;--font:"Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--r-xxs:3px;--r-xs:4px;--r-sm:6px;--r:8px;--r-lg:12px;--ease:cubic-bezier(.2, .8, .2, 1)}:root[data-mode=light]{--obr-bg:#eef0f5;--obr-paper:#fff;--paper:color-mix(in srgb, var(--obr-text) 5%, transparent);--paper-2:color-mix(in srgb, var(--obr-text) 8%, transparent);--float:var(--obr-paper);--obr-text:#1b1e2b;--obr-text-2:#555a6e;--obr-primary:#7b5cd6;--obr-primary-light:#a68bf0;--obr-primary-dark:#6448c0;--obr-on-primary:#fff;--accent-ink:var(--obr-primary-dark);--accent-soft:color-mix(in srgb, var(--obr-primary) 12%, transparent);--danger:#c93636;--danger-fill:#c4383d;--danger-soft:#c936361a;--warn:#9a6512;--warn-soft:#c4841d24;--ok:#17845a;--ok-soft:#17845a1f;--shadow:0 12px 32px #1b1e2b2e, 0 2px 6px #1b1e2b1a}body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-mode=light] body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--text);font:14px/1.4 var(--font);-webkit-font-smoothing:antialiased;background:0 0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--accent-soft);color:var(--text)}::placeholder{color:var(--text-2);opacity:1}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.num{font-variant-numeric:tabular-nums}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}svg.i{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}svg.i.sm{width:16px;height:16px}.pop.embedded{width:100%;height:100vh;min-height:0;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;margin:0}.pop.embedded .sheet{flex:1;width:auto;max-width:none}.pop.embedded.log-open .sheet{flex:none;width:calc(100% - 340px)}.pop{--pw:500px;--sw:0px;z-index:2;width:min(calc(var(--pw) + var(--sw)), 100%);background:var(--pop-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--r-lg);min-height:560px;max-height:900px;box-shadow:var(--shadow);flex:1;margin-top:10px;transition:width .22s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.pop.wide{--pw:780px}.pop.log-open{--sw:340px}.sheet{width:var(--pw);flex-direction:column;flex:none;min-width:0;max-width:100%;min-height:0;display:flex;position:relative;container-type:inline-size}.side{border-left:1px solid var(--line);background:0 0;flex-direction:column;flex:none;width:340px;min-height:0;display:flex}.side.anim{animation:.22s cubic-bezier(.2,.8,.2,1) sideIn}@keyframes sideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}.pop.overlay-side.log-open{--sw:0px}.pop.overlay-side .side{z-index:9;width:min(340px,100%);box-shadow:var(--shadow);background:var(--float);position:absolute;top:0;bottom:0;right:0}@media (width<=460px){.pop.overlay-side .side{width:100%}}.pop.embedded.overlay-side.log-open .sheet{flex:1;width:auto}.side-h{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px 12px 12px;display:flex}.side-h h2{flex:1;margin:0;font-size:16px;font-weight:700}.logbtn{position:relative}.logbtn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink)}.logbtn .badge{background:var(--accent);min-width:18px;height:18px;color:var(--on-accent);border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.logbtn.flash{animation:1.4s ease-out flash}.logbtn .priv{background:var(--float);width:16px;height:16px;color:var(--accent-ink);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-5px;right:-5px}.logbtn .priv svg{width:12px;height:12px}.vis-row{border-top:1px solid var(--line);color:var(--text-2);align-items:center;gap:8px;padding:10px 12px 0;font-size:12px;display:flex}.vis-row .seg{margin-left:auto}.vis-row+.quick{border-top:0}@keyframes flash{0%{background:var(--accent-soft)}to{background:0 0}}.head{flex-direction:column;gap:10px;padding:12px 12px 0;display:flex}.head-card{background:var(--paper);border-radius:var(--r-lg);flex-direction:column;gap:12px;padding:12px;display:flex}.id-row{align-items:flex-start;gap:8px;display:flex}.switcher{text-align:left;border-radius:var(--r);background:0 0;border:0;flex-direction:column;flex:1;gap:2px;min-width:0;margin:-4px -6px;padding:4px 6px;display:flex}.switcher:hover{background:var(--paper-2)}.switcher .nm{align-items:center;gap:6px;font-size:20px;font-weight:700;line-height:1.2;display:flex}.switcher .nm span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.switcher .nm svg{color:var(--text-2)}.id-row{flex-wrap:wrap;row-gap:0}.sub-line{color:var(--text-2);flex-basis:100%;order:10;min-width:0;margin-top:-4px;font-size:13px;display:flex}.sub-line .sub-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sub-line .sub-prof{white-space:nowrap;flex:none;margin-left:.3em}.switcher .sub{color:var(--text-2);font-size:13px}.switcher .nm .nm-link{color:var(--text-2);place-items:center;display:inline-grid;overflow:visible}.btn{border-radius:var(--r-sm);background:var(--paper-2);white-space:nowrap;border:0;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{background:color-mix(in srgb, var(--obr-text) 15%, transparent)}.btn.primary:hover,.btn.danger:hover{filter:brightness(1.1)}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.danger{background:var(--danger-fill);color:#fff}.btn.ghost{background:0 0}.btn.ghost:hover{background:var(--paper-2);filter:none}.btn.icon{width:32px;padding:0}.btn.outline{box-shadow:inset 0 0 0 1px var(--line);background:0 0}.btn:disabled{opacity:.5;cursor:default;filter:none}.vitals{align-items:center;gap:10px;display:flex}.hp{text-align:left;border-radius:var(--r);background:0 0;border:0;flex-direction:column;flex:1;gap:6px;min-width:0;margin:-4px -6px;padding:4px 6px;display:flex}.hp:hover{background:var(--paper-2)}.hp-line{align-items:baseline;gap:6px;display:flex}.hp-cur{font-size:26px;font-weight:700;line-height:1}.hp-max{color:var(--text-2);font-size:14px}.hp-temp{color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;padding:1px 6px;font-size:12px;font-weight:500}.bar{background:var(--paper-2);border-radius:3px;height:6px;display:flex;overflow:hidden}.bar i{background:var(--ok);height:100%;transition:width .22s ease-out;display:block}.bar i.t{background:var(--accent)}.bar.mid i:first-child{background:var(--warn)}.bar.low i:first-child{background:var(--danger-fill)}.ac{flex:none;place-items:center;width:52px;height:58px;display:grid;position:relative}.ac svg{width:100%;height:100%;fill:var(--paper-2);stroke:var(--line);stroke-width:1px;position:absolute;inset:0}.ac div{text-align:center;color:var(--text);line-height:1;position:relative}.ac b{font-size:20px;display:block}.ac small{color:var(--text-2);letter-spacing:.04em;font-size:11px;font-weight:500}.ac div{flex-direction:column;align-items:center;display:flex}.seg{background:var(--paper-2);border-radius:var(--r-sm);flex:none;padding:2px;display:inline-flex}.seg button{height:28px;color:var(--text-2);background:0 0;border:0;border-radius:4px;padding:0 9px;font-size:12px;font-weight:500}.seg button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.seg button:hover:not([aria-pressed=true]){color:var(--text)}.death{flex-direction:column;flex:1;gap:6px;display:flex}.vitals.down{flex-wrap:wrap;row-gap:10px}.vitals.down .death{flex-basis:calc(100% - 62px)}.death-label{color:var(--danger);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.death-row{align-items:center;gap:10px;display:flex}.pips{align-items:center;gap:4px;display:inline-flex}.pip{border:2px solid var(--text-3);background:0 0;border-radius:50%;width:14px;height:14px;padding:0}.pip.on{background:var(--accent);border-color:var(--accent)}.pip.ok.on{background:var(--ok);border-color:var(--ok)}.pip.bad.on{background:var(--danger-fill);border-color:var(--danger-fill)}.pip.spent{border-color:var(--text-3);opacity:.6;background:0 0}button.pip:disabled{cursor:default;opacity:.45}.banner{border-radius:var(--r);align-items:center;gap:8px;margin:0 12px;padding:8px 10px;font-size:13px;line-height:1.35;display:flex}.banner.info{background:var(--accent-soft);color:var(--text)}.banner.warn{background:var(--warn-soft);color:var(--text)}.banner.warn svg{color:var(--warn)}.banner .btn{height:28px;margin-left:auto}.ab-k{letter-spacing:.05em;color:var(--text-2);font-size:11px;font-weight:700}.ab-m{font-size:22px;font-weight:700;line-height:1.15}.ab-s{color:var(--text-2);font-size:12px}.abil-wrap{flex-direction:column;gap:6px;padding:10px 12px 0;display:flex}.ledger{background:var(--paper);border-radius:var(--r);grid-template-columns:repeat(6,1fr);display:grid;overflow:hidden}.lg-cell{border:0;border-left:1px solid var(--line-soft);background:0 0;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:7px 0 6px;display:flex}.ledger>.lg-cell:first-child{border-left:0}button.lg-cell:hover:not(:disabled){background:var(--paper-2)}button.lg-cell:disabled{cursor:default}.lg-cell .ab-m{font-size:22px;font-weight:700;line-height:1.15}.lg-cell .in.score{text-align:center;width:46px;height:30px;margin:3px 0;padding:0;font-size:16px;font-weight:700}.tabs{border-bottom:1px solid var(--line);gap:2px;padding:8px 12px 0;display:flex}.tabs button{color:var(--text-2);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 10px 9px;font-size:14px;font-weight:500}.tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.tabs button:hover{color:var(--text)}.main{flex:1;min-height:0;display:flex}.col-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.scroll{flex:1;min-height:0;padding:8px 12px 16px;overflow-y:auto}.sheet:has(>.toast) .scroll{padding-bottom:76px}.list{flex-direction:column;display:flex}.list>*+*{border-top:1px solid var(--line-soft)}.li.open{background:var(--paper);border-radius:var(--r);border-top-color:#0000;margin:4px 0}.li.open+*{border-top-color:#0000}.row{border-radius:var(--r);align-items:center;gap:10px;min-height:52px;padding:6px 8px;display:flex;position:relative}.row:hover{background:var(--paper)}.li.open .row:hover{background:0 0}.row-main{text-align:left;background:0 0;border:0;flex:1;align-self:stretch;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.row-main:after{content:"";border-radius:var(--r);position:absolute;inset:0}.row-main:focus-visible{outline:none}.row-main:focus-visible:after{outline:2px solid var(--accent);outline-offset:-2px}.row-main:disabled{cursor:default}.row>:not(.row-main){z-index:1;position:relative}.tag{background:var(--paper-2);min-width:30px;height:22px;color:var(--text-2);letter-spacing:.03em;border-radius:4px;flex:none;place-items:center;padding:0 5px;font-size:11px;font-weight:700;display:grid}.row-txt{flex-direction:column;min-width:0;display:flex}.row-nm{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-weight:500;display:flex;overflow:hidden}.row-meta,.row-fx{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;font-size:12px;overflow:hidden}.row-fx{white-space:normal;line-height:1.45}.row-fx .fx-i{white-space:nowrap}.row-fx .rng{text-overflow:ellipsis;vertical-align:bottom;max-width:100%;display:inline-block;overflow:hidden}.row-fx b{color:var(--text);font-weight:500}.row-fx .fx-sep{color:var(--text-2)}.row-nm .ell{text-overflow:ellipsis;overflow:hidden}.chev{color:var(--text-2);place-items:center;display:grid}.inline-ed{flex-direction:column;padding:0 12px 12px;display:flex}.inline-ed .fs{border-top:1px solid var(--line-soft);background:0 0;border-radius:0;padding:12px 0}.inline-ed .ed-f{border-top:1px solid var(--line-soft);align-items:center;gap:8px;padding-top:12px;display:flex}.inline-ed .ed-f .grow{text-align:right;flex:1}.mark{color:var(--text-2);border:1px solid var(--line);border-radius:4px;padding:0 3px;font-size:11px;font-weight:700;line-height:15px}.uses{align-items:center;gap:4px;display:inline-flex}.uses .pip{width:12px;height:12px}.uses-lbl{color:var(--text-2);margin-left:2px;font-size:12px}.row .edit-tools{gap:2px;display:flex}.row .grip{color:var(--text-3);border-radius:var(--r-xs);cursor:grab;background:0 0;border:0;place-items:center;padding:4px 2px;display:grid}.row .grip:hover,.row .grip:focus-visible{color:var(--text)}.section-h{letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);align-items:center;gap:10px;padding:14px 8px 6px;font-size:11px;font-weight:700;display:flex}.section-h:first-child{padding-top:6px}.section-h .grow{flex:1}.section-h .slot-lbl{text-transform:none;letter-spacing:0;font-variant-numeric:tabular-nums;font-size:12px;font-weight:400}.cast-line{color:var(--text-2);flex-wrap:wrap;gap:4px 18px;padding:8px 8px 2px;font-size:13px;display:flex}.cast-line b{color:var(--text);font-weight:700}.slots{align-items:center;gap:4px;display:inline-flex}.slot{border:2px solid var(--text-3);background:0 0;border-radius:3px;width:14px;height:14px;padding:0}.slot.on{background:var(--accent);border-color:var(--accent)}button.slot:disabled{cursor:default;opacity:.45}.saves{grid-template-columns:1fr 1fr;column-gap:12px;margin-bottom:4px;display:grid}.pop.wide .saves{grid-template-columns:repeat(3,1fr)}.save-cell{text-align:left;border:0;border-top:1px solid var(--line-soft);background:0 0;align-items:center;gap:6px;min-width:0;min-height:34px;padding:3px 6px;display:flex}.save-cell:nth-child(-n+2),.pop.wide .save-cell:nth-child(3){border-top:0}button.save-cell:hover:not(:disabled){background:var(--paper)}button.save-cell:disabled{cursor:default}.save-cell .sv-n{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.save-cell .val{font-weight:700}.bg-view{flex-direction:column;gap:4px;padding:4px 0 12px;display:flex}.bg-head{border-bottom:1px solid var(--line-soft);padding:8px 8px 10px}.bg-name{font-size:16px;font-weight:700}.bg-feat{color:var(--text-2);max-width:62ch;margin-top:4px;font-size:13px;line-height:1.5}.bg-feat b{color:var(--text);font-weight:500}.bg-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.bg-block p{white-space:pre-line;max-width:62ch;margin:0;padding:0 8px 8px;font-size:13px;line-height:1.55}.bg-block .section-h{margin:0}.bg-block.long p{font-size:14px}.bg-edit{flex-direction:column;gap:10px;padding:8px 0 16px;display:flex}.notes{flex-direction:column;gap:6px;height:100%;min-height:320px;padding-top:6px;display:flex}.notes-in{resize:none;border:1px solid var(--line-soft);border-radius:var(--r);background:var(--paper);flex:1;width:100%;padding:12px 14px;font-size:14px;line-height:1.6}.notes-in:focus{border-color:var(--accent);outline:none}.notes-f{padding:0 2px}.two-col{grid-template-columns:176px minmax(0,1fr);align-items:start;gap:4px 14px;display:grid}.pop.wide .two-col{grid-template-columns:236px 1fr;gap:4px 20px}.col-l,.col-r{min-width:0}.col-l .section-h:first-child,.col-r .section-h:first-child{padding-top:6px}.col-l .skill-row{gap:6px;min-height:34px;padding:3px 6px}.col-l .skill-row .row-nm{min-width:0;font-size:13px;font-weight:400}.pop:not(.wide) .col-l .ab-tag{display:none}.pop:not(.wide) .sheet.editing .two-col{grid-template-columns:1fr}.pop:not(.wide) .sheet.editing .col-l{order:2}.passives{flex-direction:column;gap:2px;margin:0;padding:0 6px;display:flex}.passives div{justify-content:space-between;align-items:baseline;min-height:28px;display:flex}.passives dt{color:var(--text-2);font-size:13px}.passives dd{margin:0;font-weight:700}.skill-row{min-height:40px}.skill-row .pm{flex:none;place-items:center;width:16px;height:16px;display:grid}.pm i{border:1.5px solid var(--text-3);border-radius:50%;width:10px;height:10px;display:block}.pm.p1 i{background:var(--accent);border-color:var(--accent)}.pm.p2 i{background:var(--accent);border-color:var(--accent);outline:1.5px solid var(--accent);outline-offset:2px}button.pm{background:0 0;border:0;width:28px;height:28px;padding:0}.skill-row .ab-tag{color:var(--text-2);flex:none;width:30px;font-size:11px;font-weight:500}.skill-row .val{font-variant-numeric:tabular-nums;text-align:right;min-width:32px;font-weight:700}.feat-desc{color:var(--text-2);max-width:62ch;padding:0 8px 10px;font-size:13px;line-height:1.5}.feat-desc .btn{margin-top:8px}.coin-strip{background:var(--paper);border-radius:var(--r);grid-template-columns:repeat(5,1fr);margin:6px 0 2px;display:grid;overflow:hidden}.coin2{border-left:1px solid var(--line-soft);flex-direction:column;gap:1px;min-width:0;padding:6px 10px;display:flex}.coin2:first-child{border-left:0}.coin2 span{letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);font-size:11px;font-weight:700}.coin2 input{background:0 0;border:0;width:100%;min-width:0;padding:0;font-size:16px;font-weight:700}.coin2 input:focus{outline:none}.coin2:focus-within{box-shadow:inset 0 -2px 0 var(--accent)}.inv-row{min-height:48px}.inv-row.gone .row-nm{color:var(--text-2);text-decoration:line-through}.qty2{align-items:center;gap:2px;display:inline-flex}.qty2 button{border-radius:var(--r-sm);width:26px;height:26px;color:var(--text-2);background:0 0;border:0;place-items:center;display:grid}.qty2 button:hover:not(:disabled){background:var(--paper-2);color:var(--text)}.qty2 button:disabled{opacity:.4;cursor:default}.qty2 span{text-align:center;min-width:26px;font-weight:700}.inv-row .rm{opacity:0}.inv-row:hover .rm,.inv-row .rm:focus-visible{opacity:1}.add-row{border-top:1px solid var(--line-soft);color:var(--text-2);align-items:center;gap:6px;padding:10px 8px;display:flex}.add-row .in{flex:1}.add-row .in.num{flex:none;width:64px}.qty{background:var(--paper-2);border-radius:var(--r-sm);align-items:center;height:28px;display:inline-flex}.qty button{width:28px;height:28px;color:var(--text-2);background:0 0;border:0;place-items:center;display:grid}.qty button:hover{color:var(--text)}.qty span{text-align:center;font-variant-numeric:tabular-nums;min-width:28px;font-weight:500}.in{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--paper-2);min-width:0;height:32px;padding:0 8px}.in:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:none}textarea.in{resize:vertical;height:auto;min-height:84px;padding:8px;line-height:1.45}select.in{padding-right:4px}.in.name-in{width:100%;height:36px;font-size:20px;font-weight:700}.edit-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.edit-meta label{align-items:center;gap:6px;display:flex}.add-btn{border:1px dashed var(--line);border-radius:var(--r);width:calc(100% - 16px);height:40px;color:var(--text-2);background:0 0;justify-content:center;align-items:center;gap:6px;margin:8px 8px 0;font-weight:500;display:flex}.add-btn:hover{color:var(--accent-ink);border-color:var(--accent);background:var(--accent-soft)}.empty{flex-direction:column;align-items:flex-start;gap:12px;max-width:380px;padding:40px 24px;display:flex}.empty h2{margin:0;font-size:20px}.empty p{color:var(--text-2);margin:0;line-height:1.5}.empty .acts{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.quick{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px;padding:10px 12px 12px;display:flex}.quick .btn{height:30px;padding:0 9px;font-size:12px;font-weight:700}.quick form{gap:4px;width:100%;margin-top:4px;display:flex}.quick .in{flex:1;height:32px}.quick-err{width:100%;color:var(--danger);font-size:12px}.log{flex-direction:column;flex:1;gap:8px;padding:10px 12px;display:flex;overflow-y:auto}.log-empty{color:var(--text-2);padding:24px 4px;font-size:13px}.boot-error{color:var(--text);margin:0;padding:24px 16px;font-size:14px}.card{background:var(--paper);border-radius:var(--r);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.card.new{animation:.26s cubic-bezier(.2,.8,.2,1) cardIn}@keyframes cardIn{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}.card-h{align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.av{color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.card-h .who{white-space:nowrap;font-weight:700}.card-h .what{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.card-h .meta{color:var(--text-2);flex:none;align-items:center;gap:4px;font-size:12px;display:flex}.card-b{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.res{flex-direction:column;gap:2px;min-width:0;display:flex}.res-top{align-items:baseline;gap:6px;display:flex}.res-n{font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1}.res-n.sm{font-size:22px}.res-u{color:var(--text-2);font-size:13px}.res-x{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:12px}.res-x s{color:var(--text-2)}.res-x .k{color:var(--text);font-weight:500}.flag{letter-spacing:.03em;border-radius:999px;align-self:flex-start;padding:2px 7px;font-size:11px;font-weight:700}.flag.crit{background:var(--accent);color:var(--on-accent)}.flag.fumble{background:var(--danger-fill);color:#fff}.flag.pass{background:var(--ok-soft);color:var(--ok)}.flag.fail{background:var(--danger-soft);color:var(--danger)}.flag.note{background:var(--warn-soft);color:var(--warn)}.save-btn{text-align:center;border-radius:var(--r-sm);border:1px solid var(--accent);min-height:34px;color:var(--accent-ink);background:0 0;justify-content:center;align-self:stretch;align-items:center;gap:6px;padding:6px 10px;font-weight:500;line-height:1.3;display:flex}.save-btn:hover{background:var(--accent-soft)}.replies{border-top:1px solid var(--line);flex-direction:column;gap:4px;padding-top:8px;display:flex}.reply{align-items:center;gap:8px;font-size:13px;display:flex}.reply .rn{font-variant-numeric:tabular-nums;font-weight:700}.reply .grow{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.card-f{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.linkbtn{color:var(--accent-ink);background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:500;display:inline-flex}.linkbtn:hover{text-underline-offset:2px;text-decoration:underline}.card .desc{color:var(--text-2);white-space:pre-line;max-width:62ch;font-size:13px;line-height:1.5}.card.pending .res-n{color:var(--text-2)}.shimmer{background:linear-gradient(90deg, var(--paper-2), var(--line), var(--paper-2));background-size:200% 100%;border-radius:4px;width:56px;height:24px;animation:1s linear infinite sh;display:inline-block}@keyframes sh{to{background-position:-200% 0}}.menu{z-index:10;background:var(--float);border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--line);min-width:240px;max-height:calc(100% - 24px);padding:6px;position:absolute;overflow-y:auto}.menu-h{letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);padding:8px 10px 4px;font-size:11px;font-weight:700}.mi{text-align:left;border-radius:var(--r-sm);background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:14px;display:flex}.mi:hover:not(:disabled){background:var(--paper-2)}.mi:disabled{cursor:default}.mi .mi-t{flex-direction:column;flex:1;min-width:0;display:flex}.mi .mi-t small{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mi svg{color:var(--text-2)}.mi .mini{color:var(--text-2);font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;display:flex}.mi .mini .bar{width:64px;height:4px}.mi.on{background:var(--accent-soft)}.sep{background:var(--line);height:1px;margin:6px 4px}.status{color:var(--text-2);align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.status i{background:var(--ok);border-radius:50%;flex:none;width:8px;height:8px}.status i.off{background:var(--text-3)}.hp-panel{flex-direction:column;gap:10px;width:280px;padding:12px;display:flex}.hp-panel h3{justify-content:space-between;align-items:baseline;margin:0;font-size:14px;display:flex}.hp-panel h3 span{color:var(--text-2);font-size:13px;font-weight:500}.hp-change{flex-direction:column;gap:6px;display:flex}.hp-panel .row2b{grid-template-columns:1fr 1fr;gap:6px;display:grid}.temp-fld{border-top:1px solid var(--line-soft);padding-top:10px}.hp-panel .in{text-align:center;width:100%;height:40px;font-size:20px;font-weight:700}.hp-panel .temp-fld .in{height:36px;font-size:16px}.hp-panel .hint{color:var(--text-2);font-variant-numeric:tabular-nums;min-height:16px;font-size:12px}.hp-panel .btn{height:36px}.toast{z-index:9;background:var(--text);color:var(--obr-bg);border-radius:var(--r);box-shadow:var(--shadow);align-items:center;gap:8px;padding:8px 8px 8px 12px;font-size:13px;animation:.2s ease-out cardIn;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.sheet:has(>.panel)>.toast{bottom:70px}.toast span{flex:1}.toast .btn{color:var(--obr-bg);background:0 0;height:28px;box-shadow:inset 0 0 0 1px}.panel{z-index:8;background:var(--float);flex-direction:column;animation:.22s cubic-bezier(.2,.8,.2,1) panelIn;display:flex;position:absolute;inset:0}@keyframes panelIn{0%{opacity:.6;transform:translate(24px)}to{opacity:1;transform:none}}.panel-h{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px;display:flex}.panel-h h2{flex:1;margin:0;font-size:16px}.panel-b{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex;overflow-y:auto}.panel-f{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;padding:12px;display:flex}.panel-f .grow{color:var(--text-2);flex:1;font-size:13px}.preview{background:var(--paper);border-radius:var(--r);padding:4px}.preview-lbl{letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);padding:4px 8px 0;font-size:11px;font-weight:700}.fs{background:var(--paper);border-radius:var(--r);border:0;flex-direction:column;gap:10px;margin:0;padding:12px;display:flex}.fs-h{justify-content:space-between;align-items:center;gap:8px;display:flex}.fs-h h3{margin:0;font-size:14px}.fs-h small{color:var(--text-2);font-size:12px;font-weight:400}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.fld{flex-direction:column;gap:4px;min-width:0;display:flex}.fld>span{color:var(--text-2);font-size:12px;font-weight:500}.fld .in{width:100%}.check{align-items:center;gap:8px;font-size:13px;display:flex}.check input{width:16px;height:16px;accent-color:var(--accent)}.switch{flex:none;width:36px;height:20px;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch span{background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);pointer-events:none;border-radius:999px;transition:background .15s;position:absolute;inset:0}.switch span:after{content:"";background:var(--text-2);border-radius:50%;width:14px;height:14px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--accent);box-shadow:none}.switch input:checked+span:after{background:var(--on-accent);transform:translate(16px)}.switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.dmg-part{grid-template-columns:48px 64px 1fr 56px 1fr 32px;align-items:center;gap:6px;display:grid}.dmg-part .d{color:var(--text-2);text-align:center;font-size:12px}.calc{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:12px}.lvl-chips{gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.lvl-chips button{border:1px solid var(--line);height:28px;color:var(--text-2);background:0 0;border-radius:999px;flex:none;padding:0 10px;font-size:12px;font-weight:500}.lvl-chips button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.pick{border-radius:var(--r);cursor:pointer;align-items:center;gap:10px;padding:8px;display:flex}.pick:hover{background:var(--paper)}.pick input{width:16px;height:16px;accent-color:var(--accent);flex:none}.pick .row-txt{flex:1}.pick.owned{opacity:.55;cursor:default}.search{position:relative}.search svg{color:var(--text-3);position:absolute;top:9px;left:10px}.search .in{width:100%;height:36px;padding-left:34px}.tabs{scrollbar-width:none;overflow-x:auto}.tabs button{flex:none}@container (width<=460px){.vitals{flex-wrap:wrap;row-gap:10px}.hp,.death{flex-basis:calc(100% - 62px)}.seg,.seg button{flex:1}.two-col,.bg-grid{grid-template-columns:1fr}.col-l{order:2}.pop:not(.wide) .col-l .ab-tag{display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}