.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:#121d30;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:#1c2d4b}.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:#111e33;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:linear-gradient(140deg,#121b2daa,#0e1421);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:#263355;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:radial-gradient(ellipse at center,#4668b130,transparent 70%)}.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:#192842;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:#0f1829e8;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:#101a2d;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:#101a2d;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:#101318;color:#e8e9ed;overflow:hidden}
.ab-pet-dialog>header{position:relative;top:0;margin:0;padding:18px 22px;background:linear-gradient(110deg,#201a17,#10151f);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:linear-gradient(110deg,#663519,#312219);box-shadow:inset 0 0 0 1px #ab7848}.ab-pet-tabs b{padding:2px 6px;border-radius:8px;background:#ffffff0c;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:#ffffff03;color:#dcdde2}.ab-pet-families small{color:#9197a5;font-size:11px}.ab-pet-families button[aria-pressed=true]{background:#52311c55;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:#0c1016;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:#291d1466;box-shadow:0 0 0 1px #bc7d3930}.ab-pet-art{display:block;position:relative;width:100%;aspect-ratio:1/1.04;background:radial-gradient(at 50% 30%,#28313c,#0c1016);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:#161a22b0;font-size:13px}.ab-pet-card[aria-pressed=true] .ab-pet-check{background:#c87932;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:linear-gradient(#1a1817,#101319);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:#0002;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:#101620}.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:#111927;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:#26344b;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:#c49cf2}.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:#111a2a;overflow-wrap:anywhere}.ab-title-card.is-equipped{border-color:#e5b965;background:linear-gradient(145deg,#31271b,#111a2a)}.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:#121d30;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:#1c2d4b}
.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:#222;border:1px solid #3a3a3a;border-radius:6px;padding:9px;text-align:left}
.ab-genus-families button[aria-pressed=true]{border-color:#65b5e8;background:#1d2832}
.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:#1d1d1f;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:#28282a;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:#29292b;color:#e5e5e8;font-size:13px}
.ab-genus-row button[aria-pressed=true]{background:#40b879;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:radial-gradient(at 50% 40%,#263447,#10151e)}
.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:#172235;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}