:root{--bg:#ecebe7;--panel:#fbfbf9;--ink:#1d1d1f;--muted:#5f6168;--faint:#9c9da3;--line:#dcdcd5;--soft:#e0dfd7;--hover:#f3f2ee;--accent:#7a1f12;--accent-ink:#fff;--gilt:#9a7a3a;--ok:#2f6b3a;--warn-bg:#fff4dc;--warn-line:#ecc77e;--warn-ink:#7a4c08;--dm-badge:#f0d9a8;--toast-bg:#262628;--flash:#ffe08a;--lane-0:var(--accent);--lane-1:#2f6b7a;--lane-2:#a0661b;--lane-3:#5b4b8a;--tier-low:#2f6a5a;--tier-moderate:#5c6a1a;--tier-high:#b0461c;--tier-above:#7d1a3a;--backdrop:#1d1d1f61;--font-ui:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Spectral SC", Georgia, serif;--text-small:12px;--text-label:14px;--text-body:16px;--text-heading:20px;--text-title:26px;--text-display:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--row-gap:4px;--radius:10px;--radius-control:8px;--radius-small:4px;--tap:44px;--prompt-h:50px;--content-max:860px;--shadow-popover:0 12px 32px #0000002e;--shadow-sheet:0 -10px 30px #0003;--shadow-dock:0 -6px 18px #0000001a;--shadow-scene:0 2px 12px #0000001f;--shadow-pinned:0 8px 12px -8px #00000038;--shadow-drawer:10px 0 30px #0003;--topbar-h:56px;--library-w:288px}@media (width<=640px){:root{--prompt-h:46px}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-body);-webkit-text-size-adjust:100%}button,select,input{font:inherit;color:inherit}button{min-height:var(--tap);padding:0 var(--space-4);border-radius:var(--radius-control);border:1px solid var(--line);background:var(--panel);cursor:pointer}@media (hover:hover){button:hover:not(:disabled){background:var(--hover)}}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}@media (hover:hover){button.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.15)}}button:disabled,select:disabled,input:disabled{opacity:.45;cursor:default}select{min-height:var(--tap);border-radius:var(--radius-control);border:1px solid var(--line);background:var(--panel);padding:0 var(--space-2);cursor:pointer}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.muted{color:var(--muted)}.art{image-rendering:pixelated;flex:none;display:block}.shell{flex-direction:column;height:100dvh;display:flex}:root.keyboard-open .shell{height:var(--shell-h)}.body{flex:1;min-height:0;display:flex}.centre{flex:1;min-width:0;overflow-y:auto}.topbar{height:var(--topbar-h);align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--panel);border-bottom:1px solid var(--line);flex:none;display:flex}.logo{isolation:isolate;align-self:stretch;align-items:flex-start;gap:var(--space-3);padding-right:11px;text-decoration:none;display:flex;position:relative}.logo:before{content:"";z-index:-1;border-radius:var(--radius-control);position:absolute;inset:8px 4px 7px 0}@media (hover:hover){.logo:hover:before{background:var(--hover)}}.logo:focus-visible{outline:0}.logo:focus-visible:before{outline:2px solid var(--ink)}.logo picture{flex:none;margin-top:8px;display:flex}.logo-wordmark{margin-top:18px}.logo .art{pointer-events:none}.topbar .library-toggle{width:40px;min-height:40px;margin-left:calc(-1 * var(--space-2));border-radius:var(--radius-control);flex:none}@media (pointer:coarse){.topbar .library-toggle{width:var(--tap);min-height:var(--tap)}}.logo{margin-right:-4px}.areas{align-items:center;gap:var(--space-1);height:100%;display:flex}.area,.area-switch{align-items:center;gap:var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-control);font-size:var(--text-label);font-weight:600;display:flex}.area{min-height:40px;color:var(--muted);text-decoration:none}.area-switch{border:0;min-height:36px}@media (pointer:coarse){.area,.area-switch{min-height:var(--tap)}}.area-icon{flex:none;justify-content:center;align-items:center;width:25px;height:24px;display:flex}.area-switch .caret{color:var(--muted);font-size:.8em}@media (hover:hover){.area:not([aria-disabled=true]):hover{background:var(--hover);color:var(--ink)}}.area[aria-current=page],.area[aria-current=page]:hover,.area-switch,button.area-switch:hover,.area-menu .menu-item[aria-current=page]{background:var(--soft);color:var(--ink)}.area-switch.no-area{background:0 0}@media (hover:hover){button.area-switch.no-area:hover{background:var(--hover)}}.area[aria-disabled=true],.area-menu .menu-item[aria-disabled=true]{cursor:default}.area[aria-disabled=true] .area-name,.area-menu .menu-item[aria-disabled=true] .area-name{opacity:.45}.areas-sep{width:1px;height:20px;margin:0 var(--space-2);background:var(--line)}.area-switcher{display:none;position:relative}.menu-popover.area-menu{min-width:240px;left:0;right:auto}.area-menu .menu-item{min-height:var(--tap);text-decoration:none}.area-menu .menu-item[aria-current=page]{font-weight:600}@media (hover:hover){.area-menu .menu-item[aria-disabled=true]:hover{background:0 0}}.area-menu .area-name{flex:1}.area-menu-soon{font-size:var(--text-small);color:var(--muted)}.area-menu-sep{margin:var(--space-1) 0;border:0;border-top:1px solid var(--line)}@media (width<=1000px){.areas{display:none}.area-switcher{display:block}}.account{align-items:center;gap:var(--space-3);display:flex}.topbar>.account{padding-left:var(--space-3);border-left:1px solid var(--line);margin-left:auto}.area-menu .account{margin-top:var(--space-1);padding:var(--space-2) var(--space-3);border-top:1px solid var(--line);justify-content:space-between;display:none}@media (width<=640px){.topbar>.account{display:none}.area-menu .account{display:flex}.menu-popover.area-menu{top:calc(var(--topbar-h) + var(--space-1));left:var(--space-4);right:var(--space-4);width:auto;position:fixed}}.account-menu-email{text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;color:var(--muted);font-size:var(--text-label);cursor:pointer;flex:1;overflow:hidden}.area-menu.covered{visibility:hidden}.gold-control{position:relative}.gold{align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-2);border-radius:var(--radius-control);font-size:var(--text-label);white-space:nowrap;font-variant-numeric:tabular-nums;background:0 0;border:0;font-weight:600;display:flex}@media (pointer:coarse){.gold{min-height:var(--tap)}}.gold[aria-expanded=true]{background:var(--soft)}.gold-note{top:calc(100% + var(--space-1));z-index:40;width:max-content;max-width:260px;padding:var(--space-2) var(--space-3);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-popover);color:var(--ink);font-size:var(--text-label);white-space:normal;margin:0;line-height:1.4;position:absolute;right:0}.area-menu .account{flex-wrap:wrap}.area-menu .gold-control{display:contents}.area-menu .gold-note{max-width:none;padding:0 0 var(--space-1);box-shadow:none;color:var(--muted);background:0 0;border:0;flex-basis:100%;order:9;position:static}.gold-low{color:var(--warn-ink)}.gold.gold-low,.gold.gold-low:hover:not(:disabled){background:var(--warn-bg);box-shadow:inset 0 0 0 1px var(--warn-line)}.gold.gold-low[aria-expanded=true]{box-shadow:inset 0 0 0 1px var(--warn-ink)}.gold-stack{flex:none;justify-content:center;align-items:center;width:21px;height:28px;display:flex}.sign-in{min-height:36px;padding:0 var(--space-3);font-size:var(--text-label);white-space:nowrap;font-weight:600}@media (pointer:coarse){.sign-in{min-height:var(--tap)}}.feedback-entry{align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-2);color:var(--ink);font-size:var(--text-label);white-space:nowrap;background:0 0;border-color:#0000;display:flex}@media (pointer:coarse){.feedback-entry{min-height:var(--tap)}}.feedback-entry .art{transform:translate(2px,-3px)}.area-menu .account{row-gap:calc(var(--space-2) + 1px);padding-top:var(--space-1);padding-bottom:0}.area-menu .gold{margin-left:calc(-1 * var(--space-2))}.area-menu .feedback-entry,.area-menu .gold,.area-menu .sign-in{min-height:var(--tap)}.area-menu .feedback-entry{order:-1;flex-basis:calc(100% + 2 * var(--space-3));margin:0 calc(-1 * var(--space-3));padding:0 var(--space-3);border-radius:var(--radius-small);color:var(--ink);text-align:left;border:0;position:relative}.area-menu .feedback-entry:after{content:"";left:0;right:0;bottom:calc(-1 * var(--space-1) - 1px);border-top:1px solid var(--line);position:absolute}@media (width>=1001px) and (width<=1150px){.topbar,.account{gap:var(--space-2)}.area{padding:0 var(--space-2)}.areas{gap:0}}@media (width>=641px) and (width<=740px){.topbar{padding:0 var(--space-3);gap:var(--space-2)}.account{gap:var(--space-2)}.topbar>.account{padding-left:var(--space-2)}}@media (width>=1001px) and (width<=1150px),(width>=641px) and (width<=740px){.topbar>.account .feedback-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.avatar{background:var(--panel);border:1px solid var(--line);width:36px;height:36px;min-height:0;color:var(--ink);font-weight:600;font-size:var(--text-label);border-radius:50%;place-items:center;padding:0;line-height:1;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar[aria-expanded=true],.avatar[aria-expanded=true]:hover:not(:disabled){background:var(--soft);border-color:var(--muted)}@media (pointer:coarse){.avatar{width:var(--tap);height:var(--tap)}}.menu-head{margin:0 0 var(--space-1);padding:var(--space-2) var(--space-3) var(--space-2);border-bottom:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;max-width:280px;color:var(--ink);font-size:var(--text-label);font-weight:600;overflow:hidden}.fake-sign-in{gap:var(--space-2);flex-direction:column;display:flex}.dialog-logo{width:fit-content;margin:0 auto var(--space-3);display:flex}.dialog-logo+.dialog-title{text-align:center}.sheet-dialog-head{padding:0 var(--space-2) var(--space-1)}.fake-sign-in>button:last-child{color:var(--muted);background:0 0;border-color:#0000}.sheet .fake-sign-in{padding:0 var(--space-4) var(--space-4)}.bot-check{bottom:var(--space-4);z-index:70;position:fixed;left:50%;transform:translate(-50%)}.bot-check:empty{display:none}.row-menu{--menu-button:32px;flex:none;position:relative}.row-menu-button{border-radius:var(--radius-control);width:32px;min-height:32px;color:var(--muted);font-size:var(--text-heading);background:0 0;border:0;place-items:center;padding:0;line-height:1;display:grid}@media (hover:hover){.row-menu-button:hover:not(:disabled){color:var(--ink);background:0 0}}@media (pointer:coarse){.row-menu-button{color:var(--ink)}}.row-menu-button[aria-expanded=true]{color:var(--ink);background:0 0}.row-menu-button:focus-visible{outline-offset:-2px}.menu-popover{top:calc(100% + var(--space-1));z-index:40;width:max-content;min-width:120px;padding:var(--space-1);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-popover);position:absolute;right:0}.menu-popover.up{top:auto;bottom:calc(100% + var(--space-1))}.menu-item{align-items:center;gap:var(--space-2);width:100%;min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-small);color:var(--ink);text-align:left;font-size:var(--text-label);white-space:nowrap;background:0 0;border:0;display:flex}.menu-item:focus-visible{outline-offset:-2px}.menu-item svg{color:var(--muted);flex:none}@media (hover:hover){.menu-item:hover{background:var(--hover)}}.sheet .menu-list{padding-top:var(--space-1)}.sheet .menu-item{min-height:52px;padding:0 var(--space-2);font-size:var(--text-body)}.sheet .menu-item:active{background:var(--soft)}.menu-chevron{color:var(--muted);flex:none}.menu-parent-item .menu-chevron{margin-left:auto}.menu-parent-item{padding-right:var(--space-2)}.menu-parent-label{margin-right:var(--space-4)}.menu-parent-item[aria-expanded=true]{background:var(--soft)}.menu-parent-item[aria-expanded=true] .menu-chevron{color:var(--ink)}.menu-back{font-weight:600}.sheet .menu-item svg:not(.menu-chevron){width:20px;height:20px}.sheet .menu-separated:before{left:0;right:0}.sheet .menu-back{border-bottom:1px solid var(--line);margin-bottom:var(--space-1);border-radius:0}.menu-separated{margin-top:calc(2 * var(--space-1) + 1px);position:relative}.menu-separated:before{content:"";left:var(--space-2);right:var(--space-2);top:calc(-1 * var(--space-1) - 1px);border-top:1px solid var(--line);position:absolute}.menu-popover.menu-flyout{position:fixed;inset:0 auto auto 0}.menu-item[aria-disabled=true]{cursor:default}.menu-item[aria-disabled=true]>svg,.menu-item[aria-disabled=true] .menu-item-text>:first-child{opacity:.45}@media (hover:hover){.menu-item[aria-disabled=true]:hover{background:0 0}}.menu-item.has-hint{padding-block:var(--space-2);align-items:flex-start}.menu-item.has-hint>svg{margin-top:2px}.menu-item-text{flex-direction:column;gap:2px;line-height:1.3;display:flex}.menu-hint{font-size:var(--text-small);color:var(--muted)}.library-panel{width:var(--library-w);background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex:none;min-height:0;display:flex}.library-head{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);flex:none;display:flex}.library-icon-button{width:36px;min-height:36px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}@media (hover:hover){.library-icon-button:hover:not(:disabled){background:var(--hover);color:var(--ink)}}.library-search{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-control);min-width:0;min-height:40px;color:var(--muted);flex:1;align-items:stretch;display:flex}.library-search:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:1px}.library-search[data-pointer]:has(input:focus-visible){outline:0}.library-search-field{align-items:center;gap:var(--space-1);min-width:0;padding:0 0 0 calc(var(--space-3) - 1px);cursor:text;flex:1;display:flex}.library-drawer .library-search-field{padding-left:var(--space-2)}.library-search-field svg{flex:none}.library-search input{min-width:0;min-height:36px;font-size:var(--text-label);color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0}.library-search input::placeholder{color:var(--muted);font-size:var(--text-label);opacity:1}.library-panel .library-search-field svg{display:none}.library-search input::-webkit-search-cancel-button{appearance:none;display:none}.library-search-clear{width:32px;min-height:0;color:var(--muted);background:0 0;border:0;border-radius:0;flex:none;align-self:stretch;place-items:center;padding:0;display:grid}@media (hover:hover){.library-search-clear:hover:not(:disabled){color:var(--ink);background:0 0}}.library-search-clear:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.library-scroll{overflow-anchor:none;min-height:0;padding:var(--space-2) var(--space-3) var(--space-3);border-top:1px solid #0000;flex:1;overflow-y:auto}@property --scroll-fade{syntax:"<length>";inherits:false;initial-value:0}@supports (animation-timeline:scroll()){.library-scroll{-webkit-mask-image:linear-gradient(transparent var(--scroll-fade), #000 calc(4 * var(--scroll-fade)));mask-image:linear-gradient(transparent var(--scroll-fade), #000 calc(4 * var(--scroll-fade)));animation:linear both scrolled-edge;animation-timeline:scroll(self);animation-range:0 var(--space-2)}@keyframes scrolled-edge{0%{--scroll-fade:0px;border-top-color:#0000}to{border-top-color:var(--line);--scroll-fade:var(--space-2)}}}.library-monsters{gap:var(--row-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.library-footer{padding:var(--space-2) var(--space-3);border-top:1px solid var(--line);flex:none}.library-footer .library-new{width:100%;margin:0}.library-guest-note{padding:var(--space-2) var(--space-3);color:var(--muted);font-size:var(--text-small);flex:none;margin:0}.library-guest-note .blocked-action{color:var(--ink);font-weight:600}.library-problem{margin:0 var(--space-3) var(--space-2);color:var(--warn-ink);font-size:var(--text-label)}.library-row{border-radius:var(--radius-control);align-items:center;display:flex}.library-pick{align-items:center;gap:var(--space-3);min-width:0;min-height:40px;padding:0 0 0 var(--space-3);border-radius:var(--radius-control);color:inherit;font-size:var(--text-label);flex:1;text-decoration:none;display:flex}.library-pick:focus-visible{outline-offset:-2px}.library-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.library-meta{align-items:center;gap:var(--space-1);color:var(--muted);font-size:var(--text-label);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-weight:600;display:inline-flex}.cr-label{color:var(--muted);font-weight:600}.cr-value{color:var(--ink);font-weight:700}.library-cr{color:var(--muted);font-weight:600}.legendary-badge{border-radius:var(--radius-small);background:var(--panel);width:16px;height:16px;color:var(--accent);font-size:var(--text-small);box-shadow:inset 0 0 0 1px var(--line);place-items:center;font-weight:700;display:inline-grid}@media (hover:hover){.library-row:hover{background:var(--hover)}}.library-row.open,.library-row.open:hover{background:var(--soft)}.library-row.open .library-name{font-weight:600}.library-row.open .library-meta{color:var(--ink)}.library-job .library-pick{padding-top:var(--space-1);padding-bottom:var(--space-1);align-items:baseline}.library-job-text{flex-direction:column;flex:1;min-width:0;display:flex}.library-concept{text-overflow:ellipsis;white-space:nowrap;font-style:italic;overflow:hidden}.library-status{align-items:center;gap:var(--space-1);color:var(--muted);font-size:var(--text-small);display:flex}.row-menu-spacer{flex:none;width:32px}.library-row .row-menu,.row-menu-spacer,.library-row-tools .row-add{margin-left:var(--space-2)}.library-failed .library-name,.library-failed.open .library-name{font-weight:400}.library-row .library-failed-tag,.library-row.open .library-failed-tag{color:var(--warn-ink)}.library-new{align-items:center;gap:var(--space-2);min-height:40px;margin:0 var(--space-3) var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--ink);font-size:var(--text-label);text-decoration:none;display:flex}.library-new>[aria-hidden]{text-align:left;width:16px;color:var(--muted);font-weight:600}@media (hover:hover){.library-new:hover{background:var(--hover)}}.library-new:focus-visible{outline-offset:-2px}.library-message{margin:var(--space-4) var(--space-3);color:var(--muted);font-size:var(--text-label)}.empty-list{text-align:center}.empty-pip{margin:var(--space-6) auto 0}.library-count{margin:0 var(--space-3) var(--space-1);padding:0 var(--space-3);color:var(--muted);font-size:var(--text-small);flex:none}.library-more-failed{align-items:center;gap:var(--space-3);min-height:40px;padding:0 var(--space-3);color:var(--ink);font-size:var(--text-label);display:flex}.library-retry,.library-clear{min-height:32px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);font-size:var(--text-label);font-weight:600}@media (hover:hover){.library-retry:hover,.library-clear:hover{background:var(--hover)}}.library-loading{margin:var(--space-2) 0;justify-content:center;display:flex}.library-end{height:1px}.library-clear{margin:calc(-1 * var(--space-2)) var(--space-3) 0}.library-row-tools{flex:none;align-items:center;display:flex;position:relative}@media (pointer:fine){.library-monsters .library-row{align-items:center;column-gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.library-monsters .library-pick{grid-area:1/1/auto/3;grid-template-columns:subgrid;padding-right:var(--space-3);display:grid}.library-monsters .library-row:not(.adding){grid-template-columns:minmax(0,1fr) auto}.library-monsters .library-row.adding .library-pick{padding-right:0}.library-monsters .library-pick>:first-child{grid-column:1;min-width:0}.library-monsters .library-meta{grid-column:2}.library-monsters .library-row-tools{display:contents}.library-monsters .row-add{min-width:calc(2.6em + var(--space-3));padding-right:var(--space-3);grid-area:1/3;place-items:center end;margin-left:0}.library-monsters .library-row .row-menu{z-index:1;grid-area:1/1;justify-self:end;margin:0}.library-monsters .row-rename{padding-right:calc(32px + var(--space-2));grid-area:1/1/auto/3}.library-monsters .row-menu-spacer{display:none}.library-monsters .library-row:is(:hover,:focus-within,.open,:has([aria-expanded=true])) .library-pick>:first-child{padding-right:calc(32px + var(--space-1))}.library-row .row-menu-button{opacity:0}.library-row:hover .row-menu-button,.library-row:focus-within .row-menu-button,.library-row.open .row-menu-button,.library-row .row-menu-button[aria-expanded=true]{opacity:1}}.drawer-backdrop{z-index:60;background:var(--backdrop);animation:.18s ease-out fade-in;position:fixed;inset:0}.library-drawer{width:min(85vw,360px);padding-bottom:env(safe-area-inset-bottom);background:var(--panel);box-shadow:var(--shadow-drawer);outline:0;flex-direction:column;animation:.22s ease-out drawer-in;display:flex;position:absolute;top:0;bottom:0;left:0}.library-drawer .sheet-close{min-height:var(--tap)}@keyframes drawer-in{0%{transform:translate(-100%)}}@keyframes fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.drawer-backdrop,.library-drawer{animation:none}}@media (pointer:coarse){.library-pick{min-height:var(--tap);font-size:var(--text-body)}.library-search{min-height:var(--tap)}.library-search input{font-size:var(--text-body)}.library-search-clear{width:var(--tap);margin:-1px 0}.library-icon-button,.row-menu-button{min-height:var(--tap);width:var(--tap)}.row-menu{--menu-button:var(--tap)}.row-menu-spacer{width:var(--tap)}.library-new{min-height:var(--tap);font-size:var(--text-body)}.library-clear,.library-retry,.menu-item{min-height:var(--tap)}}.promptbar{--bar-pad:var(--space-3);gap:var(--space-2);padding:var(--bar-pad);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(min-content,1.2fr) auto minmax(min-content,1fr) minmax(min-content,1fr);grid-template-areas:"prompt prompt prompt prompt""cr which legendary go";align-items:center;display:grid;position:relative}.promptbar:has(.prompt:focus){border-color:var(--muted);box-shadow:inset 0 0 0 1px var(--muted)}.prompt{width:100%;min-width:0;font:inherit;font-size:var(--text-body);--prompt-pad:calc((var(--prompt-h) - 1.5em) / 2);padding:var(--prompt-pad) 0;max-height:calc(6em + 2 * var(--prompt-pad));resize:none;color:inherit;background:0 0;border:0;grid-area:prompt;line-height:1.5;display:block;overflow-y:auto}.prompt:focus{outline:0}.promptbar .stepper{width:auto;min-height:var(--prompt-h);grid-area:cr}.promptbar .legendary{width:auto;min-height:var(--prompt-h);grid-area:legendary}.go{min-height:var(--prompt-h);font-size:var(--text-body);grid-area:go;padding:0}button.plaque.faded:after{content:"";background:var(--panel);box-shadow:0 0 0 calc(var(--plaque-rim) / 3) var(--panel);opacity:.55;pointer-events:none;position:absolute;inset:0}@media (hover:hover){button.plaque.faded:hover:not(:disabled){filter:none}}.promptbar .which-slot{grid-area:which;display:flex}.promptbar .stepper select{min-width:max-content}.legendary{min-height:var(--prompt-h);width:148px;font-size:var(--text-label);color:var(--muted);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);justify-content:center;align-items:center;gap:var(--space-2);padding:0;display:inline-flex}.legendary-eye{flex:none;justify-content:center;align-items:center;width:34.5px;height:30px;display:flex}.legendary[aria-checked=false] .legendary-eye .art{filter:grayscale();opacity:.55}.legendary-hint{--hint-pad:var(--space-1);top:calc(100% + var(--space-2) - 2px);left:calc(var(--bar-pad) - var(--hint-pad));width:fit-content;max-width:calc(100% - 2 * (var(--bar-pad) - var(--hint-pad)));padding:2px var(--hint-pad);border-radius:var(--radius-small);font-size:var(--text-label);color:var(--muted);margin:0;position:absolute}.legendary-hint:not(:empty){background:var(--panel)}.legendary-hint.busy,.failed-blocked.busy{align-items:center;gap:var(--space-2);display:flex}.legendary-hint.blocked-lasting,.change-blocked.blocked-lasting,.failed-blocked.blocked-lasting,.library-problem.blocked-lasting{align-items:flex-start;gap:var(--space-2);color:var(--warn-ink);font-weight:600;line-height:1.35;display:flex}.blocked-lasting .lock-icon{flex:none;margin-top:calc(.675em - 7px)}.blocked-action{min-height:0;color:inherit;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.blocked-action:hover:not(:disabled){background:0 0;text-decoration-thickness:2px}@media (pointer:coarse){.blocked-action{position:relative}.blocked-action:after{content:"";position:absolute;inset:-12px -4px}}.legendary[aria-checked=true],.legendary[aria-checked=true]:hover:not(:disabled){color:var(--ink);background:var(--soft);font-weight:600}.stepper{width:164px;min-height:var(--prompt-h);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);align-items:stretch;display:flex}.stepper button{min-width:40px;min-height:0;font-size:var(--text-heading);color:var(--muted);background:0 0;border:0;padding:0}.stepper button:first-child{border-radius:var(--radius-control) 0 0 var(--radius-control)}.stepper button:last-child{border-radius:0 var(--radius-control) var(--radius-control) 0}@media (hover:hover){.stepper button:hover:not(:disabled){color:var(--ink)}}.stepper select{text-align:center;text-align-last:center;min-width:0;min-height:0;font-size:var(--text-label);white-space:nowrap;appearance:none;font-variant-numeric:tabular-nums;background:0 0;border:0;flex:1;padding:0;font-weight:600}.stepper:has(select:disabled){opacity:.45}.stepper select:has(option[value=""]:checked){color:var(--muted);font-weight:400}:is(.stepper select:disabled,.stepper:has(select:disabled) button:disabled){opacity:1}@media (width<=449px){.promptbar{column-gap:var(--space-1)}.change-docked .change-row,.change-docked .change-levels,:is(.promptbar,.change-docked) :is(.legendary,.go,.change-go){gap:var(--space-1)}:is(.promptbar,.change-docked) .stepper button{z-index:1;min-width:24px;position:relative}:is(.promptbar,.change-docked) .stepper button:before{content:"";inset:0 calc((24px - var(--tap)) / 2);position:absolute}.promptbar .stepper select:has(option[value=""]:checked){font-size:var(--text-small)}:is(.promptbar,.change-docked .change-levels) .which-button-row{width:36px;position:relative}:is(.promptbar,.change-docked) .which-button-row:before{content:"";inset:0 calc((36px - var(--tap)) / 2);position:absolute}}@media (width<=399px){:is(.promptbar,.change-docked) .legendary{font-size:var(--text-small)}.promptbar .go{font-size:var(--text-label)}}@media (width<=359px){.promptbar{column-gap:2px}.change-docked .change-row,.change-docked .change-levels{gap:2px}:is(.promptbar,.change-docked) :is(.legendary,.go,.change-go){gap:3px;padding-inline:4px}:is(.promptbar,.change-docked) .stepper select{font-size:var(--text-small)}:is(.promptbar,.change-docked) .stepper button{min-width:22px}:is(.promptbar,.change-docked) .stepper button:before{inset:0 calc((22px - var(--tap)) / 2)}}.which-button{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--muted);place-items:center;padding:0;display:grid}.which-button[aria-expanded=true],.which-button[aria-expanded=true]:hover:not(:disabled){background:var(--soft);border-color:var(--muted)}.which-button .art{display:block}.which-button-row{width:var(--prompt-h);min-height:var(--prompt-h)}.change .which-button-row{width:var(--tap);min-height:var(--tap);flex:none}.which-button-card{grid-area:which;width:40px;height:36px;min-height:36px;position:relative}@media (pointer:coarse){.which-button-card{height:32px;min-height:32px}.which-button-card:before{content:"";inset:calc((32px - var(--tap)) / 2) calc((40px - var(--tap)) / 2);position:absolute}}.which-cr{min-width:0;font-size:var(--text-label);color:var(--ink);text-align:left;font-variant-numeric:tabular-nums}.which-party{gap:var(--space-2);display:flex}.which-party .mini-stepper{flex:1;justify-content:space-between}.which-table{width:100%;margin-top:var(--space-3);border-collapse:collapse;caption-side:bottom}.which-table th,.which-table td{padding:var(--space-1) var(--space-2);text-align:center;white-space:nowrap}.which-table thead th{border-bottom:1px solid var(--line);font-weight:600}.which-table .which-count{text-align:left;width:1%;color:var(--muted);padding-left:0;font-weight:600}.which-table tbody .which-count{color:var(--ink);font-size:var(--text-body);padding-right:var(--space-4)}.which-table td{font-size:var(--text-body);font-weight:600}.which-table tbody tr+tr>*{border-top:1px solid var(--soft)}.which-none{color:var(--faint);font-size:var(--text-label);font-weight:400}.which-table caption{padding-top:var(--space-2);text-align:left;font-size:var(--text-small);color:var(--muted)}.which-popover{z-index:40;width:min(360px, calc(100vw - 2 * var(--space-4)));padding:var(--space-3);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-popover);position:fixed;overflow-y:auto}.which-popover:focus{outline:0}.which-popover .which-table{margin-top:var(--space-2)}.which-popover .which-table th,.which-popover .which-table td{padding-top:2px;padding-bottom:2px}.sheet .which-cr{max-width:440px;padding:0 var(--space-2) var(--space-2)}.stage{padding:var(--space-4) var(--space-5) calc(2 * var(--space-7))}.stage>*{max-width:var(--content-max);margin-left:auto;margin-right:auto}.start-error{align-items:center;gap:var(--space-2);width:100%;min-height:var(--space-5);color:var(--warn-ink);font-weight:600;font-size:var(--text-label);margin-top:0;margin-bottom:var(--space-4);line-height:1.3;display:flex}.start-error svg{flex:none;width:16px;height:16px}.stage[data-scene]>.start-error{max-width:560px;height:var(--space-5);padding:0 var(--space-3);width:100%;margin:0 auto var(--space-3);grid-row:1;align-self:end;position:relative}.stage:has(>.startpage)>.start-error{padding:0 calc(var(--space-3) + 1px);margin:var(--space-2) auto 0;grid-row:3;align-self:start;align-items:flex-start;height:auto}.stage:has(>.startpage)>.start-error svg{margin-top:1px}.stage:has(>.start-error) .legendary-hint{opacity:0}.stage[data-scene]{min-height:100%;padding-top:var(--space-5);padding-bottom:var(--space-5);grid-template-rows:1fr auto 1fr;justify-items:center;display:grid;position:relative;overflow:clip}.stage[data-scene]>:is(.startpage,.progress-panel,.failed-entry){grid-row:2}.startpage,.stage>.progress-panel,.stage>.failed-entry{width:100%;max-width:560px;position:relative}.startpage{text-align:center}.panorama{pointer-events:none;max-width:none;image-rendering:pixelated;filter:brightness(1.04);mix-blend-mode:darken;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.startpage .promptbar,.stage>.progress-panel,.stage>.failed-entry{box-shadow:var(--shadow-scene)}.startpage .promptbar{text-align:left}.startpage .not-found{align-items:center;gap:var(--space-2);margin:calc(-1 * var(--space-2)) 0 var(--space-3);color:var(--warn-ink);font-size:var(--text-body);text-align:left;font-weight:600;display:flex}.progress-panel,.failed-entry{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-5)}.concept{font:italic var(--text-heading) / 1.3 var(--font-ui);margin:0 0 var(--space-4);overflow-wrap:anywhere}.request-line{margin:calc(-1 * var(--space-3)) 0 var(--space-4);color:var(--ink);font-size:var(--text-label);font-variant-numeric:tabular-nums;font-weight:600}.progress-panel .request-line{margin-bottom:var(--space-3)}.progress-bar{image-rendering:pixelated;margin-bottom:var(--space-3);display:block}.progress-row{justify-content:space-between;align-items:flex-end;gap:var(--space-3);display:flex}.progress-row .steps{min-width:0}.pip-box{flex:none;position:relative}.pip-still{position:absolute;bottom:0;right:0}.pip-strip{image-rendering:pixelated;background-repeat:no-repeat;animation-name:pip-strip;animation-iteration-count:infinite;position:absolute;bottom:0;right:0}@keyframes pip-strip{to{background-position:calc(-1 * var(--strip-width)) 0}}@media (prefers-reduced-motion:reduce){.pip-strip{animation:none}}.steps{gap:var(--space-2);font-size:var(--text-body);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.steps li{gap:var(--space-2);color:var(--muted);align-items:center;display:flex}.steps li.on{color:var(--ink);font-weight:600}.dot{background:var(--line);border-radius:50%;flex:none;width:14px;height:14px}.progress-panel .dot{background:radial-gradient(circle, var(--faint) 3px, transparent 3.5px)}.progress-panel .steps li.on .dot{border-color:currentColor #0000 currentColor currentColor}.steps li.done{color:var(--ink)}.steps li.on .dot{border:2px solid var(--accent);background:0 0;border-right-color:#0000;animation:.8s linear infinite spin}.steps li.done .dot{background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.5 7.2 6 9.7 10.5 4.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat}@media (prefers-reduced-motion:reduce){.steps li.on .dot{animation:none}}.failed-status{align-items:flex-start;gap:var(--space-3);flex-direction:column;flex:1;min-width:0;display:flex}.failed-message{color:var(--warn-ink);margin:0;font-weight:600}.failed-message span{white-space:nowrap}.failed-retry{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.failed-status button{padding:0 var(--space-5)}.failed-blocked{color:var(--muted);font-size:var(--text-label);margin:0}.banner{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-4);background:var(--warn-bg);border-bottom:1px solid var(--warn-line);color:var(--warn-ink);font-size:var(--text-body);flex:none;display:flex}.banner p{margin:var(--space-2) 0;flex:1}.banner .dismiss{color:var(--warn-ink);min-width:var(--tap);font-size:var(--text-body);background:0 0;border:0;padding:0}.toast:empty{display:none}.toast{--toast-side:0px;bottom:calc(var(--dock-h,0px) + var(--space-4));left:calc(50% + var(--toast-side) / 2);z-index:70;width:max-content;max-width:min(640px, calc(100vw - var(--toast-side) - 2 * var(--space-4)));align-items:center;gap:var(--space-1) var(--space-3);background:var(--toast-bg);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);box-shadow:var(--shadow-popover);font-size:var(--text-label);font-weight:600;display:flex;position:fixed;transform:translate(-50%)}.shell:has(.library-panel) .toast{--toast-side:var(--library-w)}@media (width<=640px){.toast{padding:var(--space-3);max-width:calc(100vw - 2 * var(--space-2))}}.toast-parts>.toast-clip{text-overflow:clip}body:has(.library-drawer) .toast{--drawer-w:min(85vw, 360px);left:calc(var(--drawer-w) / 2);max-width:calc(var(--drawer-w) - 2 * var(--space-3))}.toast-done{margin-right:calc(var(--space-2) - var(--space-3));flex:none}.toast:has(button)>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.toast button{flex:none}.toast-parts{min-width:0;display:flex}.toast-parts>*{text-overflow:ellipsis;white-space:pre;min-width:0;overflow:hidden}.toast-keep{flex:none}.toast button{margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-3));padding:0 var(--space-3);color:#fff;text-underline-offset:3px;background:0 0;border:0;font-weight:600;text-decoration:underline}.toast button:hover:not(:disabled){background:0 0;text-decoration:underline}.cardhead{top:var(--space-3);z-index:4;border-radius:var(--radius) var(--radius) 0 0;position:sticky}.cardhead:before{content:"";z-index:-1;left:-1px;right:-1px;bottom:calc(100% - var(--radius));height:calc(var(--space-3) + var(--radius));background:var(--bg);position:absolute}@supports (animation-timeline:scroll()){.cardhead{animation:linear both pinned-shadow;animation-timeline:scroll();animation-range:0 var(--space-5)}@keyframes pinned-shadow{0%{box-shadow:none}to{box-shadow:var(--shadow-pinned)}}}.cardhead+:is(.warnbar,.statblock){border-top:0}.cardbar{gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-5);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;border-bottom:0;flex-direction:column;display:flex}.cardbar-name{align-items:flex-start;gap:var(--space-3);min-width:0;display:flex}.cardbar-name h2{flex:1}.cardbar-name{--name-line:calc(var(--text-display) * 1.15)}.cardbar-name.long-name{--name-line:calc(var(--text-title) * 1.15)}.cardbar-name .row-menu{margin:calc((var(--name-line) - var(--menu-button)) / 2) calc(-1 * var(--space-2)) 0 auto}.cardbar-name h2{min-width:0;font:normal var(--text-display) var(--font-display);color:var(--accent);overflow-wrap:anywhere;margin:0;line-height:1.15;translate:0 .09em}.rename{text-align:left;min-height:0;font:inherit;color:inherit;cursor:text;overflow-wrap:anywhere;background:0 0;border:0;border-bottom:1px dashed #0000;border-radius:0;padding:0}.rename:hover:not(:disabled){border-bottom-color:var(--muted);background:0 0}.rename-field{width:100%;min-width:0;margin:calc(-1 * var(--space-1)) 0;padding:0 var(--space-2);font:inherit;color:inherit;border:1px solid var(--accent);border-radius:var(--radius-control);background:var(--panel)}.cardbar-name .rename-field,.encounter-name .rename-field{box-sizing:border-box;height:calc(var(--name-line) + 2 * var(--space-1));--field-pad:var(--space-2);padding-inline:var(--field-pad);width:calc(100% + var(--field-pad) + 1px);margin-left:calc(-1 * (var(--field-pad) + 1px))}@media (width<=640px){.cardbar-name .rename-field,.encounter-name .rename-field{--field-pad:var(--space-1)}}.rename-field::selection{background:var(--soft);color:var(--ink)}:is(.cardbar-name,.encounter-name):has(.rename-field) .row-menu{visibility:hidden}.rename-field:focus{outline:2px solid var(--ink);outline-offset:-1px}.cardbar-tools{--bar-control:32px;gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.cardbar-tools button{height:var(--bar-control);min-height:var(--bar-control);font-size:var(--text-label)}.add-encounter{border-radius:var(--radius-control) 0 0 var(--radius-control);padding:0 var(--space-3);white-space:nowrap}.add-encounter-split{gap:0}.add-encounter-more{border-radius:0 var(--radius-control) var(--radius-control) 0;place-items:center;min-width:32px;margin-left:-1px;padding:0;display:grid}.add-encounter-more .caret{color:var(--muted)}.add-encounter-more[aria-expanded=true] .caret{transform:rotate(180deg)}.encounter-menu{min-width:240px;max-width:min(320px, calc(100vw - 2 * var(--space-3)))}.encounter-menu-item{align-items:center;gap:var(--space-2);display:flex}.encounter-menu-name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.encounter-menu-count{min-width:3ch;padding-left:var(--space-2);color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-weight:600}.encounter-menu-head{padding:var(--space-1) var(--space-3);font-size:var(--text-small);color:var(--muted);margin:0}.sheet .encounter-menu-head{padding:0 var(--space-2) var(--space-1)}.encounter-badge{color:var(--ink);font-size:var(--text-label);font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-weight:600;line-height:1;display:inline-flex}.encounter-badge:before{content:"⚔";color:var(--muted);font-weight:400}.add-encounter-more:has(.encounter-badge){gap:var(--space-1);padding:0 var(--space-2);display:inline-flex}.card-encounters{align-items:center;gap:0 var(--space-3);min-height:36px;padding:var(--space-1) var(--space-4) var(--space-1) var(--space-5);background:var(--panel);border:1px solid var(--line);font-size:var(--text-label);font-variant-numeric:tabular-nums;border-bottom:0;flex-wrap:wrap;display:flex}.cardhead>.card-encounters:last-child{border-bottom:1px solid var(--line)}.card.docked .cardbar+.card-encounters{border-top:0}.card-encounter-line{align-items:center;gap:var(--space-1);min-width:0;min-height:32px;color:var(--ink);white-space:nowrap;flex:0 auto;text-decoration:none;display:flex}@media (hover:hover){.card-encounter-line:hover .card-encounter-name{text-decoration:underline}}.card-encounter-name{text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.card-encounter-meta{flex:none}.card-encounter-go{color:var(--muted);flex:none}.older-bar{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-5);background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-ink);font-size:var(--text-label);flex-wrap:wrap;display:flex}.older-text{flex:240px;margin:0}.older-text b{font-weight:600}.older-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.older-actions button{white-space:nowrap;color:var(--ink)}.older-actions button.primary{color:var(--accent-ink)}.older-blocked{align-items:center;gap:var(--space-2);flex-basis:100%;margin:0;display:flex}.export-split{flex:none;gap:1px;display:inline-flex;position:relative}.export-split .export{border-radius:var(--radius-control) 0 0 var(--radius-control);padding:0 var(--space-3);white-space:nowrap}.cardbar{container-type:inline-size}@container (width<=720px){.export-rest{display:none}}.export-split.unavailable{justify-content:end;row-gap:var(--space-1);grid-template-columns:auto auto;display:inline-grid}.export-split.unavailable .export-more{color:var(--ink)}.export-hint{text-align:right;color:var(--muted);font-size:var(--text-small);grid-area:2/1/auto/-1;margin:0}.export-more{border-radius:0 var(--radius-control) var(--radius-control) 0;place-items:center;min-width:32px;padding:0;display:grid}.caret{flex:none;width:12px;height:12px}.version-button .caret{color:var(--muted)}.export-more.primary[aria-expanded=true]{filter:brightness(.85)}.export-more:not(.primary)[aria-expanded=true]{background:var(--soft)}.export-more[aria-expanded=true] .caret{transform:rotate(180deg)}.export-menu{top:calc(100% + var(--space-2));z-index:40;gap:var(--row-gap);min-width:200px;padding:var(--space-1);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-popover);flex-direction:column;display:flex;position:absolute;right:0}.export-menu button{min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-small);text-align:left;font-size:var(--text-label);white-space:nowrap;background:0 0;border:0}.export-menu button:focus-visible{outline-offset:-2px}@media (hover:hover){.export-menu button:hover{background:var(--hover)}}.adjust{background:var(--bg);border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);border-top:0}.cardhead .adjust{border-bottom:1px solid var(--line);border-radius:0}.cardhead .adjust-bar{padding-top:var(--space-4)}.adjust-bar{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4) var(--space-1) var(--space-5);border-top:1px solid var(--line);display:flex}.adjust-tabs{flex:none;grid-auto-columns:1fr;grid-auto-flow:column;min-width:0;display:inline-grid}.adjust-tab{min-height:36px;padding:0 var(--space-5);justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:var(--text-label);white-space:nowrap;border-radius:0;margin-left:-1px;font-weight:600;display:inline-flex;position:relative}.adjust-tab:first-child{border-radius:var(--radius-control) 0 0 var(--radius-control);margin-left:0}.adjust-tab:last-child{border-radius:0 var(--radius-control) var(--radius-control) 0}.adjust-tab:only-child{border-radius:var(--radius-control)}.adjust-tab:focus-visible{z-index:2}@media (hover:hover){.adjust-tab:hover:not(:disabled){color:var(--ink);background:var(--hover)}}.adjust-tab[aria-selected=true],.adjust-tab[aria-selected=true]:hover:not(:disabled){color:var(--ink);background:var(--soft);border-color:var(--muted);z-index:1}.adjust-panel{min-width:0;padding:var(--space-2) var(--space-4) var(--space-4) var(--space-5)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.adjust-panels>.adjust-panel[data-hidden]{display:none}.spinner{vertical-align:-1px;border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:12px;height:12px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.tab-failed{background:var(--warn-line);width:16px;height:16px;color:var(--warn-ink);font-size:var(--text-small);border-radius:50%;place-items:center;display:inline-grid}.cardbar-name.long-name h2{font-size:var(--text-title)}@media (width<=1180px){.cardbar-name.long-name h2{font-size:var(--text-heading)}.cardbar-name.long-name{--name-line:calc(var(--text-heading) * 1.15)}}.versions{flex:none;position:relative}.version-button{min-height:32px;padding:0 var(--space-2) 0 var(--space-3);align-items:center;gap:var(--space-1);font-size:var(--text-label);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600;display:inline-flex}.version-button[aria-expanded=true]{background:var(--soft);border-color:var(--muted)}.version-button[aria-expanded=true] .caret{color:var(--ink);transform:rotate(180deg)}.tree{position:relative}.tree-graph{position:absolute;top:0;left:0}.tree-rows{padding:0 0 0 var(--graph-w);margin:0;list-style:none}.tree-row{--fill:transparent;isolation:isolate;width:100%;min-height:var(--row-h);height:var(--row-h);align-items:center;gap:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-control);text-align:left;font-size:var(--text-label);background:0 0;border:0;display:flex;position:relative}.tree-row:before{content:"";inset:calc(var(--row-gap) / 2) 0;z-index:-1;border-radius:var(--radius-control);background:var(--fill);position:absolute}.tree-row:hover:not(:disabled){background:0 0}.tree-row:focus-visible{outline-offset:-2px}@media (hover:hover){.tree-row:hover:not(.pending){--fill:var(--hover)}}.tree-row b{font-variant-numeric:tabular-nums;flex:none;min-width:24px;font-weight:600}.tree-row[aria-current=true],.tree-row[aria-current=true]:hover{--fill:var(--soft);font-weight:600}.tree-row.pending{color:var(--muted);font-style:italic}.tree-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tree-meta{margin-left:var(--space-3);align-items:center;gap:var(--space-1);color:var(--muted);font-size:var(--text-small);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-style:normal;font-weight:400;display:inline-flex}.tree-current{padding:0 var(--space-1);border-radius:var(--radius-small);background:var(--ink);color:var(--panel);font-size:var(--text-small);font-weight:600}.tree-pending-dot{animation:1s linear infinite tree-dash}@keyframes tree-dash{to{stroke-dashoffset:-16px}}@media (prefers-reduced-motion:reduce){.tree-pending-dot{animation:none}}.popup-title{margin:0 var(--space-2) var(--space-2);font-size:var(--text-label);color:var(--ink);font-weight:600}.popup-title span{margin-left:var(--space-1);color:var(--muted);font-variant-numeric:tabular-nums;font-weight:400}.tree-popover{top:calc(100% + var(--space-2));z-index:40;width:max-content;min-width:280px;max-width:min(460px, calc(100vw - 2 * var(--space-4)));max-height:60vh;padding:var(--space-3) var(--space-1) var(--space-1);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-popover);position:absolute;left:0;overflow-y:auto}.tree-popover .tree-row{max-width:400px}.sheet-backdrop{z-index:60;background:var(--backdrop);align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-height:72dvh;padding:var(--space-1) var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--panel);border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow-sheet);overflow-y:auto}.sheet:focus,.filter-popover:focus{outline:0}.sheet-grip{width:40px;height:4px;margin:var(--space-1) auto 0;border-radius:var(--radius-small);background:var(--line)}.sheet-top{top:calc(-1 * var(--space-1));z-index:2;margin:calc(-1 * var(--space-1)) calc(-1 * var(--space-3)) 0;padding:var(--space-1) var(--space-3) 0;background:var(--panel);border-bottom:1px solid #0000;position:sticky}@supports (animation-timeline:scroll()){.sheet-top,.filter-popover .popup-title{animation:linear both pinned-edge;animation-timeline:scroll();animation-range:0 var(--space-2)}@keyframes pinned-edge{to{border-bottom-color:var(--line)}}.sheet:after,.filter-popover:after{content:"";bottom:calc(-1 * var(--space-3));height:var(--space-5);margin-top:calc(-1 * var(--space-5));pointer-events:none;opacity:0;background:linear-gradient(transparent, var(--panel));animation:linear both more-below;animation-timeline:scroll();animation-range:calc(100% - var(--space-5)) 100%;display:block;position:sticky}@keyframes more-below{0%{opacity:1}to{opacity:0}}}.sheet-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.sheet-head .popup-title{margin:0 var(--space-2);min-width:0;font-size:var(--text-body);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sheet-close{min-width:var(--tap);color:var(--muted);font-size:var(--text-body);background:0 0;border:0;flex:none;margin-left:auto;padding:0}.sheet .tree-row{font-size:var(--text-body)}.dialog-backdrop{z-index:60;padding:var(--space-4);background:var(--backdrop);place-items:center;display:grid;position:fixed;inset:0}.dialog{width:min(520px,100%);max-height:calc(100dvh - 2 * var(--space-4));padding:var(--space-5);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-popover);overflow-y:auto}.dialog-title{margin:0 0 var(--space-3);font-size:var(--text-heading)}.feedback-dialog .dialog-title{font-weight:600}.feedback-subject,.popup-title .feedback-subject{font-family:var(--font-display);color:var(--accent);margin:0;font-weight:600}.setup{gap:var(--space-3);font-size:var(--text-label);flex-direction:column;line-height:1.45;display:flex}.sheet .setup{padding:0 var(--space-2)}.setup p,.setup ol{margin:0}.setup-steps{padding-left:var(--space-5);gap:var(--space-1);flex-direction:column;display:flex}.setup-url{gap:var(--space-1);flex-direction:column;display:flex}.setup-label{font-weight:600}.setup-url-row{align-items:flex-start;gap:var(--space-2);display:flex}.setup-url-row input{min-width:0;min-height:var(--tap);padding:0 var(--space-2);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--bg);color:var(--ink);font-size:var(--text-label);text-align:left;text-overflow:ellipsis;direction:rtl;flex:1}.setup-url-row{align-items:stretch}.setup-copy{min-width:104px;min-height:var(--tap);justify-content:center;align-items:center;gap:var(--space-2);flex:none;display:inline-flex}.setup-copy.copied{font-weight:600}.card-foot{padding:var(--space-2) 0;justify-content:flex-end;display:flex}@media (width<=1000px){.card-foot{padding-bottom:var(--space-7)}}.card-report{align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-3);color:var(--muted);font-size:var(--text-label);background:0 0;border-color:#0000;display:inline-flex}@media (hover:hover){.card-report:hover:not(:disabled){color:var(--ink)}}.card-report:focus-visible{outline-offset:-2px}.feedback{gap:var(--space-3);font-size:var(--text-label);flex-direction:column;line-height:1.45;display:flex}.sheet .feedback{padding:var(--space-2) var(--space-2) 0}.feedback p{margin:0}.feedback-field{gap:var(--space-1);flex-direction:column;display:flex}.feedback textarea{width:100%;height:calc(5lh + 2 * var(--space-2) + 2px);min-height:calc(3lh + 2 * var(--space-2) + 2px);resize:vertical;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);font:inherit;font-size:var(--text-body);line-height:1.45;display:block}@media (width<=640px){.feedback textarea{height:calc(4lh + 2 * var(--space-2) + 2px)}}.feedback textarea::placeholder{color:var(--faint)}.feedback textarea:focus{border-color:var(--muted);box-shadow:inset 0 0 0 1px var(--muted);outline:0}@media (pointer:coarse){.feedback textarea{resize:none}}.feedback-count{color:var(--muted);font-size:var(--text-small);font-variant-numeric:tabular-nums;align-self:flex-end}.feedback-count.full{color:var(--warn-ink);font-weight:600}.feedback-notice{color:var(--muted)}.feedback-error{color:var(--warn-ink);font-weight:600}.feedback .feedback-error.blocked-lasting{align-items:flex-start;gap:var(--space-2);line-height:1.35;display:flex}.feedback-actions{justify-content:flex-end;display:flex}.feedback-buttons{gap:var(--space-2);display:flex}.feedback-actions button{min-height:var(--tap);justify-content:center;align-items:center;gap:var(--space-2);min-width:88px;display:inline-flex}.feedback-actions button[aria-busy=true]:disabled{opacity:1;cursor:progress}.done-tick{flex:none}.setup-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.change{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.change-caption{min-width:0;font-size:var(--text-label);color:var(--muted);align-items:center;gap:var(--space-3);margin:0;display:flex}.change-status{flex:none;font-weight:600}.change-failed .change-status{color:var(--warn-ink)}.change-blocked{align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-label);margin:0;display:flex}.change-failed .retry{min-height:32px;padding:0 var(--space-3);font-size:var(--text-label);color:var(--ink);flex:none;font-weight:600}.steps-inline{gap:var(--space-1) var(--space-4);font-size:var(--text-label);flex-flow:wrap}.steps-inline .dot{width:12px;height:12px}.change-row{gap:var(--space-2);align-items:stretch;min-width:0;display:flex}.change-field{min-width:0;min-height:var(--tap);padding:0 var(--space-3);font-size:var(--text-label);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);flex:auto}.change-field:focus{outline:2px solid var(--ink);outline-offset:-1px}.change-levels{gap:var(--space-2);display:flex}.change .stepper{min-height:var(--tap);width:calc(4 * var(--space-6))}.change .legendary{min-height:var(--tap);width:auto;padding:0 var(--space-3)}.change-go{min-height:var(--tap);padding:0 calc(var(--space-4) - var(--plaque-rim));flex:none}button.plaque{--plaque-rim:6px;justify-content:center;align-items:center;gap:var(--space-2);border:var(--plaque-rim) solid transparent;border-image:url(/art/plaque.png) 3 fill / var(--plaque-rim) stretch;image-rendering:pixelated;color:var(--accent-ink);text-shadow:0 1px #00000059;background:0 0;border-radius:0;display:inline-flex}@media (hover:hover){button.plaque:hover:not(:disabled){filter:brightness(1.18);background:0 0}}button.plaque{position:relative}button.plaque:disabled{opacity:1}button.plaque:disabled:after{content:"";background:var(--panel);box-shadow:0 0 0 calc(var(--plaque-rim) / 3) var(--panel);opacity:.55;pointer-events:none;position:absolute;inset:0}button.plaque.plaque-busy:disabled:after{content:none}button.plaque:focus-visible{outline-offset:3px}button.plaque .spinner{width:14px;height:14px;margin:0 var(--space-1)}.change-docked .change-levels{flex:0 auto;min-width:0}.change-docked .change-levels>*{flex:none}.change-docked .change-levels>.stepper{flex:0 auto}.change-docked .stepper select{min-width:max-content}.change-docked .change-row .change-go{margin-left:auto}.tuning-controls{gap:var(--space-3) var(--space-5);grid-template-columns:calc(40px + var(--space-2) - var(--space-5)) repeat(3, minmax(0, 1fr));min-width:0;display:grid}.tuning-controls .seg-cr{grid-column:span 2}.reset{min-height:32px;padding:0 var(--space-3);font-size:var(--text-label);background:0 0;border-color:#0000;flex:none;font-weight:600}.seg{align-items:end;gap:var(--space-1) var(--space-2);min-width:0;font-size:var(--text-small);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left gap right""bar bar bar";display:grid}.seg-end{color:var(--muted);white-space:nowrap;font-weight:600}.adjust .seg{font-size:var(--text-label)}.seg-left{grid-area:left}.seg-right{text-align:right;grid-area:right}.seg-cr{grid-template-areas:"left gap gap""which bar bar"}.seg-bar{grid-area:bar;min-width:0;display:flex;position:relative}.seg-step{background:var(--panel);border:1px solid var(--line);min-width:0;height:36px;min-height:36px;color:var(--muted);font-size:var(--text-label);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:0;flex:1 1 0;margin-left:-1px;padding:0;font-weight:400;position:relative}.seg-step:first-child{border-radius:var(--radius-control) 0 0 var(--radius-control);margin-left:0}.seg-step:last-child{border-radius:0 var(--radius-control) var(--radius-control) 0}@media (hover:hover){.seg-step:hover:not(:disabled){background:var(--hover);color:var(--ink)}}.seg-step:focus-visible{z-index:2}.seg-lean .seg-step{font-size:var(--text-small)}.seg-step.same{color:var(--faint)}.seg-step.disabled,.seg-step.disabled:hover:not(:disabled){color:var(--faint);cursor:not-allowed;background:repeating-linear-gradient(135deg, var(--line) 0 4px, var(--panel) 4px 8px)}.seg-step.on,.seg-step.on:hover:not(:disabled){background:var(--soft);color:var(--ink);border-color:var(--muted);z-index:1;font-weight:700}.seg-step.gen:after{content:"";background:var(--gilt);border-radius:0;height:3px;position:absolute;bottom:3px;left:30%;right:30%}.seg-hint{left:0;right:0;bottom:calc(100% + var(--space-2));z-index:10;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--toast-bg);color:#fff;font-size:var(--text-small);white-space:normal;pointer-events:none;font-weight:600;line-height:1.3;position:absolute}.warnbar{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-ink);font-size:var(--text-label);padding:var(--space-3) var(--space-4);border-bottom:0}.warnbar ul{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.warnbar li:before{content:"⚠ "}.statblock{background:var(--panel);border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);padding:var(--space-4) var(--space-5) var(--space-5);line-height:1.5;font-size:var(--text-body);overflow-wrap:break-word}.statblock p{margin:var(--space-2) 0}.statblock .meta{color:var(--muted);margin:0 0 var(--space-3);font-style:italic}.statblock .core{gap:var(--space-1) var(--space-6);padding:var(--space-2) 0;font-size:var(--text-heading);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.statblock .core strong{font-weight:700}.statblock .core>*{white-space:nowrap}.statblock .core b{font-size:var(--text-label);color:var(--muted);font-weight:600}.statblock .abilities{text-align:center;padding:var(--space-2) 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;grid-template-columns:repeat(6,1fr);display:grid}.statblock .abilities b{font-size:var(--text-small);color:var(--accent);font-weight:600;display:block}.statblock .abilities span{font-size:var(--text-heading);font-weight:700}.statblock .abilities .mod{font-size:var(--text-body);color:var(--muted);font-weight:400}.statblock .details{padding:var(--space-2) 0}.statblock h3{font:normal var(--text-heading) var(--font-display);color:var(--accent);border-bottom:1px solid var(--accent);margin:var(--space-5) 0 var(--space-2)}.statblock .intro{font-style:italic}.statblock .dm{font-size:var(--text-small);background:var(--dm-badge);padding:0 var(--space-1);border-radius:var(--radius-small);white-space:nowrap;font-style:normal}.statblock .changed{border-radius:var(--radius-small);animation:1.2s ease-out changed}@keyframes changed{0%{background:var(--flash)}to{background:0 0}}@media (prefers-reduced-motion:reduce){.statblock .changed{background:var(--flash);animation:none}}.card.docked .cardbar{border-bottom:1px solid var(--line)}.dock{z-index:15;background:var(--bg);border-top:1px solid var(--line);box-shadow:var(--shadow-dock);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.dock.over-keyboard{padding-bottom:0}.dock .reset{min-height:var(--tap)}.dock .adjust-panel{padding:var(--space-3) var(--space-4)}.dock .adjust-bar{padding:var(--space-1) var(--space-2);gap:var(--space-1);border-top:1px solid var(--line)}.dock .adjust-tabs{flex:1;display:flex}.dock .adjust-tab{min-width:0;padding:0 var(--space-1);min-height:var(--tap);flex:1 1 0}.dock .seg{align-items:center;gap:0 var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left bar right"}.dock .seg:not(.seg-lean){grid-template-columns:auto minmax(0,1fr);grid-template-areas:"left bar"}.dock .seg.seg-cr{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"left which bar"}.statblock .desc{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line);color:var(--muted);font-style:italic}@media (width<=1180px){.stage{padding-left:var(--space-4);padding-right:var(--space-4)}.cardbar-name h2{font-size:var(--text-title)}.cardbar-name{--name-line:calc(var(--text-title) * 1.15)}}@media (width<=1000px){.stepper{width:156px}.legendary{width:140px}.stage{padding:var(--space-4) var(--space-4) calc(var(--dock-h,0px) + var(--space-5))}}@media (width<=640px){.topbar{padding:0 var(--space-3);gap:var(--space-2)}.promptbar{--bar-pad:var(--space-2)}.change-field{padding:0 var(--space-3)}.prompt,.change-field{font-size:var(--text-body)}.change .legendary{padding:0 var(--space-2)}.change-go{padding:0 var(--space-1)}.stepper{width:auto;min-width:0;min-height:var(--tap);flex:auto}.legendary{width:108px;min-height:var(--tap);flex:none}.legendary-eye{width:23px;height:20px}.change .steps-inline{flex-direction:column}.legendary-eye .art{width:auto;height:auto}.stage{padding:var(--space-3) var(--space-3) calc(var(--dock-h,0px) + var(--space-4))}.stage:has(>.startpage)>.start-error{padding:0 calc(var(--space-2) + 1px)}.progress-panel,.failed-entry{padding:var(--space-4)}.banner{padding-left:var(--space-3);font-size:var(--text-label)}.warnbar,.older-bar{padding:var(--space-3)}.older-actions{width:100%}.older-actions button{padding:0 var(--space-3);flex:auto}.cardbar{padding:var(--space-3)}.cardbar-name h2{font-size:var(--text-title)}.cardbar-tools{gap:var(--space-1)}.add-encounter{padding:0 var(--space-2)}.card-encounters{padding:var(--space-1) var(--space-3)}.card-encounter-line{max-width:100%}.dock .adjust-panel{padding:var(--space-3)}.dock .adjust-bar{padding:var(--space-1) var(--space-2)}.dock .adjust-tab{padding:0 var(--space-1);flex:auto}.dock .reset{padding:0 var(--space-2)}.dock .seg{gap:0 var(--space-2)}.dock .seg-lean{grid-template-columns:56px minmax(0,1fr) 56px}.dock .seg-end{white-space:normal;line-height:1.15}.statblock{padding:var(--space-4)}.statblock .core{font-size:var(--text-body);gap:var(--space-1) var(--space-5)}.statblock .abilities{row-gap:var(--space-2);grid-template-columns:repeat(3,1fr)}}@media (width<=379px){.topbar{padding:0 var(--space-2)}.topbar .library-toggle{margin-right:calc(-1 * var(--space-2))}.logo{padding-right:var(--space-2);margin-right:calc(-1 * var(--space-2))}.area-switch{padding:0 var(--space-2);gap:var(--space-1)}}@media (pointer:coarse){.stepper button{min-width:var(--tap)}.reset,.adjust-tab,.version-button,.rename,.change-field,.change-go,.change .stepper,.change .legendary,.change-failed .retry{min-height:var(--tap)}.cardbar-name,.cardbar-name.long-name,.encounter-titlebar .encounter-name{--name-line:var(--tap)}.cardbar-name .rename-field,.encounter-name .rename-field{height:var(--name-line);margin-block:0}.seg-step{height:32px;min-height:32px}.seg-step:before{content:"";inset:calc((32px - var(--tap)) / 2) 0;position:absolute}.export-more,.add-encounter-more{min-width:var(--tap)}.meter-info-button:before{content:"";inset:calc((24px - var(--tap)) / 2);position:absolute}.card-encounter-line{min-height:var(--tap)}.cardbar-tools{--bar-control:var(--tap)}}.account-page{gap:var(--space-4);max-width:calc(560px + 2 * var(--space-5));padding:var(--space-6) var(--space-5) var(--space-7);flex-direction:column;margin:0 auto;display:flex}.account-page p{margin:0}.account-title{font-size:var(--text-heading);margin:0;font-weight:600}.account-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;display:flex}.account-who{gap:var(--space-1);flex-direction:column;min-width:0;max-width:100%;display:flex}.account-label{color:var(--muted);font-size:var(--text-small)}.account-email{overflow-wrap:anywhere;font-weight:600}.account-gold{align-items:center;gap:var(--space-3);font-variant-numeric:tabular-nums;display:flex}.account-gold-stack{flex:none;justify-content:center;align-items:flex-end;width:31.5px;height:42px;display:flex}.account-gold-text{color:var(--muted);line-height:1.35}.account-gold-left{color:var(--ink);font-size:var(--text-heading);font-weight:700}.account-gold.gold-low .account-gold-left{color:var(--warn-ink)}.account-gold-reset{font-size:var(--text-label);display:block}.account-delete{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-5);border-top:1px solid var(--line);flex-direction:column;align-self:stretch;display:flex}.account-delete .muted{line-height:1.45}.account-heading{font-size:var(--text-label);margin:0;font-weight:600}.account-field{margin-top:var(--space-2);font-size:var(--text-label);font-weight:600}.account-input{width:min(100%,200px);min-height:var(--tap);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);font-size:var(--text-body)}.account-delete-button{margin-top:var(--space-1);align-items:center;gap:var(--space-2);background:var(--warn-ink);border-color:var(--warn-ink);color:var(--accent-ink);font-weight:600;display:inline-flex}@media (hover:hover){.account-delete-button:hover:not(:disabled){background:var(--warn-ink);filter:brightness(1.15)}}.account-failed{margin-top:var(--space-1);align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.account-failed .start-error{margin:0}@media (width<=640px){.account-page{padding:var(--space-5) var(--space-4) var(--space-7)}.account-card{padding:var(--space-4)}}.library-tabs{margin:var(--space-2) var(--space-3);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-control);flex:none;gap:2px;padding:2px;display:flex}.library-tab{min-height:32px;padding:0 var(--space-2);color:var(--muted);font-size:var(--text-label);border-radius:calc(var(--radius-control) - 2px);background:0 0;border:0;flex:1;font-weight:600}.library-tab[aria-selected=true],.library-tab[aria-selected=true]:hover:not(:disabled){background:var(--soft);color:var(--ink)}.library-head .library-tabs{flex:1;margin:0}.library-tabpanel{flex-direction:column;flex:1;min-height:0;display:flex}button.library-new{width:calc(100% - 2 * var(--space-3));text-align:left;background:0 0;border:0;font-weight:400}@media (hover:hover){button.library-new:hover:not(:disabled){background:var(--hover)}}.library-encounters{gap:var(--row-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.library-encounters .library-pick{padding-right:var(--space-3)}.row-add{min-width:32px;min-height:32px;margin-left:var(--space-2);padding:0 var(--space-1);color:var(--ink);font-size:var(--text-label);font-variant-numeric:tabular-nums;background:0 0;border:0;flex:none;place-items:center;font-weight:700;display:grid}@media (hover:hover){.row-add:hover:not(:disabled){background:0 0}}@media (pointer:coarse){.library-row.adding .row-menu{margin-left:0}.library-monsters .library-pick{gap:var(--space-2)}.library-row-tools .row-add{margin-left:var(--space-1)}.library-panel .library-row-tools .row-menu-button{width:36px;position:relative}.library-panel .library-row-tools .row-menu-button:before{content:"";inset:0 calc(36px - var(--tap)) 0 0;position:absolute}.library-panel .encounter-list-row .row-menu-button{width:36px;position:relative}.library-panel .encounter-list-row .row-menu-button:before{content:"";inset:0 calc(36px - var(--tap)) 0 0;position:absolute}}.active-line{margin:0 var(--space-3) var(--space-2);flex:none}.active-line-row{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);align-items:stretch;display:flex}.active-line.open .active-line-row{background:var(--soft)}.active-line-link{min-width:0;padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);border-radius:var(--radius-control) 0 0 var(--radius-control);color:var(--ink);font-size:var(--text-label);flex-direction:column;flex:1;justify-content:center;gap:2px;margin:0;text-decoration:none;display:flex}.active-line-link:focus-visible{outline-offset:-2px}@media (hover:hover){a.active-line-link:hover{background:var(--hover)}}.active-line-name{white-space:pre;min-width:0;font-weight:600;display:flex}.active-line-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.active-line-meta{align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-small);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600;display:flex}.active-line-note{color:var(--muted)}.mini-bar{background:var(--soft);border-radius:var(--radius-small);flex:1;max-width:120px;height:6px;position:relative;overflow:hidden}.active-line.open .mini-bar{background:var(--panel)}.mini-bar .meter-notch{width:1px;margin-left:0}.active-line-clear{min-height:40px;padding:0 var(--space-3);border-radius:0 var(--radius-control) var(--radius-control) 0;color:var(--muted);font-size:var(--text-small);background:0 0;border:0;flex:none;font-weight:600}.library-full{margin:0 var(--space-3) var(--space-2);padding:0 var(--space-3);color:var(--ink);font-size:var(--text-label);flex:none;font-weight:600}[data-tier=low]{--tier:var(--tier-low)}[data-tier=moderate]{--tier:var(--tier-moderate)}[data-tier=high]{--tier:var(--tier-high)}[data-tier=above]{--tier:var(--tier-above)}.meter-fill{background:var(--tier,var(--ink))}.tier-word,.meter-readout .tier-word{color:var(--tier,var(--ink))}.encounter-page{--edge:var(--space-5);max-width:calc(var(--content-max) + 2 * var(--space-5));padding:var(--space-4) var(--space-5) var(--space-7);margin:0 auto}.encounter-body>p,.encounter-full{padding-left:var(--edge)}.encounter-head{top:var(--space-3);z-index:4;position:sticky}.encounter-head:before{content:"";z-index:-1;left:-1px;right:-1px;bottom:calc(100% - var(--radius));height:calc(var(--space-4) + var(--radius));background:var(--bg);position:absolute}@supports (animation-timeline:scroll()){.encounter-head{border-radius:var(--radius);animation:linear both pinned-shadow;animation-timeline:scroll();animation-range:0 var(--space-5);animation-name:pinned-shadow,pinned-square}.encounter-head .meter{animation:linear both pinned-square;animation-timeline:scroll();animation-range:0 var(--space-5)}@keyframes pinned-square{to{border-bottom-right-radius:0;border-bottom-left-radius:0}}}.encounter-titlebar{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4) var(--space-2) var(--space-5);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;border-bottom:0;flex-wrap:wrap;display:flex}.encounter-titlebar h2{min-width:0;font:600 var(--text-heading) / 1.25 var(--font-ui);color:var(--ink);overflow-wrap:anywhere;flex:1;margin:0}.encounter-name{--name-line:calc(var(--text-heading) * 1.25);align-items:flex-start;gap:var(--space-1);flex:180px;min-width:0;display:flex}.encounter-titlebar .encounter-name h2{flex:0 auto}.encounter-name .rename-field{field-sizing:content;width:auto;min-width:12ch;max-width:calc(100% + var(--field-pad) + 1px)}.encounter-name .row-menu{margin-block:calc((var(--name-line) - var(--menu-button)) / 2)}.encounter-name .menu-popover{left:0;right:auto}.party{align-items:center;gap:var(--space-2);display:flex}.encounter-head{container-type:inline-size}.encounter-titlebar .export-split{margin-left:auto}.encounter-titlebar:has(.export-split.unavailable){align-items:flex-start}.encounter-titlebar:has(.export-split.unavailable)>.encounter-name{--name-line:36px}.encounter-titlebar:has(.export-split.unavailable) .encounter-name h2{min-height:var(--name-line,36px);align-items:center;display:flex}.encounter-titlebar:has(.export-split.unavailable)>.party{min-height:var(--name-line,36px);align-items:center;display:flex}@media (pointer:coarse){.encounter-titlebar:has(.export-split.unavailable)>.encounter-name{--name-line:var(--tap)}.encounter-titlebar:has(.export-split.unavailable)>.party{min-height:var(--tap)}}@media (pointer:fine){.encounter-titlebar .export-split>button{min-height:36px}}@container (width<=760px){.encounter-head .export-rest{display:none}.encounter-titlebar .export-split{order:1;align-self:flex-start}.encounter-titlebar .party{flex-basis:100%;order:2}}.mini-stepper{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);align-items:stretch;min-height:36px;display:inline-flex}.mini-stepper button{min-width:32px;min-height:0;color:var(--muted);font-size:var(--text-heading);background:0 0;border:0;border-radius:0;padding:0;line-height:1}.mini-stepper button:first-child{border-radius:var(--radius-control) 0 0 var(--radius-control)}.mini-stepper button:last-child{border-radius:0 var(--radius-control) var(--radius-control) 0}@media (hover:hover){.mini-stepper button:hover:not(:disabled){color:var(--ink)}}.mini-stepper output{min-width:40px;padding:0 var(--space-1);font-size:var(--text-label);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.mini-unit{color:var(--muted);white-space:pre;font-weight:600}.meter{padding:var(--space-2) var(--space-4) var(--space-4) var(--space-5);background:var(--panel);border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);border-top:0}.meter-head{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);display:flex}.meter-readout{font-size:var(--text-label);color:var(--muted);font-variant-numeric:tabular-nums;margin:0}.meter-readout b{color:var(--ink);font-size:var(--text-heading);font-weight:700}.meter-bar{background:var(--soft);border-radius:var(--radius-small);height:12px;position:relative;overflow:hidden}.meter-fill{transition:width .15s ease-out;position:absolute;top:0;bottom:0;left:0}.meter-notch{background:var(--panel);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}@media (prefers-reduced-motion:reduce){.meter-fill{transition:none}}.meter{container-type:inline-size}.meter-framed{--k:2px;height:calc(35 * var(--k));margin-left:calc(var(--space-4) - var(--space-5));position:relative}@container (width<=383px){.meter-framed{--k:1px}}.meter-framed .meter-bar{left:calc(47 * var(--k));right:calc(50 * var(--k));top:calc(11 * var(--k));height:calc(14 * var(--k));border-radius:0;position:absolute}.meter-frame{z-index:1;pointer-events:none;display:flex;position:absolute;inset:0}.meter-frame .art{width:auto;height:calc(35 * var(--k))}.meter-rope{flex:1;min-width:0;display:flex;overflow:hidden}.meter-info{display:inline-flex;position:relative}.meter-info-button{border:1px solid var(--line);width:24px;height:24px;min-height:24px;color:var(--muted);font:700 var(--text-small) / 1 var(--font-ui);background:0 0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}@media (hover:hover){.meter-info-button:hover:not(:disabled){background:var(--hover);color:var(--ink)}}.meter-info-button[aria-expanded=true]{background:var(--soft);color:var(--ink);border-color:var(--muted)}.meter-info-popover{top:calc(100% + 12px + var(--space-2) + var(--space-2));z-index:40;width:max-content;max-width:min(460px, calc(100vw - 2 * var(--space-4)));padding:var(--space-2) var(--space-3);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-popover);position:absolute;left:0}.meter-budget{gap:var(--space-1);min-width:200px;font-size:var(--text-label);color:var(--ink);font-variant-numeric:tabular-nums;flex-direction:column;margin:0;display:flex}.sheet .meter-budget{padding:var(--space-1) var(--space-2) var(--space-4);font-size:var(--text-body);gap:var(--space-2)}.meter-budget-row{justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 calc(-1 * var(--space-2));padding:2px var(--space-2);border-radius:var(--radius-small);white-space:nowrap;display:flex}.meter-budget-row[aria-current]{background:var(--soft)}.meter-budget-row[aria-current] .meter-budget-xp{color:var(--ink);font-weight:600}.meter-budget-tier{color:var(--tier);font-weight:600}.meter-budget-xp{color:var(--muted)}.meter-budget-sep{display:none}.meter-next{margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--line);color:var(--ink);white-space:nowrap;font-weight:600}.meter-planned-line{color:var(--ink);white-space:nowrap;display:block}.meter-planned-line:before{content:"";width:18px;height:10px;margin-right:var(--space-2);background:repeating-linear-gradient(45deg, var(--tier,var(--ink)) 0 3px, color-mix(in srgb, var(--tier,var(--ink)) 30%, transparent) 3px 6px);border-radius:1px;display:inline-block}.meter-budget-row+.meter-budget-sep+.meter-planned-line{margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--line)}.meter-planned{background:repeating-linear-gradient(45deg, var(--tier,var(--ink)) 0 3px, color-mix(in srgb, var(--tier,var(--ink)) 30%, transparent) 3px 6px);transition:left .15s ease-out,width .15s ease-out;position:absolute;top:0;bottom:0}@media (prefers-reduced-motion:reduce){.meter-planned{transition:none}}.encounter-body{margin-top:var(--space-3)}.encounter-adding{align-items:center;gap:var(--space-3);min-height:40px;padding:0 var(--space-3) 0 var(--space-2);font-weight:600;font-size:var(--text-label);color:var(--ink);background:0 0;border-color:#0000;display:inline-flex}@media (hover:hover){.encounter-adding:hover:not(:disabled){background:0 0}.encounter-adding:hover .switch-track{border-color:var(--ink)}}.switch-track{border:1px solid var(--muted);background:var(--soft);border-radius:10px;flex:none;width:36px;height:20px;transition:background-color .15s,border-color .15s;position:relative}.switch-track:after{content:"";background:var(--panel);width:14px;height:14px;box-shadow:0 0 0 1px var(--muted), 0 1px 2px #0003;border-radius:50%;transition:transform .15s;position:absolute;top:2px;left:2px}.encounter-adding[aria-checked=true] .switch-track{border-color:var(--ink);background:var(--ink)}.encounter-adding[aria-checked=true] .switch-track:after{transform:translate(16px);box-shadow:0 1px 2px #0000004d}@media (prefers-reduced-motion:reduce){.switch-track,.switch-track:after{transition:none}}@media (pointer:coarse){.encounter-adding{min-height:var(--tap)}}.encounter-full{color:var(--ink);font-size:var(--text-label);margin:0;font-weight:600}.encounter-empty{margin:var(--space-3) 0;color:var(--muted);font-size:var(--text-label)}.encounter-load-error{max-width:var(--content-max);margin:var(--space-4) auto;padding:0 var(--space-5)}.encounter-rows{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.encounter-row{--row-button:36px;align-items:center;gap:var(--space-1) var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) calc(var(--edge) - 1px);flex-wrap:wrap;display:flex}.encounter-row+.encounter-row{border-top:1px solid var(--line)}.encounter-row-name{order:1;flex:1 1 calc(100% - 2 * var(--row-button) - 2 * var(--space-2))}.encounter-row .row-menu{order:2}.encounter-row-remove{order:3}.encounter-row>.mini-stepper{order:4}.encounter-row>.encounter-row-cr{margin-left:var(--space-1);order:5}.encounter-row-xp{margin-left:var(--space-1);order:6}.encounter-row-hint{flex:100%;order:7}.encounter-row-name{min-width:0;min-height:36px;color:var(--ink);grid-area:name;align-items:center;font-weight:600;line-height:1.3;text-decoration:none;display:flex}.encounter-row-name-text{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (hover:hover){.encounter-row-name:hover{text-underline-offset:3px;text-decoration:underline}}.encounter-row .mini-stepper{grid-area:count}.encounter-row .encounter-row-cr{grid-area:cr}.encounter-row-cr output{min-width:64px}.encounter-row-cr .legendary-badge{margin-right:var(--space-1)}.encounter-row-cr button[aria-disabled=true],.encounter-row-cr button[aria-disabled=true]:hover{color:var(--faint);cursor:not-allowed;background:repeating-linear-gradient(135deg, var(--line) 0 4px, var(--panel) 4px 8px)}.encounter-row-hint{align-items:center;gap:var(--space-2);padding:0 0 var(--space-1);color:var(--warn-ink);font-size:var(--text-label);grid-column:1/-1;font-weight:600;line-height:1.3;display:flex}.encounter-row-hint svg{flex:none}.encounter-row-xp{color:var(--muted);font-size:var(--text-label);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:xp;justify-self:end}.encounter-row-xp b{color:var(--ink)}.encounter-row .row-menu{grid-area:menu;justify-self:end}.encounter-row .row-menu-button{width:36px;min-height:36px}.encounter-row-remove{width:36px;min-height:36px;color:var(--muted);background:0 0;border:0;grid-area:remove;justify-self:end;padding:0}.encounter-body{container:encounter-body/inline-size}@container encounter-body (width>=680px){.encounter-rows{grid-template-columns:minmax(0,1fr) auto auto auto auto auto;display:grid}.encounter-row{grid-column:1/-1;grid-template-columns:subgrid;column-gap:var(--space-3);padding-top:var(--space-1);padding-bottom:var(--space-1);grid-template-areas:"name count cr xp menu remove";display:grid}.encounter-row>.encounter-row-cr{margin-left:0}.encounter-row-xp{text-align:right;min-width:72px;margin-left:0}}.encounter-row{position:relative}.planned-row{--plan-h:36px;--step:32px;--x-glyph:13px;align-items:center;gap:var(--space-2) 0;padding:var(--space-2) var(--space-2) var(--space-2) calc(var(--edge) - 1px);display:grid;position:relative}.planned-row,.summoning-row{background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--ink) 6%, var(--panel)) 0 3px, var(--panel) 3px 6px)}@media (pointer:coarse){.planned-row{--plan-h:var(--tap);--step:var(--tap)}}.encounter-rows>*+.planned-row,.planned-row+.encounter-row{border-top:1px solid var(--line)}.encounter-rows>:is(.planned-row,.summoning-row):first-child{border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0}.encounter-rows>:is(.planned-row,.summoning-row):last-child{border-bottom-left-radius:calc(var(--radius) - 1px);border-bottom-right-radius:calc(var(--radius) - 1px)}.planned-field{grid-area:field}.planned-row>.mini-stepper:not(.planned-cr){grid-area:count}.planned-cr{grid-area:cr}.planned-xp{grid-area:xp}.planned-row>.legendary{grid-area:legendary}.planned-summon{grid-area:send}.planned-remove{grid-area:remove;justify-self:end}.planned-field{min-width:0;padding:0 var(--space-3);cursor:text;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-control);display:flex}.planned-field:has(textarea:focus){border-color:var(--muted);box-shadow:inset 0 0 0 1px var(--muted)}.planned-field textarea{--pad-y:calc((var(--plan-h) - 2px - 1.5em) / 2);min-width:0;padding:var(--pad-y) 0;max-height:calc(6em + 2 * var(--pad-y));color:inherit;font:inherit;font-size:var(--text-body);resize:none;background:0 0;border:0;flex:1;margin:0;line-height:1.5;display:block;overflow-y:auto}.planned-field textarea:focus{outline:0}.planned-field textarea[data-more]{-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--pad-y) - 1.2em), transparent calc(100% - var(--pad-y) + 2px));mask-image:linear-gradient(to bottom, #000 calc(100% - var(--pad-y) - 1.2em), transparent calc(100% - var(--pad-y) + 2px))}.planned-field textarea::placeholder{color:var(--faint)}.planned-row .mini-stepper{grid-template-columns:minmax(28px, var(--step)) minmax(min-content, 1fr) minmax(28px, var(--step));min-width:0;display:grid}.planned-row .mini-stepper button,.planned-row .mini-stepper output{min-width:0}@media (pointer:coarse){.planned-row .mini-stepper{min-height:calc(var(--tap) + 2px)}}.planned-cr output{padding:0;position:relative}.planned-cr output.planned-pick{color:var(--muted);font-weight:400}.planned-cr select{opacity:0;cursor:pointer;width:100%;min-height:0;font-size:var(--text-body);border:0;padding:0;position:absolute;inset:0}.planned-cr output:has(select:focus-visible){outline:2px solid var(--ink);outline-offset:-2px;border-radius:var(--radius-small)}@media (hover:hover){.planned-cr output:hover{background:var(--hover);border-radius:var(--radius-small);box-shadow:inset 0 0 0 3px var(--panel)}}.planned-xp{text-align:right;white-space:nowrap;min-width:0;color:var(--muted);font-size:var(--text-label);font-variant-numeric:tabular-nums;justify-self:end}.planned-xp b{color:var(--ink)}.planned-row>.legendary{width:auto;min-width:0;min-height:var(--plan-h);padding:0 var(--space-1);gap:var(--space-1);white-space:nowrap}.planned-row .legendary-eye{width:23px;height:20px}.planned-row .legendary-eye .art{width:auto;height:auto}.planned-summon{min-width:0;min-height:var(--plan-h);padding:0 calc(var(--space-2) - var(--plaque-rim) / 2);font-size:var(--text-label);white-space:nowrap}.planned-summon .art{margin-right:var(--space-1)}button.planned-summon{justify-content:center;align-items:center;display:inline-flex}.planned-remove{width:var(--plan-h);min-height:var(--plan-h);color:var(--muted);background:0 0;border:0;padding:0}.planned-row{--count-w:calc(2 * var(--step) + 40px + 2px);--cr-w:calc(2 * var(--step) + 64px + 2px);--cr-gap:var(--space-3)}@media (width<=640px){.planned-row{--count-w:calc(2 * var(--step) + 32px + 2px);--cr-w:calc(2 * var(--step) + 56px + 2px);--cr-gap:var(--space-2)}}@container encounter-body not (width>=780px){.planned-row{grid-column:1/-1;grid-template-columns:minmax(calc(96px + var(--space-2)), calc(var(--count-w) + var(--cr-gap))) minmax(112px, var(--cr-w)) minmax(0, 1fr) calc(64px + var(--space-2));grid-template-areas:"field field field remove""count cr xp xp""legendary send. ."}.planned-field{margin-right:var(--space-2)}.planned-row>.mini-stepper:not(.planned-cr),.planned-row>.legendary{margin-right:var(--cr-gap)}.planned-xp{margin-right:calc((var(--plan-h) - var(--x-glyph)) / 2)}}@container encounter-body (width>=364px) and (not (width>=780px)){.planned-row{grid-template-columns:calc(var(--count-w) + var(--cr-gap)) var(--cr-w) minmax(0, 1fr) var(--plan-h)}.planned-xp{margin:0 0 0 calc(var(--space-2) + var(--space-1));justify-self:start}}@container encounter-body (width>=780px){.planned-row{grid-column:1/-1;grid-template-columns:subgrid;column-gap:var(--space-3);grid-template-rows:auto 1fr;grid-template-areas:"field count cr xp.remove""field legendary send. . ."}.planned-row>.legendary,.planned-summon{align-self:start}.planned-field{margin-left:calc(-1 * (var(--space-3) + 1px));align-self:stretch}.planned-row>.mini-stepper,.planned-row>.legendary,.planned-summon,.planned-xp{contain:inline-size}.planned-row>.mini-stepper:not(.planned-cr){min-width:calc(2 * var(--step) + 40px + 2px)}.planned-row>.planned-cr{min-width:calc(2 * var(--step) + 64px + 2px)}.planned-xp{min-width:72px}}.planned-lines{justify-items:start;gap:var(--space-1);grid-area:4/1/auto/-1;min-width:0;display:grid}@container encounter-body (width>=780px){.planned-lines{grid-area:3/count/auto/-1}}.planned-line{max-width:100%;padding:2px var(--space-2);background:var(--panel);border-radius:var(--radius-small);min-width:0;font-size:var(--text-label);color:var(--ink);overflow-wrap:anywhere;margin:0}.planned-line.busy{align-items:center;gap:var(--space-2);display:flex}.planned-line.blocked-lasting,.planned-failed{align-items:flex-start;gap:var(--space-2);color:var(--warn-ink);font-weight:600;line-height:1.35;display:flex}.summoning-row{--step:32px}@media (pointer:coarse){.summoning-row{--step:var(--tap)}}.summoning-name{gap:var(--space-2);min-width:0;color:var(--muted);flex-basis:100%;font-weight:400}.summoning-word{color:var(--ink);flex:none;font-weight:600}.summoning-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.summoning-row .mini-stepper{border-color:var(--soft);background:var(--panel)}.summoning-row .mini-stepper output{color:var(--ink)}.summoning-row .mini-stepper:before,.summoning-row .mini-stepper:after{content:"";min-width:32px}@media (pointer:coarse){.summoning-row .mini-stepper:before,.summoning-row .mini-stepper:after{min-width:var(--tap)}}@container encounter-body (width>=680px){.summoning-row>.mini-stepper{contain:inline-size}.summoning-count{min-width:calc(2 * var(--step) + 40px + 2px)}.summoning-cr{min-width:calc(2 * var(--step) + 64px + 2px)}.summoning-row>.encounter-row-xp{contain:inline-size}}.encounter-row-name.changed{border-radius:var(--radius-small);animation:1.2s ease-out changed}@media (prefers-reduced-motion:reduce){.encounter-row-name.changed{animation:none}}.encounter-addbar{z-index:3;align-items:center;gap:var(--space-1) var(--space-4);margin-top:var(--space-2);padding:var(--space-2) 0 var(--space-2) calc(var(--edge) - var(--space-3));background:var(--bg);border-top:1px solid #0000;flex-wrap:wrap;display:flex;position:sticky;bottom:0}.encounter-addbar[data-stuck]{border-top-color:var(--line);box-shadow:0 -8px 12px -8px #00000038}.encounter-addbar .encounter-full{padding-left:0}@media (pointer:coarse){.encounter-page:has(.encounter-rows textarea:focus) .encounter-addbar{position:static}}.planned-add{min-height:40px;padding:0 var(--space-3);font-size:var(--text-label);background:0 0;border-color:#0000;align-items:center;font-weight:600;display:inline-flex}@media (pointer:coarse){.planned-add{min-height:var(--tap)}}@media (width<=640px){.encounter-addbar{column-gap:var(--space-2)}}@media (width<=1000px){.encounter-page{padding:var(--space-4) var(--space-4) var(--space-7)}}@media (width<=640px){.encounter-page{--edge:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-7)}.encounter-head{top:calc(-1 * var(--titlebar-h,0px))}.encounter-titlebar{padding:var(--space-2) var(--space-3);row-gap:var(--space-1);margin-bottom:var(--space-3);border-bottom:1px solid var(--line);border-radius:var(--radius);position:relative}.encounter-titlebar:after{content:"";height:var(--space-3);background:var(--bg);position:absolute;top:calc(100% + 1px);left:-1px;right:-1px}.meter{border-top:1px solid var(--line);border-radius:var(--radius);padding:var(--space-2) var(--space-3) var(--space-3)}.meter-framed{margin-left:0}.party{width:100%}.party .mini-stepper{flex:1;justify-content:space-between}.encounter-row>.encounter-row-cr{margin-left:0}.encounter-row .mini-stepper output{min-width:32px}.encounter-row .encounter-row-cr output{min-width:56px}}@media (pointer:coarse){.library-tab{min-height:40px}.row-add{min-height:var(--tap);min-width:var(--tap)}.active-line-link{min-height:var(--tap)}.active-line-clear{min-height:var(--tap);min-width:var(--tap)}.mini-stepper{min-height:var(--tap)}.mini-stepper button{min-width:var(--tap)}.encounter-row{--row-button:var(--tap)}.encounter-row-remove,.encounter-row .row-menu-button{min-height:var(--tap);width:var(--tap)}.encounter-row-name{min-height:var(--tap)}}.library-search-row{align-items:stretch;gap:var(--space-1);margin:var(--space-2) var(--space-3) 0;flex:none;display:flex}.list-sort{padding:0 var(--space-1) 0 var(--space-2);border-radius:0 calc(var(--radius-control) - 1px) calc(var(--radius-control) - 1px) 0;color:var(--ink);font-size:var(--text-label);white-space:nowrap;flex:none;align-items:center;font-weight:600;display:flex;position:relative}.list-sort:before{content:"";left:0;top:var(--space-2);bottom:var(--space-2);border-left:1px solid var(--line);position:absolute}.list-sort-caret{color:var(--muted);font-size:var(--text-small)}.list-sort select{opacity:0;cursor:pointer;width:100%;font-size:var(--text-body);position:absolute;inset:0}@media (hover:hover){.list-sort:hover{background:var(--hover)}}.list-sort:has(select:focus-visible){outline:2px solid var(--ink);outline-offset:-2px}.list-sort:has(select:focus-visible):before{display:none}.encounter-list-row{display:block;position:relative}.encounter-list-row .library-pick{align-items:stretch;gap:var(--space-1);padding:0 var(--space-3) var(--space-2);flex-direction:column}.encounter-list-line{align-items:center;gap:var(--space-2);min-height:32px;padding-right:32px;display:flex}.encounter-list-row .row-menu{margin:0;position:absolute;top:0;right:0}.encounter-list-active,.encounter-menu-active{padding:0 var(--space-1);border-radius:var(--radius-small);background:var(--ink);color:var(--panel);font-size:var(--text-small);text-transform:capitalize;flex:none;font-weight:600;line-height:1.5}.row-rename:focus{outline:2px solid var(--ink);outline-offset:-1px}.row-rename{width:100%;min-width:0;min-height:32px;padding:0 var(--space-3);border:1px solid var(--muted);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);font:inherit;font-size:var(--text-label)}.encounter-list-row .row-rename{margin:0 0 var(--space-2);padding-right:calc(32px + var(--space-2))}.library-monsters .row-rename{flex:1;min-height:40px}.encounter-list-meter{align-items:center;gap:var(--space-2);min-width:0;display:flex}.encounter-list-tier{text-align:right;width:64px;font-size:var(--text-small);white-space:nowrap;flex:none;font-weight:600;line-height:1}.encounter-list-meter:not(:has(.encounter-list-tier)):after{content:"";flex:none;width:64px}.encounter-list-row .mini-bar{background:var(--line);flex:1;max-width:none;height:4px;display:block}.encounter-list-row.open .mini-bar{background:var(--panel)}@media (pointer:fine){.library-row.encounter-list-row .row-menu{width:auto;overflow:visible}.library-row.encounter-list-row .row-menu-button{opacity:0}.library-row.encounter-list-row:hover .row-menu-button,.library-row.encounter-list-row:focus-within .row-menu-button,.library-row.encounter-list-row.open .row-menu-button,.library-row.encounter-list-row .row-menu-button[aria-expanded=true]{opacity:1}}@media (pointer:coarse){.encounter-list-row .library-pick{gap:0;min-height:0}.encounter-list-line{min-height:var(--tap);padding-right:var(--tap)}.row-rename{min-height:var(--tap);font-size:var(--text-body)}.encounter-list-row .row-rename{padding-right:calc(var(--tap) + var(--space-2))}}.nowrap{white-space:nowrap}.filter-button{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);width:40px;min-height:40px;color:var(--muted);flex:none;place-items:center;padding:0;display:grid;position:relative}@media (hover:hover){.filter-button:hover{background:var(--hover);color:var(--ink)}}.filter-button[aria-expanded=true]{background:var(--soft);color:var(--ink)}.filter-button:has(.filter-badge){color:var(--ink)}.filter-button:has(.filter-badge){justify-content:center;align-items:center;gap:2px;display:flex}.filter-button:has(.filter-badge) svg{width:16px;height:16px}.filter-badge{color:var(--ink);font-size:var(--text-label);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.filter-popover{--filter-columns:4;z-index:40;width:420px;max-width:calc(100vw - 2 * var(--space-2));max-height:calc(100vh - 2 * var(--space-2));padding:var(--space-3);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-popover);position:fixed;overflow-y:auto}.filter-popover .popup-title{top:calc(-1 * var(--space-3));z-index:2;margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-3)) var(--space-1);padding:var(--space-3);background:var(--panel);border-bottom:1px solid #0000;position:sticky}.sheet .filter-controls{padding:var(--space-2) var(--space-2) 0}@media (width>=600px){.sheet .filter-controls{--filter-columns:4}}.sheet-foot{--foot-pad:calc(var(--space-4) + env(safe-area-inset-bottom));bottom:calc(-1 * var(--foot-pad));z-index:2;margin:var(--space-4) calc(-1 * var(--space-3)) calc(-1 * var(--foot-pad));padding:var(--space-3) var(--space-3) var(--foot-pad);background:var(--panel);border-top:1px solid var(--line);position:sticky}.sheet:has(.sheet-foot):after{display:none}.filter-show{width:100%;min-height:var(--tap);font-size:var(--text-body);font-variant-numeric:tabular-nums}.filter-controls{gap:var(--space-4);flex-direction:column;display:flex}.filter-popover .filter-controls{gap:var(--space-3)}.filter-field{gap:var(--space-2);flex-direction:column;display:flex}.filter-popover .filter-field{gap:var(--space-1)}.filter-label{color:var(--ink);font-size:var(--text-label);font-weight:600}.filter-choices{grid-template-columns:repeat(var(--filter-columns,3), minmax(0, 1fr));gap:var(--space-1);display:grid}.filter-choice,.filter-segment{min-height:32px;padding:0 var(--space-2);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);font-size:var(--text-label);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.filter-choice:hover,.filter-segment:hover{background:var(--hover)}}.filter-choice[aria-pressed=true]{background:var(--soft);border-color:var(--muted);font-weight:600}.filter-segment:has(input:checked){background:var(--soft);border-color:var(--muted);font-weight:600}.filter-choice:focus-visible{outline-offset:1px}.filter-segments{gap:var(--space-1);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.filter-segment{flex:1;justify-content:center;position:relative}.filter-segment input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.filter-segment:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:1px}.filter-range{align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-label);display:flex}.filter-select{flex:1;display:flex;position:relative}.filter-select:after{content:"";right:var(--space-2);pointer-events:none;background:var(--muted);width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat}.filter-select select{appearance:none;min-width:0;min-height:32px;padding:0 calc(var(--space-2) + 16px) 0 var(--space-2);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);font:inherit;font-size:var(--text-label);font-variant-numeric:tabular-nums;cursor:pointer;flex:1;font-weight:600}@media (hover:hover){.filter-select select:hover{background:var(--hover)}}[data-pointer] .filter-select select:focus-visible{outline:0}.filter-chips{align-items:center;gap:var(--space-1);margin:var(--space-2) var(--space-3) 0;flex-wrap:wrap;flex:none;display:flex}.filter-chip{max-width:100%;min-height:28px;padding:0 var(--space-1) 0 var(--space-2);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--ink);font-size:var(--text-small);text-align:left;overflow-wrap:anywhere;align-items:center;gap:2px;font-weight:600;display:inline-flex;position:relative}@media (hover:hover){.filter-chip:hover{background:var(--hover)}}.filter-chips-end{align-items:center;gap:var(--space-4);padding-left:var(--space-3);white-space:nowrap;flex-basis:100%;display:flex}.filter-chips>.library-count:only-child{padding-left:var(--space-3)}.filter-chip-x{width:16px;color:var(--muted);place-items:center;font-weight:400;display:inline-grid}@media (hover:hover){.filter-chip:hover .filter-chip-x{color:var(--ink)}}.filter-chips .library-count{color:var(--ink);font-size:var(--text-label);font-variant-numeric:tabular-nums;margin:0;padding:0}.filter-clear{min-height:28px;color:var(--muted);font-size:var(--text-label);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}@media (hover:hover){.filter-clear:hover{color:var(--ink)}}@media (pointer:coarse){.filter-button{width:var(--tap);min-height:var(--tap)}.filter-choice,.filter-segment,.filter-select select{min-height:var(--tap);font-size:var(--text-body)}.filter-chip{min-height:var(--tap);padding:0 var(--space-2) 0 var(--space-3);font-size:var(--text-label)}.filter-chip-x{width:20px}.filter-clear{min-height:var(--tap)}}