/* Retail-Tier-Sets (/set/retail/) und empfohlene Ausrüstung (/bis/retail/): ergänzt loot/seo.css, loot/retail/retail.css und bis/bis.css.
   Quelle: scripts/retail/gear/retail-gear.css, geschrieben von scripts/build-retail-set-pages.mjs. */
.rg-ic{flex:none;margin-right:9px;vertical-align:middle;border-width:2px}
.bis-it .rg-ic{margin-right:0}
.rg-set{margin:16px 0;padding:14px 16px}
.rg-set h2{margin:2px 0 10px}
.rg-set h3{font-size:18px;margin:16px 0 8px}
.rg-old>summary{cursor:pointer;min-height:44px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;list-style-position:inside}
.rg-old>summary .k{margin:0}
.rg-old[open]>summary{margin-bottom:8px}
.rg-t td{width:auto}
.rg-piece{display:inline-flex;align-items:center;font-weight:700;overflow-wrap:anywhere}
.rg-tok{display:flex;flex-direction:column;gap:2px}
.rg-tok>a{font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.rg-boss{font-size:13.5px;color:var(--mut)}
.rg-boss a{color:var(--gold2);text-decoration:none}.rg-boss a:hover{text-decoration:underline}
.rg-bonus{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.rg-spec{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:rgba(255,255,255,.02)}
.rg-spec h4{margin:0 0 6px;font-size:16px;color:var(--gold2)}
.rg-spec dl,.rg-api{margin:0}
.rg-spec dt,.rg-api dt{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--mut);margin-top:6px}
.rg-spec dd,.rg-api dd{margin:2px 0 0;font-size:15px}
.rg-flag{font-size:15px;color:var(--mut)}
.rg-cat{margin-top:18px}
.rg-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:14px 0}
.rg-card{display:flex;align-items:center;gap:4px;padding:12px 14px;text-decoration:none;min-height:44px}
.rg-card strong{display:block;color:var(--txt)}
.rg-card .m{display:block;font-size:13.5px}
.rg-card:hover strong{color:var(--gold)}
.rg-later{margin:10px 0;padding:12px 14px;border:1px dashed var(--line);border-radius:12px;color:var(--mut)}
.rg-name{font-weight:700;overflow-wrap:anywhere}
.rg-tierbox{position:sticky;top:12px}
.rg-tierbox h2{font-size:19px;margin:0 0 6px}
.rg-tierlist{list-style:none;margin:8px 0 12px;padding:0}
.rg-tierlist li{display:flex;align-items:center;gap:8px;margin:5px 0;font-size:14.5px}
.rg-tierlist img{border-radius:4px;border:1px solid var(--line);flex:none}
@media(max-width:900px){.rg-tierbox{position:static}}
.bis-src a,.rg-boss a{text-decoration:underline;text-decoration-color:rgba(232,194,122,.45);text-underline-offset:2px}
@media(max-width:760px){.bis-t td:has(>.rg-noalt){display:none}}
.rg-old>summary::after{content:"▾ aufklappen";margin-left:auto;font-size:13px;color:var(--mut)}html[lang=en] .rg-old>summary::after{content:"▾ expand"}.rg-old[open]>summary::after{content:"▴"}
.rg-talents{margin:18px 0;padding:14px 16px}
.rg-talents h2{margin:0 0 6px;font-size:20px}
.rg-tal{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}
.rg-tal-h{margin:0 0 6px}
.rg-tal-code{display:block;max-width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#0a1530;color:var(--txt);font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;user-select:all}
.rg-tal-act{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:8px 0 0}
.rg-tal-act .btn2{background:transparent;cursor:pointer;font:inherit;font-weight:700;min-height:44px}
.rg-copy-fb{color:#ffd27a}
.rg-tal-src{margin:12px 0 0;font-size:13.5px}
/* Talentbaum unter dem Talent-String (scripts/retail/talent-tree-html.mjs); Tooltip-Feld aus retail-gear.js. */
.tt-wrap{margin:12px 0 0}
.tt-wrap>summary{cursor:pointer;min-height:44px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-weight:700;color:var(--gold2)}
.tt-wrap>summary .m{font-weight:400}
.tt-wrap[open]>summary .tt-sum-c,.tt-wrap:not([open])>summary .tt-sum-o{display:none}
.tt-help{margin:4px 0 10px;font-size:14px}
.tt-trees{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tt-box{margin:0;border:1px solid var(--line);border-radius:12px;padding:8px;background:rgba(0,0,0,.18);min-width:0}
.tt-box figcaption{font-size:14.5px;margin:0 0 6px;overflow-wrap:anywhere}
.tt-box-hero{grid-column:1/-1;width:100%;max-width:280px;justify-self:center;box-sizing:border-box}
@media(max-width:700px){.tt-trees{grid-template-columns:minmax(0,1fr)}}
.tt-tree{position:relative;width:100%}
.tt-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.tt-lines line{stroke:#38445e;stroke-width:2;vector-effect:non-scaling-stroke}
.tt-lines line.on{stroke:#e8c27a}
.tt-n{position:absolute;width:var(--tt-n);aspect-ratio:1/1;transform:translate(-50%,-50%);box-sizing:border-box;border:2px solid #4a5570;background:#0d1426;display:block;cursor:help;-webkit-tap-highlight-color:transparent}
.tt-a{border-radius:18%}.tt-p{border-radius:50%}
.tt-c{border:0;padding:2px;background:#4a5570;clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%)}
.tt-n img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit;filter:grayscale(1) brightness(.5)}
.tt-c img{clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%)}
.tt-n .tt-h0,.tt-n .tt-h1{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px)}
.tt-n .tt-h0{clip-path:polygon(29% 0,50% 0,50% 100%,29% 100%,0 71%,0 29%)}.tt-n .tt-h1{clip-path:polygon(50% 0,71% 0,100% 29%,100% 71%,71% 100%,50% 100%)}
.tt-n.on{border-color:#e8c27a;box-shadow:0 0 6px rgba(232,194,122,.55)}
.tt-c.on{background:#e8c27a}
.tt-n.on img{filter:none}
.tt-n.on.part{border-color:#7ad06b}.tt-c.on.part{background:#7ad06b}
.tt-r{position:absolute;right:-5px;bottom:-5px;z-index:1;font:700 9px/1 system-ui,sans-serif;background:rgba(0,0,0,.82);color:#fff;padding:1px 2px;border-radius:3px}
.tt-n:focus-visible,.tt-n.tt-act{outline:2px solid #fff;outline-offset:1px}
.tt-list{margin:10px 0 0;font-size:14px}
.tt-list>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--gold2)}
.tt-list p{margin:6px 0}
.tt-tip{position:fixed;z-index:1000;box-sizing:border-box;max-width:340px;padding:10px 12px;background:#0b1428;border:1px solid #e8c27a;border-radius:10px;color:#e9edf6;font-size:14px;line-height:1.45;box-shadow:0 8px 24px rgba(0,0,0,.55);white-space:pre-line;overflow-wrap:anywhere}
.tt-tip[hidden]{display:none}
.tt-tip strong{display:block;color:#e8c27a;font-size:15px}
.tt-tip .tt-tr{display:block;color:#9fb0cf;font-size:13px;margin:1px 0 6px}
.tt-tip .tt-or{display:block;margin:8px 0 2px;color:#9fb0cf;font-size:13px}
.tt-tip .tt-x{display:none}
@media(max-width:600px){.tt-tip{left:8px!important;right:8px;top:auto!important;bottom:8px;max-width:none;max-height:55vh;overflow:auto}.tt-tip .tt-x{display:block;margin-top:8px;color:#9fb0cf;font-size:13px}}
.tt-ab{border-radius:inherit;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font:700 10px/1 system-ui,sans-serif;font-style:normal;color:#9fb0cf;background:#18223a}
.tt-n.on .tt-ab{color:#e8c27a}