.shf-tab{display:flex;flex-direction:column;gap:12px}.shf-degraded{font-size:12.5px;color:var(--text-muted);font-style:italic;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:10px;padding:8px 12px}.shf-group{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:14px;padding:0 18px}.shf-group summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:14px 0;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.shf-group summary::-webkit-details-marker{display:none}.shf-group-chevron{display:inline-block;transition:transform .15s ease;font-size:10px;color:var(--text-dim)}.shf-group[open] .shf-group-chevron{transform:rotate(90deg)}.shf-group-body{padding-bottom:14px;display:flex;flex-direction:column;gap:2px}.shf-item{border-bottom:1px solid var(--border-subtle)}.shf-item:last-child{border-bottom:none}.shf-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:10px 2px;min-height:40px}.shf-item summary::-webkit-details-marker{display:none}.shf-item summary:before{content:"\25b8";font-size:10px;color:var(--text-dim);transition:transform .15s ease;flex-shrink:0}.shf-item[open] summary:before{transform:rotate(90deg)}.shf-item-name{flex:1 1 auto;font-size:14px;font-weight:600;color:var(--text-primary);font-family:var(--font-ui)}.shf-lvl-badge{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.28);color:var(--accent);white-space:nowrap}.shf-item-body{padding:0 2px 12px 20px;font-size:13px;color:var(--text-secondary);line-height:1.6}.shf-empty{font-size:13px;color:var(--text-dim);font-style:italic;padding:6px 0}.shf-style-choice{margin:0 2px 12px 20px;color:var(--text-secondary)}.shf-style-choice-title{margin-bottom:8px;font-size:13px;font-weight:700;color:var(--text-primary)}.shf-style-choice-list{display:grid;gap:7px}.shf-style-choice-card{padding:10px 12px;border:1px solid var(--border-default);border-radius:9px;background:var(--bg-inset);cursor:pointer}.shf-style-choice-card:hover{border-color:var(--accent)}.shf-style-choice-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shf-style-choice-name{font-size:13px;font-weight:700;color:var(--text-primary)}.shf-style-choice-details{margin-top:6px;font-size:12.5px;cursor:default}.shf-style-choice-details summary{cursor:pointer;color:var(--text-muted)}.shf-disc{position:relative;padding:14px 0 18px 16px;border-top:1px solid var(--border-subtle)}.shf-disc:first-child{border-top:none;padding-top:4px}.shf-disc:before{content:"";position:absolute;left:0;top:14px;bottom:18px;width:2px;border-radius:2px;background:linear-gradient(to bottom,rgba(var(--disc-rgb),.55),rgba(var(--disc-rgb),.14) 70%,transparent)}.shf-disc:first-child:before{top:4px}.shf-disc-head{display:flex;align-items:center;gap:9px;margin-bottom:10px;min-height:22px}.shf-disc-mark{width:18px;height:18px;flex-shrink:0;color:var(--disc-text);opacity:.9}.shf-disc-name{margin:0;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shf-disc-meter{display:flex;align-items:center;gap:4px;margin-left:2px}.shf-pip{width:7px;height:7px;flex-shrink:0;transform:rotate(45deg);border:1px solid rgba(var(--disc-rgb),.38);background:transparent;transition:background .22s var(--ease-out),border-color .22s var(--ease-out)}.shf-pip.is-set{background:var(--disc);border-color:var(--disc)}.shf-disc-tally{margin-left:auto;font-family:var(--font-display);font-size:12px;font-weight:700;line-height:1;letter-spacing:.01em;color:var(--text-muted);display:flex;align-items:baseline;gap:1px}.shf-disc-tally b{color:var(--disc-text);font-weight:700}.shf-disc-tally s{text-decoration:none;opacity:.4}.shf-disc-tally i{font-style:normal}.shf-disc.is-sated .shf-disc-tally b{color:var(--text-muted)}.shf-opt-none{margin:0 0 10px;font-size:12.5px;color:var(--text-dim);font-style:italic}.shf-opt-picked{display:grid;gap:6px;margin-bottom:12px}.shf-item.shf-seal{border:1px solid rgba(var(--disc-rgb),.34);border-radius:var(--compact-radius);background:rgba(var(--disc-rgb),.07);clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);transition:background .16s var(--ease-out),border-color .16s var(--ease-out)}.shf-item.shf-seal:hover{background:rgba(var(--disc-rgb),.11);border-color:rgba(var(--disc-rgb),.5)}.shf-item.shf-seal>summary{display:flex;align-items:center;gap:8px;padding:8px 11px;cursor:pointer;list-style:none}.shf-item.shf-seal>summary::-webkit-details-marker{display:none}.shf-item.shf-seal>summary:focus-visible{outline:2px solid var(--disc);outline-offset:-2px}.shf-item.shf-seal .shf-item-name{font-size:13px;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.shf-item.shf-seal .shf-item-body{padding:2px 11px 11px 30px;font-size:12.5px;color:var(--text-secondary)}.shf-seal-tick{flex-shrink:0;width:15px;height:15px;display:flex;align-items:center;justify-content:center;color:var(--disc-text)}.shf-seal-tick svg{width:100%;height:100%}.shf-opt-picked .shf-pin-btn{position:static;transform:none;width:22px;height:22px;margin-left:auto}.shf-opt-remove{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.shf-opt-remove:hover{color:var(--red);border-color:rgba(var(--red-rgb),.4);background:var(--red-light)}.shf-opt-remove:focus-visible{outline:2px solid var(--disc);outline-offset:1px}@media(hover:hover){.shf-opt-remove{opacity:0}.shf-item.shf-seal:hover .shf-opt-remove,.shf-opt-remove:focus-visible{opacity:1}}.shf-opt-browse>summary{display:flex;align-items:center;gap:7px;padding:6px 0;cursor:pointer;list-style:none;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--disc-text)}.shf-opt-browse>summary::-webkit-details-marker{display:none}.shf-opt-browse>summary:focus-visible{outline:2px solid var(--disc);outline-offset:3px;border-radius:4px}.shf-browse-chev{width:12px;height:12px;flex-shrink:0;transition:transform .24s var(--ease-out)}.shf-browse-chev svg{width:100%;height:100%}.shf-opt-browse[open]>summary .shf-browse-chev{transform:rotate(90deg)}.shf-browse-count{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:0;padding:1px 6px;border-radius:99px;background:rgba(var(--disc-rgb),.1);border:1px solid rgba(var(--disc-rgb),.22);color:var(--disc-text)}.shf-browse-body{padding-top:4px}.shf-opt-capnote{margin:0 0 8px;padding:7px 10px;border:1px dashed rgba(var(--disc-rgb),.32);border-radius:var(--compact-radius);background:rgba(var(--disc-rgb),.05);font-size:11.5px;color:var(--disc-text)}.shf-opt-searchwrap{position:relative;margin-bottom:8px}.shf-opt-searchicon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--text-dim);pointer-events:none}.shf-opt-search{width:100%;padding:8px 11px 8px 31px;font:inherit;font-size:13px;border:1px solid var(--border-default);border-radius:var(--control-radius);background:var(--bg-inset);color:var(--text-primary);transition:border-color .14s,box-shadow .14s}.shf-opt-search::placeholder{color:var(--text-dim)}.shf-opt-search:focus{outline:none;border-color:rgba(var(--disc-rgb),.6);box-shadow:0 0 0 3px rgba(var(--disc-rgb),.13)}.shf-opt-list{display:grid;gap:5px;max-height:min(440px,55vh);overflow-y:auto;overflow-anchor:none;padding-right:4px;scrollbar-width:thin}.shf-opt-card{border:1px solid var(--border-subtle);border-radius:var(--compact-radius);background:var(--bg-inset);transition:border-color .14s var(--ease-out),background .14s var(--ease-out)}.shf-opt-card>summary.shf-opt-pick{display:flex;align-items:center;gap:9px;padding:7px 10px;cursor:pointer;list-style:none;font-family:var(--font-ui);font-size:13px;font-weight:400;letter-spacing:normal;text-transform:none;color:var(--text-primary)}.shf-opt-pick::-webkit-details-marker{display:none}.shf-opt-pick:focus-visible{outline:2px solid var(--disc);outline-offset:-2px;border-radius:var(--compact-radius)}.shf-opt-card:hover{border-color:var(--border-default)}.shf-opt-rune{flex-shrink:0;width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:5px;color:var(--text-dim);background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;transition:color .14s,background .14s,border-color .14s}.shf-opt-rune svg{width:12px;height:12px}button.shf-opt-rune:hover:not(:disabled){color:var(--disc-text);border-color:rgba(var(--disc-rgb),.5);background:rgba(var(--disc-rgb),.12)}button.shf-opt-rune:focus-visible{outline:2px solid var(--disc);outline-offset:1px}button.shf-opt-rune:disabled{cursor:default;opacity:.45}.shf-opt-rune.is-bar{background:transparent}.shf-opt-chev{flex-shrink:0;width:13px;height:13px;margin-left:auto;display:flex;align-items:center;justify-content:center;color:var(--text-dim);transition:transform .22s var(--ease-out),color .14s}.shf-opt-chev svg{width:100%;height:100%}.shf-opt-card[open]>.shf-opt-pick .shf-opt-chev{transform:rotate(180deg);color:var(--disc-text)}.shf-opt-pick:hover .shf-opt-chev{color:var(--text-muted)}.shf-opt-text{display:flex;flex-direction:column;gap:2px;min-width:0}.shf-opt-card-name{font-size:12.5px;font-weight:600;color:var(--text-primary);line-height:1.35}.shf-opt-card-hint{font-size:11px;line-height:1.4;color:var(--text-muted)}.shf-opt-card.is-locked{background-color:transparent;background-image:repeating-linear-gradient(45deg,rgba(var(--entity-neutral-rgb),.055) 0 1px,transparent 1px 7px);border-style:dashed;border-color:var(--border-subtle)}.shf-opt-card.is-locked .shf-opt-card-name{font-weight:500;color:var(--text-muted)}.shf-opt-card.is-locked .shf-opt-card-hint{color:var(--text-dim)}.shf-opt-card.is-locked .shf-opt-rune{background:transparent;color:var(--text-dim)}.shf-opt-card.is-capped .shf-opt-card-name{color:var(--text-secondary)}.shf-opt-card-body{padding:0 12px 11px 41px;font-size:12.5px;color:var(--text-secondary);line-height:1.6}@keyframes shf-opt-rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.shf-opt-browse[open] .shf-opt-card{animation:shf-opt-rise .3s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 22ms)}@media(prefers-reduced-motion:reduce){.shf-opt-browse[open] .shf-opt-card{animation:none}.shf-pip,.shf-browse-chev,.shf-opt-chev,.shf-item.shf-seal,.shf-opt-card,.shf-opt-rune,.shf-opt-search{transition:none}}.shf-item,.shc-res-row,.shc-res-chip{position:relative}.shf-pin-btn{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s;margin-left:auto}.shf-pin-btn:hover{border-color:var(--accent);color:var(--accent)}.shf-pin-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.shf-pin-btn.is-pinned{background:rgba(var(--accent-rgb),.14);border-color:var(--accent);color:var(--accent)}@media(min-width:1050px){.shf-pin-btn{position:absolute;right:-42px;top:50%;transform:translateY(-50%);width:22px;height:22px;margin-left:0}}@media(hover:hover){.shf-pin-btn{opacity:0}.shf-item:hover .shf-pin-btn,.shc-res-row:hover .shf-pin-btn,.shc-res-chip:hover .shf-pin-btn,.shf-pin-btn:focus-visible,.shf-pin-btn.is-pinned{opacity:1}}@media(hover:none){.shf-pin-btn{opacity:.55}.shf-pin-btn.is-pinned{opacity:1}}@media(max-width:700px){.shf-group{padding:0 14px}.shf-item-body{padding-left:12px}.shf-style-choice{margin-left:12px}.shf-disc{padding-left:12px}.shf-opt-pick{padding:9px 10px}.shf-opt-rune{width:30px;height:30px}.shf-opt-rune svg{width:14px;height:14px}.shf-item.shf-seal>summary{padding:10px 11px}.shf-opt-list{max-height:62vh}.shf-opt-remove{opacity:1}}@media(max-width:420px){.shf-disc-meter{display:none}}.shr-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.shr-picker-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.shr-select{flex:1;min-width:160px;padding:7px 10px;border-radius:8px;border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-primary);font-size:13px}.shr-btn{padding:7px 12px;border-radius:8px;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);font-size:12.5px;font-weight:600;cursor:pointer}.shr-btn:hover{border-color:rgba(var(--accent-rgb),.5);color:var(--text-primary)}.shr-notice{margin:12px 16px;padding:10px 12px;border-radius:10px;border:1px solid var(--border-default);background:var(--bg-inset);font-size:12.5px;color:var(--text-secondary)}.shr-notice--update{border-color:rgba(var(--accent-rgb),.4);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.shr-section{padding:14px 16px 4px}.shr-section-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:10px}.shr-group{margin-bottom:14px}.shr-group-title{font-size:12px;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.shr-knob{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--border-subtle)}.shr-knob-name{font-size:13px;color:var(--text-secondary)}.shr-knob-val{font-size:13px;font-weight:600;color:var(--text-primary)}.shr-mark{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.shr-mark--applied{color:var(--accent)}.shr-mark--beaten{color:var(--text-tertiary);text-decoration:line-through}.shr-rule{padding:8px 0;border-bottom:1px solid var(--border-subtle)}.shr-rule-name{font-size:13.5px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.shr-rule-body{font-size:13px;color:var(--text-secondary);line-height:1.6}.shr-editor{border-top:1px solid var(--border-subtle)}.shr-edit-row{display:flex;align-items:center;gap:10px;padding:5px 0}.shr-edit-label{flex:1;font-size:13px;color:var(--text-secondary)}.shr-edit-num{width:80px;padding:6px 8px;border-radius:8px;border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-primary);font-size:13px}.shr-edit-check{width:18px;height:18px;accent-color:var(--accent)}.shr-editor .shr-select{flex:0 1 220px;min-width:0}@media(max-width:700px){.shr-section{padding:12px 14px 4px}.shr-picker{padding:10px 14px}.shr-knob{grid-template-columns:minmax(0,1fr) auto}.shr-knob-val{grid-column:1 / -1}}