:root{--bg: #121212;--surface: #1c1c1c;--surface-2: #1f1f1f;--surface-3: #262626;--line: #2c2c2c;--line-strong: #3a3a3a;--line-soft: #2a2a2a;--line-control: #333;--well: #222;--hover: #212121;--page: #161616;--sheet: #1a1a1a;--handle: #444;--text: #e8e6e1;--text-2: #c9c6bf;--text-3: #a6a39b;--muted: #9a978f;--faint: #8a877f;--active: #5fc4a0;--active-tint: #1f3a31;--active-ink: #0f1f19;--active-1: #3a9a7a;--active-3: #8fe0c2;--reactive: #e59bc0;--reactive-tint: #3a2330;--reactive-ink: #2a0f1d;--reactive-1: #a8457a;--reactive-2: #d06fa0;--none: #2e2e2e;--danger: #f08a7a;--danger-line: #4a2a26;--band-plus: #58b368;--band-zero: #4a8fd6;--band-minus3: #e3c34a;--band-minus6: #d9534f;--results-card-h: 170px;--roll-delete-w: 88px;--fs-label: .75rem;--fs-small: .8125rem;--ink-on-deep: #ffffff;--srow-cols: 16px 128px minmax(0, 1fr) 58px 66px;--font-display: "Chakra Petch", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius-card: 14px;--radius-sheet: 20px;--tap: 44px}html,body{background:var(--bg);color:var(--text);margin:0}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}*{box-sizing:border-box}.app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;height:52px;padding:6px 8px 0 16px;flex-shrink:0}.wordmark{flex-grow:1;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--faint)}.wordmark small{font-size:inherit;color:var(--muted)}.icon-btn{all:unset;box-sizing:border-box;cursor:pointer;width:var(--tap);height:var(--tap);display:grid;place-items:center;color:var(--text-3);border-radius:999px}.icon-btn:focus-visible,.chip:focus-visible,.btn:focus-visible{outline:2px solid var(--text-2);outline-offset:2px}.screen{flex-grow:1;padding:4px 16px calc(var(--results-card-h) + 30px);display:flex;flex-direction:column;gap:10px}.card{position:relative;isolation:isolate;background:var(--surface);border-radius:var(--radius-card);padding:14px;display:flex;flex-direction:column;gap:10px}.card-crest{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}.card-crest img{position:absolute;top:-34px;right:-34px;width:120px;height:120px;opacity:.5;-webkit-mask-image:linear-gradient(to bottom left,rgba(0,0,0,.7) 40%,transparent 90%);mask-image:linear-gradient(to bottom left,rgba(0,0,0,.7) 40%,transparent 90%)}.role{font-family:var(--font-display);font-size:var(--fs-small);letter-spacing:.1em}.role.active,.c-active{color:var(--active)}.role.reactive,.c-reactive{color:var(--reactive)}.unit-btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:2px}.unit-name{font-size:18px;font-weight:600}.unit-name .faction{font-size:13px;font-weight:400;color:var(--muted)}.unit-empty{font-size:17px;color:var(--text-3)}.row-wrap{display:flex;gap:6px;flex-wrap:wrap}.btn{all:unset;box-sizing:border-box;cursor:pointer;padding:8px 12px;border-radius:8px;border:1px solid var(--line-control);font-size:14px;color:var(--text-2)}.btn.on.active{background:var(--active);border-color:var(--active);color:var(--active-ink);font-weight:600}.btn.on.reactive{background:var(--reactive);border-color:var(--reactive);color:var(--reactive-ink);font-weight:600}.btn:disabled{opacity:.4;cursor:default}.btn.solid{border-color:transparent;background:var(--surface-3)}.chip.solid{border-style:solid;color:var(--text-2)}.btn-group{display:inline-flex;align-items:stretch;border:1px solid var(--line-control);border-radius:8px;font-size:14px;color:var(--text-2);overflow:hidden}.btn-group .g-name,.btn-group .g-mode{all:unset;box-sizing:border-box;cursor:pointer}.btn-group .g-name{padding:8px 8px 8px 12px}.btn-group .g-mode{padding:8px 9px;border-left:1px solid var(--line-control)}.btn-group .g-name:focus-visible,.btn-group .g-mode:focus-visible{outline:2px solid var(--text-2);outline-offset:-2px}.btn-group.on.active{border-color:var(--active)}.btn-group.on.reactive{border-color:var(--reactive)}.btn-group.on.active .g-name,.btn-group.active .g-mode.on{background:var(--active);color:var(--active-ink);font-weight:600}.btn-group.on.reactive .g-name,.btn-group.reactive .g-mode.on{background:var(--reactive);color:var(--reactive-ink);font-weight:600}.btn-group.on.active .g-mode{border-left-color:var(--active)}.btn-group.on.reactive .g-mode{border-left-color:var(--reactive)}.chip{all:unset;box-sizing:border-box;cursor:pointer;padding:7px 12px;border-radius:999px;border:1px dashed var(--line-strong);color:var(--text-3);font-size:13px;display:inline-flex;align-items:center;gap:4px}.chip.on{border-style:solid;color:var(--text)}.chip.on.active{background:var(--active-tint);border-color:var(--active)}.chip.on.reactive{background:var(--reactive-tint);border-color:var(--reactive)}.chip-group{display:inline-flex;align-items:center;gap:2px;padding:2px 2px 2px 12px;border-radius:999px;font-size:13px}.chip-group.active{background:var(--active-tint);border:1px solid var(--active)}.chip-group.reactive{background:var(--reactive-tint);border:1px solid var(--reactive)}.chip-group .n{all:unset;box-sizing:border-box;cursor:pointer;width:30px;height:30px;display:grid;place-items:center;border-radius:999px;color:var(--text-3)}.chip-group.active .n.on{background:var(--active);color:var(--active-ink);font-weight:600}.chip-group.reactive .n.on{background:var(--reactive);color:var(--reactive-ink);font-weight:600}.note{font-size:var(--fs-small);color:var(--muted)}.link-btn{all:unset;cursor:pointer;color:var(--text-2);text-decoration:underline}.range{flex-shrink:0;border-radius:var(--radius-card);transition:background .25s ease}.range.open{background:var(--surface);position:relative;z-index:16}.range-scrim{all:unset;position:fixed;inset:0;z-index:15;cursor:default}.range .collapse{overflow:hidden;transition:max-height .28s ease,opacity .2s ease}.range-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 6px}.range-close{all:unset;box-sizing:border-box;cursor:pointer;font-size:15px;font-weight:600;padding:4px 0 4px 12px}.range-row{display:flex;align-items:center;gap:8px}.range-foot{display:flex;align-items:center;gap:10px;padding:8px 12px 10px;font-size:var(--fs-small);color:var(--muted)}.range-foot .key{margin-left:auto;display:flex;gap:8px;flex-shrink:0}.range-foot i{display:inline-block;width:10px;height:4px;vertical-align:middle;margin-right:3px}.range-foot .mods{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13px}.range-foot .mods span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.range-foot .mods b{font-family:var(--font-mono);font-weight:600}.swap{width:40px;height:40px;border:1px solid var(--line-control);color:var(--text-2);flex-shrink:0}.label{font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.bands{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));flex-grow:1;border:1px solid var(--line);border-radius:10px;overflow:hidden;position:relative}.band{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;position:relative;z-index:1}.band-pill{position:absolute;top:0;bottom:0;background:var(--text);transition:left .32s cubic-bezier(.3,1.4,.5,1)}.band .stripe{height:4px;transition:background .25s ease}.band .dist{text-align:center;padding:5px 0;font-size:var(--fs-small);color:var(--text-3)}.band.on .dist{color:var(--bg);font-weight:700}.handle{align-self:center;width:40px;height:5px;border-radius:3px;background:var(--handle)}.wpo-row{display:flex;justify-content:space-between;align-items:flex-end}.wpo{display:flex;flex-direction:column}.wpo.right{align-items:flex-end}.big{font-family:var(--font-display);font-size:34px;font-weight:700;line-height:1}.big.xl{font-size:48px}.small{font-size:var(--fs-small);color:var(--text-3)}.bar{display:flex;overflow:hidden}.bar span{display:block;height:100%}.bar .seg-l{display:grid;place-items:center;font-family:var(--font-mono);font-size:var(--fs-label);font-weight:600;color:var(--active-ink)}.bar .seg-l.seg-none,.bar .seg-l.seg-miss{color:var(--muted)}.seg-a3{background:var(--active-3)}.seg-a2{background:var(--active)}.seg-a1{background:var(--active-1)}.seg-none{background:var(--none)}.seg-r1{background:var(--reactive-1)}.seg-r2{background:var(--reactive-2)}.seg-r3{background:var(--reactive)}.wpo-row{position:relative}.hl-dots{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:6px}.hl-dots i{display:block;width:6px;height:6px;border-radius:50%;background:var(--line-strong);transition:background .2s ease}.hl-dots i.on{background:var(--text-2)}.hl-dots.buttons{gap:0}.hl-dots button{all:unset;cursor:pointer;display:grid;place-items:center;width:24px;height:var(--tap)}.hl-dots button:focus-visible{outline:2px solid var(--text-2);border-radius:6px}.hl-dots button:hover i:not(.on){background:var(--text-3)}.split{display:flex;justify-content:space-between;font-size:var(--fs-small);color:var(--muted)}.status{font-size:var(--fs-small);color:var(--faint);text-align:center}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:20;animation:fade .2s ease}.sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(480px,100%);max-height:92dvh;overflow-y:auto;background:var(--sheet);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;padding:10px 16px calc(24px + env(safe-area-inset-bottom));z-index:21;display:flex;flex-direction:column;gap:14px;animation:rise .38s cubic-bezier(.3,1.25,.5,1);overscroll-behavior:contain}.sheet>*{flex-shrink:0}.page{position:fixed;left:0;right:0;top:var(--vv-top, 0px);height:var(--vv-height, 100dvh);margin:0 auto;max-width:480px;background:var(--page);z-index:30;display:flex;flex-direction:column;animation:fade .15s ease}.page-head{padding:10px 8px;display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--line);flex-shrink:0}.page-title{font-size:18px;font-weight:600}.page:after{content:"";position:absolute;top:100%;left:0;right:0;height:100vh;background:var(--page);pointer-events:none}html.page-open .app:is(.phone,.tablet)>:not(.page){display:none}html.page-open .app:is(.phone,.tablet)>.page{position:relative;top:0;flex-shrink:0;width:100%}html.page-open,html.page-open body{overflow:hidden;overscroll-behavior:none}.page-body{flex-grow:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:4px 8px 16px;display:flex;flex-direction:column}@keyframes rise{0%{transform:translate(-50%,30%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.menu-item{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:14px;padding:14px;border-radius:10px;font-size:16px}.menu-item .dot{width:20px;text-align:center}.menu-sep{height:1px;background:var(--line);margin:6px 14px}.list-head{font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:12px 8px 6px}.hit{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:10px;position:relative;overflow:hidden;isolation:isolate;flex-shrink:0}.hit:active,.hit.first{background:var(--surface-3)}.hit .t{font-size:16px;font-weight:600}.hit .t .tag{font-weight:400;color:var(--text-3)}.hit .w{font-size:14px}.hit .m{font-size:13px;color:var(--muted);font-family:var(--font-mono)}.hit .loose{font-size:var(--fs-small);color:var(--muted);font-family:var(--font-body)}.line-btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:14px 12px;font-size:15px;border-radius:10px}.line-btn .r{color:var(--muted);font-size:14px}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 4px}.tile{all:unset;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:16px 12px;border-radius:10px;background:var(--surface-2);font-size:15px}.tile .r{color:var(--muted);font-size:13px}.search-bar{background:#1e1e1e;border-top:1px solid var(--line);padding:10px 12px calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;flex-shrink:0}.search-input{all:unset;box-sizing:border-box;padding:14px 16px;border-radius:12px;font-size:max(16px,1rem);background:#141414;border:1px solid var(--line-strong)}.search-input.active{border-color:var(--active)}.search-input.reactive{border-color:var(--reactive)}.scope{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.scope>*{flex-shrink:0}.text-btn{all:unset;box-sizing:border-box;cursor:pointer;min-height:var(--tap);padding:0 12px;display:grid;place-items:center;font-size:15px;color:var(--text-2);border-radius:8px}.text-btn:focus-visible{outline:2px solid var(--text-2)}.stat-line{display:flex;flex-wrap:wrap;gap:4px 14px;font-family:var(--font-mono);font-size:13px;color:var(--text);padding:12px 12px 4px}.stat-line b{font-weight:400;color:var(--muted)}.line-btn.loadout{gap:12px;font-size:14px}.line-btn.loadout .tag{color:var(--text-3)}.line-btn.loadout .r{font-family:var(--font-mono)}.stats{padding:12px 16px;font-family:var(--font-mono);font-size:13px;color:var(--text-3);border-bottom:1px solid var(--line)}.empty{padding:18px 8px;color:var(--text-2);font-size:15px}.row-crest{position:absolute;z-index:-1;top:50%;right:-14px;width:104px;height:104px;margin-top:-52px;pointer-events:none;opacity:.2;filter:grayscale(1);transition:opacity .18s ease,filter .18s ease;-webkit-mask-image:linear-gradient(270deg,#000 20%,transparent 88%);mask-image:linear-gradient(270deg,#000 20%,transparent 88%)}.hit.first .row-crest,.hit:hover .row-crest,.dp-row.on .row-crest,.dp-row:hover .row-crest{opacity:.45;filter:none}.dice{display:flex;gap:2px;align-items:center}.die{all:unset;box-sizing:border-box;cursor:pointer;width:34px;height:34px;display:grid;place-items:center}.die svg{width:30px;height:30px}.stepper{display:flex;align-items:center;gap:4px;padding:10px 0;border-bottom:1px solid var(--line-soft)}.stepper .name{font-size:14px;flex-grow:1}.stepper .s{all:unset;box-sizing:border-box;cursor:pointer;width:38px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--surface-3);font-family:var(--font-mono);font-size:14px;color:var(--text-2)}.stepper .v{width:40px;text-align:center;font-family:var(--font-display);font-size:24px;font-weight:700}.steppers{display:flex;flex-direction:column;border-top:1px solid var(--line-soft)}.breakdown{display:flex;flex-direction:column;gap:4px;font-size:14px}.breakdown .row{display:grid;grid-template-columns:84px minmax(0,1fr) 56px;align-items:center;gap:10px}.breakdown .row .k{color:var(--text-2)}.breakdown .row .track{display:block}.breakdown .row .b{display:block;height:20px;border-radius:4px}.breakdown .row .p{font-family:var(--font-mono);text-align:right}.ledger{display:flex;flex-direction:column;gap:10px}.mods-sep{border-top:1px solid var(--line)}.mods-card{padding:14px;border-radius:12px;background:var(--well);display:flex;flex-direction:column;gap:16px}.mods-top,.mods-foot{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.06em}.mods-foot{border-top:1px solid var(--line-control);padding-top:12px}.mods-sec{display:flex;flex-direction:column}.mods-h{font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--muted);padding-bottom:6px}.mods-rows{font-family:var(--font-mono);font-size:15px}.mods-row,.mods-total{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:2px 0;color:var(--text)}.mods-row .v,.mods-total .v{text-align:right}.mods-row .l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mods-row .s{color:var(--muted);text-align:right;white-space:nowrap;font-size:13px}.mods-row.struck{color:var(--faint)}.mods-row.struck .v,.mods-row.struck .l{background:linear-gradient(currentColor,currentColor) no-repeat 0 55% / 100% 1.5px;animation:strike .4s .15s cubic-bezier(.2,.8,.2,1) both}@keyframes strike{0%{background-size:0 1.5px}to{background-size:100% 1.5px}}.mods-total{grid-template-columns:44px minmax(0,1fr);border-top:1px solid var(--line-control);margin-top:6px;padding-top:8px;font-weight:600}.ledger-top{display:flex;justify-content:space-between;gap:8px;font-family:var(--font-display);font-size:16px;font-weight:700}.seg-miss{background:var(--page);box-shadow:inset 0 0 0 1px var(--none)}.explain{margin:0;font-size:13px;line-height:1.5;color:var(--text-2)}.tiles4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tile4{padding:12px;border-radius:12px;background:#232323;display:flex;flex-direction:column;gap:2px}.tile4 .n{font-family:var(--font-display);font-size:24px;font-weight:700}.tile4 .t{font-size:13px;color:var(--text-2)}.c-both{background:linear-gradient(90deg,var(--active),var(--reactive));-webkit-background-clip:text;background-clip:text;color:transparent}.c-none{color:var(--muted)}.attack{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:14px}.pct-list{display:flex;flex-direction:column;gap:3px;font-size:14px;color:var(--text-2)}.pct-list>div{display:flex;justify-content:space-between}.pct-list>div span:last-child{font-family:var(--font-mono);text-align:right}.pct-list .muted{color:var(--muted);font-size:13px;padding-top:4px}.sheet-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:20px}.sheet-actions{display:flex;justify-content:flex-end;gap:2px;margin:-10px -8px -10px 0}.icon-btn.sm{width:40px;height:40px}.icon-btn:disabled{opacity:.4;cursor:default}.menu-ic{width:20px;display:grid;place-items:center;color:var(--text-3)}.segs{display:flex;margin:12px 4px 0;background:var(--well);border-radius:10px;padding:3px}.seg{all:unset;box-sizing:border-box;cursor:pointer;flex:1;text-align:center;padding:10px;border-radius:8px;color:var(--text-2);font-size:15px}.seg.on{background:var(--text);color:var(--bg);font-weight:600}.seg:focus-visible{outline:2px solid var(--text-2)}.roll-wrap{position:relative;border-radius:12px;overflow:hidden;background:#3a1f1f}.roll-delete{all:unset;box-sizing:border-box;cursor:pointer;position:absolute;top:0;right:0;bottom:0;width:var(--roll-delete-w);display:grid;place-items:center;color:#fff;font-weight:600;background:#b4423a}.roll{all:unset;box-sizing:border-box;cursor:pointer;position:relative;width:100%;display:flex;flex-direction:column;gap:6px;padding:14px;background:var(--surface-2);touch-action:pan-y;transition:transform .2s ease;user-select:none}.roll.dragging{transition:none}.roll:focus-visible{outline:2px solid var(--text-2);outline-offset:-2px}.roll-row{display:flex;justify-content:space-between;gap:10px;font-size:15px}.roll-row.dice{font-family:var(--font-display);font-weight:600}.roll-row.note{font-size:13px}.roll-list{display:flex;flex-direction:column;gap:8px;padding:12px 4px}.roll-hint{text-align:center;padding:8px;color:var(--faint)}.roll-classic{display:flex;flex-direction:column;gap:6px}.crest{display:block;box-sizing:border-box;border-radius:50%;object-fit:cover;background:var(--surface-3);box-shadow:0 0 0 2px var(--crest-gap, var(--page)),0 0 0 3px var(--ring)}.crest.ring-active{--ring: var(--active)}.crest.ring-reactive{--ring: var(--reactive)}.crest.fallback{object-fit:contain;padding:18%}.crest-pair{position:relative;flex-shrink:0;width:calc(var(--crest) * 1.67);height:calc(var(--crest) + 4px)}.crest-pair .crest{position:absolute;top:2px;left:0}.crest-pair .crest+.crest{left:calc(var(--crest) * .67)}.roll-wrap.matchup{border-radius:0}.roll-wrap.matchup .roll{padding:12px 4px;background:var(--page);border-bottom:1px solid var(--line)}.roll-list:has(.roll-wrap.matchup){gap:0;padding-top:6px}.roll-crests{display:flex;align-items:center;gap:12px;min-width:0}.roll-text{display:flex;flex-direction:column;gap:2px;min-width:0}.roll-who{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roll-weapon{font-weight:400;color:var(--muted)}.roll-vs{color:var(--faint);font-weight:400}.roll-setup{font-size:12px;color:var(--muted)}.desk-dialog{position:fixed;z-index:30;left:50%;top:max(24px,10dvh);transform:translate(-50%);max-height:min(720px,calc(100dvh - 48px));box-sizing:border-box;border-radius:16px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;box-shadow:0 24px 64px #0009;animation:fade .15s ease}.desk-dialog.saved{width:min(720px,calc(100vw - 48px))}.desk-dialog.settings{width:min(820px,calc(100vw - 48px))}.desk-dialog.about{width:min(560px,calc(100vw - 48px))}.dd-head{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 24px;border-bottom:1px solid var(--line)}.dd-head .page-title{flex-grow:1}.dd-head .segs{margin:0}.dd-head .seg{padding:7px 16px;font-size:14px;white-space:nowrap}.sd-list{display:flex;flex-direction:column;gap:2px;padding:10px 12px;overflow-y:auto;--crest-gap: var(--surface)}.drow{display:flex;align-items:center;gap:4px;border-radius:10px}.drow:hover,.drow:focus-within{background:var(--surface-3);--crest-gap: var(--surface-3)}.drow-load{all:unset;box-sizing:border-box;cursor:pointer;flex-grow:1;min-width:0;display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:10px}.drow-load:focus-visible{outline:2px solid var(--text-2);outline-offset:-2px}.drow-load .roll-crests,.drow-load .roll-classic{flex-grow:1}.drow-load .roll-who{font-size:15px}.drow-load .roll-setup{font-size:13px}.drow-enter{visibility:hidden;flex-shrink:0}.drow-load:focus-visible .drow-enter{visibility:visible}.drow-delete{color:var(--danger);visibility:hidden;flex-shrink:0}.drow:hover .drow-delete,.drow:focus-within .drow-delete{visibility:visible}.sd-foot{display:flex;justify-content:space-between;gap:12px;padding:12px 24px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--faint)}.setting{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;font-size:15px}.setting select{font:inherit;color:var(--text);background:var(--well);border:1px solid var(--line-strong);border-radius:8px;padding:8px 10px;max-width:55%}.setting select:disabled{opacity:.6}.setting.radio{justify-content:flex-start;cursor:pointer;min-height:var(--tap);box-sizing:border-box}.setting.radio input{accent-color:var(--active);width:20px;height:20px;margin:0;flex-shrink:0}.radio-text{display:flex;flex-direction:column;gap:2px}.lang-page .note{padding:0 12px}.about{display:flex;flex-direction:column;gap:16px;padding:18px 12px;font-size:15px;line-height:1.55;color:var(--text-2)}.about p{margin:0}.about a{color:var(--active)}.about-title{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:.08em;color:var(--text);line-height:1.2}.small-print{font-size:13px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:calc(var(--results-card-h) - 20px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:40;padding:10px 16px;border-radius:999px;background:var(--text);color:var(--bg);font-size:14px;font-weight:600;box-shadow:0 6px 20px #00000080;animation:fade .15s ease}.ds-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:20px 24px 24px;overflow-y:auto}.ds-col{display:flex;flex-direction:column;gap:22px}.ds-group{display:flex;flex-direction:column}.ds-group>.label{padding-bottom:8px}.ds-choices{display:flex;flex-direction:column;gap:2px;margin:0 -12px}.ds-choice{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer}.ds-choice:has(input:checked){background:var(--well)}.ds-choice input{accent-color:var(--active);width:20px;height:20px;margin:0;flex-shrink:0}.ds-choice .radio-text{flex-grow:1}.ds-choice .val{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--faint);font-variant-numeric:tabular-nums}.ds-choice:has(input:checked) .val{color:var(--active)}.ds-group .setting{padding:6px 0}.ds-group .setting select{min-width:180px}.ds-group .setting select.c-active{color:var(--active)}.ds-group .setting select.c-reactive{color:var(--reactive)}.ds-actions{display:flex;gap:8px;flex-wrap:wrap}.btn.danger{color:var(--danger);border-color:var(--danger-line)}.da-body{display:flex;flex-direction:column;gap:14px;padding:20px 24px 24px;font-size:15px;line-height:1.55;color:var(--text-2);overflow-y:auto}.da-body p{margin:0}.da-body a{color:var(--active)}.da-title{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.04em;color:var(--text)}.da-facts{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:var(--fs-small);color:var(--muted)}.da-facts dd{margin:0;color:var(--text-2)}.hdr-btns{display:flex;align-items:center;gap:4px}.hdr-btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:10px;font-size:14px;color:var(--text-2)}.hdr-btn svg{color:var(--muted)}.hdr-btn:hover{background:var(--hover)}.hdr-btn[aria-pressed=true]{background:var(--surface-3);color:var(--text)}.hdr-btn[aria-pressed=true] svg{color:var(--text)}.hdr-btn:focus-visible{outline:2px solid var(--text-2);outline-offset:2px}.hdr-btn.icon{width:40px;padding:0;justify-content:center}.hdr-btn .n{font-size:var(--fs-small);color:var(--muted)}.bar.labelled span{display:grid;place-items:center;font-family:var(--font-mono);font-size:var(--fs-small);font-weight:600}.ladder{display:flex;flex-direction:column;gap:6px;font-size:14px}.ladder-h{display:flex;align-items:baseline;gap:8px;padding-bottom:2px}.ladder-h b{font-family:var(--font-display);font-size:22px;font-weight:700}.ladder-h span{font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase}.ladder-r{display:flex;align-items:center;gap:10px}.ladder-r i{width:12px;height:12px;border-radius:3px;flex-shrink:0}.ladder-r i.edged{border:1px solid #555}.ladder-r span:first-of-type{flex-grow:1;color:var(--text-2)}.ladder-r .p{font-family:var(--font-mono)}.ladder-r.sub{padding-left:22px;color:var(--muted);font-size:13px}.ladder-r.sub span:first-of-type{color:var(--muted)}.app:not(.phone){max-width:none;height:100dvh;min-height:0}.app:not(.phone) .app-header{padding:6px 16px 0 24px;gap:16px}.app:not(.phone) .wordmark{flex-grow:0}.mode-switch{display:inline-flex;background:var(--well);border-radius:10px;padding:3px;margin-right:auto}.mode-switch button{all:unset;box-sizing:border-box;cursor:pointer;padding:7px 14px;border-radius:8px;font-size:14px;color:var(--text-2)}.mode-switch button.on{background:var(--text);color:var(--bg);font-weight:600}.mode-switch button:focus-visible{outline:2px solid var(--text-2)}.workbench{flex-grow:1;min-height:0;display:grid;gap:20px;padding:24px;align-items:start}.workbench .col{display:flex;flex-direction:column;gap:10px;min-height:0;max-height:100%;overflow-y:auto}.workbench.tablet{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px;overflow-y:auto;align-content:start}.workbench.tablet .sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.workbench.landscape{grid-template-columns:380px minmax(0,1fr);gap:18px;padding:18px;height:100%}.workbench.desktop{grid-template-columns:400px minmax(0,1fr) 440px;height:100%}.workbench.wide{grid-template-columns:420px 540px minmax(0,1fr);gap:24px;height:100%}.mods-grid .ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.mods-grid .ledger>.note{grid-column:1 / -1}.workbench.wide .mods-grid{display:block}.results-panel{background:var(--surface);border-radius:var(--radius-card);padding:16px 18px 20px;display:flex;flex-direction:column;gap:16px}.results-panel>*{flex-shrink:0}.panel-head{display:flex;justify-content:space-between;align-items:center;min-height:28px}.panel-head .sheet-actions{margin:-8px -10px -8px 0}.workbench.classic{grid-template-columns:repeat(2,minmax(0,1fr)) 460px;overflow-y:auto;height:100%}.workbench.classic.tablet{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench.classic.tablet .results-panel{grid-column:1 / -1}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}kbd{padding:1px 6px;border-radius:4px;border:1px solid var(--line-strong);font-family:var(--font-mono);font-size:var(--fs-small);color:var(--text-2)}.desk-scrim{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:29;animation:fade .15s ease}.desk-picker{position:fixed;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1080px,calc(100vw - 48px));height:min(720px,calc(100dvh - 48px));border-radius:18px;background:var(--sheet);border:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #0009;animation:fade .15s ease}.dp-top{display:flex;align-items:center;gap:12px;padding:14px 18px 10px;flex-shrink:0}.dp-sides{display:flex;padding:3px;border-radius:999px;background:var(--bg);font-family:var(--font-display);font-size:var(--fs-small);letter-spacing:.08em}.dp-sides button{all:unset;box-sizing:border-box;cursor:pointer;padding:5px 12px;border-radius:999px;color:var(--muted);border:1px solid transparent}.dp-sides button.on.active{background:var(--active-tint);color:var(--active);border-color:var(--active)}.dp-sides button.on.reactive{background:var(--reactive-tint);color:var(--reactive);border-color:var(--reactive)}.dp-search{flex-grow:1;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:10px;background:var(--bg);border:1px solid var(--line-strong);color:var(--muted)}.dp-search.active:focus-within{border-color:var(--active)}.dp-search.reactive:focus-within{border-color:var(--reactive)}.dp-search input{all:unset;flex-grow:1;padding:10px 0;font-size:16px;color:var(--text)}.dp-keys{font-size:var(--fs-small);color:var(--muted);display:flex;gap:6px;align-items:center}.dp-chips{display:flex;gap:6px;padding:0 18px 12px;border-bottom:1px solid var(--surface-3);overflow-x:auto;scrollbar-width:none;flex-shrink:0}.dp-chips .chip{border-style:solid;border-color:var(--line-control);color:var(--text-2);white-space:nowrap;flex-shrink:0}.dp-chips .chip small{font-family:var(--font-mono);font-size:var(--fs-small);opacity:.7}.chip.on-plain{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:600}.dp-body{flex:1 1 0;display:grid;grid-template-columns:400px minmax(0,1fr);min-height:0}.dp-list{border-right:1px solid var(--surface-3);padding:10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.dp-head{font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:10px 12px 6px}.dp-row{padding:9px 12px;border-radius:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;cursor:pointer;position:relative;overflow:hidden;isolation:isolate;flex-shrink:0}.dp-row .row-crest{width:84px;height:84px;margin-top:-42px;right:-15px}.dp-row:hover{background:var(--hover)}.dp-row.on{background:var(--surface-3)}.dp-row .t{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-row .s{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--muted);align-self:center}.dp-row .sub{font-size:var(--fs-small);color:var(--muted);grid-column:1 / -1}.dp-row .reason{color:var(--band-minus3)}b.hl{color:var(--text);background:#2e4a40;border-radius:3px;padding:0 1px;font-weight:600}.dp-hint{font-size:var(--fs-small);color:var(--muted);padding:12px;display:flex;gap:6px;align-items:center}.dp-detail{position:relative;isolation:isolate;padding:18px 22px;display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto}.dp-detail .card-crest img{width:170px;height:170px;top:-44px;right:-44px}.dp-unit{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.dp-name{font-size:22px;font-weight:600}.dp-tabs{display:flex;gap:4px;font-size:13px;flex-wrap:wrap;justify-content:flex-end}.dp-tabs button{all:unset;box-sizing:border-box;cursor:pointer;padding:6px 12px;border-radius:999px;border:1px solid var(--line-control);color:var(--text-2)}.dp-tabs button.on{background:var(--text);color:var(--bg);font-weight:600;border-color:var(--text)}.dp-stats{display:flex;justify-content:space-between;padding:10px 16px;border-radius:12px;background:var(--bg)}.dp-stats span{display:flex;flex-direction:column;align-items:center;gap:2px}.dp-stats small{font-size:var(--fs-small);color:var(--muted)}.dp-stats b{font-family:var(--font-display);font-size:16px;font-weight:700}.dp-skills{font-size:var(--fs-small);color:var(--faint);line-height:1.5}.dp-loadouts{display:flex;flex-direction:column;gap:2px}.dp-loadout{padding:8px 12px;border-radius:8px;display:flex;flex-direction:column;gap:4px;cursor:pointer}.dp-loadout:hover{background:var(--hover)}.dp-loadout.on.active{background:var(--active-tint);box-shadow:inset 3px 0 var(--active)}.dp-loadout.on.reactive{background:var(--reactive-tint);box-shadow:inset 3px 0 var(--reactive)}.dp-loadout .pts{font-size:var(--fs-small);color:var(--faint);font-family:var(--font-mono)}.dp-loadout.on .pts,.dp-loadout.on .chart-line .a{color:var(--text-2)}.chart-line{display:grid;grid-template-columns:minmax(0,1fr) 112px 34px 44px 80px;gap:10px;align-items:center;font-size:14px}.chart-line.sub{font-size:var(--fs-small);color:var(--text-3)}.chart-line.sub .n{padding-left:14px}.chart-line .n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-line .m{font-family:var(--font-mono);text-align:right}.chart-line .a{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stripe7{display:flex;gap:1px;width:112px;border-radius:2px;overflow:hidden}.stripe7 i{flex-grow:1;height:5px;background:transparent;box-shadow:inset 0 0 0 1px var(--surface-3)}.dp-actions{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--surface-3);margin-top:auto;flex-wrap:wrap}.dp-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tile.type{flex-direction:column;align-items:stretch;gap:4px}.tile.type .tt{display:flex;justify-content:space-between}.bar span,.breakdown .b{transition:width .35s cubic-bezier(.2,.8,.2,1)}.wpo-n{position:relative;display:inline-block}.slide-n{display:inline-grid;clip-path:inset(0 -.5em)}.slide-n>span{grid-area:1 / 1}.wpo.right .slide-n{justify-items:end}.slide-n.up .slide-out{animation:slide-out-up .3s cubic-bezier(.2,.8,.2,1) both}.slide-n.up .slide-in{animation:slide-in-up .3s cubic-bezier(.2,.8,.2,1) both}.slide-n.down .slide-out{animation:slide-out-down .3s cubic-bezier(.2,.8,.2,1) both}.slide-n.down .slide-in{animation:slide-in-down .3s cubic-bezier(.2,.8,.2,1) both}@keyframes slide-out-up{to{transform:translateY(-.7em);opacity:0}}@keyframes slide-in-up{0%{transform:translateY(.7em);opacity:0}}@keyframes slide-out-down{to{transform:translateY(.7em);opacity:0}}@keyframes slide-in-down{0%{transform:translateY(-.7em);opacity:0}}.engine-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:104px}.clash{position:relative;width:100%;height:40px}.clash>span{position:absolute;top:3px;width:34px;height:34px}.clash>span svg{width:100%;height:100%;display:block}.clash .die-a{left:0;animation:clash-a 1.6s infinite cubic-bezier(.5,0,.3,1)}.clash .die-b{right:0;animation:clash-b 1.6s infinite cubic-bezier(.5,0,.3,1)}@keyframes clash-a{0%,to{left:0;transform:rotate(0)}45%,55%{left:calc(50% - 36px);transform:rotate(270deg)}}@keyframes clash-b{0%,to{right:0;transform:rotate(0)}45%,55%{right:calc(50% - 36px);transform:rotate(-270deg)}}.computing{animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.55}}.delta{position:absolute;top:-14px;right:0;font-family:var(--font-mono);font-size:var(--fs-small);white-space:nowrap;animation:delta 1.6s ease-out both;pointer-events:none}.wpo.right .delta{right:auto;left:0}@keyframes delta{0%{opacity:0;transform:translateY(6px)}20%,70%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.btn,.chip,.stepper .s,.seg,.band,.die,.g-mode,.mode-switch button{transition:transform .1s ease}.btn:active,.chip:active,.stepper .s:active,.seg:active,.die:active,.g-mode:active,.mode-switch button:active{transform:scale(.94)}.bump{animation:bump .3s cubic-bezier(.3,1.5,.5,1)}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.tumble{animation:tumble .45s cubic-bezier(.3,1.5,.5,1)}@keyframes tumble{0%{transform:rotate(-160deg) scale(.8);opacity:.3}to{transform:none;opacity:1}}.fade-in{animation:fade .2s ease}.chip-group{animation:grow .2s cubic-bezier(.2,.8,.2,1);transform-origin:left center}@keyframes grow{0%{transform:scale(.85);opacity:.4}to{transform:none;opacity:1}}.page-body .hit,.page-body .line-btn,.dp-row,.dp-loadout{animation:rise-in .25s cubic-bezier(.2,.8,.2,1) both}.page-body>:nth-child(2),.dp-list>:nth-child(2){animation-delay:.06s}.page-body>:nth-child(3),.dp-list>:nth-child(3){animation-delay:.12s}.page-body>:nth-child(4),.dp-list>:nth-child(4){animation-delay:.18s}.page-body>:nth-child(n+5),.dp-list>:nth-child(n+5){animation-delay:.22s}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page.from-menu{animation:reveal .35s cubic-bezier(.2,.8,.2,1)}@keyframes reveal{0%{clip-path:circle(0% at calc(100% - 30px) 30px)}to{clip-path:circle(150% at calc(100% - 30px) 30px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.slide-out{display:none}}.faction-logo{flex-shrink:0;display:block}.with-logo,.dp-faction{display:inline-flex;align-items:center;gap:10px}.tile.faction{justify-content:flex-start;gap:10px}.tile.faction .r{margin-left:auto}.tiles.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tile.faction-pick{flex-direction:column;justify-content:center;gap:6px;padding:10px 4px;font-size:var(--fs-small);text-align:center}@property --open{syntax: "<number>"; inherits: true; initial-value: 0;}.rsheet{--open: 0;position:fixed;left:50%;bottom:0;z-index:10;width:min(480px,100%);height:92dvh;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:8px 16px calc(20px + env(safe-area-inset-bottom));background:#1d1d1d;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;box-shadow:0 -8px 24px #00000073;overflow:hidden;overscroll-behavior:contain;touch-action:none;transform:translate(-50%,var(--rest-y, calc(100% - var(--results-card-h))));transition:transform .32s cubic-bezier(.3,1.25,.5,1),--open .32s cubic-bezier(.3,1.25,.5,1)}.rsheet.open,.rsheet.dragging,.rsheet.settling{z-index:21}.rsheet.open{--open: 1;transform:translate(-50%);overflow-y:auto;touch-action:pan-y}.rsheet.dragging,.rsheet.measuring{transition:none}.rsheet>*{flex-shrink:0}.rscrim{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .25s ease}.rscrim.open{opacity:1;pointer-events:auto}.rscrim.dragging{transition:none}.rs-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:14px;cursor:grab}.rs-head .sheet-actions{opacity:var(--open);margin:-14px -8px -14px 0}.rs-top{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;cursor:pointer}.rsheet.open .rs-top{cursor:default}.rs-top:focus-visible{outline:2px solid var(--text-2);outline-offset:4px;border-radius:8px}.rsheet .big{font-size:calc(34px + 14px * var(--open))}.rs-f2f{height:calc(4px * var(--open));opacity:var(--open);border-radius:2px;margin-bottom:calc(-10px * (1 - var(--open)))}.rs-wbar{height:calc(6px + 34px * var(--open));border-radius:calc(3px + 5px * var(--open))}.rsheet.classic .rs-wbar{height:calc(6px + 22px * var(--open))}.rs-wbar .lbl{opacity:var(--open)}.rsheet.hl-win .rs-f2f{height:calc(6px - 2px * var(--open));opacity:1;margin-bottom:0;border-radius:3px}.rsheet.hl-win .rs-wbar{height:calc(40px * var(--open));opacity:var(--open);margin-top:calc(-10px * (1 - var(--open)))}.rsheet.hl-win.classic .rs-wbar{height:calc(28px * var(--open))}.bar span.lbl{display:inline;height:auto}.rs-top .split{opacity:calc(1 - var(--open));max-height:calc(18px * (1 - var(--open)));overflow:hidden;margin-top:calc(-10px * var(--open))}.rs-rest{display:flex;flex-direction:column;gap:14px;padding-top:4px;opacity:min(1,calc(var(--open) * 3))}.rsheet:not(.open):not(.dragging):not(.settling) .rs-rest{visibility:hidden;transition:visibility 0s linear .32s}.rs-rest>*{flex-shrink:0}.card.slot{position:relative;isolation:isolate;overflow:hidden;flex:1 1 0;min-height:220px;align-items:center;justify-content:center;gap:12px;text-align:center;border:1.5px dashed color-mix(in srgb,var(--side) 40%,transparent);transition:border-color .2s}.card.slot:hover{border-color:color-mix(in srgb,var(--side) 75%,transparent)}.card.slot.active{--side: var(--active)}.card.slot.reactive{--side: var(--reactive)}.slot-plasma{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}.slot-open{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px}.slot-open:before{content:"";position:absolute;inset:0;border-radius:inherit}.slot-open:focus-visible:before{outline:2px solid var(--side);outline-offset:-5px;border-radius:calc(var(--radius-card) - 2px)}.slot-die{width:52px;height:52px;display:block}.slot-die svg{width:100%;height:100%;display:block}.slot-title{font-size:20px;font-weight:600}.slot-chips{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.slot-hint{font-size:var(--fs-small);color:var(--text-3)}.workbench .card.slot{flex:none;min-height:0;aspect-ratio:9 / 8}.wait-die{width:34px;height:34px;display:block;opacity:.45}.wait-die.xl{width:48px;height:48px}.wait-die svg{width:100%;height:100%;display:block}.big.ready{font-size:30px}.big.xl.ready{font-size:48px}.skel{display:block;border-radius:4px;background:var(--surface-2)}.skel-list{display:flex;flex-direction:column;gap:6px}.skel-list .label{padding-top:8px}.skel-row{display:grid;grid-template-columns:88px minmax(0,1fr) 52px;gap:8px;align-items:center;font-size:14px;color:var(--text-3)}.skel-row .skel{height:14px}.skel-row>:last-child{text-align:right;font-family:var(--font-mono)}.mods-wait{border:1px dashed var(--line);border-radius:var(--radius-card);padding:20px;display:flex;flex-direction:column;gap:14px;font-family:var(--font-display);font-size:13px;letter-spacing:.06em;opacity:.6}.mods-wait .small{font-family:var(--font-body, inherit);letter-spacing:0}.btn kbd{color:inherit;border-color:currentColor;margin-left:4px}.sbar{display:flex;overflow:hidden;border-radius:3px}.sbar .sseg{display:block;height:100%;transition:opacity .15s,width .35s cubic-bezier(.2,.8,.2,1);cursor:default}.sbar .sseg:hover{box-shadow:inset 0 0 0 2px var(--text)}.sseg.dim,.sglyphs .dim,.srow.dim,.shead.dim{opacity:.25}.sglyphs{position:relative;height:16px;margin-top:-6px}.sglyphs>span{position:absolute;top:0;transform:translate(-50%);transition:opacity .15s}.slist{display:flex;flex-direction:column;gap:2px}.srow{display:grid;grid-template-columns:var(--srow-cols);gap:8px;align-items:center}.shead{all:unset;box-sizing:border-box;display:grid;grid-template-columns:var(--srow-cols);gap:8px;align-items:baseline;padding:12px 0 4px;cursor:pointer;transition:opacity .15s}.shead.static{cursor:default}.shead .t{grid-column:1 / 4;font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.shead .lab{font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);text-align:right}.shead[aria-pressed=true] .t:after{content:" \b7"}.srow{font-size:14px;padding:3px 4px;margin:0 -4px;border-radius:6px;cursor:pointer;transition:opacity .15s,background .15s;outline:none}.srow.on,.srow:focus-visible{background:var(--surface-2)}.srow .k{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srow .k.dead{font-weight:700}.srow .track{display:block;height:14px}.srow .track .b{display:block;height:100%;border-radius:4px;transition:width .35s cubic-bezier(.2,.8,.2,1)}.srow .ex{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--text-3);text-align:right}.srow .p{font-family:var(--font-mono);text-align:right}.srow .more{grid-column:2 / -1;font-size:var(--fs-small);color:var(--text-2);padding:2px 0 4px}.stag{font-size:var(--fs-small);letter-spacing:.06em;padding:1px 6px;border-radius:999px;border:1px solid currentColor;color:var(--band-minus3);margin-left:6px;font-weight:600;vertical-align:1px}