.ab-builder{--ab-border:#293750;--ab-muted:#a3b3cc;--ab-accent:#b3c3ff;color:#e9efff;max-width:1640px;margin:0 auto;padding:24px}.ab-builder *,.ab-dialog *{box-sizing:border-box}.ab-builder button,.ab-dialog button,.ab-builder input,.ab-builder select,.ab-builder textarea,.ab-dialog input,.ab-dialog select{font:inherit;color:inherit;border:1px solid #30415f;background:var(--glass-primary);border-radius:10px;padding:10px 12px;min-height:42px;max-width:100%}.ab-builder button,.ab-dialog button{cursor:pointer}.ab-builder button:hover,.ab-dialog button:hover{border-color:#b0bdff;background:var(--glass-hover)}.ab-builder button:disabled,.ab-dialog button:disabled{opacity:.55;cursor:default}.ab-builder :focus-visible,.ab-dialog :focus-visible{outline:2px solid #b3c3ff;outline-offset:3px}.ab-builder label,.ab-dialog label{display:grid;gap:7px;color:#aebdd5;font-size:13px}.ab-builder small,.ab-dialog small{color:#99abc6}.ab-toolbar,.ab-item-head,.ab-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:18px}.ab-toolbar [name=buildName]{font-size:clamp(20px,3vw,32px);font-weight:700;border-color:transparent;background:transparent;padding-left:0;width:650px;max-width:100%}.ab-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ab-actions details{position:relative}.ab-actions summary{cursor:pointer;padding:12px}.ab-actions details[open]{padding:8px;background:var(--glass-interactive);border:1px solid #30415f;border-radius:12px;z-index:20}.ab-actions details[open]>button,.ab-actions details[open]>label{display:block;width:100%;margin:6px 0}.ab-file{cursor:pointer}.ab-file input{width:180px}.ab-profile{display:flex;flex-wrap:wrap;gap:12px;padding:18px 0 24px}.ab-profile label{min-width:110px}.ab-profile [name=level]{width:85px}.ab-profile .ab-visibility{display:flex;align-items:center;margin-left:auto}.ab-visibility input{width:18px;min-height:18px}.ab-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.ab-workspace{container-type:inline-size;min-width:0;background:var(--glass-primary);border:1px solid var(--ab-border);border-radius:20px;overflow:hidden}.ab-builder .workbench-tabs{display:flex;gap:5px;overflow-x:auto;padding:12px;border-bottom:1px solid var(--ab-border);scrollbar-width:thin}.ab-builder .workbench-tabs button{white-space:nowrap;background:transparent;border-color:transparent;font-size:13px;flex-shrink:0}.ab-builder .workbench-tabs button[aria-selected=true]{background:var(--glass-selected);border-color:#7388c3;color:#e4eaff}.ab-builder .workbench-panels>section{padding:22px}.ab-builder [hidden],.ab-dialog [hidden]{display:none!important}.ab-paperdoll{display:grid;grid-template-columns:minmax(0,280px) minmax(240px,1fr) minmax(0,280px);gap:14px;padding:6px 0 24px}.ab-slot{width:100%;display:flex;align-items:center;gap:10px;text-align:left;margin:7px 0;min-height:70px!important;padding:8px!important}.ab-slot img,.ab-empty{width:42px;height:42px;object-fit:contain;border-radius:8px;background:#0a101d;flex-shrink:0}.ab-empty{display:grid;place-items:center;color:#7d92be;font-size:24px}.ab-slot>span:nth-child(2){min-width:0;flex:1}.ab-slot small,.ab-slot strong{display:block}.ab-slot strong{font-size:12px;line-height:1.35;overflow-wrap:anywhere}.ab-slot small{font-size:10px;margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}.ab-slot.selected{border-color:#9dafe6;box-shadow:0 0 20px #50659920}.ab-avatar{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:14px;background:var(--glass-secondary)}.ab-sigil{width:130px;height:180px;display:grid;place-items:center;font-size:105px;color:#b7c5fb;text-shadow:0 0 50px #789dff66}.ab-avatar strong{font-size:22px}.ab-avatar p{font-size:12px;color:#9baeca}.ab-avatar button{width:100%}.ab-inspector{border-top:1px solid var(--ab-border);padding-top:20px}.ab-item-head img{width:55px;height:55px;object-fit:contain}.ab-item-head h2{font-size:20px;margin:0}.ab-item-head p{font-size:12px}.ab-item-stats{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.ab-item-stats span{background:var(--glass-secondary);padding:10px;border-radius:8px;font-size:13px}.ab-inspector>label{display:inline-grid;margin:8px 15px 8px 0}.ab-roll{display:flex;align-items:center;gap:8px;margin:9px 0}.ab-roll select{min-width:0;flex:1}.ab-roll input{width:110px}.ab-roll small{white-space:nowrap}.ab-stone{display:grid;grid-template-columns:1fr 1fr 45px;gap:8px;margin:8px 0}.ab-source{font-size:12px;color:#7d90ae}.ab-stats{position:sticky;top:95px;border:1px solid var(--ab-border);background:var(--glass-secondary);border-radius:18px;padding:20px}.ab-gs{display:flex;justify-content:space-between;align-items:center;margin:14px 0 24px}.ab-gs strong{font-size:42px;color:#d5bd82}.ab-core>div{display:flex;justify-content:space-between;padding:10px 0;font-size:16px}.ab-stats>small{display:block;line-height:1.5;margin:12px 0}.ab-stats input{width:100%;margin:10px 0}.ab-stats details{border-top:1px solid #23314a;font-size:12px;padding:10px 0}.ab-stats summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer}.ab-stats details p{display:flex;justify-content:space-between;gap:12px;color:#a3b3cc}.ab-stats [data-effects] p{display:block;line-height:1.6}.ab-hotbar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:20px 0}.ab-hotbar button{position:relative;display:grid;justify-items:center;padding:9px 3px;min-width:0}.ab-hotbar img{width:40px;height:40px}.ab-hotbar span{font-size:10px;line-height:1.25}.ab-hotbar small{position:absolute;top:3px;left:5px}.ab-skill-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:20px}.ab-skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ab-skill-grid button{display:grid;justify-items:center;gap:6px;font-size:11px;padding:8px}.ab-skill-grid img{width:40px;height:40px}.ab-skill-grid b{color:#bdc9ff}.ab-spec{display:flex!important;align-items:flex-start;padding:12px 0;border-bottom:1px solid #2b3851}.ab-spec input{width:18px;min-height:18px;flex-shrink:0}.ab-spec small{display:block;margin-bottom:5px}.ab-spec span{line-height:1.5}.ab-skill-layout [data-skill-inspector]>img{width:64px;height:64px}.ab-skill-layout p{line-height:1.6;white-space:pre-line;font-size:13px}.ab-builder fieldset{border:1px solid #30415f;border-radius:12px;margin:12px 0;padding:16px;min-width:0}.ab-collections{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ab-collections button{display:grid;text-align:left;gap:12px;padding:22px}.ab-collections button>span{font-size:28px;color:#adbded}.ab-builder textarea{width:100%;resize:vertical}.ab-builder [data-panel=notes]>label{margin:15px 0}.ab-builder table{width:100%;font-size:13px;border-collapse:collapse;margin:15px 0}.ab-builder td,.ab-builder th{padding:12px 8px;border-bottom:1px solid #2a3953;text-align:left}.ab-dialog{background:var(--glass-primary);color:#e8efff;border:1px solid #405371;border-radius:20px;width:800px;max-width:calc(100vw - 24px);max-height:90dvh;padding:22px;box-shadow:0 35px 120px #0009}.ab-dialog::backdrop{background:#050b17c9;backdrop-filter:blur(5px)}.ab-dialog>header{position:sticky;top:-22px;background:var(--glass-primary);padding:12px 0;z-index:1}.ab-dialog h2{font-size:23px;margin:0}.ab-dialog [data-close]{font-size:24px;min-width:44px}.ab-dialog label input[type=search]{width:100%}.ab-result{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin:7px 0;padding:12px;border:1px solid #2b3b58;border-radius:10px;color:inherit;text-decoration:none}.ab-result img{width:42px;height:42px;object-fit:contain}.ab-result>span:nth-child(2){flex:1;min-width:0}.ab-result strong,.ab-result small{display:block}.ab-result small{margin-top:5px}.ab-result>button:first-child{flex:1}.ab-result>button img{vertical-align:middle;margin-right:12px}.ab-dialog .ab-roll label{min-width:0;flex:1}.ab-dialog .ab-roll select{width:100%}.ab-builder [data-ab-status]{min-height:22px;color:#aabdec;font-size:13px}.ab-builder .dae-layout{grid-template-columns:minmax(0,1fr)}.ab-builder .dae-viewport{height:500px}.ab-builder .dae-controls{flex-wrap:wrap}.ab-builder .dae-controls label{min-width:90px}.ab-builder .dae-controls input{width:90px}
@media(max-width:1200px){.ab-layout{grid-template-columns:minmax(0,1fr) 250px}.ab-paperdoll{gap:10px}.ab-sigil{width:100px;font-size:80px}.ab-avatar strong{font-size:17px}.ab-slot strong{font-size:11px}}
@media(max-width:950px){.ab-layout{grid-template-columns:1fr}.ab-stats{position:static;order:-1}.ab-stats [data-stat-list],.ab-stats [data-effects]{max-height:250px;overflow:auto}.ab-stats .ab-core{display:flex;justify-content:space-between;gap:12px}.ab-core>div{gap:10px}.ab-gs{margin:0}.ab-gs strong{font-size:30px}.ab-stats>small{margin:5px 0}.ab-stats .eyebrow{display:none}.ab-stats [data-stat-list]:empty{display:none}.ab-toolbar{align-items:flex-start}.ab-toolbar>div{min-width:0}.ab-toolbar [name=buildName]{width:100%}.ab-actions{justify-content:flex-end}}
@media(max-width:600px){.ab-builder{padding:12px}.ab-toolbar{display:block}.ab-actions{justify-content:flex-start;margin-top:12px}.ab-profile{gap:10px}.ab-profile label{min-width:0;flex:1 1 26%}.ab-profile .ab-visibility{margin-left:0}.ab-profile [name=level]{width:100%}.ab-builder .workbench-panels>section{padding:12px}.ab-paperdoll{grid-template-columns:1fr 1fr;gap:8px}.ab-avatar{grid-column:1/-1;grid-row:1;display:flex;flex-direction:row;flex-wrap:wrap;padding:12px;gap:10px}.ab-sigil{height:40px;width:40px;font-size:36px}.ab-avatar p{display:none}.ab-avatar button{width:auto}.ab-slot{min-height:80px!important;gap:7px}.ab-slot img,.ab-slot .ab-empty{width:33px;height:33px}.ab-slot strong{font-size:11px}.ab-slot>span:last-child{display:none}.ab-skill-layout{grid-template-columns:1fr}.ab-hotbar{grid-template-columns:repeat(4,1fr)}.ab-collections{grid-template-columns:repeat(2,1fr)}.ab-roll{flex-wrap:wrap}.ab-roll select{max-width:100%;min-width:140px}.ab-roll input{width:90px}.ab-stone{grid-template-columns:1fr 42px}.ab-stone>button:first-child{grid-column:1/-1}.ab-stone select{min-width:0}.ab-dialog{padding:14px;border-radius:14px}.ab-dialog>header{top:-14px}.ab-dialog .ab-result{flex-wrap:wrap}.ab-stats .ab-core{font-size:13px}.ab-core>div{display:grid;font-size:14px}.ab-builder .dae-viewport{height:380px}.ab-item-head{align-items:flex-start;flex-wrap:wrap}.ab-builder table{font-size:11px}.ab-builder td,.ab-builder th{padding:8px 3px}}
@media(prefers-reduced-motion:reduce){.ab-builder *,.ab-dialog *{scroll-behavior:auto!important;transition:none!important}}

.ab-class-portrait{width:100%;max-width:440px;height:clamp(320px,42cqw,540px);object-fit:contain;object-position:center top;flex-shrink:0;border-radius:24px;opacity:1}.ab-character{overflow:hidden}

@media(max-width:600px){.ab-class-portrait{width:48px;height:64px;border-radius:8px}.ab-avatar strong{font-size:15px}.ab-result>a{flex:1;min-width:0;overflow-wrap:anywhere}}

/* Pet collection: illustrated catalogue and persistent cumulative summary. */
.ab-dialog.ab-pet-dialog{width:min(1240px,96vw);max-width:1240px;padding:0;border:1px solid #59432d;background:var(--glass-primary);color:#e8e9ed;overflow:hidden}
.ab-pet-dialog>header{position:relative;top:0;margin:0;padding:18px 22px;background:var(--glass-primary);border-bottom:1px solid #ffffff10}.ab-pet-dialog>header h2{font-size:18px;margin:0}.ab-pet-intro{margin:0;padding:14px 22px;color:#a5abba;font-size:13px;border-bottom:1px solid #ffffff10}
.ab-pet-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;max-height:74vh;overflow:auto}.ab-pet-main{padding:16px;min-width:0;overflow:auto}.ab-pet-tabs{display:flex;max-width:430px;padding:3px;border:1px solid #ffffff14;border-radius:25px;margin-bottom:12px;gap:4px}.ab-pet-tabs button{flex:1;border:0;border-radius:22px;background:transparent;color:#a9abb4;padding:9px}.ab-pet-tabs button[aria-pressed=true]{color:#ffe1b7;background:var(--glass-selected);box-shadow:inset 0 0 0 1px #ab7848}.ab-pet-tabs b{padding:2px 6px;border-radius:8px;background:var(--glass-interactive);margin-left:5px;font-size:11px}
.ab-pet-families{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:16px}.ab-pet-families button{display:grid;gap:4px;padding:10px;text-align:left;border:1px solid #ffffff1c;border-radius:12px;background:var(--glass-interactive);color:#dcdde2}.ab-pet-families small{color:#9197a5;font-size:11px}.ab-pet-families button[aria-pressed=true]{background:var(--glass-selected);border-color:#b48651}
.ab-pet-toolbar{display:flex;gap:8px;align-items:center}.ab-pet-toolbar input{flex:1;min-width:0}.ab-pet-toolbar button{white-space:nowrap;font-size:11px;padding:10px}.ab-pet-feedback{font-size:11px;color:#aaaeb8;min-height:16px;margin:8px 0}.ab-pet-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.ab-pet-grid .ab-pet-card{--pet-accent:#a880e7;display:flex;flex-direction:column;gap:0;min-width:0;padding:0;overflow:hidden;text-align:left;border:1px solid #ffffff15;border-top:2px solid var(--pet-accent);border-radius:13px;background:var(--glass-secondary);color:#f0f0f2;transition:transform .18s,border-color .18s;cursor:pointer}.ab-pet-card[data-family=feral]{--pet-accent:#d9934b}.ab-pet-card[data-family=nature]{--pet-accent:#69a880}.ab-pet-card[data-family=intellect]{--pet-accent:#649dd5}.ab-pet-card[data-family=trans]{--pet-accent:#bc8cbd}.ab-pet-grid .ab-pet-card:hover{transform:translateY(-2px);border-color:var(--pet-accent)}.ab-pet-grid .ab-pet-card[aria-pressed=true]{border-color:#df9c55;background:var(--glass-selected);box-shadow:0 0 0 1px #bc7d3930}.ab-pet-art{display:block;position:relative;width:100%;aspect-ratio:1/1.04;background:var(--glass-secondary);overflow:hidden}.ab-pet-art img{width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(#000 70%,transparent)}.ab-pet-badge{position:absolute;top:6px;left:5px;background:#0b1019db;color:var(--pet-accent);border-radius:6px;padding:3px 4px;font-size:9px;font-weight:800;text-transform:uppercase}.ab-pet-check{position:absolute;right:5px;top:7px;display:grid;place-items:center;border-radius:50%;width:19px;height:19px;background:var(--glass-secondary);font-size:13px}.ab-pet-card[aria-pressed=true] .ab-pet-check{background:var(--glass-selected);color:white}.ab-pet-card>strong{padding:0 8px 8px;font-size:12px;line-height:1.4;min-height:40px;overflow-wrap:anywhere}.ab-pet-card-stats{padding:0 8px 10px;font-size:10px;line-height:1.5;color:#9c9fac;flex:1}.ab-pet-owned{padding:8px;font-size:10px;border-top:1px solid #ffffff08;color:#9b9ca7}.ab-pet-card[aria-pressed=true] .ab-pet-owned{color:#e9b67c}.ab-pet-dialog button:focus-visible,.ab-pet-dialog input:focus-visible{outline:2px solid #f0b677;outline-offset:2px}.ab-pet-dialog button:disabled{cursor:default;opacity:.65}.ab-pet-empty{grid-column:1/-1;color:#aab0bd;padding:30px 0}.ab-pet-summary{padding:18px 16px;border-left:1px solid #ffffff10;background:var(--glass-interactive);overflow:auto}.ab-pet-summary h3{font-size:14px;margin:0 0 22px}.ab-pet-summary h4{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#b7a58e;margin:22px 0 10px}.ab-pet-progress{display:flex;justify-content:space-between;gap:8px;border:1px solid #ffffff10;background:var(--glass-secondary);padding:16px 10px;border-radius:12px;margin-bottom:9px;font-size:11px;color:#a9a39a}.ab-pet-progress strong{font-size:14px;color:#e9d2b5}.ab-pet-chips{display:flex;flex-wrap:wrap;gap:5px;font-size:11px;color:#bbb2a6}.ab-pet-chips>span{border:1px solid #ffffff12;padding:6px;border-radius:8px}.ab-pet-chips p{margin:0}.ab-pet-note{font-size:11px;line-height:1.6;color:#9299a7}.ab-pet-dialog [data-pet-more]{margin-top:14px}.ab-pet-dialog [data-pet-genus] h3{font-size:15px}.ab-pet-dialog [data-pet-genus] .ab-roll{border:1px solid #ffffff12;border-radius:10px;padding:10px}.ab-pet-dialog [data-pet-genus] select{width:100%;max-width:100%}
@media(max-width:1100px){.ab-pet-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ab-pet-layout{grid-template-columns:minmax(0,1fr) 230px}}
@media(max-width:700px){.ab-dialog.ab-pet-dialog{width:96vw;max-height:94dvh;border-radius:14px}.ab-pet-dialog>header{padding:14px}.ab-pet-intro{padding:12px 14px}.ab-pet-layout{display:block;max-height:72dvh}.ab-pet-main{overflow:visible;padding:12px}.ab-pet-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ab-pet-families{grid-template-columns:repeat(3,minmax(0,1fr))}.ab-pet-toolbar{flex-wrap:wrap}.ab-pet-toolbar input{flex-basis:100%}.ab-pet-toolbar button{flex:1;min-height:40px}.ab-pet-summary{border-left:0;border-top:1px solid #ffffff15;overflow:visible}.ab-pet-summary h3{margin-bottom:12px}.ab-pet-card>strong{font-size:11px}.ab-pet-badge{font-size:8px}.ab-pet-card-stats{font-size:9px}.ab-pet-dialog [data-pet-genus] .ab-roll{display:block}.ab-pet-dialog [data-pet-genus] .ab-roll input{width:100%;margin-top:8px}}
@media(max-width:370px){.ab-pet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:701px){.ab-pet-layout{height:min(74vh,760px);min-height:0}.ab-pet-main,.ab-pet-summary{min-height:0}}
.ab-pet-tile{display:flex;flex-direction:column;min-width:0}.ab-pet-tile .ab-pet-card{flex:1;width:100%}.ab-pet-level{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;padding:6px 3px;color:#b4b7c4}.ab-pet-level select{width:55px;min-width:0;padding:5px}.ab-avatar [data-active-pet]{width:100%;border:1px solid #b58d5844;border-radius:12px;padding:12px;margin-top:8px;background:var(--glass-secondary)}.ab-avatar [data-active-pet]>img{width:72px;height:72px;border-radius:12px;object-fit:cover}.ab-avatar [data-active-pet]>strong,.ab-avatar [data-active-pet]>small{display:block}.ab-avatar [data-active-pet] small{color:#a2a8b6;font-size:10px;line-height:1.6}.ab-avatar [data-active-pet] p{display:block;font-size:12px}.ab-avatar [data-active-pet] label{display:flex;justify-content:center;align-items:center;gap:10px;margin:8px}.ab-avatar [data-active-pet] select{width:60px}.ab-avatar [data-active-pet] h3{margin:0 0 10px;font-size:14px}
.aion-entry-dialog{background:var(--glass-primary);color:#e6eaf3;border:1px solid #45536c;border-radius:16px;padding:20px;width:min(760px,94vw);max-height:88vh;overflow:auto}.aion-entry-dialog::backdrop{background:#000b}.aion-entry-dialog .orb-facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;font-size:13px}.aion-entry-dialog dd{margin:0;color:#c6d8f3;overflow-wrap:anywhere}.aion-entry-dialog section{margin:18px 0}.aion-entry-dialog a{color:#a4ceff}.aion-entry-dialog button{padding:10px;border-radius:8px;background:var(--glass-primary);color:white;border:1px solid #45536c}.aion-entry-dialog details{padding:8px}.pet-entry-extra h4{color:#e7bd81}
.ab-wing-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-bottom:14px}.ab-wing-filters>input{flex:1;min-width:180px}.ab-wing-filters label{display:grid;gap:5px;font-size:12px}.ab-wing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ab-wing-grid .ab-pet-art{aspect-ratio:1.3}.ab-wing-grid .ab-pet-art img{object-fit:contain;padding:8px}.ab-wing-grid [data-wing-preview]{font-size:11px;margin-top:5px;padding:8px}.ab-wing-grid [aria-pressed=true]{border-color:#e9b67c}.ab-pet-summary[data-wing-summary]>img{width:110px;height:110px;object-fit:contain}.ab-pet-summary[data-wing-summary] label{display:grid;gap:8px;margin:12px 0}.ab-pet-summary[data-wing-summary] button{display:block;width:100%;margin-top:12px}.ab-avatar [data-active-wings]{font-size:11px;width:100%;margin:8px 0;line-height:1.6}.ab-avatar [data-active-wings] img{width:56px;height:56px;object-fit:contain}.ab-avatar [data-active-wings] strong,.ab-avatar [data-active-wings] small{display:block;font-size:11px}.ab-avatar [data-active-wings] p{display:block;font-size:11px;color:#e7b888}
@media(max-width:700px){.ab-wing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-wing-filters>input{flex-basis:100%}.ab-wing-filters label{flex:1;min-width:0}.ab-wing-filters select{width:100%}}
.ab-wing-grid .ab-pet-card[data-grade="11"]{--pet-accent:#9ca6b4}.ab-wing-grid .ab-pet-card[data-grade="21"]{--pet-accent:#77b19c}.ab-wing-grid .ab-pet-card[data-grade="31"]{--pet-accent:#7db4e9}.ab-wing-grid .ab-pet-card[data-grade="41"]{--pet-accent:#f3ca72}.ab-wing-grid .ab-pet-card[data-grade="71"]{--pet-accent:#e4b477}

.ab-title-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ab-title-card{padding:16px;border:1px solid #344057;border-radius:14px;background:var(--glass-secondary);overflow-wrap:anywhere}.ab-title-card.is-equipped{border-color:#e5b965;background:var(--glass-selected)}.ab-title-card>img{width:48px;height:48px;object-fit:contain}.ab-title-card h3{font-size:15px}.ab-title-card p{font-size:12px;line-height:1.7}.ab-title-card .ab-actions{flex-wrap:wrap}.ab-title-card .ab-actions button{font-size:12px}.ab-title-card [aria-pressed=true]{border-color:#e5b965;color:#ffdb93}[data-active-titles]{display:grid;gap:6px;font-size:12px}[data-title-summary] section{border-bottom:1px solid #344057;padding-bottom:12px}[data-title-summary] img{width:40px;height:40px;object-fit:contain}@media(max-width:1000px){.ab-title-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.ab-title-grid{grid-template-columns:1fr}}

.ab-title-mobile{display:none}@media(max-width:700px){.ab-title-mobile{display:block;margin:12px 0}}

.ab-collection-selected{display:grid;grid-template-columns:1fr auto;gap:5px;margin-bottom:8px}.ab-collection-selected button{font-size:11px;padding:7px;overflow-wrap:anywhere}.ab-collection-selected img{display:block;width:40px;height:40px;object-fit:contain}[data-collection-inspector]{margin-top:18px;border-top:1px solid #ffffff20;padding-top:14px}[data-collection-inspector] h2{font-size:16px}[data-collection-inspector] label{display:grid;gap:6px;margin:8px 0}[data-collection-inspector] input,[data-collection-inspector] select{width:100%;min-width:0}.community-collections small{display:block}

/* Equipment columns stop growing; the portrait receives the remaining space. */
.ab-paperdoll>[data-gear-left],.ab-paperdoll>[data-gear-right],.ab-avatar{min-width:0}
.ab-avatar{justify-content:flex-start;padding-top:7px}
.ab-avatar>button,.ab-avatar>[data-active-pet],.ab-avatar>[data-active-wings],.ab-avatar>[data-active-titles]{width:100%;max-width:250px}
@container(max-width:640px){
 .ab-paperdoll{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .ab-avatar{grid-column:1/-1;grid-row:1;display:flex;flex-direction:column;align-items:center;padding:12px;gap:10px}
 .ab-class-portrait{width:min(100%,300px);height:320px;max-height:none}
 .ab-avatar>strong{font-size:22px}
 .ab-avatar>p{display:none}
}


/* One equipment row: Rune 1, wings, titles, pet, Rune 2. */
.ab-paperdoll{align-items:start}
.ab-paperdoll>[data-gear-left]{grid-column:1;grid-row:1}
.ab-paperdoll>.ab-avatar{grid-column:2;grid-row:1}
.ab-paperdoll>[data-gear-right]{grid-column:3;grid-row:1}
.ab-equipment-footer{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start}
.ab-equipment-footer .ab-character-extras{display:contents}
.ab-equipment-footer>div,.ab-extra-card{min-width:0}
.ab-extra-card{text-align:center;padding-top:7px}
.ab-extra-card>button{width:100%}
.ab-extra-card strong{font-size:13px;overflow-wrap:anywhere}
.ab-extra-card [data-active-pet]{margin:0;padding:10px}
.ab-extra-card [data-active-pet] button{font-size:12px;padding:8px}
.ab-extra-card [data-active-titles]{margin-top:16px}
@container(max-width:640px){
 .ab-paperdoll>.ab-avatar{grid-column:1/-1;grid-row:1}
 .ab-paperdoll>[data-gear-left]{grid-column:1;grid-row:2}
 .ab-paperdoll>[data-gear-right]{grid-column:2;grid-row:2}
 .ab-equipment-footer{grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .ab-equipment-footer>[data-rune-left]{grid-column:1;grid-row:1}
 .ab-equipment-footer>[data-rune-right]{grid-column:2;grid-row:1}
 .ab-equipment-footer .ab-character-extras{display:grid;grid-column:1/-1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;background:none}
 .ab-extra-card:last-child{grid-column:1/-1;width:100%;max-width:280px;justify-self:center}
}

/* Collection shortcuts use the exact equipment slot presentation. */
.ab-character-extras .ab-slot{max-width:none;text-align:left}
.ab-character-extras .ab-slot strong{font-size:12px}
.ab-character-extras .ab-slot[data-active-wings],.ab-character-extras .ab-slot[data-active-pet],.ab-character-extras .ab-slot[data-active-titles]{display:flex;flex-direction:row;margin:7px 0;padding:8px;background:var(--glass-secondary);border:1px solid #30415f;border-radius:10px;font-size:inherit;line-height:normal;gap:10px}
.ab-character-extras .ab-slot img{width:42px;height:42px;object-fit:contain}
.ab-character-extras .ab-slot small{font-size:10px;line-height:normal}
.ab-character-extras .ab-slot:hover{border-color:#b0bdff;background:var(--glass-hover)}
.ab-pet-tile>[data-equip-pet]{font-size:11px;padding:8px;margin-top:4px}
@container(max-width:640px){.ab-character-extras .ab-slot:last-child{grid-column:1/-1;max-width:280px;justify-self:center}}
.ab-equipment-footer .ab-slot{height:88px}.ab-equipment-footer .ab-slot strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.ab-pet-families.ab-genus-families{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.ab-genus-families button{display:flex;align-items:center;gap:8px;background:var(--glass-interactive);border:1px solid #3a3a3a;border-radius:6px;padding:9px;text-align:left}
.ab-genus-families button[aria-pressed=true]{border-color:#65b5e8;background:var(--glass-selected)}
.ab-genus-families strong{font-size:12px}.ab-genus-families small{display:block;margin-top:5px}.ab-genus-families small b{color:#5fbbe8}.ab-genus-icon{font-size:28px;color:#c8d0ca}
.ab-genus-editor{background:var(--glass-secondary);border:1px solid #333;border-radius:8px;overflow:hidden;padding-bottom:20px}
.ab-genus-editor h3{padding:16px;margin:0;border-bottom:1px solid #333;color:#eef1ef}
[data-genus-rows]{display:grid;gap:8px;padding:14px}
.ab-genus-row{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(75px,130px) 52px 52px;gap:8px;align-items:center}
.ab-genus-row .ab-genus-number{display:grid;place-items:center;height:34px;border:1px solid #3b3b3d;background:var(--glass-secondary);border-radius:5px;color:#d2d2d5}
.ab-genus-row select,.ab-genus-row input,.ab-genus-row button{width:100%;min-width:0;min-height:34px;padding:6px 9px;border-radius:5px;border-color:#3b3b3d;background:var(--glass-interactive);color:#e5e5e8;font-size:13px}
.ab-genus-row button[aria-pressed=true]{background:var(--glass-selected);border-color:#40b879;color:#fff}
.ab-genus-row button:disabled{opacity:.3}
@media(max-width:700px){.ab-pet-families.ab-genus-families{gap:4px}.ab-genus-families button{display:block;padding:6px 2px;text-align:center}.ab-genus-families strong{font-size:9px}.ab-genus-icon{font-size:22px}.ab-genus-row{grid-template-columns:24px minmax(0,1fr) 48px 48px;gap:5px}.ab-genus-row select{grid-column:2/-1}.ab-genus-row input{grid-column:2}.ab-genus-row button{grid-row:auto}[data-genus-rows]{padding:9px}}

.ab-item-filters{display:flex;gap:12px;align-items:end}.ab-item-filters>label:first-child{flex:1;min-width:0}.ab-item-filters input{width:100%}
.ab-item-picker .ab-pet-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}
.ab-item-picker .ab-result{margin:0;width:100%;align-items:stretch}
.ab-item-picker .ab-pet-art img{width:100%;height:100%;object-fit:contain;padding:14px;mask-image:none}
.ab-item-picker .ab-pet-art>.ab-empty{width:100%;height:100%;font-size:48px}
.ab-item-picker .ab-pet-art{aspect-ratio:1;background:var(--glass-secondary)}
.ab-item-picker .ab-pet-badge{color:var(--item-rarity,#c2c9d6)}
.ab-item-picker .ab-pet-card>strong{padding:10px 9px;font-size:12px}
.ab-item-picker .ab-pet-card-stats{min-height:65px}.ab-item-picker .ab-item-fiche{font-size:11px;margin-top:5px}
.ab-picker-current{display:grid;gap:10px;border:1px solid var(--item-rarity,#30415f);padding:15px;border-radius:12px}.ab-picker-current img{width:90px;height:90px;object-fit:contain;justify-self:center}.ab-picker-current strong{color:var(--item-rarity,#fff)}
@media(max-width:700px){.ab-item-filters{flex-wrap:wrap}.ab-item-picker .ab-pet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-item-picker .ab-pet-summary{display:none}}

.ab-toolbar>div:first-child{flex:1;min-width:0}.ab-builder .ab-toolbar input[name=buildName]{width:100%;max-width:650px;padding:12px 16px;line-height:1.3;height:auto;min-height:54px;font-size:clamp(20px,2.4vw,28px)}

.ab-account-save{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;margin-top:16px;border:1px solid #b1c6ff26;border-radius:10px;background:var(--glass-secondary);font-size:12px;color:#bdcde5}.ab-account-save a{white-space:nowrap;color:#d8e2ff}.ab-builder [data-ab-status] a{display:inline-block;margin:6px 0 6px 8px}
/* Equipment stays beside the selected slot, with a mobile bottom sheet. */
body.premium-page dialog.ab-equipment-popover{position:fixed;margin:0;width:min(680px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:min(650px,calc(100dvh - 32px));padding:20px;background:var(--glass-primary);border:1px solid #8da8db78;box-shadow:0 22px 90px #000a;border-radius:16px}
body.premium-page dialog.ab-equipment-popover::backdrop{background:#03091466;backdrop-filter:blur(2px)}
.ab-equipment-popover .ab-pet-layout{display:block}.ab-equipment-popover .ab-pet-summary{display:none}.ab-equipment-popover .ab-pet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ab-equipment-popover .ab-item-head{flex-wrap:wrap}.ab-equipment-popover .ab-inspector{padding:0;border:0}.ab-title-slot-bonuses{display:block!important;color:#d9c28b!important;margin-top:5px;white-space:normal}
@media(max-width:760px){body.premium-page dialog.ab-equipment-popover{inset:auto 8px 8px!important;width:calc(100vw - 16px);max-width:none;max-height:85dvh;padding:16px}.ab-equipment-popover .ab-pet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Compact build actions, including a fully styled accessible file picker. */
.ab-actions .ab-options{border:1px solid #344760;border-radius:12px;background:var(--glass-interactive);min-width:120px}
.ab-actions .ab-options[open]{padding:0;max-width:100%;width:360px}
.ab-options>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;min-height:44px;padding:10px 14px;font-size:14px;font-weight:600}
.ab-options>summary::-webkit-details-marker{display:none}
.ab-options[open]>summary>span{transform:rotate(180deg)}
.ab-options-panel{padding:0 12px 12px;display:grid;gap:14px}
.ab-options-panel section{min-width:0}
.ab-options-panel h3{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9caec8;margin:6px 0 8px}
.ab-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ab-builder .ab-options-grid button,.ab-builder .ab-options-grid .ab-options-import{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;min-height:44px;margin:0;padding:9px 7px;border:1px solid #31435d;border-radius:9px;background:var(--glass-interactive);color:#e5edfa;font:inherit;font-size:12px;line-height:1.4;text-align:center;cursor:pointer}
.ab-options-grid button:hover,.ab-options-grid .ab-options-import:hover{background:var(--glass-hover);border-color:#7794be}
.ab-options-grid .ab-options-import{position:relative;grid-column:1/-1}
.ab-options-import small{font-size:10px;color:#9caec8;margin-left:8px}
.ab-options-import input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.ab-options-import:focus-within,.ab-options>summary:focus-visible{outline:2px solid #aac7fb;outline-offset:3px}
@media(max-width:700px){.ab-actions .ab-options{width:100%}.ab-actions .ab-options[open]{width:100%}.ab-options-panel{gap:12px}.ab-options-grid{gap:8px}}
/* Orbynia equipment workspace and in-site confirmations. */
body.premium-page dialog.ab-equipment-popover,body.premium-page dialog.ab-confirm{inset:0!important;margin:auto;padding:0;width:min(860px,calc(100vw - 48px));max-width:none;max-height:90dvh;border:1px solid var(--line);border-radius:24px;background:var(--glass-primary);color:var(--ink);box-shadow:0 32px 120px #0008;overflow:hidden}
body.premium-page dialog.ab-equipment-popover.ab-item-picker{width:min(1180px,calc(100vw - 48px))}
body.premium-page dialog.ab-equipment-popover::backdrop,body.premium-page dialog.ab-confirm::backdrop{background:#030914ad;backdrop-filter:blur(7px)}
body.premium-page :is(dialog.ab-equipment-popover,dialog.ab-confirm)>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;background:var(--glass-primary);border-bottom:1px solid var(--line)}
body.premium-page :is(dialog.ab-equipment-popover,dialog.ab-confirm)>header h2{font-size:23px;letter-spacing:-.5px;margin:0;color:var(--ink)}
body.premium-page :is(dialog.ab-equipment-popover,dialog.ab-confirm)>header button{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;min-height:42px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--glass-primary);color:var(--muted);font-size:25px}
body.premium-page dialog.ab-equipment-popover>[data-dialog-body]{max-height:calc(90dvh - 88px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}
body.premium-page .ab-equipment-popover .ab-pet-layout{max-height:none;overflow:visible}
body.premium-page .ab-equipment-popover .ab-pet-main{overflow:visible;padding:24px 28px}
body.premium-page .ab-equipment-popover .ab-item-filters{gap:16px;margin-bottom:16px}
body.premium-page .ab-equipment-popover .ab-pet-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.premium-page .ab-equipment-popover .ab-pet-card{border-radius:15px;background:var(--glass-secondary);transition:transform .16s,border-color .16s;overflow:hidden}
body.premium-page .ab-equipment-popover .ab-pet-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0002}
body.premium-page .ab-equipment-popover .ab-pet-art{aspect-ratio:1.3;background:var(--glass-secondary)}
body.premium-page .ab-equipment-popover .ab-pet-card>strong{font-size:14px;padding:14px 14px 8px}
body.premium-page .ab-equipment-popover .ab-pet-card-stats{padding-inline:14px;font-size:12px;line-height:1.7;min-height:68px}
body.premium-page .ab-equipment-popover .ab-pet-owned{padding:10px 14px;font-size:12px;border-top:1px solid var(--line)}
body.premium-page .ab-equipment-popover .ab-item-fiche{width:100%;border-radius:10px;padding:9px;font-size:12px;border-color:var(--line)}
body.premium-page dialog.ab-equipment-popover>.ab-inspector{padding:28px;background:var(--glass-primary)}
body.premium-page .ab-equipment-popover .ab-item-head{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:12px 20px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--glass-secondary)}
body.premium-page .ab-equipment-popover .ab-item-head>img{width:92px;height:92px;object-fit:contain;grid-row:span 2;border-radius:14px;background:var(--canvas);padding:8px}
body.premium-page .ab-equipment-popover .ab-item-head>div{grid-row:span 2;min-width:0}.ab-equipment-popover .ab-item-head h2{font-size:24px;margin:0 0 6px;overflow-wrap:anywhere}.ab-equipment-popover .ab-item-head p{margin:0;color:var(--muted);font-size:12px}
body.premium-page .ab-equipment-popover .ab-item-head>button{min-height:38px;padding:8px 14px;border-radius:10px}.ab-equipment-popover [data-remove-item]{color:#e99b9b}
body.premium-page .ab-equipment-popover .ab-item-stats{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.ab-equipment-popover .ab-item-stats>span{border:1px solid var(--line);background:var(--glass-secondary);border-radius:12px;padding:12px 18px;display:flex;gap:20px}
body.premium-page .ab-equipment-popover .ab-inspector>label{display:inline-grid;width:calc(33.333% - 12px);margin:0 12px 12px 0;gap:8px;color:var(--muted);font-size:12px}.ab-equipment-popover .ab-inspector h3{margin:24px 0 12px;font-size:16px}.ab-equipment-popover .ab-inspector :is(select,input){min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--glass-interactive);color:var(--ink);padding:10px}.ab-equipment-popover [data-affixes]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ab-equipment-popover [data-affixes] .ab-roll{margin:0;min-width:0}.ab-equipment-popover [data-affixes] select{min-width:0;width:100%}
body.premium-page dialog.ab-confirm{width:min(520px,calc(100vw - 32px))}.ab-confirm [data-dialog-body]{padding:26px 28px}.ab-confirm-message{margin:0;color:var(--muted);line-height:1.75}.ab-confirm-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:26px}.ab-confirm-actions button{padding:11px 18px;border:1px solid var(--line);border-radius:11px;background:var(--glass-interactive);color:var(--ink)}.ab-confirm-actions [data-accept]{background:var(--glass-interactive);color:white;border-color:#8da3f2}
@media(max-width:760px){body.premium-page dialog.ab-equipment-popover{width:calc(100vw - 16px);max-height:94dvh;border-radius:20px}body.premium-page dialog.ab-equipment-popover.ab-item-picker{width:calc(100vw - 16px)}body.premium-page dialog.ab-equipment-popover>[data-dialog-body]{max-height:calc(94dvh - 80px)}body.premium-page .ab-equipment-popover .ab-pet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.premium-page :is(dialog.ab-equipment-popover,dialog.ab-confirm)>header{padding:16px}body.premium-page .ab-equipment-popover .ab-pet-main,body.premium-page dialog.ab-equipment-popover>.ab-inspector{padding:16px}body.premium-page .ab-equipment-popover .ab-item-head{grid-template-columns:64px minmax(0,1fr);padding:16px;gap:12px}body.premium-page .ab-equipment-popover .ab-item-head>img{width:64px;height:64px;grid-row:auto}body.premium-page .ab-equipment-popover .ab-item-head>div{grid-row:auto}.ab-equipment-popover .ab-item-head h2{font-size:19px}.ab-equipment-popover [data-affixes]{grid-template-columns:1fr}.ab-confirm-actions{flex-wrap:wrap}.ab-confirm-actions button{flex:1}.ab-confirm [data-dialog-body]{padding:20px}}
@media(prefers-reduced-motion:reduce){body.premium-page .ab-equipment-popover .ab-pet-card{transition:none}}

/* Titles may carry three names and many bonuses: let the slot grow. */
.ab-equipment-footer .ab-slot[data-active-titles]{display:grid;grid-template-columns:42px minmax(0,1fr) auto;height:auto;min-height:88px!important;align-items:center;overflow:hidden}
.ab-equipment-footer .ab-slot[data-active-titles]>span:nth-child(2){min-width:0}
.ab-equipment-footer .ab-slot[data-active-titles] strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.ab-equipment-footer .ab-slot[data-active-titles]>.ab-title-slot-bonuses{grid-column:1/-1;margin:0;padding-top:8px;border-top:1px solid #40537166;font-size:11px;line-height:1.6;letter-spacing:0;text-transform:none;white-space:normal;overflow-wrap:anywhere;text-align:left}
@media(max-width:600px){.ab-equipment-footer .ab-slot[data-active-titles]{grid-template-columns:33px minmax(0,1fr) auto}}

/* Compact equipment controls, shared by every item inspector. */
.ab-dialog [data-stones],.ab-inspector [data-stones]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ab-dialog [data-stones] .ab-stone,.ab-inspector [data-stones] .ab-stone{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;min-width:0;margin:0;align-content:start}
.ab-dialog [data-stones] .ab-stone>[data-stone],.ab-inspector [data-stones] .ab-stone>[data-stone]{grid-column:1/-1;width:100%;overflow-wrap:anywhere;height:100%}
.ab-dialog [data-affixes],.ab-inspector [data-affixes],.ab-dialog [data-item-skills],.ab-inspector [data-item-skills]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px}
.ab-dialog [data-affixes] .ab-roll,.ab-inspector [data-affixes] .ab-roll{min-width:0;margin:0;flex-wrap:wrap}
.ab-dialog [data-affixes] .ab-roll select,.ab-inspector [data-affixes] .ab-roll select{width:100%;flex-basis:100%;min-width:0}
/* Keep the statistics reachable without stretching the page. */
.ab-builder .ab-stats{max-height:calc(100dvh - 115px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable}
.ab-builder .ab-stats [data-stat-list]{min-height:0}
.ab-pet-equipped{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #52617a55}
.ab-pet-equipped h3{margin:16px 0 12px}.ab-pet-equipped h3:first-child{margin-top:0}
.ab-equipped-pet{display:flex;gap:10px;align-items:center;margin-bottom:12px}.ab-equipped-pet img{width:48px;height:48px;object-fit:contain}.ab-equipped-pet strong,.ab-equipped-pet small{display:block;overflow-wrap:anywhere}.ab-equipped-pet small{margin-top:5px}
.ab-pet-equipped details{margin-top:12px}.ab-pet-equipped summary{cursor:pointer;font-size:12px;padding:8px 0}
.ab-selected-pets{max-height:240px;overflow:auto}.ab-selected-pets>div,.ab-selected-genus{display:flex;align-items:center;gap:8px;margin:7px 0;font-size:12px}.ab-selected-pets img{width:30px;height:30px;object-fit:contain}.ab-selected-pets span,.ab-selected-genus span{flex:1;min-width:0;overflow-wrap:anywhere}.ab-selected-pets button,.ab-selected-genus button{flex-shrink:0;min-width:36px;min-height:36px;padding:6px}
@media(max-width:900px){.ab-builder .ab-stats{position:static;max-height:min(520px,65dvh);padding:14px}.ab-builder .ab-stats .ab-gs{margin:8px 0 12px}.ab-builder .ab-stats .ab-core{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ab-builder .ab-stats .ab-core>div{display:grid;gap:5px;padding:8px 0}.ab-builder .ab-stats>small{font-size:11px}}
/* Orbynia skills: icon catalogue and twelve-column loadout. */
.ab-skill-help{font-size:12px;line-height:1.7;color:#aebed8}.ab-skill-catalogue{margin:18px 0 24px}.ab-skill-family{margin:18px 0}.ab-skill-family h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#aebed8;margin:0 0 10px}.ab-skill-icons{display:flex;flex-wrap:wrap;gap:10px}.ab-builder .ab-skill-icons button{position:relative;display:grid;place-items:center;width:48px;height:48px;min-height:48px;padding:3px;border-radius:11px;flex:0 0 48px;background:var(--glass-interactive)}.ab-skill-icons img{width:40px;height:40px;border-radius:7px;object-fit:cover}.ab-skill-icons b,.ab-hotbar-icon b{position:absolute;bottom:-4px;right:-4px;min-width:19px;height:19px;display:grid;place-items:center;font-size:10px;background:var(--glass-secondary);border:1px solid #526686;border-radius:6px;color:#e5edff}.ab-skill-icons button[draggable=true]{cursor:grab}.ab-skill-icons button:hover{transform:translateY(-2px);box-shadow:0 5px 18px #526a9133}.ab-skill-bar-heading{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.ab-skill-bar-heading h3{font-size:16px}.ab-skill-bar-heading small{font-size:11px}.ab-skill-bar-scroll{overflow-x:auto;padding:8px 4px 12px;scrollbar-width:thin;border-top:1px solid #40516d66}.ab-skill-bar{display:grid;grid-template-columns:repeat(12,minmax(46px,1fr));gap:10px;min-width:662px}.ab-skill-column{display:grid;gap:8px;justify-items:center;align-content:start}.ab-builder .ab-skill-tier{width:100%;min-height:34px;padding:6px 2px;font-size:11px;border-radius:8px}.ab-skill-tier[data-locked=true]{opacity:.55}.ab-skill-tier[data-selected=true]{border-color:#93bbff;background:var(--glass-interactive);color:#dceaff}.ab-builder .ab-hotbar-icon{position:relative;padding:3px;display:grid;place-items:center;width:46px;height:46px;min-height:46px}.ab-hotbar-icon img,.ab-hotbar-icon .ab-empty{width:38px;height:38px;object-fit:cover;border-radius:6px}.ab-hotbar-icon.is-drop-target{outline:2px solid #aac8ff;background:var(--glass-secondary)}.ab-skill-column>small{font-size:11px}.ab-builder .ab-hotbar-remove{min-height:26px;width:28px;padding:0;font-size:17px;border-color:transparent;background:transparent}.ab-skill-detail-dialog [data-dialog-body]>img{width:64px;height:64px;object-fit:contain;border-radius:12px}.ab-skill-detail-dialog [data-dialog-body]>h3{font-size:22px}.ab-skill-detail-dialog [data-skill-description]{line-height:1.7;white-space:pre-line}.ab-skill-detail-dialog .ab-spec{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #40516d55;border-radius:10px;margin:8px 0}.ab-skill-detail-dialog .ab-spec input{width:18px;min-height:18px;margin:2px 0}.ab-skill-detail-dialog .ab-spec span{flex:1}.ab-skill-detail-dialog .ab-spec small{display:block;margin-bottom:5px}
/* Categorized totals, retaining expandable provenance for every value. */
.ab-stat-category{border:1px solid #40516d66;border-radius:11px;padding:8px;margin:10px 0;background:var(--glass-secondary)}.ab-stats .ab-stat-category h3{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#9db2d4;margin:3px 2px 8px}.ab-stats .ab-stat-category details{border:0!important;margin:0}.ab-stats .ab-stat-category details:nth-of-type(odd){background:var(--glass-secondary);border-radius:5px}.ab-stats .ab-stat-category summary{display:flex;align-items:baseline;gap:8px;justify-content:space-between;padding:6px 3px!important;font-size:11px;list-style:none}.ab-stat-category summary::-webkit-details-marker{display:none}.ab-stat-category summary span{min-width:0;overflow-wrap:anywhere}.ab-stat-category summary strong{flex-shrink:0;font-variant-numeric:tabular-nums;color:inherit}.ab-stats .ab-stat-category details p{padding:4px 7px;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.ab-stat-category details[open]>summary{color:#b4ceff}.ab-stat-category details[open]{box-shadow:inset 2px 0 #7b9dce}
html[data-theme=light] .ab-stat-category{border-color:#cad4e3;background:var(--glass-secondary)}html[data-theme=light] .ab-stat-category h3,html[data-theme=light] .ab-skill-help,html[data-theme=light] .ab-skill-family h3{color:#425a7d}html[data-theme=light] .ab-stat-category details:nth-of-type(odd){background:var(--glass-secondary)}html[data-theme=light] .ab-stat-category details[open]>summary{color:#274c88}
@media(prefers-reduced-motion:reduce){.ab-skill-icons button:hover{transform:none}}
.ab-core-stat>span{display:flex;align-items:center;gap:9px}.ab-core-stat svg{width:19px;height:19px;flex-shrink:0}.ab-core-hp svg{color:#f28b99}.ab-core-attack svg{color:#eabc76}.ab-core-defense svg{color:#85bafa}.ab-core-critical svg{color:#c8a2ff}.ab-builder .ab-stats [data-stat-search]{margin-top:14px}
@media(max-width:900px){.ab-builder .ab-stats .ab-core{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Toolbar actions stay aligned while Options opens above the workspace. */
.ab-builder .ab-toolbar{align-items:center;gap:20px}.ab-toolbar>.ab-actions{gap:8px;align-items:center}.ab-toolbar>.ab-actions>button,.ab-toolbar>.ab-actions>.ab-options>summary{min-height:44px;font-size:12px;font-weight:600;border-radius:12px;padding:10px 14px;line-height:1.4}.ab-toolbar>.ab-actions>[data-save]{border-color:#7e96da;background:var(--glass-interactive)}.ab-toolbar>.ab-actions>[data-discord-share]{border-color:#5865f255;background:var(--glass-interactive)}
.ab-toolbar .ab-options,.ab-toolbar .ab-options[open]{position:relative;width:auto;min-width:108px;max-width:none;padding:0;border:1px solid #344760;border-radius:12px;background:var(--glass-secondary);flex:0 0 auto}.ab-toolbar .ab-options[open]{border-color:#829be0}.ab-toolbar .ab-options>summary{outline:none}.ab-toolbar .ab-options>summary:focus-visible{outline:2px solid #afbeff;outline-offset:3px}
.ab-toolbar .ab-options-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:60;width:288px;max-width:calc(100vw - 32px);max-height:min(540px,70dvh);overflow-y:auto;overscroll-behavior:contain;padding:10px;background:var(--glass-primary);border:1px solid #3e506d;border-radius:16px;box-shadow:0 18px 48px #0008;backdrop-filter:blur(18px);gap:10px}.ab-toolbar .ab-options-panel section+section{border-top:1px solid #ffffff12;padding-top:8px}.ab-toolbar .ab-options-panel h3{padding:5px 10px;margin:0 0 3px;font-size:9px;color:#97aaca}.ab-toolbar .ab-options-grid{grid-template-columns:1fr;gap:2px}.ab-builder .ab-toolbar .ab-options-grid button,.ab-builder .ab-toolbar .ab-options-grid .ab-options-import{justify-content:flex-start;gap:11px;text-align:left;padding:10px;min-height:40px;border:0;border-radius:9px;background:transparent;font-size:12px}.ab-builder .ab-toolbar .ab-options-grid button:hover,.ab-builder .ab-toolbar .ab-options-grid .ab-options-import:hover{background:var(--glass-hover);color:#fff}.ab-action-icon{width:17px;height:17px;flex-shrink:0;color:#aebeff}.ab-options-import>span{display:flex;flex:1;align-items:center;justify-content:space-between;gap:8px}.ab-options-import small{font-size:9px;padding:2px 5px;border-radius:4px;background:var(--glass-secondary);color:#97aaca;margin:0}
@media(max-width:700px){.ab-toolbar>.ab-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.ab-toolbar>.ab-actions>button{width:100%;min-width:0;padding:10px 8px}.ab-toolbar .ab-options,.ab-toolbar .ab-options[open]{width:auto;grid-column:2;justify-self:stretch}.ab-toolbar .ab-options-panel{width:min(288px,calc(100vw - 40px));right:0}.ab-toolbar>.ab-actions>[data-optimize]{grid-column:1/-1}}
@media(max-width:700px){.ab-toolbar .ab-options-panel{max-height:45dvh}}

/* Creator discovery on public build pages. */
.orb-creator-link{color:#e6c486;text-decoration:none}.orb-creator-link span{display:inline-block;margin-left:12px;color:#adbef6;font-size:.8rem}.orb-creator-link:hover span{text-decoration:underline}
.orb-creator-builds{margin-top:32px;padding:24px;border:1px solid var(--line,#334155);border-radius:20px;background:var(--glass-secondary);scroll-margin-top:100px}
.orb-creator-builds>header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.orb-creator-avatar{display:grid;place-items:center;flex:0 0 48px;height:48px;border:1px solid #637db266;border-radius:15px;background:var(--glass-secondary);color:#c8d8ff;font-weight:800}
.orb-creator-eyebrow{font-size:10px;letter-spacing:.16em;color:var(--muted,#a7b4cd);font-weight:700}.orb-creator-builds h2{font-size:clamp(1.15rem,2vw,1.5rem);margin:5px 0 0;overflow-wrap:anywhere}.orb-creator-builds h2 span{color:#e6c486}.orb-creator-builds [role=status]:empty{display:none}
.orb-creator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),340px));gap:14px}.orb-creator-card{position:relative;display:flex;align-items:center;gap:18px;min-height:172px;padding:18px;color:var(--text,#edf2fc);background:var(--glass-secondary);border:1px solid var(--line,#334155);border-radius:16px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.orb-creator-card:hover{transform:translateY(-3px);border-color:#8faeff;box-shadow:0 8px 26px #456bca20}.orb-creator-card:focus-visible{outline:2px solid #a9c3ff;outline-offset:4px}.orb-creator-card>img{width:78px;height:136px;object-fit:contain;flex-shrink:0}.orb-creator-card>div{min-width:0;flex:1}.orb-creator-card h3{font-size:1rem;line-height:1.35;margin:0 15px 7px 0;overflow-wrap:anywhere}.orb-creator-card p{font-size:.8rem;color:var(--muted,#a7b4cd);margin:0}.orb-creator-card .build-tags{gap:5px;margin:10px 0}.orb-creator-card .build-tag{font-size:10px;padding:3px 6px}.orb-creator-social{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--muted,#a7b4cd)}.orb-creator-social>span:first-child{color:#fa718b}.orb-creator-arrow{position:absolute;right:14px;top:14px;color:#a9c3ff}.orb-creator-builds>[data-creator-more]{margin-top:18px}
@media(max-width:600px){.orb-creator-builds{padding:16px;margin-top:20px}.orb-creator-grid{grid-template-columns:minmax(0,1fr)}.orb-creator-link span{display:block;margin:6px 0 0}}
@media(prefers-reduced-motion:reduce){.orb-creator-card{transition:none}.orb-creator-card:hover{transform:none}}

.orb-creator-link{display:inline-block;margin-top:10px}.orb-creator-card .build-tag{display:inline-block;border:1px solid #50658a;border-radius:7px;background:var(--glass-secondary)}.orb-creator-card .build-tags{display:flex;flex-wrap:wrap}

.ab-roll-bounds{display:inline-flex;gap:5px;flex-shrink:0}.ab-roll-bounds button{padding:8px 10px;min-height:36px;font-size:12px;border-radius:8px}.ab-roll-bounds button[aria-pressed=true]{background:var(--glass-selected);color:#fff;border-color:#9eb8ff}
body.premium-page dialog.ab-with-live-stats{width:min(1360px,96vw);max-width:1360px;padding:0;overflow:hidden;max-height:94dvh}body.premium-page dialog.ab-with-live-stats>header{position:static;padding:16px 20px;margin:0;display:flex;gap:12px;align-items:center}dialog.ab-with-live-stats>header h2{flex:1;margin:0;min-width:0}dialog.ab-with-live-stats .ab-toggle-live-stats{font-size:12px;padding:8px 12px;white-space:nowrap}
.ab-edit-stats-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;max-height:calc(94dvh - 86px);min-height:0}.ab-edit-stats-layout.stats-hidden{grid-template-columns:minmax(0,1fr)}.ab-edit-stats-layout>[data-dialog-body]{overflow:auto;min-width:0;padding:22px;max-height:calc(94dvh - 86px)}.ab-live-stats{min-width:0;overflow:auto;padding:20px;background:var(--glass-secondary);border-left:1px solid var(--line,#364461)}.ab-live-stats h3{margin:0 0 8px;font-size:17px}.ab-live-stats p,.ab-live-stats small{font-size:11px;color:var(--muted,#aab8d0)}.ab-live-totals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.ab-live-totals>div{padding:10px;border:1px solid var(--line,#364461);border-radius:10px}.ab-live-totals span{display:block;font-size:11px;color:var(--muted,#aab8d0)}.ab-live-totals strong{display:block;font-size:20px;margin-top:4px;font-variant-numeric:tabular-nums}.ab-live-stats input{width:100%;min-width:0;margin:0 0 12px}.ab-live-stats [data-live-stat-rows]>div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #7892bd20;font-size:12px}.ab-live-stats [data-live-stat-rows] strong{white-space:nowrap;font-variant-numeric:tabular-nums}.ab-live-stats[hidden]{display:none!important}
@media(max-width:760px){.ab-edit-stats-layout{display:flex;flex-direction:column;max-height:calc(94dvh - 80px)}.ab-edit-stats-layout>[data-dialog-body]{padding:14px;flex:1;min-height:110px}.ab-live-stats{order:-1;flex-shrink:0;max-height:220px;border-left:0;border-bottom:1px solid var(--line);padding:12px 14px}.ab-live-stats h3{font-size:14px}.ab-live-stats>p{display:none}.ab-live-totals{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:8px 0}.ab-live-totals>div{padding:6px}.ab-live-totals strong{font-size:15px}.ab-live-stats input{min-height:32px;padding:6px}.ab-with-live-stats>header h2{font-size:16px}body.premium-page dialog.ab-with-live-stats>header{padding:12px;gap:8px}.ab-roll-bounds button{min-height:40px}}
body.premium-page dialog.ab-with-live-stats[open]{display:grid;grid-template-rows:auto minmax(0,1fr);height:min(850px,94dvh)}body.premium-page dialog.ab-with-live-stats>.ab-edit-stats-layout{height:100%;max-height:none;min-height:0}body.premium-page dialog.ab-with-live-stats .ab-edit-stats-layout>[data-dialog-body]{max-height:none;min-height:0}body.premium-page dialog.ab-with-live-stats>header>.ab-toggle-live-stats{font-size:12px;width:auto;height:auto;min-height:38px;padding:8px 12px;flex-shrink:0}
/* One stone selector, followed by the individual socket bonuses. */
.ab-dialog [data-stones],.ab-inspector [data-stones]{display:flex;flex-direction:column;gap:8px}
.ab-dialog .ab-stone-choice,.ab-inspector .ab-stone-choice{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 12px;min-width:0;background:var(--glass-primary);border:1px solid #40577b;border-radius:11px}
.ab-stone-choice img{width:32px;height:32px;object-fit:contain;flex-shrink:0;border-radius:6px}
.ab-stone-choice>span:first-of-type{flex:1;min-width:0;overflow-wrap:anywhere}
.ab-stone-bonuses{display:grid;gap:6px;margin-left:22px;padding-left:12px;border-left:1px solid #344967}
.ab-dialog .ab-stone-bonus,.ab-inspector .ab-stone-bonus{display:flex;align-items:center;gap:9px;padding:0 10px;background:var(--glass-primary);border:1px solid #30415f;border-radius:9px;color:#e0bc68;min-width:0}
.ab-dialog .ab-stone-bonus select,.ab-inspector .ab-stone-bonus select{width:100%;min-width:0;border:0;background:transparent;color:inherit;padding:9px 0;font-size:13px}
.ab-stone-bonus option{background:#162238;color:#e8efff}.ab-stone-bonus>span{font-size:9px}
.ab-divine-stone{display:flex;align-items:center;gap:8px}.ab-divine-stone .ab-stone-choice{flex:1}
@media(max-width:600px){.ab-stone-bonuses{margin-left:12px;padding-left:8px}.ab-dialog .ab-stone-choice{font-size:12px}}
/* Compact creator builds next to the profile role. */
.ab-profile .orb-creator-inline{flex:1 1 270px;min-width:0;max-width:410px;margin:0 0 0 10px;padding:10px;border-radius:12px;background:var(--glass-secondary);align-self:flex-start;max-height:190px;overflow:auto;scrollbar-width:thin}
.orb-creator-inline>header{margin:0 0 8px}.orb-creator-inline h2{font-size:11px;margin:0;line-height:1.4;color:#b5c4df}.orb-creator-inline h2 span{color:#dfc48d}
.orb-creator-inline .orb-creator-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.orb-creator-inline .orb-creator-card{display:block;min-height:0;padding:9px 12px;border-radius:9px;background:var(--glass-secondary)}.orb-creator-inline .orb-creator-card:hover{transform:none;border-color:#8faeff}
.orb-creator-inline .orb-creator-card h3{font-size:13px;font-weight:600;margin:0 16px 6px 0}.orb-creator-inline .orb-creator-gear{display:flex;gap:5px;flex-wrap:wrap}.orb-creator-gear>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #b79b5b;border-radius:6px;background:var(--glass-secondary);overflow:hidden}.orb-creator-gear img{width:28px;height:28px;object-fit:contain}.orb-creator-inline .build-tags{margin:6px 0 0;gap:4px}.orb-creator-inline .build-tag{padding:2px 5px;font-size:10px}.orb-creator-inline [data-creator-status]{font-size:12px;margin:4px 0}.orb-creator-inline>[data-creator-more]{margin-top:8px;font-size:11px;min-height:30px;padding:5px 8px}
@media(max-width:760px){.ab-profile .orb-creator-inline{order:2;flex-basis:100%;max-width:none;margin:8px 0 0}}
.ab-profile:has(.orb-creator-inline){align-items:flex-end}.ab-profile:has(.orb-creator-inline)>label{align-self:flex-end}.ab-profile .orb-creator-inline{align-self:flex-end}
.ab-profile .orb-creator-inline{flex:1 1 410px;max-width:840px;max-height:none;overflow:visible;background:transparent;border:0;padding:0}
.orb-creator-inline .orb-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
.orb-creator-inline .orb-creator-card{min-width:0;height:68px;box-sizing:border-box;padding:8px 12px;background:var(--glass-secondary);display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:4px 8px}
.orb-creator-inline .orb-creator-card h3{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.orb-creator-inline .orb-creator-gs{font-size:11px;color:#e6c486;white-space:nowrap;padding-right:14px}
.orb-creator-inline .orb-creator-card .build-tags{grid-column:1/-1;margin:0;flex-wrap:nowrap;overflow:hidden}
.orb-creator-inline .orb-creator-arrow{top:10px;right:8px;font-size:10px}
@media(max-width:760px){.ab-profile .orb-creator-inline{max-width:none;flex-basis:100%;margin:8px 0 0}}
@media(max-width:420px){.orb-creator-inline .orb-creator-grid{grid-template-columns:minmax(0,1fr)}}
.ab-item-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.ab-item-actions button{min-width:110px}.ab-item-actions [data-remove-item]{color:#f5a1b0;border-color:#8d465c}

/* Unified builder header and compact profile panel. */
.ab-builder>.ab-toolbar{align-items:center;gap:20px;padding:20px 22px;margin-bottom:0;border:1px solid #30415c;border-radius:18px 18px 0 0;background:var(--glass-secondary)}
.ab-toolbar>div:first-child{flex:1;min-width:160px;max-width:520px}
.ab-toolbar .eyebrow{display:block;margin:0 0 7px;font-size:10px;letter-spacing:.16em;color:#9cafe0}
.ab-toolbar input[name=buildName]{width:100%;padding:3px 0;background:transparent;border:0;border-radius:4px;font-size:clamp(20px,2vw,28px);font-weight:750;min-height:38px;box-shadow:none}
.ab-toolbar input[name=buildName]:focus-visible{outline:2px solid #9eb3ff;outline-offset:5px}
.ab-toolbar .ab-actions{gap:8px;align-items:center;flex-wrap:wrap}
.ab-toolbar .ab-actions>button,.ab-toolbar .ab-options>summary{min-height:40px;border-radius:11px;font-size:12px;padding:10px 14px;transition:background .18s,border-color .18s,box-shadow .18s}
.ab-toolbar [data-save]{background:var(--glass-secondary);border-color:#93a6f4;color:#fff;box-shadow:0 3px 14px #526fd32b}
.ab-toolbar [data-save]:hover{background:var(--glass-hover);box-shadow:0 4px 18px #526fd34d}
.ab-toolbar [data-optimize]{background:var(--glass-secondary);border-color:#8e83d26b;color:#dad4ff}
.ab-builder>.ab-account-save{margin:0;padding:11px 22px;background:var(--glass-secondary);border:1px solid #30415c;border-top:0;border-radius:0 0 18px 18px;font-size:12px;color:#9dadc8}
.ab-builder>[data-ab-status]{margin:8px 4px;font-size:12px;min-height:0}
.ab-builder>[data-ab-status]:empty{display:none}
.ab-builder .ab-profile,.ab-profile:has(.orb-creator-inline){display:flex;align-items:center;gap:20px;padding:18px 20px;margin:18px 0;background:var(--glass-secondary);border:1px solid #2b3b53;border-radius:18px}
.ab-profile-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:0 1 430px;min-width:0}
.ab-profile-heading{grid-column:1/-1;margin:0;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#a6b6d1}
.ab-profile-fields>label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:11px;color:#a7b7d0}
.ab-profile-fields select,.ab-profile-fields input[name=level]{width:100%;min-width:0;box-sizing:border-box;background:var(--glass-interactive);border-color:#33445d;border-radius:10px;font-size:12px;min-height:40px}
.ab-profile .orb-creator-inline{flex:1 1 410px;margin:0;align-self:center;max-width:840px}
.orb-creator-inline>header{margin-bottom:10px}.orb-creator-inline h2{font-size:11px;color:#b5c4df}
.orb-creator-inline .orb-creator-card{background:var(--glass-secondary);border-color:#33445f;box-shadow:inset 0 1px #ffffff05}
.orb-creator-inline .orb-creator-card:hover{background:var(--glass-hover);border-color:#809bdf;box-shadow:0 3px 12px #0002}
.orb-creator-inline .orb-creator-gs{font-variant-numeric:tabular-nums;font-weight:650}
.ab-profile .ab-visibility{margin-left:auto;align-self:center;padding:10px 12px;border-radius:12px;background:var(--glass-secondary);font-size:12px;white-space:nowrap}
@media(max-width:1050px){.ab-builder>.ab-toolbar{flex-wrap:wrap}.ab-toolbar>div:first-child{max-width:none;flex-basis:100%}.ab-toolbar .ab-actions{justify-content:flex-start}.ab-builder .ab-profile{flex-wrap:wrap}.ab-profile-fields{flex:1 1 320px}.ab-profile .orb-creator-inline{order:2;flex-basis:100%;max-width:none}}
@media(max-width:600px){.ab-builder>.ab-toolbar{padding:16px}.ab-toolbar .ab-actions{display:flex;margin-top:12px;gap:7px}.ab-toolbar .ab-actions>button{flex:1 1 auto}.ab-builder>.ab-account-save{padding:11px 16px;line-height:1.5}.ab-builder .ab-profile{padding:14px;gap:14px}.ab-profile-fields{grid-template-columns:repeat(2,minmax(0,1fr));flex-basis:100%}.ab-profile .ab-visibility{margin-left:0}.ab-profile .orb-creator-inline{margin:0}}
@media(prefers-reduced-motion:reduce){.ab-toolbar .ab-actions>button,.ab-toolbar .ab-options>summary{transition:none}}

/* Equipment workspace: quiet surfaces, clear hierarchy and selection. */
.ab-builder .workbench-tabs{display:flex;gap:6px;padding:10px;background:var(--glass-interactive);border-bottom:1px solid #30415b;overflow-x:auto;scrollbar-width:thin;align-items:center}
.ab-builder .workbench-tabs>[data-tab]{flex:0 0 auto;white-space:nowrap;min-height:40px;padding:10px 14px;border-radius:11px;border:1px solid transparent;color:#afbdd5;background:transparent;font-size:12px;font-weight:600;transition:background .18s,color .18s,border-color .18s}
.ab-builder .workbench-tabs>[data-tab]:hover{background:var(--glass-hover);color:#eef3ff}
.ab-builder .workbench-tabs>[data-tab][aria-selected=true]{background:var(--glass-selected);border-color:#92a8ed;color:#fff;box-shadow:0 3px 12px #536cbd33}
.ab-builder .ab-paperdoll{padding:8px;background:var(--glass-secondary);border-radius:18px}
.ab-builder .ab-slot{border-radius:12px;box-shadow:inset 0 1px #ffffff06;transition:border-color .18s,box-shadow .18s,background .18s}
.ab-builder .ab-slot small{font-size:9px;letter-spacing:.055em;color:#aabbd6;line-height:1.4}
.ab-builder .ab-slot strong{line-height:1.4;font-size:12px}
.ab-builder .ab-slot .ab-empty{background:var(--glass-secondary);border:1px dashed #3e5377;border-radius:10px;color:#91a9d9}
.ab-builder .ab-slot img{border-radius:9px;background:#0c1423;padding:3px;box-sizing:border-box}
.ab-builder .ab-slot:hover{box-shadow:0 4px 16px #0002,inset 0 1px #ffffff0a}
.ab-builder .ab-slot:focus-visible{outline:2px solid #a5baff;outline-offset:3px}
.ab-builder .ab-avatar:not(.ab-character-extras){position:relative;justify-content:center;gap:10px}
.ab-builder .ab-avatar>.ab-class-portrait{filter:drop-shadow(0 12px 24px #04091688)}
.ab-builder .ab-avatar>strong{font-size:22px;letter-spacing:.02em}.ab-builder .ab-avatar>span{color:#b4c3df;font-size:12px}
.ab-builder .ab-avatar>p{font-size:11px;color:#879bbd;margin-top:6px}
.ab-builder .ab-equipment-footer{padding-top:14px;border-top:1px solid #2b3b5366;margin-top:12px}
.ab-builder .ab-stats{background:var(--glass-secondary);border-color:#344560;border-radius:18px;padding:18px;box-shadow:inset 0 1px #ffffff05}
.ab-builder .ab-stats>.eyebrow{font-size:10px;letter-spacing:.17em;color:#a9badc}
.ab-builder .ab-stats .ab-gs{padding:16px;margin:16px 0;border:1px solid #b69a593d;border-radius:13px;background:var(--glass-secondary)}
.ab-builder .ab-stats .ab-gs strong{font-size:36px;font-variant-numeric:tabular-nums;color:#e6c982}
.ab-builder .ab-stats .ab-core{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ab-builder .ab-stats .ab-core>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:12px 10px;background:var(--glass-secondary);border:1px solid #2b3c55;border-radius:12px;min-width:0}
.ab-builder .ab-core-stat>span{font-size:11px;gap:6px;color:#bac8df}.ab-builder .ab-core-stat svg{width:16px;height:16px}.ab-builder .ab-core-stat>strong{font-size:18px;font-variant-numeric:tabular-nums}
.ab-builder .ab-stats [data-stat-search]{border-radius:10px;background:var(--glass-secondary);border-color:#344560;font-size:12px}
.ab-builder .ab-stats .ab-stat-category{border-radius:12px;background:var(--glass-secondary);border-color:#2c3c55;padding:10px;margin-top:12px}
.ab-builder .ab-stats .ab-stat-category summary{padding:9px 5px!important;font-size:11px}
.orb-creator-inline .orb-creator-meta{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}
.orb-creator-inline .orb-creator-class{font-size:10px;color:#bac9e4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orb-creator-inline .orb-creator-meta .build-tags{flex-shrink:0}
@media(max-width:600px){.ab-builder .workbench-tabs{gap:4px;padding:8px}.ab-builder .workbench-tabs>[data-tab]{font-size:11px;padding:9px 12px}.ab-builder .ab-paperdoll{padding:0}.ab-builder .ab-slot strong{font-size:11px}.ab-builder .ab-stats{padding:14px}.ab-builder .ab-avatar>strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.ab-builder .ab-slot,.ab-builder .workbench-tabs>[data-tab]{transition:none}}

/* Shared catalogue pickers: equipment, stones and collection items. */
body.premium-page .ab-item-picker>header{background:var(--glass-primary);border-bottom:1px solid #364966;padding:20px 24px}
body.premium-page .ab-item-picker>header h2{font-size:21px;letter-spacing:-.02em}
body.premium-page .ab-item-picker [data-close]{border-radius:12px;min-width:40px;min-height:40px;font-size:22px;background:var(--glass-secondary);border:1px solid #405372}
body.premium-page .ab-item-picker .ab-item-filters{padding:14px;border:1px solid #30415b;border-radius:14px;background:var(--glass-interactive);gap:12px;margin-bottom:14px}
body.premium-page .ab-item-picker .ab-item-filters label{font-size:11px;color:#afbed8;display:grid;gap:7px}
body.premium-page .ab-item-picker .ab-item-filters input,body.premium-page .ab-item-picker .ab-item-filters select{background:var(--glass-interactive);border-color:#354966;border-radius:10px;min-height:42px;font-size:12px}
body.premium-page .ab-item-picker .ab-pet-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
body.premium-page .ab-item-picker .ab-pet-tile{padding:5px;border:1px solid #2c3b52;border-radius:17px;background:var(--glass-secondary);gap:0;min-width:0}
body.premium-page .ab-item-picker .ab-pet-card{border-radius:12px;background:var(--glass-secondary);box-shadow:inset 0 1px #ffffff09;border-width:1px}
body.premium-page .ab-item-picker .ab-pet-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}
body.premium-page .ab-item-picker .ab-pet-art{aspect-ratio:1.65;background:var(--glass-secondary)}
body.premium-page .ab-item-picker .ab-pet-art img{padding:16px;object-fit:contain;filter:drop-shadow(0 7px 9px #0005)}
body.premium-page .ab-item-picker .ab-pet-badge{top:9px;left:9px;padding:4px 7px;border-radius:6px;letter-spacing:.04em;font-size:8px;border:1px solid color-mix(in srgb,var(--item-rarity,#96afd9) 30%,transparent);background:#0a1322e8}
body.premium-page .ab-item-picker .ab-pet-card>strong{padding:12px 12px 8px;font-size:13px;min-height:44px;line-height:1.4}
body.premium-page .ab-item-picker .ab-pet-card-stats{padding:0 12px 12px;font-size:11px;line-height:1.8;min-height:58px;color:#b3c0d5}
body.premium-page .ab-item-picker .ab-pet-owned{padding:10px 12px;font-size:11px;color:#d7e3fb;background:var(--glass-secondary);border-top:1px solid #344860;text-align:center;font-weight:600}
body.premium-page .ab-item-picker .ab-pet-owned:after{content:' →';color:#9eb7ed}
body.premium-page .ab-item-picker .ab-item-fiche{margin:5px 0 0;border:0;background:transparent;min-height:34px;border-radius:9px;color:#aebfdb;font-size:11px}
body.premium-page .ab-item-picker .ab-item-fiche:hover{background:var(--glass-hover);color:#fff}
body.premium-page .ab-item-picker button:focus-visible{outline:2px solid #b1c5ff;outline-offset:2px}
@media(max-width:760px){body.premium-page .ab-item-picker .ab-pet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body.premium-page .ab-item-picker .ab-pet-tile{padding:3px;border-radius:13px}body.premium-page .ab-item-picker .ab-pet-art{aspect-ratio:1.25}body.premium-page .ab-item-picker .ab-pet-card>strong{font-size:11px;padding:9px 8px;min-height:42px}body.premium-page .ab-item-picker .ab-pet-card-stats{padding:0 8px 9px;font-size:10px}body.premium-page .ab-item-picker .ab-item-filters{padding:10px}body.premium-page .ab-item-picker .ab-item-filters>label:first-child{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){body.premium-page .ab-item-picker .ab-pet-card:hover{transform:none}}

/* Shared collection panels and editors. */
.ab-builder .workbench-panels>section:not([data-panel=equipment]){padding:24px;background:var(--glass-primary)}
.ab-builder .workbench-panels>section>h2{font-size:20px;margin:0 0 18px;letter-spacing:-.02em}
.ab-builder .ab-pet-intro{padding:12px 16px;margin-bottom:16px;border:1px solid #2b3e5a;border-radius:12px;background:var(--glass-secondary);color:#b5c4dc;font-size:12px;line-height:1.7}
.ab-builder .ab-pet-layout{gap:16px;background:transparent}
.ab-builder .ab-pet-main{padding:14px;min-width:0}
.ab-builder .ab-pet-summary{background:var(--glass-interactive);border:1px solid #33465f;border-radius:16px;padding:18px;color:#c4d1e6}
.ab-builder .ab-pet-summary h3{font-size:14px;color:#eff3ff;margin-bottom:16px}.ab-builder .ab-pet-summary h4{color:#a9bce0;font-size:10px;letter-spacing:.08em}
.ab-builder .ab-pet-summary p{font-size:12px;line-height:1.7}.ab-builder .ab-pet-progress{border-radius:12px;background:var(--glass-secondary);border-color:#33465f;padding:13px}
.ab-builder .ab-pet-grid,.ab-builder .ab-title-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px}
.ab-builder .ab-pet-tile{padding:5px;border:1px solid #2d405b;border-radius:15px;background:var(--glass-secondary)}
.ab-builder .ab-pet-card{background:var(--glass-secondary);border-radius:11px}.ab-builder .ab-pet-art{background:var(--glass-secondary);aspect-ratio:1.2}
.ab-builder .ab-pet-card>strong{font-size:12px;padding:10px;min-height:42px}.ab-builder .ab-pet-card-stats{font-size:11px;padding:0 10px 12px;color:#b6c5dd;line-height:1.65}
.ab-builder .ab-pet-owned{font-size:10px;padding:9px 10px;background:var(--glass-secondary);color:#b8c9e6}.ab-builder .ab-pet-level{padding:8px 4px}
.ab-builder .ab-pet-tabs{padding:4px;border:1px solid #344760;background:var(--glass-interactive);border-radius:13px;margin-bottom:12px}
.ab-builder .ab-pet-families{gap:8px}.ab-builder .ab-pet-families button{border-radius:11px;background:var(--glass-interactive);border-color:#344660;padding:11px;color:#c9d6ea}
.ab-builder .ab-wing-filters,.ab-builder .ab-pet-toolbar{padding:12px;border:1px solid #2b405d;border-radius:13px;background:var(--glass-interactive);margin-bottom:14px;gap:10px}
.ab-builder .ab-title-card{padding:15px;background:var(--glass-secondary);border-radius:14px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.ab-builder .ab-title-card h3{font-size:14px;margin:5px 0;line-height:1.5}.ab-builder .ab-title-card p{font-size:11px;margin:3px 0;line-height:1.7}.ab-builder .ab-title-card .ab-actions{margin-top:auto;gap:6px}.ab-builder .ab-title-card button{min-height:36px;padding:8px 10px;border-radius:9px;font-size:11px}
.ab-builder .ab-title-card>img{padding:6px;background:#0e192a;border-radius:10px;box-sizing:border-box}
.ab-builder .ab-genus-editor{background:var(--glass-secondary);border:1px solid #334960;border-radius:15px;overflow:hidden}
.ab-builder [data-genus-rows]{padding:14px}.ab-builder .ab-genus-row{padding:8px;border:1px solid #2b3e59;border-radius:11px;background:var(--glass-secondary);margin-bottom:7px}
.ab-builder .ab-genus-row .ab-genus-number{border:0;background:var(--glass-secondary);color:#c4d6f9;border-radius:8px}
.ab-builder .ab-genus-row :is(select,input,button){border-radius:9px;background:var(--glass-interactive);border-color:#3a4f6d;min-height:38px}
.ab-builder .dae-controls{padding:14px;border:1px solid #334961;border-radius:14px;background:var(--glass-secondary);gap:12px}.ab-builder .dae-heading h2{font-size:20px}
.ab-builder .dae-points{padding:12px 15px;background:var(--glass-secondary);border-left:3px solid #8faaff;border-radius:8px;color:#c7d8f6;font-size:13px}
.ab-builder .dae-budget-note{font-size:12px;color:#a8bbd8;line-height:1.6}.ab-builder .dae-tools{padding:8px 0;gap:8px}.ab-builder .dae-viewport{border:1px solid #344965;border-radius:16px;background:var(--glass-secondary)}
.ab-builder .dae-legend span{border-radius:7px;padding:6px 9px;font-size:10px}
.ab-builder [data-panel=duel]>p,.ab-builder [data-panel=comments]>p{color:#adbed8;line-height:1.7;font-size:13px}
.ab-builder [data-panel=duel]>hr{border:0;border-top:1px solid #34465e;margin:28px 0}.ab-builder [data-panel=duel]>h2{margin-top:20px}
.ab-builder :is([data-panel=duel],[data-panel=notes],[data-panel=comments])>label{display:grid;gap:8px;font-size:12px;color:#b6c5dd;margin:14px 0}
.ab-builder :is([data-panel=duel],[data-panel=notes],[data-panel=comments]) :is(input,textarea){background:var(--glass-primary);border-color:#354966;border-radius:12px;padding:13px;font-size:13px;line-height:1.7}
.ab-builder [data-note-toolbar]{padding:8px;border:1px solid #314661;border-radius:12px;background:var(--glass-secondary);justify-content:flex-start;gap:6px}.ab-builder [data-note-toolbar] button{border-radius:8px;font-size:12px;padding:8px 12px}
.ab-builder [data-panel=notes]>details{padding:14px;border:1px solid #30455f;border-radius:12px;background:var(--glass-primary);margin-top:16px}
.ab-builder .ab-comments article{background:var(--glass-secondary);border:1px solid #334862;border-radius:14px;padding:16px;margin:12px 0}.ab-builder .ab-comments header{display:flex;justify-content:space-between;gap:10px}.ab-builder .ab-comments time{font-size:11px;color:#a5b8d4}.ab-builder .ab-comments p{line-height:1.7;font-size:13px}
.ab-builder [data-panel=comments] h2 small{display:inline-block;border-radius:8px;padding:4px 8px;background:var(--glass-primary);font-size:12px;color:#c3d6fa}
.ab-builder [data-comment-send],.ab-builder [data-compare],.ab-builder [data-rotation]{margin-top:8px;background:var(--glass-secondary);border-color:#637fc0;border-radius:11px;padding:11px 16px}
.ab-builder [data-panel=monolith]>p{padding:20px;background:var(--glass-primary);border:1px solid #354963;border-radius:14px;color:#b9cae5;line-height:1.7}
.ab-builder [data-monolith]{accent-color:#8aa6f5;width:100%}.ab-builder [data-monolith-output]{font-size:20px;color:#c4d5fb}
body.premium-page .ab-equipment-popover .ab-item-head{background:var(--glass-secondary);border:1px solid #3b4e69;border-radius:16px;padding:20px;gap:18px}
body.premium-page .ab-equipment-popover .ab-item-head h2{font-size:23px;line-height:1.35}.ab-equipment-popover .ab-item-head p{color:#aebfd9}
body.premium-page .ab-equipment-popover .ab-inspector h3{font-size:14px;padding:12px 0 10px;border-bottom:1px solid #30445f;margin-top:24px;color:#d6e3f7}
body.premium-page .ab-equipment-popover .ab-item-stats{gap:8px;margin:18px 0}.ab-equipment-popover .ab-item-stats>span{border-radius:10px;background:var(--glass-secondary);border:1px solid #334b69;padding:10px 12px;font-size:12px}
body.premium-page .ab-equipment-popover [data-affixes] .ab-roll{padding:12px;background:var(--glass-secondary);border:1px solid #324963;border-radius:13px;gap:8px}
body.premium-page .ab-equipment-popover [data-item-skills]>label{padding:12px;background:var(--glass-secondary);border:1px solid #324963;border-radius:13px;font-size:12px;display:grid;gap:8px}
body.premium-page .ab-equipment-popover .ab-inspector :is(select,input){background:var(--glass-interactive);border-color:#3a506e;border-radius:10px;font-size:13px}
body.premium-page .ab-equipment-popover .ab-roll-bounds button{border-radius:8px;min-height:36px}.ab-equipment-popover .ab-roll small{font-size:11px;color:#a3b8d7}
body.premium-page .ab-equipment-popover .ab-stone-choice{border-radius:12px;background:var(--glass-secondary);border-color:#405b80;padding:12px}.ab-equipment-popover .ab-stone-bonuses{margin-top:10px;gap:8px;border-left-color:#6382b9}
body.premium-page .ab-equipment-popover .ab-stone-bonus{background:var(--glass-secondary);border-radius:10px;border-color:#324967;padding:4px 10px}
.ab-equipment-popover .ab-item-actions{padding:8px 0;gap:10px}.ab-equipment-popover .ab-item-actions button{border-radius:10px;min-height:40px}
@media(max-width:760px){.ab-builder .workbench-panels>section:not([data-panel=equipment]){padding:14px}.ab-builder .ab-pet-grid,.ab-builder .ab-title-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ab-builder .ab-pet-layout{display:block}.ab-builder .ab-pet-summary{margin-top:14px}.ab-builder .ab-pet-main{padding:0}.ab-builder .ab-pet-toolbar{flex-wrap:wrap}.ab-builder .ab-pet-toolbar input{flex-basis:100%}.ab-builder .ab-title-card{padding:11px}.ab-builder .ab-genus-row{padding:7px}.ab-builder .dae-controls{padding:10px}.ab-builder [data-note-toolbar]{flex-wrap:wrap}body.premium-page .ab-equipment-popover .ab-item-head h2{font-size:18px}body.premium-page .ab-equipment-popover [data-affixes] .ab-roll{padding:10px}}
@media(max-width:380px){.ab-builder .ab-title-grid{grid-template-columns:minmax(0,1fr)}}

/* Compact equipment editor, anchored beside the selected slot. */
body.premium-page dialog.ab-equipment-popover.ab-equipment-compact{inset:var(--equipment-y,12px) auto auto var(--equipment-x,8px)!important;margin:0;width:min(420px,calc(100vw - 16px));max-width:calc(100vw - 16px);max-height:min(620px,calc(100dvh - 24px));border-radius:14px;box-shadow:0 16px 48px #0008}
body.premium-page dialog.ab-equipment-compact::backdrop{background:#03091420;backdrop-filter:none}
body.premium-page dialog.ab-equipment-compact>header{padding:10px 12px;gap:8px}
body.premium-page dialog.ab-equipment-compact>header h2{font-size:16px;letter-spacing:0}
body.premium-page dialog.ab-equipment-compact>header button{width:30px;height:30px;min-height:30px;flex-basis:30px;font-size:20px;border-radius:8px}
body.premium-page dialog.ab-equipment-compact>[data-dialog-body]{max-height:min(568px,calc(100dvh - 76px));overflow:auto;padding:12px}
body.premium-page .ab-equipment-compact .ab-item-head{grid-template-columns:44px minmax(0,1fr);padding:10px;gap:8px;border-radius:10px}
body.premium-page .ab-equipment-compact .ab-item-head>img{width:44px;height:44px;grid-row:auto}
body.premium-page .ab-equipment-compact .ab-item-head>div{grid-row:auto}
body.premium-page .ab-equipment-compact .ab-item-head h2{font-size:15px;margin:0}
body.premium-page .ab-equipment-compact .ab-item-head p{font-size:11px;margin:3px 0}
body.premium-page .ab-equipment-compact .ab-item-actions{grid-column:1/-1;padding:0;gap:6px}
body.premium-page .ab-equipment-compact :is(button,input,select){min-height:32px;font-size:12px;padding:6px 8px}
body.premium-page .ab-equipment-compact .ab-inspector>label{display:inline-grid;width:calc(33.333% - 5px);margin:0 5px 8px 0;font-size:11px;gap:4px}
body.premium-page .ab-equipment-compact .ab-inspector h3{margin:12px 0 8px;padding:0 0 6px;font-size:12px}
body.premium-page .ab-equipment-compact .ab-item-stats{margin:8px 0;gap:5px}
body.premium-page .ab-equipment-compact .ab-item-stats>span{padding:5px 7px;font-size:11px}
body.premium-page .ab-equipment-compact :is([data-affixes],[data-item-skills]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
body.premium-page .ab-equipment-compact [data-affixes] .ab-roll,body.premium-page .ab-equipment-compact [data-item-skills]>label{padding:6px;gap:4px;border-radius:8px;min-width:0}
body.premium-page .ab-equipment-compact .ab-source{font-size:10px;margin:8px 0 0}
body.premium-page .ab-equipment-compact .ab-pet-main{padding:0}
body.premium-page .ab-equipment-compact .ab-pet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.premium-page .ab-equipment-compact .ab-pet-art{aspect-ratio:2.5}
body.premium-page .ab-equipment-compact .ab-item-filters{gap:6px;margin-bottom:8px;flex-wrap:wrap}
@media(max-width:760px){body.premium-page dialog.ab-equipment-compact{inset:auto 8px 8px!important;width:calc(100vw - 16px);max-height:80dvh}body.premium-page dialog.ab-equipment-compact>[data-dialog-body]{max-height:calc(80dvh - 52px)}}
body.premium-page .ab-equipment-compact :is(select,input){width:100%;min-width:0;max-width:100%;box-sizing:border-box}

/* Small, scannable stone catalog with full details available on demand. */
body.premium-page dialog.ab-dialog.ab-stone-picker{width:min(720px,calc(100vw - 24px));max-height:78dvh;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--glass-primary);overflow:hidden;box-shadow:0 24px 70px #0008}
body.premium-page dialog.ab-stone-picker>header{padding:12px 16px;gap:12px;border-bottom:1px solid var(--line)}
body.premium-page dialog.ab-stone-picker>header h2{font-size:17px;margin:0}
body.premium-page dialog.ab-stone-picker>header button{width:32px;height:32px;min-height:32px;padding:0;font-size:20px;border-radius:9px}
body.premium-page .ab-stone-picker .ab-pet-layout{display:block;max-height:calc(78dvh - 58px);overflow:auto}
body.premium-page .ab-stone-picker .ab-pet-summary{display:none}
body.premium-page .ab-stone-picker .ab-pet-main{padding:12px;overflow:visible}
body.premium-page .ab-stone-picker .ab-item-filters{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:8px;padding:10px;margin:0;border-radius:10px}
body.premium-page .ab-stone-picker .ab-item-filters label{font-size:11px;gap:4px}
body.premium-page .ab-stone-picker .ab-item-filters :is(input,select){height:34px;min-height:34px;padding:6px 9px;font-size:12px;width:100%;box-sizing:border-box}
body.premium-page .ab-stone-picker [data-results-status]{font-size:11px;color:var(--muted);margin:9px 0}
body.premium-page .ab-stone-picker .ab-pet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.premium-page .ab-stone-picker .ab-pet-tile{padding:0;border-radius:11px;overflow:hidden}
body.premium-page .ab-stone-picker .ab-pet-card{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:6px 9px;padding:10px;width:100%;border-radius:10px;min-height:130px;text-align:left}
body.premium-page .ab-stone-picker .ab-pet-art{grid-row:1/3;position:relative;width:48px;height:48px;aspect-ratio:auto;border-radius:9px;background:var(--glass-secondary)}
body.premium-page .ab-stone-picker .ab-pet-art img{width:42px;height:42px;max-height:42px;object-fit:contain}
body.premium-page .ab-stone-picker .ab-pet-badge{display:none}
body.premium-page .ab-stone-picker .ab-pet-card>strong{padding:0;font-size:12px;line-height:1.35}
body.premium-page .ab-stone-picker .ab-pet-card-stats{grid-column:2;padding:0;min-height:0;font-size:11px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body.premium-page .ab-stone-picker .ab-pet-owned{grid-column:1/-1;padding:5px 0 0;margin:0;background:none;font-size:11px;text-align:right}
body.premium-page .ab-stone-picker .ab-item-fiche{min-height:27px;padding:5px;font-size:11px;border:0;border-radius:0;background:transparent}
@media(max-width:520px){body.premium-page .ab-stone-picker .ab-pet-grid{grid-template-columns:1fr}body.premium-page dialog.ab-dialog.ab-stone-picker{max-height:85dvh}body.premium-page .ab-stone-picker .ab-pet-layout{max-height:calc(85dvh - 58px)}}
body.premium-page .ab-stone-picker .ab-pet-art img{padding:0}
body.premium-page dialog.ab-equipment-compact.ab-item-picker{width:min(760px,calc(100vw - 16px))}
body.premium-page .ab-equipment-compact.ab-item-picker .ab-pet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){body.premium-page .ab-equipment-compact.ab-item-picker .ab-pet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Wide editing panel and one horizontal row per selectable item. */
body.premium-page dialog.ab-equipment-popover.ab-equipment-compact{width:min(760px,calc(100vw - 16px))}
body.premium-page .ab-item-picker.ab-item-picker .ab-pet-grid{grid-template-columns:minmax(0,1fr);gap:7px}
body.premium-page .ab-item-picker.ab-item-picker .ab-pet-tile{display:grid;grid-template-columns:minmax(0,1fr) 80px;align-items:stretch;gap:0;padding:0;border-radius:10px;overflow:hidden}
body.premium-page .ab-item-picker.ab-item-picker .ab-pet-card{display:grid;grid-template-columns:44px minmax(100px,1fr) minmax(100px,1fr) auto;align-items:center;gap:10px;min-height:72px;padding:9px;text-align:left;border-radius:9px;margin:0;width:100%;transform:none}
body.premium-page .ab-item-picker.ab-item-picker .ab-pet-art{grid-column:1;grid-row:1;display:grid;place-items:center;width:44px;height:44px;aspect-ratio:auto;padding:0;border-radius:8px}
body.premium-page .ab-item-picker.ab-item-picker .ab-pet-art img{width:40px;height:40px;max-height:40px;padding:0;object-fit:contain}
body.premium-page .ab-item-picker.ab-item-picker .ab-pet-badge{display:none}
body.premium-page .ab-item-picker.ab-item-picker .ab-pet-card>strong{grid-column:2;grid-row:1;min-height:0;padding:0;font-size:12px;line-height:1.4}
body.premium-page .ab-item-picker.ab-item-picker .ab-pet-card-stats{grid-column:3;grid-row:1;min-height:0;padding:0;font-size:11px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body.premium-page .ab-item-picker.ab-item-picker .ab-pet-owned{grid-column:4;grid-row:1;padding:6px;margin:0;border:0;border-radius:6px;font-size:11px;white-space:nowrap}
body.premium-page .ab-item-picker.ab-item-picker .ab-item-fiche{width:100%;margin:0;padding:7px;min-height:32px;border:0;border-left:1px solid var(--line);border-radius:0;font-size:11px;background:transparent}
@media(max-width:600px){
body.premium-page .ab-item-picker.ab-item-picker .ab-pet-tile{grid-template-columns:minmax(0,1fr) 58px}
body.premium-page .ab-item-picker.ab-item-picker .ab-pet-card{grid-template-columns:36px minmax(0,1fr) auto;gap:6px}
body.premium-page .ab-item-picker.ab-item-picker .ab-pet-art{grid-row:1/3;width:36px;height:36px}
body.premium-page .ab-item-picker.ab-item-picker .ab-pet-art img{width:34px;height:34px}
body.premium-page .ab-item-picker.ab-item-picker .ab-pet-card-stats{grid-column:2;grid-row:2}
body.premium-page .ab-item-picker.ab-item-picker .ab-pet-owned{grid-column:3;grid-row:1/3;font-size:10px}
}
body.premium-page .ab-dialog>header [data-close]{display:flex!important;align-items:center;justify-content:center;padding:0!important;line-height:1!important;text-align:center}
body.premium-page .ab-item-picker .ab-card-stat{display:flex;justify-content:flex-start;align-items:baseline;gap:7px}
body.premium-page .ab-item-picker .ab-card-stat>b{margin-left:0;text-align:left}

body.premium-page dialog.ab-collection-popup{width:min(760px,calc(100vw - 24px));padding:0;max-height:85dvh;border-radius:14px;overflow:hidden}
body.premium-page .ab-collection-popup>header{padding:10px 14px}
body.premium-page .ab-collection-popup>header h2{font-size:16px;margin:0}
body.premium-page .ab-collection-popup>[data-dialog-body]{padding:12px;max-height:calc(85dvh - 55px);overflow:auto}
body.premium-page .ab-collection-popup .ab-pet-layout{display:flex;flex-direction:column;max-height:none;overflow:visible}
body.premium-page .ab-collection-popup .ab-pet-main{padding:0;overflow:visible}
body.premium-page .ab-collection-popup .ab-pet-summary{padding:12px;margin-top:12px;border-radius:10px;max-height:230px;overflow:auto}
body.premium-page .ab-collection-popup .ab-pet-intro{font-size:11px;margin:0 0 8px}
body.premium-page .ab-collection-popup :is(button,input,select){min-height:30px;font-size:11px;padding:6px 8px}
body.premium-page .ab-collection-popup :is(.ab-wing-filters,.ab-pet-toolbar){gap:7px;padding:8px;margin-bottom:8px}
body.premium-page .ab-collection-popup .ab-title-grid{display:grid;grid-template-columns:1fr;gap:7px}
body.premium-page .ab-collection-popup .ab-title-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:6px 10px;padding:10px;align-items:center}
body.premium-page .ab-collection-popup .ab-title-card>img{grid-column:1;grid-row:1/4;width:40px;height:40px}
body.premium-page .ab-collection-popup .ab-title-card h3{grid-column:2;margin:0;font-size:12px}
body.premium-page .ab-collection-popup .ab-title-card p{grid-column:2;margin:0;font-size:11px}
body.premium-page .ab-collection-popup .ab-title-card .ab-actions{grid-column:3;grid-row:1/4;display:flex;flex-direction:column;gap:5px}
body.premium-page .ab-collection-popup .ab-pet-tile:has([data-pet-id]){grid-template-columns:minmax(0,1fr) 80px 100px}
body.premium-page .ab-collection-popup .ab-pet-level{display:grid;align-content:center;padding:6px;gap:3px;font-size:10px}
body.premium-page .ab-collection-popup [data-wing-preview]{font-size:11px;border-radius:0}
@media(max-width:600px){body.premium-page .ab-collection-popup .ab-pet-tile:has([data-pet-id]){grid-template-columns:minmax(0,1fr) 60px}body.premium-page .ab-collection-popup [data-equip-pet]{grid-column:1/-1}body.premium-page .ab-collection-popup .ab-title-card .ab-actions{grid-column:2;grid-row:auto;flex-direction:row;flex-wrap:wrap}}

/* Keep the options menu above the following profile and statistics cards. */
.ab-builder>.ab-toolbar{position:relative;z-index:30;overflow:visible!important}.ab-builder>.ab-toolbar:has(.ab-options[open]){z-index:80}.ab-builder .ab-options-panel{z-index:90}
/* Direct level controls for every class skill, on touch and keyboard. */
.ab-skill-level-card{display:grid;justify-items:center;align-content:start;gap:9px;width:142px;padding:12px 10px;border:1px solid #344861;border-radius:13px;background:var(--glass-secondary)}
.ab-skill-level-card[hidden]{display:none}.ab-skill-level-name{font-size:12px;font-weight:650;text-align:center;line-height:1.4;min-height:34px;overflow-wrap:anywhere;color:#e4edfb}
.ab-skill-level{display:grid;gap:4px;width:100%;min-width:0;color:#aec0da;font-size:11px}.ab-skill-level>span{display:flex;align-items:center;gap:5px}.ab-skill-level output{margin-left:auto;font-weight:750;font-size:14px;color:#ead195;font-variant-numeric:tabular-nums}.ab-skill-level small{font-size:10px;color:#a5b7d0}
.ab-builder .ab-skill-level input[type=range]{width:100%;min-width:0;height:30px;min-height:30px;margin:0;padding:0;accent-color:#8eabf4;cursor:pointer;background:transparent;border:0;box-shadow:none;touch-action:pan-y}.ab-skill-level input:focus-visible{outline:2px solid #a7bfff;outline-offset:3px;border-radius:5px}.ab-skill-level input:disabled{cursor:default;opacity:.6}.ab-skill-column>.ab-skill-level{width:100%;max-width:105px}.ab-skill-detail-dialog .ab-skill-level{max-width:420px;margin:14px 0}
@media(max-width:600px){.ab-skill-level-card{width:calc((100% - 10px)/2);box-sizing:border-box}.ab-skill-level input[type=range]{height:36px}.ab-skill-icons{align-items:stretch}}
.ab-builder .ab-skill-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;align-items:stretch}.ab-builder .ab-skill-level-card{width:100%;min-width:0;box-sizing:border-box}.ab-builder .ab-skill-icons .ab-skill-level-card>button[data-skill]{width:48px;height:48px;min-height:48px;padding:3px;display:grid;place-items:center}.ab-skill-level-card .ab-skill-name{display:none}@media(max-width:600px){.ab-builder .ab-skill-icons{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Illustrated monolith collection */
html body .ab-monolith-dialog .ab-monolith-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
html body .ab-monolith-card{--monolith-accent:#68b7ff;--monolith-glow:#274963;background:var(--glass-secondary);border:1px solid color-mix(in srgb,var(--monolith-accent) 35%,#283749);border-radius:18px;padding:20px;min-width:0;box-shadow:inset 0 1px 0 #ffffff09}
html body .ab-monolith-card--1{--monolith-accent:#e8bd60;--monolith-glow:#3e3828}
html body .ab-monolith-card--2{--monolith-accent:#ee9958;--monolith-glow:#41322b}
html body .ab-monolith-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
html body .ab-monolith-heading h3{margin:0 0 5px;font-size:15px;line-height:1.4;color:#eef4ff}
html body .ab-monolith-heading span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9fb0c6;font-weight:700}
html body .ab-monolith-heading output{display:flex;align-items:baseline;gap:3px;white-space:nowrap;padding:6px 10px;border-radius:11px;background:var(--glass-secondary);border:1px solid color-mix(in srgb,var(--monolith-accent) 35%,transparent);color:var(--monolith-accent)}
html body .ab-monolith-heading strong{font-size:25px;line-height:1.2;font-variant-numeric:tabular-nums}
html body .ab-monolith-heading small{font-size:11px;font-weight:700}
html body .ab-monolith-art{width:94px;height:94px;display:grid;place-items:center;margin:22px auto;background:var(--glass-secondary);border:1px solid color-mix(in srgb,var(--monolith-accent) 40%,transparent);border-radius:24px;box-shadow:0 0 0 5px #ffffff03,0 8px 24px #0002}
html body .ab-monolith-art img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 6px #0007)}
html body .ab-monolith-scale{display:flex;justify-content:space-between;color:#9fb0c6;font-size:11px;margin-bottom:9px}
html body .ab-monolith-control input[type=range]{display:block;appearance:none;-webkit-appearance:none;width:100%;max-width:none;height:6px;padding:0;margin:8px 0 7px;border:0;border-radius:99px;background:linear-gradient(to right,var(--monolith-accent) var(--monolith-fill),#ffffff15 var(--monolith-fill));cursor:pointer;accent-color:var(--monolith-accent)}
html body .ab-monolith-control input::-webkit-slider-thumb{appearance:none;width:17px;height:17px;background:var(--glass-interactive);border:3px solid #142234;border-radius:50%;box-shadow:0 0 0 1px var(--monolith-accent)}
html body .ab-monolith-control input::-moz-range-thumb{width:12px;height:12px;background:var(--glass-interactive);border:3px solid #142234;border-radius:50%;box-shadow:0 0 0 1px var(--monolith-accent)}
html body .ab-monolith-control input:focus-visible{outline:2px solid var(--monolith-accent);outline-offset:7px}
html body .ab-monolith-control input:disabled{opacity:.55;cursor:default}
html body .ab-monolith-note{margin-top:16px;padding:11px 14px;border-left:2px solid #617797;background:var(--glass-secondary);border-radius:0 8px 8px 0;color:#b9c7da;font-size:12px;line-height:1.6}
html body .ab-monolith-note p{margin:0}
@media(max-width:760px){html body .ab-monolith-dialog .ab-monolith-grid{grid-template-columns:1fr}html body .ab-monolith-card{padding:16px}html body .ab-monolith-art{margin:14px auto}}
html body .ab-monolith-dialog .ab-monolith-control input[type=range]{height:6px!important;min-height:6px!important;padding:0!important;border:0!important;border-radius:99px!important;background:linear-gradient(to right,var(--monolith-accent) var(--monolith-fill),#ffffff15 var(--monolith-fill))!important;box-shadow:none!important}

/* Direct item removal uses a sibling button, keeping slot controls valid and keyboard accessible. */
.ab-slot-wrap{position:relative;min-width:0}.ab-builder .ab-slot-wrap>.ab-slot{width:100%}.ab-slot-wrap.has-remove-control>.ab-slot{padding-right:46px}.ab-builder .ab-slot-wrap>.ab-slot-remove{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:30px;min-height:30px;padding:0;border:1px solid #ad5260;border-radius:9px;background:#783440;color:#fff;font-size:13px;line-height:1;cursor:pointer}.ab-builder .ab-slot-wrap>.ab-slot-remove:not(:disabled):hover{background:#963f4e;color:#fff;border-color:#d16c7b}.ab-builder .ab-slot-wrap>.ab-slot-remove:focus-visible{outline:2px solid #ffb0ba;outline-offset:2px}

.ab-builder .ab-avatar:not(.ab-character-extras){position:relative;isolation:auto}.ab-builder .ab-avatar>.ab-faction-emblem{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:100%;height:82%;max-width:420px;object-fit:contain;mix-blend-mode:screen;opacity:.85;pointer-events:none;z-index:0}.ab-builder .ab-avatar>.ab-class-portrait,.ab-builder .ab-avatar>.ab-sigil,.ab-builder .ab-avatar>strong,.ab-builder .ab-avatar>[data-character-race],.ab-builder .ab-avatar>p{position:relative;z-index:1}

.ab-builder .ab-slot-wrap>.ab-slot-remove:disabled{opacity:1;color:#fff;border-color:#ad5260;background:#783440;cursor:default}.ab-collection-slot{width:100%;min-width:0}

/* Keep removal controls distinct from the general theme and surface migration. */
html body .ab-builder .ab-slot-wrap>button.ab-slot-remove.ab-slot-remove{background:#783440!important;color:#fff!important;border-color:#ad5260!important;opacity:1!important}
html body .ab-builder .ab-slot-wrap>button.ab-slot-remove.ab-slot-remove:not(:disabled):hover{background:#963f4e!important;color:#fff!important;border-color:#d16c7b!important}

/* Glass on the main surfaces only: avoid dozens of nested blur layers. */
.ab-builder .ab-workspace,.ab-builder .ab-stats,.ab-dialog{background:var(--glass-primary);border-color:rgba(160,179,230,.24);box-shadow:inset 0 1px 0 rgba(221,232,255,.09),0 14px 38px rgba(2,7,18,.22)}
@supports(backdrop-filter:blur(1px)){.ab-builder .ab-workspace,.ab-builder .ab-stats,.ab-dialog{backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%)}.ab-dialog::backdrop{background:rgba(5,10,21,.62);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}}
.ab-builder .ab-slot,.ab-dialog .ab-result{background:var(--glass-primary);border-color:rgba(146,168,219,.24);box-shadow:inset 0 1px 0 rgba(216,230,255,.055)}
.ab-builder .ab-slot:hover,.ab-dialog .ab-result:hover{background:var(--glass-hover);border-color:rgba(180,197,244,.62)}
@media(max-width:760px){.ab-builder .ab-workspace,.ab-builder .ab-stats,.ab-dialog{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}
@media(prefers-reduced-transparency:reduce){.ab-builder .ab-workspace,.ab-builder .ab-stats,.ab-dialog{background:var(--glass-primary);backdrop-filter:none;-webkit-backdrop-filter:none}.ab-dialog::backdrop{background:rgba(5,10,21,.88);backdrop-filter:none;-webkit-backdrop-filter:none}}


.ab-howto{margin:0 0 16px;color:var(--glass-muted);font-size:13px;line-height:1.6}.ab-stat-details>summary{font-weight:650;padding:12px 0}.ab-builder .ab-stat-details[open]>summary{margin-bottom:8px}.ab-picker-context{margin:0 0 12px;font-size:12px;color:var(--glass-muted);line-height:1.5}.ab-item-compare{width:100%;margin-top:6px;font-size:12px!important}.ab-item-picker [data-item-comparison]{margin-top:20px;padding-top:16px;border-top:1px solid var(--glass-border)}.ab-item-picker [data-item-comparison]:empty{display:none}.ab-item-picker [data-item-comparison] h4{font-size:15px;margin:0 0 8px}.ab-item-picker [data-item-comparison] table{width:100%;font-size:12px;border-collapse:collapse}.ab-item-picker [data-item-comparison] td,.ab-item-picker [data-item-comparison] th{padding:8px 4px;text-align:left}.ab-item-picker [data-item-comparison] small{display:block;margin-top:10px;line-height:1.5}.ab-item-picker .is-gain{color:#a0eac5}.ab-item-picker .is-loss{color:#ffb7c7}
@media(max-width:760px){.ab-builder .ab-workspace{order:0}.ab-builder .ab-stats{order:1}.ab-builder .ab-stat-details{width:100%}.ab-howto{font-size:12px}}

html[data-theme="light"] .ab-item-picker .is-gain{color:#176844}html[data-theme="light"] .ab-item-picker .is-loss{color:#a22443}

.ab-item-picker [data-item-comparison]{margin:0 0 14px;padding:14px;border:1px solid var(--glass-border);border-radius:12px;background:var(--glass-secondary)}

/* Three compact, functional skill rows shared by Builds and My Character. */
.ab-builder .ab-skill-bar-scroll{padding:12px;overflow-x:auto;border:1px solid #3c4d674d;border-radius:14px;background:var(--glass-secondary)}
.ab-builder .ab-skill-bar{grid-template-columns:repeat(12,46px);grid-template-rows:repeat(2,46px) 70px;justify-content:center;gap:7px;min-width:629px}
.ab-builder .ab-skill-column{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-width:0}
.ab-builder .ab-hotbar-icon{width:46px;height:46px;min-height:46px;padding:2px;border:1px solid #263145;background:var(--glass-secondary);border-radius:7px;box-shadow:inset 0 1px #ffffff09}
.ab-builder .ab-hotbar-icon:hover,.ab-builder .ab-hotbar-icon:focus-visible{border-color:#809bd0;background:var(--glass-hover)}
.ab-builder .ab-hotbar-icon .ab-empty{width:40px;height:40px;font-size:0;background:transparent}
.ab-builder .ab-skill-column .ab-hotbar-name{display:none}
.ab-builder .ab-skill-column>small{display:none;width:100%;font-size:10px;line-height:16px;text-align:center;color:#d1d8e8;background:var(--glass-secondary);border-radius:4px}
.ab-builder .ab-skill-column:nth-child(n+25)>small{display:block}
.ab-builder .ab-skill-column .ab-hotbar-remove{display:none;position:absolute;right:-4px;top:-5px;z-index:2;width:18px;height:18px;min-height:18px;line-height:14px;border:1px solid #64718b;border-radius:50%;background:var(--glass-secondary);color:#fff}
.ab-builder .ab-skill-column:hover .ab-hotbar-remove,.ab-builder .ab-skill-column:focus-within .ab-hotbar-remove{display:block}
.ab-builder .ab-skill-column .ab-hotbar-icon b{bottom:0;right:0}
@media(max-width:760px){.ab-builder .ab-skill-bar-scroll{padding:9px}.ab-builder .ab-skill-bar{justify-content:start}}

/* Compétences : quatre rangées à gauche, catalogue visible à droite. */
.ab-builder .ab-legion-panel{border:1px solid #344a68;border-radius:16px;padding:18px;background:var(--glass-primary)}
.ab-builder .ab-legion-panel>header{display:flex;align-items:end;justify-content:space-between;gap:20px}
.ab-builder .ab-legion-panel h2{margin:3px 0 8px}.ab-builder .ab-legion-panel p{margin:0;color:#b7c5db;font-size:13px}
.ab-builder .ab-legion-panel>header label{display:grid;gap:6px;min-width:180px;font-size:12px;color:#c9d8ef}
.ab-builder .ab-legion-panel select{width:100%;min-height:38px}
.ab-builder .ab-legion-bonuses{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:16px 0}
.ab-builder .ab-legion-bonuses>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #3b5271;border-radius:10px;padding:11px 12px;background:var(--glass-secondary);font-size:12px}
.ab-builder .ab-legion-bonuses strong{color:#8be1bf;font-size:15px}.ab-builder .ab-legion-panel>small{color:#9dafc7}
@media(max-width:650px){.ab-builder .ab-legion-panel>header{align-items:stretch;flex-direction:column}.ab-builder .ab-legion-panel>header label{width:100%}}
.ab-builder .ab-skill-main{display:grid;grid-template-columns:minmax(0,620px) minmax(300px,1fr);gap:20px;align-items:start}.ab-builder .ab-skill-bar-side,.ab-builder .ab-skill-catalogue-side{min-width:0}.ab-builder .ab-skill-bar{min-width:0;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}.ab-builder .ab-skill-column:nth-child(n+37)>small{display:block}.ab-builder .ab-skill-column:nth-child(n+25):nth-child(-n+36)>small{display:none}.ab-builder .ab-skill-catalogue-side{max-height:570px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.ab-builder .ab-skill-catalogue-side>[data-skill-search]{position:sticky;top:0;z-index:2;width:100%;background:var(--glass-secondary)!important}.ab-builder .ab-skill-catalogue{margin-top:8px}.ab-builder .ab-skill-family{margin:10px 0}.ab-builder .ab-skill-icons{gap:6px}@media(max-width:1100px){.ab-builder .ab-skill-main{grid-template-columns:1fr}.ab-builder .ab-skill-bar{min-width:620px}.ab-builder .ab-skill-catalogue-side{max-height:none;overflow:visible}}@media(max-width:700px){.ab-builder .ab-skill-bar{min-width:620px}}

/* Compact catalogue and four complete rows without an inner scrollbar. */
.ab-builder .ab-skill-main{grid-template-columns:minmax(0,570px) minmax(360px,1fr);gap:16px}
.ab-builder .ab-skill-bar-scroll{overflow-x:visible;padding:8px}
.ab-builder .ab-skill-bar{min-width:0;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(3,40px) 56px;gap:4px}
.ab-builder .ab-hotbar-icon{width:40px;height:40px;min-height:40px}
.ab-builder .ab-hotbar-icon img,.ab-builder .ab-hotbar-icon .ab-empty{width:34px;height:34px}
.ab-builder .ab-skill-catalogue-side{max-height:none;overflow:visible}
.ab-builder .ab-skill-catalogue-side>[data-skill-search]{position:static;min-height:36px;padding:6px 10px}
.ab-builder .ab-skill-filters{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}
.ab-builder .ab-skill-filters button{min-height:30px;padding:4px 9px;font-size:11px}
.ab-builder .ab-skill-filters button[aria-pressed=true]{background:var(--glass-selected);border-color:#8ca9eb;color:#fff}
.ab-builder .ab-skill-family{margin:7px 0}
.ab-builder .ab-skill-family h3{margin:0 0 5px;font-size:11px}
.ab-builder .ab-skill-icons{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:5px}
.ab-builder .ab-skill-level-card{min-height:88px;padding:5px;gap:2px;border-radius:9px;align-content:start}
.ab-builder .ab-skill-icons .ab-skill-level-card>button[data-skill]{width:34px;height:34px;min-height:34px;padding:2px}
.ab-builder .ab-skill-icons img{width:29px;height:29px}
.ab-builder .ab-skill-level-name{max-width:100%;min-height:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:13px}
.ab-builder .ab-skill-level{gap:0;font-size:9px}
.ab-builder .ab-skill-level>span{justify-content:center}
.ab-builder .ab-skill-level output{margin-left:2px;font-size:11px}
.ab-builder .ab-skill-level input[type=range]{height:16px;min-height:16px}
@media(max-width:1100px){.ab-builder .ab-skill-main{grid-template-columns:1fr}.ab-builder .ab-skill-bar-scroll{overflow-x:auto}.ab-builder .ab-skill-bar{min-width:530px}.ab-builder .ab-skill-icons{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}

/* Rotation suggestions use the real class sequences and current hotbar. */
.ab-builder .ab-rotation-head{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}
.ab-builder .ab-rotation-head h3{margin:3px 0 4px}
.ab-builder .ab-rotation-head p{max-width:650px;margin:0;color:#aebbd0;font-size:12px}
.ab-builder .ab-rotation-filters{display:flex;gap:5px;flex-wrap:wrap}
.ab-builder .ab-rotation-filters button{min-height:30px;padding:4px 10px;font-size:11px}
.ab-builder .ab-rotation-filters button[aria-pressed=true]{border-color:#9aaff1;background:var(--glass-selected);color:#fff}
.ab-builder .ab-rotation-list{display:grid;gap:7px;margin-top:12px}
.ab-builder .ab-rotation-card{border:1px solid #3b4b65;border-radius:11px;background:var(--glass-secondary);overflow:hidden}
.ab-builder .ab-rotation-card[open]{border-color:#7592c9;background:var(--glass-secondary)}
.ab-builder .ab-rotation-card>summary{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;list-style:none}
.ab-builder .ab-rotation-card>summary::-webkit-details-marker{display:none}
.ab-builder .ab-rotation-index{font-size:12px;color:#e3c18a;font-weight:750}
.ab-builder .ab-rotation-title{display:grid;gap:2px;min-width:0;flex:1}
.ab-builder .ab-rotation-title strong{font-size:13px}
.ab-builder .ab-rotation-title small{font-size:10px;color:#b2c1dc}
.ab-builder .ab-rotation-icons{display:flex;gap:3px}
.ab-builder .ab-rotation-icons img,.ab-builder .ab-rotation-icons .ab-empty{width:28px;height:28px;border-radius:5px}
.ab-builder .ab-rotation-arrow{color:#a8b9db}
.ab-builder .ab-rotation-card[open] .ab-rotation-arrow{transform:rotate(180deg)}
.ab-builder .ab-rotation-detail{padding:0 12px 10px}
.ab-builder .ab-rotation-detail>p{font-size:12px;color:#b7c5da;margin:6px 0 10px}
.ab-builder .ab-rotation-sequence{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.ab-builder .ab-rotation-sequence button{display:flex;align-items:center;gap:5px;min-height:39px;padding:3px 6px;text-align:left}
.ab-builder .ab-rotation-sequence img,.ab-builder .ab-rotation-sequence .ab-empty{width:28px;height:28px}
.ab-builder .ab-rotation-sequence button span{display:grid;gap:1px}
.ab-builder .ab-rotation-sequence button strong{font-size:10px}
.ab-builder .ab-rotation-sequence button small{font-size:9px}
.ab-builder .ab-rotation-detail footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;border-top:1px solid #34455f;margin-top:10px;padding-top:10px}
.ab-builder .ab-rotation-detail footer button{min-height:31px;padding:5px 9px;font-size:11px}
@media(max-width:650px){.ab-builder .ab-rotation-icons{display:none}.ab-builder .ab-rotation-detail footer{align-items:stretch}}

/* Searchable item rolls and a compact, optional live-stat drawer. */
body.premium-page .ab-equipment-compact .ab-affix-search{display:block;width:100%;margin:4px 0 9px;min-height:34px;border-radius:9px}
body.premium-page dialog.ab-equipment-compact.ab-compact-with-stats[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:0;overflow:hidden}
body.premium-page dialog.ab-equipment-compact.ab-compact-with-stats>header{margin:0;position:static}
body.premium-page dialog.ab-equipment-compact.ab-compact-with-stats>header .ab-toggle-live-stats{width:auto;height:auto;min-height:30px;flex-basis:auto;padding:5px 9px;font-size:11px;white-space:nowrap}
body.premium-page dialog.ab-equipment-compact.ab-compact-with-stats>[data-dialog-body]{min-height:0;max-height:none;overflow:auto}
body.premium-page dialog.ab-equipment-compact .ab-compact-live-stats{max-height:min(230px,35dvh);overflow:auto;border-top:1px solid #354764;border-left:0;padding:10px 12px;background:var(--glass-primary)}
body.premium-page dialog.ab-equipment-compact .ab-compact-live-stats .ab-live-totals{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 8px}
body.premium-page dialog.ab-equipment-compact .ab-compact-live-stats .ab-live-totals>div{padding:5px 6px}
body.premium-page dialog.ab-equipment-compact .ab-compact-live-stats .ab-live-totals strong{font-size:14px}
body.premium-page dialog.ab-equipment-compact .ab-compact-live-stats input{min-height:32px;margin:0 0 6px;padding:5px 8px}
body.premium-page dialog.ab-equipment-compact .ab-compact-live-stats [data-live-stat-rows]>div{padding:5px 0}
@media(max-width:480px){body.premium-page dialog.ab-equipment-compact.ab-compact-with-stats>header h2{font-size:14px}body.premium-page dialog.ab-equipment-compact.ab-compact-with-stats>header .ab-toggle-live-stats{font-size:10px}}
body.premium-page .ab-builder .dae-planner .dae-layout{grid-template-columns:minmax(0,740px) minmax(260px,340px)}
@media(max-width:1000px){body.premium-page .ab-builder .dae-planner .dae-layout{grid-template-columns:minmax(0,1fr)}}
