@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101310;--panel:#191d18;--line:#343a2e;--text:#e7e9dc;--muted:#969e8b;--accent:#d1e595;--pink:#ec91cb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif;background-image:radial-gradient(ellipse at 90% 0%,#26302188,transparent 45%)}header{height:78px;padding:0 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{color:var(--text);text-decoration:none;font-weight:700;letter-spacing:2px;font-size:15px}.mark{color:var(--accent);font-size:30px;vertical-align:middle;margin-right:13px}.muted{color:var(--muted);font-size:11px;letter-spacing:1px;margin-left:12px}.status{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px}main{max-width:1480px;padding:48px 5% 20px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:43px}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:2.2px;margin:0 0 14px;font-weight:700}h1{font-family:'Barlow Condensed',sans-serif;font-size:64px;line-height:.98;font-weight:600;margin:0;letter-spacing:-1px}.lead{color:var(--muted);font-size:15px;margin:20px 0 0}.seal{width:145px;height:145px;border:1px solid #756579;transform:rotate(4deg);padding:17px;text-align:center;color:var(--pink);position:relative}.seal:after{content:'';position:absolute;inset:5px;border:1px solid #463849;pointer-events:none}.seal span{font-size:9px;letter-spacing:3px}.seal b{display:block;font:44px 'Barlow Condensed',sans-serif;letter-spacing:3px;margin:5px 0}.seal small{color:var(--muted);font-size:11px;line-height:1.6}.layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px}aside{background:var(--panel);border:1px solid var(--line);padding:24px;height:fit-content}h2{font:26px 'Barlow Condensed',sans-serif;margin:0 0 18px}aside h2{font:19px 'Barlow Condensed',sans-serif}aside h2 span{font:10px 'DM Sans',sans-serif;color:var(--accent);margin-right:12px}label{display:block;color:#b4baa8;font-size:11px;margin:17px 0 8px}input,select{width:100%;height:41px;border:1px solid #434a38;background:#11160f;color:var(--text);padding:9px 10px;font:12px 'DM Sans',sans-serif;border-radius:2px}input:focus,select:focus,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:12px 'DM Sans',sans-serif;cursor:pointer}button:disabled{cursor:wait;opacity:.6}.mini{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px;color:var(--muted);font-size:10px}.mini span{padding:5px 6px;background:#242a20}.pair{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.divide{padding-top:22px;border-top:1px solid var(--line);margin:24px 0 2px}details{margin-top:22px}summary{color:var(--muted);cursor:pointer;font-size:11px}.hint{font-size:10px;line-height:1.7;color:var(--muted)}.primary{background:var(--accent);color:#17200f;border:0;padding:15px;width:100%;font-weight:700;margin-top:24px;display:flex;justify-content:space-between}.textbutton{background:none;border:0;color:var(--accent);padding:8px 0;font-size:10px}.available{max-height:220px;overflow:auto;margin-top:8px}.available label{display:flex;align-items:center;gap:7px;margin:2px 0;padding:5px}.available input{width:14px;height:14px;accent-color:var(--pink)}nav{display:flex;border-bottom:1px solid var(--line);gap:5px}nav button{flex:1;border:0;background:transparent;color:var(--muted);padding:16px 8px;border-bottom:2px solid transparent;font-weight:600}nav button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);background:#20281b}nav button:hover{background:#20251d}.resultHeading{margin-top:29px;display:flex;align-items:center;justify-content:space-between;gap:10px}.resultHeading h2{font-size:32px;margin-bottom:0}.resultHeading .eyebrow{margin-bottom:8px}.chip{font-size:9px;letter-spacing:1px;padding:8px 9px;border:1px solid #553e51;color:var(--pink);white-space:nowrap}.description{color:var(--muted);font-size:12px;line-height:1.7;max-width:650px;margin-bottom:24px}.progress{color:var(--accent);font-size:11px;margin:10px 0 20px}.build{border:1px solid var(--line);background:var(--panel);margin-bottom:18px}.build.best{border-top:2px solid var(--accent)}.buildTop{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.buildTop h3{font:23px 'Barlow Condensed',sans-serif;margin:6px 0 0}.rank{font-size:9px;letter-spacing:1.5px;color:var(--accent)}.buildTop small{font-size:10px;color:var(--muted)}.copy{border:1px solid var(--line);color:var(--text);background:none;padding:8px 12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:22px;gap:10px}.metric b{font:32px 'Barlow Condensed',sans-serif;display:block;letter-spacing:.5px}.metric:first-child b{color:var(--accent)}.metric span{font-size:9px;letter-spacing:1px;color:var(--muted)}.arts{padding:0 22px 22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px}.art{padding:12px 10px;background:#11150f;border:1px solid #3a3039;min-height:112px}.gem{width:21px;height:26px;background:linear-gradient(135deg,#ffd6f3,#d579bd 45%,#713c73 46%,#e295d3 80%);clip-path:polygon(50% 0,95% 35%,80% 80%,50% 100%,10% 60%,5% 30%);margin:0 0 10px}.art b{display:block;color:#e9bddc;font-size:11px;line-height:1.5}.art small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.build details{padding:0 22px 18px;margin:0}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin-top:15px}.stat{display:flex;justify-content:space-between;font-size:10px;padding:7px 0;border-bottom:1px solid #2b3224;gap:9px}.stat span{color:var(--muted)}.safe{padding:12px 22px;background:#20281b;color:var(--accent);font-size:10px}.method{padding:20px;border:1px solid var(--line);line-height:1.8;font-size:11px;color:var(--muted)}.method a{color:var(--accent)}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:45px;padding-top:22px;font-size:9px;letter-spacing:1.2px;color:var(--muted)}.empty{padding:40px 24px;border:1px dashed var(--line);color:var(--muted);line-height:1.8}@media(max-width:1000px){.layout{grid-template-columns:260px minmax(0,1fr);gap:20px}.chip{display:none}.metrics{grid-template-columns:repeat(2,1fr)}main{padding:30px 4%}.status{display:none}}@media(max-width:720px){.layout{grid-template-columns:1fr}h1{font-size:49px}.seal{width:110px;height:130px;padding:12px}.seal b{font-size:34px}.lead{max-width:240px;line-height:1.6}.intro{gap:15px}.brand .muted{display:block;margin:4px 0 0 45px;font-size:9px}.stats{grid-template-columns:1fr}footer{flex-direction:column}.arts{grid-template-columns:repeat(3,1fr)}aside{padding:20px}.resultHeading h2{font-size:30px}}

.infectionBalance{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:14px 22px;border-top:1px solid var(--line);background:#131811}.infectionBalance span{color:var(--muted);font-size:10px}.infectionBalance b{display:block;color:var(--accent);font-size:11px;margin-top:5px}
.layout{grid-template-columns:350px minmax(0,1fr)}.metrics{grid-template-columns:repeat(3,1fr)}.metric .target{display:block;color:var(--muted);font-size:9px;margin-top:7px}.rangeField{padding-bottom:10px;border-bottom:1px solid #2c3427}.rangeField h3{font-size:12px;color:var(--text);margin:17px 0 4px}.rangeField label{font-size:9px;margin:6px 0 7px}.rangeField .pair{grid-template-columns:1fr 1fr}.checkrow{display:flex;align-items:center;gap:10px;color:var(--text);font-size:12px}.checkrow input{width:16px;height:16px;accent-color:var(--accent)}.modelNote{display:flex;flex-direction:column;gap:7px;border-left:2px solid var(--accent);padding:12px 16px;background:#20271b;font-size:11px;margin:20px 0}.modelNote span{color:var(--muted);font-size:10px}.workspace>.resultHeading{margin-top:0}.miss b{color:#eeb178!important}.misses{padding:12px 22px;margin:0 22px 18px;border-left:2px solid #d9a768;background:#30281b;color:#e6bc8b;font-size:11px;line-height:1.9}.near{border-top:2px solid #d9a768}.near .rank{color:#eeb178}.bonuses{color:#bb92ae;font-size:9px;border-top:1px solid #3a3039;margin-top:9px;padding-top:7px;line-height:1.7}.smallHeading{font-size:12px;font-weight:600;color:var(--text)}.stale{opacity:.5}.arts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media(max-width:1100px){.layout{grid-template-columns:300px minmax(0,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.layout{grid-template-columns:1fr}.arts{grid-template-columns:repeat(2,1fr)}}
.costBox{display:flex;justify-content:space-between;gap:18px;padding:18px 22px;background:#222a1c;border-top:1px solid #39472d}.costBox span{font-size:9px;letter-spacing:1.3px;color:var(--muted)}.costBox b{display:block;font-size:18px;color:var(--accent);margin:5px 0}.costBox>div+div b{font-size:12px}.costBox small{font-size:10px;color:var(--muted);line-height:1.7}.priceCaveat{padding:0 22px;font-size:9px;color:var(--muted);line-height:1.8}.artifactPrice{color:var(--accent)!important}.buildActions{display:flex;gap:8px;flex-wrap:wrap}.marketBar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:20px}.marketBar b{font-size:12px}.marketBar .hint{margin-bottom:0}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);width:min(950px,95vw);max-height:90vh;overflow:auto;padding:25px}dialog::backdrop{background:#050905cc;backdrop-filter:blur(4px)}.dialogTop{display:flex;align-items:center;justify-content:space-between}.dialogTop h2{margin:0}.editRow{display:grid;grid-template-columns:1.25fr 1.5fr 1fr .8fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.editRow label{margin:0 0 6px}.editRow b{font-size:12px;color:var(--pink)}.editRow small{display:block;font-size:10px;color:var(--accent);margin-top:7px}.dialogActions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#saveEdit{background:var(--accent);color:#17200f}.editVerdict{padding:14px 0;color:var(--accent);font-size:12px}.invalid,.overLimit b{color:#ee9a8d!important}@media(max-width:700px){.editRow{grid-template-columns:1fr 1fr}.costBox,.marketBar{flex-wrap:wrap}.buildTop{align-items:flex-start;gap:12px}.dialogActions{flex-wrap:wrap}}
.excludePicker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.excludedChips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.excludedChip{border:1px solid #694858;background:#30232a;color:#efbbd9;padding:6px 9px;font-size:10px}.excludeFromCard{display:block;margin-top:10px;padding:5px 0;background:none;border:0;border-top:1px solid #3a3039;width:100%;text-align:left;color:var(--muted);font-size:9px}.excludeFromCard:hover{color:var(--pink)}#available{border:1px solid var(--line);padding:4px;max-height:200px}
[hidden]{display:none!important}.workspaceTabs{margin-bottom:28px;justify-content:flex-start}.workspaceTabs button{flex:0 1 230px}.ownedForm{display:grid;grid-template-columns:2fr 1.7fr .8fr .8fr auto;gap:15px;align-items:end;background:var(--panel);border:1px solid var(--line);padding:22px;margin-top:25px}.ownedForm label{margin-top:0}.ownedForm button{height:41px}.ownedRow{display:grid;grid-template-columns:2fr 1.7fr .5fr 1fr auto;gap:16px;align-items:center;padding:17px 20px;background:var(--panel);border:1px solid var(--line);margin-bottom:9px;font-size:12px}.ownedRow label{font-size:10px;margin:0 0 5px}.rarityBadge{border:1px solid;padding:6px 9px;width:fit-content;font-size:11px}.costBox{flex-wrap:wrap}.costBox>div{flex:1;min-width:140px}@media(max-width:760px){.ownedForm,.ownedRow{grid-template-columns:1fr 1fr}.ownedRow>b{grid-column:1/-1}}
.rarityRule{width:100%;padding:12px;background:#22251d;border:1px solid var(--line)}.rarityRule>b{display:block;color:var(--pink);font-size:12px;margin-bottom:8px}.rarityRule details{margin-top:10px}.rarityRule label{display:flex;gap:8px;align-items:center;font-size:10px;margin:9px 0}.rarityRule input{width:14px;height:14px;accent-color:var(--pink)}#available small{font-size:9px;color:var(--muted);margin-left:auto}
.resultSort{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:18px 0}.resultSort label{margin:0;white-space:nowrap}.resultSort select{max-width:360px}@media(max-width:600px){.resultSort{flex-direction:column;align-items:stretch}.resultSort select{max-width:none}}
.ownedForm{grid-template-columns:1.8fr 1.5fr 1fr .7fr .7fr auto}.ownedRow{grid-template-columns:1.7fr 1.5fr .5fr 1fr .7fr auto}@media(max-width:900px){.ownedForm,.ownedRow{grid-template-columns:1fr 1fr}.ownedRow>b{grid-column:1/-1}}
/* Charcoal interface with rarity-led color */
:root{--bg:#08090e;--panel:#11131c;--line:#292d40;--text:#f2f3fa;--muted:#9198b2;--accent:#93b6ff;--pink:#ff7ed5;color-scheme:dark}body{background:#08090e;background-image:radial-gradient(ellipse at 100% 0%,#301f4d55,transparent 40%),radial-gradient(ellipse at 0% 55%,#13234c44,transparent 40%)}header{background:#0b0d14e8}aside,.build,.ownedForm,.ownedRow,dialog{background:linear-gradient(145deg,#141722,#0f1119);border-radius:12px;box-shadow:0 12px 35px #0003}aside{border-color:#30364b}input,select{background:#080b13;border-color:#363c55;border-radius:6px;color:#eef0ff}.primary,#saveEdit{background:linear-gradient(100deg,#8dafff,#c39aff);color:#0b1020;border-radius:7px}.copy{border-radius:6px;background:#171b2a;border-color:#3c4563}.copy:hover{background:#242b42}.seal{background:#1e112b55;border-color:#ab4d8d;box-shadow:0 0 45px #c3459f18}.seal:after{border-color:#4c2854}.mini span{background:#202538;border-radius:4px}.divide,.rangeField{border-color:#292e42}.chip{background:#271329;border-color:#63334e;color:#ff9bdc}.modelNote{background:#151c2c;border-radius:0 8px 8px 0}.best{border-top-color:#93b6ff}.art{background:#090c13;border-color:#34334d;border-radius:8px}.art b{text-shadow:0 0 16px currentColor}.bonuses{color:#c2acd2;border-color:#343049}.costBox{background:#171c2b;border-color:#303b57}.safe{background:#131c2b;color:#a5c3ff}.infectionBalance{background:#0c101a;border-color:#2b3349}.stats .stat{border-color:#293044}.rarityRule{background:#151827;border-color:#383d56;border-radius:8px}.excludedChip{background:#28162b}.method{background:#0e111b;border-radius:10px}.empty{background:#111521;border-color:#434b68;border-radius:10px}.workspaceTabs button[aria-selected=true]{background:#1c243b;color:#aec8ff}.ownedRow .rarityBadge{background:#ffffff08;box-shadow:0 0 18px #0005;border-radius:5px}.progress{color:#afcaff}.target{line-height:1.6}h1{letter-spacing:0}.resultSort{padding:14px 16px;background:#121623;border:1px solid #2c344c;border-radius:9px}
.valueRecommended{border:1px solid #b9a0ff!important;border-top:3px solid #c4a9ff!important;box-shadow:0 0 32px #8364db22}.valueRecommended .rank{color:#d5bdff}.valueReason{padding:16px 22px;background:linear-gradient(100deg,#241c39,#151b2c);border-bottom:1px solid #493a67}.valueReason b{font-size:12px;color:#dfd1ff}.valueReason p{font-size:10px;line-height:1.8;color:#b1a9c6;margin:8px 0 0}
/* Basic interface */
body{background:#101115;background-image:none;font-family:Arial,sans-serif}main{max-width:1400px;padding:24px}h1{font:600 26px Arial,sans-serif;margin:0 0 22px}h2{font:600 20px Arial,sans-serif}aside h2,.buildTop h3,.resultHeading h2{font:600 17px Arial,sans-serif}aside,.build,.ownedForm,.ownedRow,dialog,.method,.resultSort,.art,.rarityRule,.empty{background:#191b21;border-radius:4px;box-shadow:none}.gem,.eyebrow{display:none}.art b{text-shadow:none}.primary,#saveEdit{background:#9bbaf5}.valueRecommended{border:1px solid #829fd0!important;border-top:2px solid #829fd0!important;box-shadow:none}.valueReason{background:#202735;padding:10px 20px}.valueReason b{color:var(--text);font-weight:400}.metric b{font:600 24px Arial,sans-serif}.rank{font-size:11px;letter-spacing:0}.costBox{background:#20242d}.intro,.seal,.mark,.status{display:none}.workspaceTabs{margin-bottom:20px}.copy{border-radius:3px}.description{margin-top:8px}.buildTop{padding:15px 20px}
.workspaceTabs{flex-wrap:wrap;gap:8px}.collectionEditor label,#savedEditorFields>label{display:block;margin:10px 0}#savedEditor{width:min(1100px,94vw);max-height:90vh;overflow:auto}#savedEditor .ownedForm{margin:12px 0;padding:12px;align-items:start}#savedEditor .ownedForm label{min-width:110px}#savedEditorSummary{padding:12px;background:#20242d;line-height:1.7}#savedPanel,#accountPanel{max-width:1120px;margin:auto}#savedPanel .hint,#accountPanel .hint{padding:12px}#savedEditor input[type=checkbox]{width:auto}#inventoryEquipment{margin-bottom:20px}
.priorityRow{display:flex;gap:7px;align-items:center;padding:10px 7px;border:1px solid #343842;background:#202229;margin-bottom:6px;cursor:grab}.priorityName{flex:1;font-size:12px}.priorityRow label{display:flex;align-items:center;gap:4px;margin:0;font-size:11px;white-space:nowrap}.priorityRow input{width:auto;margin:0}.priorityRow .copy{padding:5px 7px}.priorityRow.ignored .priorityName{opacity:.45;text-decoration:line-through}
/* Compact calculator layout */
:root{--panel:#111416;--line:#292d31;--text:#d9dadd;--muted:#92979d;--accent:#73b4ff}body{background:#080b0c;color:var(--text)}aside,.build,.ownedForm,.ownedRow,.method,.resultSort,.rarityRule,.empty,dialog{background:#111416;border-color:#292d31;border-radius:3px}input,select{background:#191c20;border-color:#30353b;color:#e3e5e8}h1{font-size:23px}h2,h3{font-weight:500}.art{border:1px solid var(--rarity,#30353b);background:color-mix(in srgb,var(--rarity,#777) 6%,#111416);border-radius:3px;padding:10px}.art b{font-size:14px}.art small{font-size:12px}.bonuses{color:#a4a8ae}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 18px;padding:14px 20px}.metric{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;border:0;padding:6px 0;gap:5px}.metric b{font-size:18px;order:2}.metric>span{font-size:11px;letter-spacing:0;order:1}.metric .target{flex-basis:100%;order:3;font-size:10px}.costBox{background:#15191c}.buildTop{border-bottom:1px solid #292d31}.primary,#saveEdit{background:#386e9d;color:white}.workspaceTabs button[aria-selected=true]{background:#23313e;color:#8fc6ff}.upgradeLayout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(330px,1.2fr) minmax(270px,1fr);gap:16px;align-items:start}.upgradeBox{background:#111416;border:1px solid #292d31;padding:16px;border-radius:3px}.upgradeBox h3{margin:0 0 14px}.upgradeSlot{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:11px;margin:7px 0;border:1px solid var(--rarity);color:var(--rarity);background:color-mix(in srgb,var(--rarity) 8%,#111416);text-align:left}.upgradeSlot b{font-weight:400}.upgradeSlot span{font-size:11px}.upgradeSlot.selected{box-shadow:inset 3px 0 var(--rarity)}.upgradeStat{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:5px 0}.upgradeStat b{font-weight:400}.upgradeBox h4{color:#858b90;font-size:11px;text-transform:uppercase;margin:18px 0 8px}.positive{color:#65c76a}.negative{color:#ee7777}.upgradeComparison{margin:20px 0;border-top:1px solid #30353b;padding-top:14px}.upgradeDeltas{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:12px;margin:12px 0}#upgradeFormHost .ownedForm{display:block;margin:15px 0;padding:12px}#upgradeFormHost .ownedForm>label{display:block;margin:9px 0}#upgradeFormHost .checkrow{margin:5px 0}#upgradeFormHost #savedEditorSummary{display:none}#upgradeResults .hint{padding:10px}#upgradePanel{max-width:1400px;margin:auto}#upgradeSlots{margin:18px 0}@media(max-width:1000px){.upgradeLayout{grid-template-columns:1fr 1fr}.upgradeLayout>.upgradeBox:last-child{grid-column:1/-1}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.upgradeLayout{grid-template-columns:1fr}.upgradeLayout>.upgradeBox:last-child{grid-column:auto}.metrics{grid-template-columns:1fr}.upgradeStat{font-size:12px}}

.rarityLabel{display:inline-block;font-size:11px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:2px}
.upgradeChangeSummary{background:#14191c;border:1px solid #2d353c;margin:12px 0;padding:12px;font-size:13px;line-height:1.7}.upgradeChangeSummary ul{margin:8px 0;padding-left:20px}.upgradeChangeSummary small{display:block;color:#969ea6}.upgradeChangeSummary .hint{padding:0!important;margin:8px 0 0}
/* STALZONE LABS / concept 01: midnight field kitchen */
:root{--bg:#0a0d0e;--panel:#111719;--line:#303a3b;--text:#e7e5dc;--muted:#929c9a;--accent:#efb65d;--pink:#ec91cb}html{scroll-behavior:smooth}body{background-color:#080c0d;background-image:radial-gradient(ellipse at 7% 0%,#96602125,transparent 37%),radial-gradient(ellipse at 98% 20%,#1b6f6425,transparent 42%),linear-gradient(130deg,#101715aa,#080c0d 60%);font-family:'DM Sans',Arial,sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#c7c9ad05 1px,transparent 1px),linear-gradient(90deg,#c7c9ad05 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(black,transparent 90%)}main{max-width:1720px;padding:28px 38px 70px;margin:auto}.labsMasthead{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px;border-bottom:1px solid #77795b40;position:relative}.labsMasthead:after{content:'';position:absolute;width:130px;height:3px;background:repeating-linear-gradient(120deg,#ecb763 0 10px,transparent 10px 17px);bottom:-2px;left:0}.labsIdentity{display:flex;align-items:center;gap:22px}.labsLogo{width:132px;height:142px;object-fit:contain;filter:drop-shadow(0 6px 22px #0009)}.labsKicker{font:10px 'DM Sans',sans-serif;letter-spacing:3.3px;color:#b6b4a1}.labsMasthead h1{font:700 clamp(29px,3.5vw,52px)/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:2px;margin:7px 0 8px;color:#eee9db}.labsMasthead h1 span{color:#edb260;margin-left:5px}.labsMasthead p{font-size:12px;color:#8f9e98;margin:0}.labsEdition{display:flex;flex-direction:column;gap:8px;text-align:right;font-size:10px;letter-spacing:1.7px;color:#84928c}.labsEdition b{color:#c2bda8;font-weight:400}.dataTools{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px;margin:13px 0 9px}.dataTools button{font-size:10px;padding:6px 11px}.dataTools #storageStatus{font-size:10px;color:#84928c;padding-left:8px}.workspaceTabs{display:flex;gap:6px;border-bottom:1px solid #34413c;margin:0 0 25px;padding:0 0 10px;background:transparent}.workspaceTabs button{flex:0 1 auto;min-width:125px;background:transparent;border:1px solid transparent;border-radius:4px;color:#a4b0aa;padding:13px 19px;font-size:12px;letter-spacing:.2px}.workspaceTabs button:hover{background:#ffffff06;border-color:#3b4840}.workspaceTabs button[aria-selected=true]{background:#efb65d13;color:#f4c47b;border-color:#af87513f;box-shadow:inset 0 -2px #dda959}.layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:26px;align-items:start}.layout>aside{background:linear-gradient(150deg,#18201cee,#0e1516f5);border:1px solid #4d5c4c66;border-radius:8px;padding:22px;box-shadow:0 12px 40px #0003}aside h2{font-size:17px;letter-spacing:.2px;color:#ece8db}aside .divide{border-color:#5c664935;margin-top:25px;padding-top:23px}aside label{font-size:11px;color:#bec5bb;line-height:1.5}.controlGroup{border:0;border-bottom:1px solid #5c664935;margin:0 0 18px;padding:0 0 18px}.controlGroup>summary{font-size:15px;cursor:pointer;color:#dedccf;list-style:none;display:flex;align-items:center;justify-content:space-between;font-weight:500}.controlGroup>summary:after{content:'+';color:#dcb576;font-size:18px;font-weight:400}.controlGroup[open]>summary:after{content:'−'}.controlGroup[open]>summary{margin-bottom:17px}.controlGroup summary::-webkit-details-marker{display:none}.controlGroup h2{font-size:14px}.hint{font-size:11px;line-height:1.65;color:#8f9b95}input,select{background:#080e10cc;border:1px solid #414f4566;border-radius:5px;min-height:38px;color:#dce4dd;padding:10px 11px;box-shadow:inset 0 1px 3px #0003;font-family:inherit}input:focus,select:focus{outline:1px solid #d3ab62;border-color:#d3ab62;box-shadow:0 0 0 3px #d3ab6210}input::placeholder{color:#586a60}input[type=checkbox]{accent-color:#d8b16c;min-height:0}.checkrow{gap:9px;align-items:center}.rangeField{border-color:#5c66492a;padding:13px 0}.rangeField h3{font-size:12px;color:#d3dacd;margin:0 0 8px}.pair{gap:12px}.pair label{font-size:10px;color:#8b988d}.pair input{font-variant-numeric:tabular-nums;font-size:13px}.primary,#saveEdit{background:linear-gradient(115deg,#ecc17e,#d99f4f);color:#242519;border:1px solid #edc589;border-radius:5px;font-weight:700;font-size:13px;box-shadow:0 6px 18px #bd842018}.primary:hover{background:#f5ce8e}#run{margin-top:20px;min-height:48px;letter-spacing:.2px}.copy{background:#1a2420;border:1px solid #42544480;border-radius:4px;color:#bdc7bb;font-size:11px}.copy:hover{background:#29372c;border-color:#aa9b65;color:#eed7aa}.copy:disabled{opacity:.35}.resultHeading{margin:0 0 14px}.resultHeading h2{font:500 23px 'Barlow Condensed',sans-serif;letter-spacing:.7px;color:#e0e3d4}.sectionDot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d1ae6e;margin:0 0 5px 8px;box-shadow:0 0 12px #d1ae6e55}.marketBar{border:1px solid #46584a50;border-radius:6px;background:#121b17a8;padding:14px 17px;gap:14px;margin-bottom:13px;align-items:center}.marketBar>div:first-child{flex:1;min-width:180px}.marketBar b{font-size:12px;color:#d2d6c9}.marketBar .hint{font-size:10px;color:#829688}.marketBar label{font-size:10px;color:#8fa08f}.marketBar select{min-width:150px}.marketBar .checkrow{margin:7px 0 0}.marketBar .copy{background:#253128;color:#e2c58e}.resultSort{display:flex;align-items:center;justify-content:space-between;gap:14px;background:transparent;border:0;border-bottom:1px solid #46584a55;padding:7px 0 16px;border-radius:0}.resultSort label{font-size:11px;color:#94a18f}.resultSort select{width:auto;min-width:240px}.progress{font-size:11px;color:#d0b47c;margin:12px 0 18px}.build{background:linear-gradient(145deg,#151e1bee,#101617f5);border:1px solid #4b5a4c65;border-top:1px solid #68765390;border-radius:7px;overflow:hidden;margin-bottom:23px;box-shadow:0 14px 35px #0002}.build.valueRecommended{border:1px solid #c0995f75!important;border-top:2px solid #d7af6c!important;box-shadow:0 8px 32px #b4841d0a}.buildTop{background:#17201ad9;border-color:#46544355;padding:16px 20px}.buildTop h3{font:500 21px 'Barlow Condensed',sans-serif;color:#e3e5d5;letter-spacing:.3px;margin:4px 0 5px}.buildTop small{font-size:10px;color:#7e9381}.rank{font-size:9px;letter-spacing:1.1px;color:#8da184}.valueRecommended .rank{color:#e7bd78}.valueReason{background:#b98a3610;border-color:#b98a362b;padding:9px 20px}.valueReason b{font-size:11px;color:#b5bba0}.metrics{padding:14px 20px;gap:7px 24px;background:#1018195c}.metric{padding:6px 0;border-bottom:1px solid #9dbd8b08}.metric b{font-size:19px;font-weight:600;color:#dce6d7;font-variant-numeric:tabular-nums}.metric:first-child b{color:#eac27e;font-size:23px}.metric>span{font-size:9px;letter-spacing:.8px;color:#a0ad9b}.metric .target{font-size:9px;color:#6f8676}.costBox{background:#1a241d70;border-color:#4e5f4e44;padding:13px 20px}.costBox span{color:#7e9584;font-size:9px;letter-spacing:1px}.costBox b{font-size:17px;color:#cbb17d}.costBox small{color:#6c8376;font-size:9px}.arts{padding:18px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px}.art{border:1px solid color-mix(in srgb,var(--rarity,#777) 65%,transparent);border-top:2px solid var(--rarity,#777);border-radius:4px;background:linear-gradient(145deg,color-mix(in srgb,var(--rarity,#777) 7%,#141b18),#101716);padding:12px 11px;box-shadow:inset 0 0 20px #0001}.art b{font-size:13px}.art small{font-size:11px;color:#929e91;line-height:1.7}.art .artifactPrice{color:#ceb98b!important}.art .rarityLabel{border:0;font-size:10px}.art .bonuses{font-size:9px;color:#718776;border-color:#6a79532e;padding-top:7px;line-height:1.6}.excludeFromCard{font-size:9px!important;color:#6e8975!important;background:transparent!important;border:0!important;border-top:1px solid #56674b2b!important;padding:7px 0!important}.excludeFromCard:hover{color:#e1bc80!important}.infectionBalance{background:#0c1512;border-color:#475b4650;padding:9px 20px}.infectionBalance span{font-size:9px;color:#688372}.infectionBalance b{color:#99b292}.safe{background:transparent;color:#7e9e7d;font-size:10px;padding:8px 20px}.build>details{border-color:#334a3c55;padding:10px 20px;font-size:10px;color:#8ea58b}.method{background:transparent;border:1px solid #35463566;border-radius:5px;color:#7f9584}.method summary{color:#a7b396;font-size:11px}.priorityRow{background:#0c1411;border-color:#42523b66;border-radius:4px;gap:5px;padding:9px 6px}.priorityName{font-size:11px;color:#b9c7ac}.priorityRow .copy{padding:4px 7px;min-height:26px}.priorityRow label{font-size:9px}.mini span{background:#253022;color:#a6b69b;border-radius:3px;font-size:10px}.chip,.excludedChip{background:#453126;border-color:#765338;color:#e3b58d}.workspace{min-width:0}.ownedForm,.ownedRow,.upgradeBox{background:linear-gradient(140deg,#15201aaa,#101819);border-color:#49604660;border-radius:6px}.ownedRow{padding:15px}.ownedForm{padding:20px}.ownedRow .rarityBadge{background:#ffffff04;border-radius:3px}.upgradeSlot{border-radius:4px}.upgradeStat span{color:#a6b2a0}.upgradeStat b{font-variant-numeric:tabular-nums}.upgradeChangeSummary{background:#17231b;border-color:#4d614655;border-radius:5px}.upgradeComparison>b{color:#dbb579}.positive{color:#8bbf79}.negative{color:#e6927d}#savedPanel>h2,#ownedPanel h2,#upgradePanel>h2,#accountPanel>h2{font-family:'Barlow Condensed',sans-serif;font-size:25px;letter-spacing:.5px;color:#dedfc9}dialog{background:#101a15;border-color:#66754f;border-radius:7px}.dialogTop h2{color:#e7ce9c}.empty{background:#12201990;border-color:#50614188;color:#b1bba4}.available{border-color:#465a4066}.available label:hover{background:#263323}.rarityRule{background:#152017;border-color:#42573d66}.textbutton{color:#c4b285}.upgradeBox .primary{margin-top:14px}#upgradePanel .upgradeLayout{gap:18px}#upgradePanel .upgradeBox{padding:20px}button,summary,input,select{transition:background-color .15s,border-color .15s,color .15s}@media(min-width:1250px){.marketBar>div:nth-child(2){display:flex;align-items:center;gap:9px;flex-wrap:wrap;max-width:360px}}@media(max-width:1050px){main{padding:22px}.layout{grid-template-columns:300px minmax(0,1fr);gap:18px}.layout>aside{padding:17px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}.arts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.marketBar{flex-wrap:wrap}.labsLogo{width:108px;height:120px}.labsEdition{display:none}}@media(max-width:760px){main{padding:14px 12px 40px}.labsMasthead{padding-bottom:15px}.labsIdentity{gap:10px}.labsLogo{width:85px;height:100px}.labsKicker{font-size:8px;letter-spacing:2px}.labsMasthead h1{font-size:32px}.labsMasthead p{font-size:10px}.dataTools{justify-content:flex-start}.dataTools #storageStatus{flex-basis:100%;padding:0}.workspaceTabs{gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:8px}.workspaceTabs button{white-space:nowrap;min-width:110px;padding:11px 12px}.layout{grid-template-columns:1fr;gap:22px}.layout>aside{padding:19px}.resultSort{align-items:flex-start}.resultSort select{min-width:0;width:65%}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 15px}.arts{padding:15px;grid-template-columns:repeat(2,minmax(0,1fr))}.buildTop{padding:13px 15px;flex-wrap:wrap}.metric b{font-size:17px}.metric:first-child b{font-size:21px}.costBox{padding:12px 15px}.art{min-width:0}.art b{overflow-wrap:anywhere}.marketBar{padding:12px}.labsEdition{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,summary,input,select{transition:none}}
.ownedCategoryTabs{display:flex;gap:7px;padding:0 0 14px;border-bottom:1px solid #46584a55;margin:0 0 22px;overflow-x:auto}.ownedCategoryTabs button{white-space:nowrap;padding:11px 18px;background:#101914;border:1px solid #42544466;color:#9daa99;border-radius:5px;font:500 12px 'DM Sans',Arial,sans-serif;cursor:pointer}.ownedCategoryTabs button[aria-selected=true]{color:#f0c483;background:#efb65d13;border-color:#c19a5d80;box-shadow:inset 0 -2px #d5a866}.ownedCategoryTabs button:hover{border-color:#b49560}.ownedCategoryTabs button:focus-visible{outline:2px solid #d3ab62;outline-offset:2px}.ownedArmorForm{grid-template-columns:minmax(180px,1fr) 140px auto}.ownedContainerForm{grid-template-columns:minmax(200px,1fr) auto}.ownedCategoryList{margin-top:20px}.ownedEquipmentRow{grid-template-columns:1fr auto}.ownedEquipmentRow small{color:#dfbc81;margin-left:12px}.ownedCategoryList .empty{padding:24px;font-size:12px}@media(max-width:650px){.ownedCategoryTabs button{padding:10px 12px;font-size:11px}.ownedArmorForm,.ownedContainerForm{grid-template-columns:1fr}.ownedCategoryList .ownedEquipmentRow{grid-template-columns:1fr auto}}

#buildNameDialog{width:min(440px,calc(100vw - 40px))}#buildNameForm{display:grid;gap:14px}#buildNameInput{width:100%;box-sizing:border-box}

.labsMasthead:after{content:none}.resultSort{justify-content:flex-end}.resultSort label{margin:0}.resultSort select{flex:0 1 240px}@media(max-width:760px){.resultSort{align-items:center}.resultSort select{width:auto;max-width:65%}}

.accountOverview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 28px}.accountSummaryCard,.accountLookup{background:#121b17a8;border:1px solid #46584a60;border-radius:6px;padding:20px}.accountSummaryCard span{display:block;color:var(--muted);font-size:12px;margin-bottom:12px}.accountSummaryCard b{font-size:23px;color:#e7bd78}.accountOverview>.hint{grid-column:1/-1;margin:0}.accountLookup form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.accountLookup form>div:nth-child(2){flex:1;min-width:180px}.accountLookup button{min-height:41px}.accountBuildHeading{margin-top:35px}.profileStats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}@media(max-width:700px){.accountOverview{grid-template-columns:repeat(2,minmax(0,1fr))}.accountSummaryCard{padding:14px}.accountSummaryCard b{font-size:18px}.profileStats{grid-template-columns:1fr}}

.profileStats .upgradeStat{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:9px 0;border-bottom:1px solid #46584a40}.profileStats .upgradeStat b{text-align:right;overflow-wrap:anywhere}.playerStatGroup{padding:12px 0;border-top:1px solid #46584a40}.playerStatGroup summary{font-size:13px}.playerStatGroup .profileStats{margin-top:12px}

.accountLookup{padding:0;overflow:hidden;background:linear-gradient(125deg,#172421,#0b1214 65%);border:1px solid #47635b80;box-shadow:0 18px 48px #0003}.accountLookup>h3{font:500 24px 'Barlow Condensed',sans-serif;margin:0;padding:22px 26px 0;color:#e0e9de}.accountLookup form{padding:0 26px 20px;gap:14px}.accountLookup form>div:first-child{width:100px}.accountLookup form input{background:#071010}.accountLookup form button{background:#d8b06a;color:#19211e;border-color:#e8c889;font-weight:600;padding:10px 18px}.accountLookup form button:hover{background:#edc889}.accountLookup>#playerLookupStatus{margin:0;padding:0 26px 18px;font-size:10px;color:#849d96}#playerProfile:empty{display:none}.playerHero{display:flex;align-items:center;gap:22px;padding:30px 28px;position:relative;isolation:isolate;overflow:hidden;border-top:1px solid #56776855;border-bottom:1px solid #56776855;background:radial-gradient(ellipse at 90% 30%,#a5863833,transparent 60%),linear-gradient(115deg,#1e3530,#142320 60%,#161d19)}.playerHero:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(120deg,transparent 0 45px,#b0cfaa05 45px 46px)}.playerMonogram{width:90px;height:100px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(150deg,#d4bd78,#718f80);color:#13221e;font:700 33px 'Barlow Condensed',sans-serif;letter-spacing:2px;clip-path:polygon(20% 0,80% 0,100% 20%,100% 75%,50% 100%,0 75%,0 20%)}.playerIdentity{min-width:0}.playerBadges{display:flex;gap:7px;flex-wrap:wrap}.playerBadges>span{font-size:10px;letter-spacing:1px;padding:4px 8px;border:1px solid #b6c9ad45;border-radius:3px;color:#b2cbbf;background:#07151150}.playerBadges>.factionBadge{border-color:#d7b76c55;color:#e5c982}.playerNameLabel{font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:#92a99c;margin:16px 0 5px}.playerIdentity h3{font:600 clamp(28px,4vw,42px)/1.1 'Barlow Condensed',sans-serif;letter-spacing:.5px;margin:0;color:#f2eddb;overflow-wrap:anywhere}.playerClan{margin:9px 0 0;font-size:12px;color:#b2c5b3}.playerHeroDecoration{margin-left:auto;display:flex;align-items:flex-end;gap:7px;opacity:.25;transform:skew(-18deg)}.playerHeroDecoration i{display:block;width:18px;height:54px;background:#b4caa3}.playerHeroDecoration i:nth-child(2){height:76px}.playerHeroDecoration i:nth-child(3){height:98px}.playerHighlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#526b5e33;border-bottom:1px solid #526b5e33}.playerHighlight{--tone:#cead6c;position:relative;padding:24px;background:#101b1b;min-width:0}.playerHighlight:before{content:'';position:absolute;top:0;left:24px;width:32px;height:2px;background:var(--tone)}.playerHighlight.ember{--tone:#ecad85}.playerHighlight.teal{--tone:#8dcbb8}.playerHighlight.violet{--tone:#c2a0dc}.playerHighlight span{font-size:10px;color:#93a69c;display:block;min-height:25px}.playerHighlight b{display:block;color:var(--tone);font:600 clamp(20px,2.4vw,30px) 'Barlow Condensed',sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.playerOverview{padding:24px 26px}.playerOverview h4{font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:#ccb989;margin:0 0 12px}.playerOverview .profileStats{gap:0 32px}.accountLookup .profileStats .upgradeStat{padding:12px 0;border-color:#69806a25}.accountLookup .profileStats .upgradeStat span{font-size:12px;color:#8fa89a}.accountLookup .profileStats .upgradeStat b{font-size:12px;color:#d1dfcf;font-weight:500}.playerDetails{padding:0 26px 22px}.playerDetails .playerStatGroup{margin:8px 0 0;border:1px solid #55746244;border-radius:5px;padding:0;background:#0a15143d}.playerStatGroup>summary{padding:15px 16px;display:flex;align-items:center;gap:12px;list-style:none;color:#c1d1bd}.playerStatGroup>summary:before{content:'+';font-size:18px;color:#bdab7e;min-width:12px}.playerStatGroup[open]>summary:before{content:'−'}.playerStatGroup summary::-webkit-details-marker{display:none}.playerStatGroup summary small{margin-left:auto;color:#738c7d;font-size:10px}.playerStatGroup>.profileStats{padding:0 16px 15px;margin-top:0}.playerStatGroup[open]{border-color:#8fa16b66}.playerStatGroup>summary:hover{background:#bed4a807}@media(max-width:850px){.playerHighlights{grid-template-columns:repeat(2,minmax(0,1fr))}.playerHighlight{padding:20px 24px}.playerHighlight b{font-size:27px}}@media(max-width:550px){.accountLookup>h3{padding:20px 18px 0}.accountLookup form{padding:0 18px 18px}.accountLookup>#playerLookupStatus{padding:0 18px 16px}.playerHero{padding:24px 18px;gap:15px}.playerMonogram{width:65px;height:76px;font-size:26px}.playerHeroDecoration{display:none}.playerOverview{padding:20px 18px}.playerDetails{padding:0 18px 18px}.playerHighlight{padding:18px}.playerHighlight:before{left:18px}.playerOverview .profileStats{grid-template-columns:1fr}.accountLookup form button{width:100%}}

.playerFactionEmblem{width:90px;height:100px;flex-shrink:0;display:grid;place-items:center}.playerFactionEmblem img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 10px #0007)}@media(max-width:550px){.playerFactionEmblem{width:65px;height:76px}}


/* Let every workspace use the available desktop width. */
main{max-width:none;width:100%;padding-left:clamp(18px,2vw,40px);padding-right:clamp(18px,2vw,40px)}#accountPanel,#savedPanel,#upgradePanel{max-width:none;width:100%;margin:0}.playerOverview .profileStats{grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:1700px){.accountOverview{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1100px){.playerOverview .profileStats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){main{padding-left:14px;padding-right:14px}.playerOverview .profileStats{grid-template-columns:1fr}}

.itemImage{display:inline-block;object-fit:contain;flex-shrink:0;vertical-align:middle;filter:drop-shadow(0 3px 5px #0006)}.artifactImage{display:block;width:72px;height:72px;margin:0 auto 12px}.inventoryImage{width:54px;height:54px;margin-right:12px}.ownedItemName{display:flex;align-items:center;gap:4px;min-width:0}.ownedItemName small{white-space:nowrap}.slotImage{width:38px;height:38px;margin-right:8px}.upgradeSlot{align-items:center}.upgradeSlot b{flex:1}.selectedItemImage{display:block;width:110px;height:110px;margin:0 auto 16px}.buildEquipmentImages{display:flex;gap:16px;margin:10px 0;flex-wrap:wrap}.buildEquipmentImages>span{display:flex;align-items:center;gap:8px;max-width:260px}.equipmentImage{width:48px;height:48px}.buildEquipmentImages small{font-size:11px;color:var(--muted);line-height:1.4}.selectorImage{width:68px;height:68px}.selectedItemPreview{display:flex;justify-content:center;align-items:center;min-height:78px;margin:6px 0 0;background:radial-gradient(ellipse,#adbf8c0c,transparent 70%);border-radius:4px}.comparisonImage{width:30px;height:30px;margin:0 5px}.imageUnavailable{display:inline-grid;place-items:center;color:#687d71;background:#15201b;border:1px dashed #4c625555;border-radius:4px;font-size:24px;filter:none}.artifactImage.imageUnavailable,.selectedItemImage.imageUnavailable{display:grid}@media(max-width:700px){.artifactImage{width:60px;height:60px}.inventoryImage{width:42px;height:42px}.buildEquipmentImages{gap:10px}.equipmentImage{width:40px;height:40px}}

.rangeHelp{font-size:10px;line-height:1.5;color:#8f9b95;margin:5px 0 10px}.rangeField h3{margin-bottom:0}

/* Compact Build Finder controls and variation cards. */
#buildPanel .layout{gap:20px}#buildPanel>aside{padding:18px}#buildPanel aside label{margin-top:12px;margin-bottom:6px}#buildPanel aside .hint{font-size:10px;line-height:1.45;margin:8px 0}#buildPanel .controlGroup{margin-bottom:12px;padding-bottom:12px}#buildPanel .controlGroup[open]>summary{margin-bottom:10px}#buildPanel aside .divide{padding-top:15px;margin-top:16px}#buildPanel .rangeField{padding:10px 0}#buildPanel .rangeHelp{margin:4px 0 7px;font-size:10px;line-height:1.35}#buildPanel .rangeField label{margin:4px 0;font-size:10px}#buildPanel aside input,#buildPanel aside select{min-height:35px;height:35px;padding:7px 9px}#buildPanel aside .checkrow input{width:15px;height:15px;min-height:15px}#buildPanel .selectedItemPreview{min-height:52px;margin-top:4px}#buildPanel .selectorImage{width:48px;height:48px}#buildPanel .marketBar{padding:10px 14px;margin-bottom:8px}#buildPanel .resultSort{padding:5px 0 10px}.compactVariation .buildTop{padding:12px 16px;gap:12px}.compactVariation .buildTop h3{font-size:20px;margin:3px 0}.compactVariation .buildEquipmentImages{margin:5px 0;gap:12px}.compactVariation .equipmentImage{width:34px;height:34px}.compactVariation .buildEquipmentImages small{font-size:10px}.compactVariation .metrics{padding:10px 16px;gap:2px 20px}.compactVariation .metric{padding:5px 0;gap:2px}.compactVariation .metric .target{margin-top:2px;font-size:9px;line-height:1.3}.compactVariation .metric b{font-size:18px}.compactVariation .metric:first-child b{font-size:21px}.compactVariation .costBox{padding:10px 16px}.compactVariation .costBox b{font-size:15px}.compactVariation .costBox small{margin-top:3px}.compactVariation .arts{padding:12px 16px;gap:9px;align-items:start}.compactVariation .art{min-height:0;padding:9px;display:block}.compactVariation .artifactImage{width:48px;height:48px;margin:0 0 7px;float:right}.compactVariation .art>b{padding-right:48px;min-height:24px;font-size:12px}.compactVariation .art small{font-size:10px;line-height:1.4;margin-top:3px}.compactVariation .art .rarityLabel{font-size:9px}.compactVariation .art .artifactPrice{clear:both;padding-top:3px}.compactVariation .art .bonuses{font-size:9px;line-height:1.4;margin-top:6px;padding-top:5px}.compactVariation .excludeFromCard{display:inline-block!important;width:auto!important;margin:4px 8px 0 0;padding:5px 0!important;font-size:9px!important}.compactVariation .infectionBalance{padding:8px 16px}.compactVariation .buildActions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.compactVariation .buildActions button{font-size:10px;padding:7px 10px}.compactVariation{margin-bottom:16px}.buildScreenshotHost .compactVariation .arts{grid-template-columns:repeat(6,minmax(0,1fr))}.buildScreenshotHost .compactVariation .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.buildScreenshotHost .art{background:#131b18!important;box-shadow:none}.buildScreenshotHost .build{box-shadow:none}.buildScreenshotHost .build>details{padding:10px 16px}.buildScreenshotHost .stats{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:800px){.compactVariation .buildTop{flex-wrap:wrap}.compactVariation .buildActions{justify-content:flex-start}.compactVariation .arts{grid-template-columns:repeat(2,minmax(0,1fr))}.compactVariation .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.compactVariation .arts{grid-template-columns:1fr}.compactVariation .metrics{grid-template-columns:1fr}}
.filterTitle{display:flex;align-items:center;gap:7px}.filterHelp{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.filterHelpButton{display:grid;place-items:center;width:17px;height:17px;padding:0;border:1px solid #8da49188;border-radius:50%;background:transparent;color:#a9bcaa;font:600 10px Arial,sans-serif;cursor:help;line-height:1}.filterHelpButton:hover,.filterHelpButton:focus-visible{color:#f1c77d;border-color:#d6ae6b;background:#d6ae6b15}.filterTooltip{position:absolute;left:-8px;bottom:calc(100% + 9px);width:240px;max-width:calc(100vw - 60px);padding:10px 12px;border:1px solid #63735b;border-radius:5px;background:#18231e;color:#d4dfcf;box-shadow:0 7px 20px #0008;font:400 11px/1.5 Arial,sans-serif;z-index:20;visibility:hidden;opacity:0;pointer-events:none;text-align:left;text-transform:none;letter-spacing:normal}.filterHelp:hover .filterTooltip,.filterHelp:focus-within .filterTooltip{visibility:visible;opacity:1}.filterTooltip:after{content:'';position:absolute;left:12px;top:100%;border:6px solid transparent;border-top-color:#63735b}#buildPanel .rangeField{padding:9px 0}#buildPanel .rangeField .filterTitle{margin-bottom:5px}
#buildPanel .sectionTitle{display:flex;align-items:center;gap:8px;font:600 17px 'DM Sans',Arial,sans-serif;letter-spacing:0;color:#e4e5d8}#buildPanel .optionWithHelp{display:flex;align-items:center;gap:7px;margin:12px 0}#buildPanel .optionWithHelp>.checkrow{margin:0;flex:0 1 auto;line-height:1.4;font-size:11px}#buildPanel .optionWithHelp>.filterHelp{margin:0}#buildPanel .controlGroup>summary{font-size:16px;font-weight:600}#buildPanel .equipmentGroup>label{font-size:10px;letter-spacing:.4px;color:#9fae9e;font-weight:500}#buildPanel .equipmentGroup>label:has(.filterHelp){display:flex;align-items:center;gap:7px}#buildPanel #armorBulletBaseline{font-size:10px;color:#9aaa94;margin:7px 0 12px}.visuallyHidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#buildPanel .filterTooltip{left:auto;right:-10px}#buildPanel .filterTooltip:after{left:auto;right:12px}

@media(min-width:701px){#buildPanel .filterTooltip{left:-8px;right:auto}#buildPanel .filterTooltip:after{left:12px;right:auto}}

/* Readable sidebar typography, without adding extra vertical spacing. */
#buildPanel aside .controlGroup>summary{font:600 20px/1.3 'DM Sans',Arial,sans-serif;color:#eeeadd}
#buildPanel aside h2,#buildPanel aside .sectionTitle{font:600 20px/1.3 'DM Sans',Arial,sans-serif;color:#eeeadd}
#buildPanel aside label,#buildPanel aside .equipmentGroup>label{font:500 14px/1.4 'DM Sans',Arial,sans-serif;color:#d4ddd0;letter-spacing:0}
#buildPanel aside input,#buildPanel aside select{font:400 14px/1.3 'DM Sans',Arial,sans-serif;height:39px;min-height:39px}
#buildPanel aside input::placeholder{color:#96a399}
#buildPanel aside .filterTitle{font:600 15px/1.4 'DM Sans',Arial,sans-serif;color:#e0e5d8}
#buildPanel aside .rangeField label{font-size:12px;color:#b6c2b2}
#buildPanel aside .optionWithHelp>.checkrow{font-size:13px;line-height:1.45;color:#dce2d4}
#buildPanel aside .mini span{font-size:11px;color:#c0ceb4}
#buildPanel aside .hint,#buildPanel aside #armorBulletBaseline{font-size:12px;line-height:1.5;color:#aabbab}
#buildPanel aside .priorityName{font-size:13px;color:#d0ddc5}
#buildPanel aside .priorityRow label{font-size:11px}
#buildPanel aside .filterHelpButton{width:19px;height:19px;font-size:11px}
#buildPanel aside .filterTooltip{font-size:12px;line-height:1.5}
#buildPanel aside .textbutton{font-size:12px}
/* Stronger primary navigation hierarchy. */
.workspaceTabs{gap:10px;padding:12px 0 14px;margin-bottom:24px;border-bottom:1px solid #69775c66}
.workspaceTabs button{min-width:145px;padding:14px 22px;border:1px solid #53644b70;border-radius:6px;background:linear-gradient(145deg,#22302688,#121b1788);color:#c1cdbb;font:600 14px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.2px;box-shadow:0 3px 10px #0002}
.workspaceTabs button:hover{background:#2a382a;border-color:#9eac7d;color:#f0ead8}
.workspaceTabs button[aria-selected=true]{color:#ffe0a3;border:1px solid #c69d55;background:linear-gradient(145deg,#574329aa,#332b1ed9);box-shadow:inset 0 -3px #efb65d,0 3px 14px #a7771c1c;font-weight:700}
.workspaceTabs button:focus-visible{outline:2px solid #efc680;outline-offset:3px}
@media(max-width:760px){.workspaceTabs{gap:7px;padding:9px 0 12px}.workspaceTabs button{min-width:135px;padding:12px 16px;font-size:13px}}

.dataTools{justify-content:flex-end;gap:10px}.dataTools #storageStatus{order:0;flex:1;margin-right:auto;padding:10px 14px;border-left:3px solid #d5ae69;border-radius:3px;background:#d5ae6910;color:#dce3d2;font-size:12px;line-height:1.5;max-width:none}.dataTools button{flex-shrink:0}@media(max-width:760px){.dataTools #storageStatus{flex-basis:100%;padding:10px 12px}.dataTools{justify-content:flex-start}}

.searchLoading{min-height:420px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px 20px 40px;margin:12px 0 22px;border:1px solid #64784b40;border-radius:8px;background:radial-gradient(ellipse at 50% 55%,#bd8b2c12,transparent 58%);text-align:center}.searchMascotStage{position:relative;isolation:isolate}.searchMascotStage:before{content:'';position:absolute;inset:30% 5% 0;z-index:-1;border-radius:50%;background:#b18c2020;filter:blur(32px);animation:searchGlow 2.5s ease-in-out infinite}.searchMascotStage img{display:block;width:290px;height:290px;max-width:65vw;object-fit:contain;filter:drop-shadow(0 10px 22px #0007)}#searchLoadingText{font:800 clamp(26px,3vw,40px)/1.2 'DM Sans',Arial,sans-serif;letter-spacing:.4px;color:#f1ca83;margin:18px 0 14px;font-variant-numeric:tabular-nums}.searchActivity{display:flex;gap:7px}.searchActivity span{width:7px;height:7px;background:#bfcf9d;border-radius:50%;animation:searchDot 1.4s ease-in-out infinite}.searchActivity span:nth-child(2){animation-delay:.2s}.searchActivity span:nth-child(3){animation-delay:.4s}@keyframes searchDot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@keyframes searchGlow{0%,100%{opacity:.45}50%{opacity:1}}@media(max-width:700px){.searchLoading{min-height:340px;padding:20px 12px 30px}.searchMascotStage img{width:230px;height:230px}}@media(prefers-reduced-motion:reduce){.searchActivity span,.searchMascotStage:before{animation:none}}
/* Compact Build Upgrader controls, previews and suggestion cards. */
#upgradePanel .upgradeLayout{gap:14px;grid-template-columns:minmax(240px,.95fr) minmax(330px,1.2fr) minmax(250px,.95fr)}
#upgradePanel .upgradeBox{padding:15px}
#upgradePanel .upgradeBox h3{font-size:16px;margin:0 0 10px}
#upgradePanel label{margin:10px 0 5px;font-size:12px}
#upgradePanel input,#upgradePanel select{height:35px;min-height:35px;padding:7px 9px}
#upgradePanel input[type=checkbox]{height:15px;min-height:15px;width:15px}
#upgradeSlots{margin:12px 0}
#upgradePanel .upgradeSlot{padding:6px 9px;margin:5px 0;min-height:39px;gap:7px}
#upgradePanel .upgradeSlot .slotImage{width:25px;height:25px;margin-right:3px}
#upgradePanel .upgradeSlot b{font-size:12px}
#upgradePanel .upgradeSlot span{font-size:10px}
#upgradePanel .selectedItemImage{float:right;width:54px;height:54px;margin:0 0 6px 12px}
#upgradeArtifactStats{display:flow-root}
#upgradePanel .upgradeStat{font-size:12px;padding:4px 0;line-height:1.35}
#upgradePanel .upgradeBox h4{margin:13px 0 5px;font-size:11px}
#upgradePanel .hint{font-size:10px;line-height:1.4;margin:8px 0}
#upgradeFormHost .selectedItemPreview{min-height:0;height:38px;margin:4px 0 5px;justify-content:flex-start}
#upgradeFormHost .selectorImage{width:38px;height:38px}
#upgradeFormHost .ownedForm{margin:10px 0;padding:9px}
#upgradeFormHost .ownedForm>label{margin:7px 0}
#upgradeFormHost .checkrow{margin:4px 0}
#upgradePanel .primary{padding:11px 12px;margin-top:12px}
#upgradePanel .copy{padding:7px 10px;font-size:11px}
#upgradeResults .buildTop{padding:12px 15px}
#upgradeResults .buildTop h3{font-size:20px;margin:3px 0}
#upgradeResults .buildEquipmentImages{margin:5px 0}
#upgradeResults .equipmentImage{width:32px;height:32px}
#upgradeResults .metrics{padding:10px 15px;gap:3px 20px}
#upgradeResults .metric{padding:4px 0}
#upgradeResults .metric b{font-size:19px}
#upgradeResults .arts{padding:10px 15px;gap:9px;align-items:start}
#upgradeResults .art{padding:9px;min-height:0}
#upgradeResults .artifactImage{float:right;width:42px;height:42px;margin:0 0 5px 8px}
#upgradeResults .art b{font-size:12px}
#upgradeResults .art small{font-size:10px;line-height:1.4}
#upgradeResults .build>p.hint{padding:0 15px}
#upgradeResults .upgradeDeltas{margin:8px 0;gap:6px 16px;font-size:11px}
#upgradeResults .upgradeChangeSummary{padding:10px;margin:8px 0;font-size:12px;line-height:1.5}
@media(max-width:1000px){#upgradePanel .upgradeLayout{grid-template-columns:1fr 1fr}}
@media(max-width:650px){#upgradePanel .upgradeLayout{grid-template-columns:1fr}}
/* One coherent upgrade suggestion, with readable internal hierarchy. */
#upgradeResults .upgradeComparison{margin:18px 0 26px;padding:0;border:1px solid #62705180;border-radius:7px;overflow:hidden;background:#111b17;box-shadow:0 8px 24px #0002}
#upgradeResults .upgradeComparison>.build{margin:0;border:0;border-radius:0;box-shadow:none;background:transparent}
#upgradeResults .buildTop{padding:17px 20px;border-bottom:1px solid #52634c60;background:#1b261d}
#upgradeResults .buildTop h3{font:600 22px/1.3 'DM Sans',Arial,sans-serif;color:#eee8d8;margin:0 0 8px}
#upgradeResults .buildTop p{font-size:12px;font-weight:400;color:#acbba5;margin:8px 0 0}
#upgradeResults .buildEquipmentImages small{font-size:12px;color:#c2cbb6}
#upgradeResults .buildActions{display:flex;gap:8px;flex-wrap:wrap}
#upgradeResults .buildActions .copy{font-size:12px;padding:9px 12px}
#upgradeResults .metrics{padding:13px 20px;gap:8px 24px}
#upgradeResults .metric>span{font-size:11px;letter-spacing:.2px;color:#becab4}
#upgradeResults .metric b{font-size:23px;font-weight:600}
#upgradeResults .arts{padding:8px 20px 14px;gap:10px;align-items:stretch}
#upgradeResults .art{padding:12px;min-height:0;background:#101815}
#upgradeResults .art b{font-size:14px;line-height:1.4;margin-bottom:5px}
#upgradeResults .art small{font-size:11px;line-height:1.55;color:#acb8a3}
#upgradeResults .artifactImage{width:36px;height:36px;margin:0 0 5px 7px}
#upgradeResults .build>p.hint{padding:0 20px;font-size:11px;line-height:1.5;margin:6px 0 10px;color:#96aa97}
#upgradeResults .upgradeDifferenceSection{border-top:1px solid #52634c60;padding:14px 20px;background:#172119}
#upgradeResults .upgradeDifferenceSection h3,#upgradeResults .upgradeChangeSummary h3{font:600 17px/1.3 'DM Sans',Arial,sans-serif;color:#e0dfcc;margin:0 0 12px}
#upgradeResults .upgradeDeltas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 24px;margin:0;font-size:13px}
#upgradeResults .upgradeDeltas>span{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:5px 0}
#upgradeResults .deltaLabel{color:#afc0a8;font-size:12px}
#upgradeResults .upgradeDeltas b{font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}
#upgradeResults .upgradeChangeSummary{margin:0;padding:16px 20px;border:0;border-top:1px solid #52634c60;border-radius:0;background:#111b17;font-size:13px;line-height:1.6}
#upgradeResults .upgradeChangeSummary ul{margin:0;padding-left:18px;display:grid;gap:10px}
#upgradeResults .upgradeChangeSummary li{padding-left:3px}
#upgradeResults .upgradeChangeSummary li>small{font-size:11px;margin:4px 0 0;color:#9fb19e}
#upgradeResults .upgradeChangeSummary .hint{padding:8px 0 0!important;margin:10px 0 0;border-top:1px solid #52634c35;font-size:11px;color:#9fb19e}
@media(max-width:1000px){#upgradeResults .upgradeDeltas{grid-template-columns:repeat(2,minmax(0,1fr))}.upgradeComparison .buildTop{flex-wrap:wrap}}
@media(max-width:550px){#upgradeResults .buildTop h3{font-size:19px}#upgradeResults .buildTop,#upgradeResults .metrics,#upgradeResults .upgradeDifferenceSection,#upgradeResults .upgradeChangeSummary{padding:13px}#upgradeResults .arts{padding:8px 13px 13px}#upgradeResults .upgradeDeltas{gap:6px 14px}}
#upgradeArtifactStats .selectedArtifactHeading{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:0 0 9px;border-bottom:1px solid #52634c40}
#upgradePanel .selectedArtifactHeading .selectedItemImage{float:none;display:block;width:36px;height:36px;margin:0;flex-shrink:0}
#upgradePanel .selectedArtifactHeading h3{margin:0;font-size:16px;line-height:1.3}
#upgradeArtifactStats>.upgradeStat{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px}
#upgradeArtifactStats>.upgradeStat b{text-align:right}
#upgradePanel .excludePicker:has(#upgradeExcludeArtifact){display:flex;align-items:center;gap:8px}
#upgradeExcludeArtifact{flex:1;min-width:0;width:0}
#upgradePanel .excludePicker:has(#upgradeExcludeArtifact)>.selectedItemPreview{order:-1;flex:0 0 32px;width:32px;height:35px;min-height:0;margin:0;background:none}
#upgradePanel .excludePicker:has(#upgradeExcludeArtifact) .selectorImage{width:30px;height:30px;filter:drop-shadow(0 2px 3px #0005)}
#upgradeExcludeAdd{flex:0 0 auto;height:35px;margin:0}
.searchSpinner{width:86px;height:86px;border:6px solid #b3c39a25;border-top-color:#efb65d;border-right-color:#c8d5a0;border-radius:50%;animation:searchSpin 1s linear infinite;box-shadow:0 0 25px #efb65d10;margin:12px 0}.searchLoading{min-height:270px;padding:36px 20px}.searchActivity{display:none}@keyframes searchSpin{to{transform:rotate(360deg)}}@media(max-width:700px){.searchLoading{min-height:230px}.searchSpinner{width:66px;height:66px;border-width:5px}}@media(prefers-reduced-motion:reduce){.searchSpinner{animation:none}}
/* Owned: compact aligned forms and inventories across all categories. */
#ownedPanel>.resultHeading{margin:8px 0 12px}
#ownedPanel .ownedCategoryTabs{margin-bottom:14px;padding-bottom:12px;gap:8px}
#ownedPanel .ownedCategoryTabs button{flex:0 0 auto;min-width:145px;padding:10px 18px;font-size:13px}
#ownedPanel .ownedForm{margin-top:0;padding:14px;gap:12px;grid-template-columns:minmax(230px,2fr) minmax(150px,1fr) minmax(115px,.7fr) 100px 95px auto;align-items:end}
#ownedPanel .ownedArmorForm{grid-template-columns:minmax(240px,1fr) 120px auto}
#ownedPanel .ownedContainerForm{grid-template-columns:minmax(260px,1fr) auto}
#ownedPanel .ownedForm>div{min-width:0}
#ownedPanel .ownedForm>div:first-child{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:10px;align-items:center}
#ownedPanel .ownedForm>div:first-child>label{grid-column:2;grid-row:1}
#ownedPanel .ownedForm>div:first-child>select{grid-column:2;grid-row:2}
#ownedPanel .ownedForm>div:first-child>.selectedItemPreview{grid-column:1;grid-row:2;min-height:0;height:36px;margin:0;background:none}
#ownedPanel .selectedItemPreview .selectorImage{width:36px;height:36px}
#ownedPanel label{font-size:11px;margin:0 0 6px;color:#becbb8;line-height:1.35}
#ownedPanel input,#ownedPanel select{height:36px;min-height:36px;padding:7px 9px;font-size:12px}
#ownedPanel input[type=checkbox]{height:14px;min-height:14px;width:14px}
#ownedPanel .ownedForm>button{height:36px;padding:7px 13px;white-space:nowrap}
#ownedPanel #ownedStatus{margin:10px 0;font-size:11px}
#ownedPanel .ownedRow{display:grid;grid-template-columns:minmax(200px,1fr) 155px 48px 145px 90px 140px auto;gap:12px;align-items:center;padding:10px 14px;margin-bottom:7px;font-size:12px}
#ownedPanel .ownedItemName{gap:8px;min-width:0;font-size:13px;line-height:1.4}
#ownedPanel .inventoryImage{width:36px;height:36px;margin-right:0}
#ownedPanel .rarityBadge{font-size:11px;padding:5px 8px}
#ownedPanel .ownedRow>details{margin:0;min-width:0}
#ownedPanel .ownedRow>details>summary{font-size:11px;white-space:nowrap}
#ownedPanel .ownedRow>button{width:auto;height:34px;padding:7px 12px;justify-self:end;font-size:11px}
#ownedPanel .ownedRow>div>label{font-size:10px;margin-bottom:4px}
#ownedPanel .ownedCategoryList{margin-top:12px}
#ownedPanel .ownedEquipmentRow{grid-template-columns:minmax(0,1fr) auto;min-height:58px}
#ownedPanel .ownedEquipmentRow .ownedItemName small{margin-left:5px}
@media(max-width:1200px){#ownedPanel .ownedForm{grid-template-columns:minmax(200px,2fr) minmax(140px,1fr) 120px}#ownedPanel .ownedArmorForm{grid-template-columns:minmax(220px,1fr) 110px auto}#ownedPanel .ownedContainerForm{grid-template-columns:minmax(220px,1fr) auto}#ownedPanel .ownedRow:not(.ownedEquipmentRow){grid-template-columns:minmax(180px,1fr) 150px 50px 130px 85px;gap:10px}#ownedPanel .ownedRow:not(.ownedEquipmentRow)>details{grid-column:1/4}#ownedPanel .ownedRow:not(.ownedEquipmentRow)>button{grid-column:5}#ownedPanel .ownedRow>b{grid-column:auto}}
@media(max-width:760px){#ownedPanel .ownedForm,#ownedPanel .ownedArmorForm,#ownedPanel .ownedContainerForm{grid-template-columns:1fr 1fr;gap:10px}#ownedPanel .ownedForm>div:first-child{grid-column:1/-1}#ownedPanel .ownedForm>button{width:100%}#ownedPanel .ownedRow:not(.ownedEquipmentRow){grid-template-columns:1fr 1fr;padding:12px;gap:10px}#ownedPanel .ownedRow:not(.ownedEquipmentRow)>.ownedItemName{grid-column:1/-1}#ownedPanel .ownedRow:not(.ownedEquipmentRow)>details{grid-column:1}#ownedPanel .ownedRow:not(.ownedEquipmentRow)>button{grid-column:2}#ownedPanel .ownedCategoryTabs button{min-width:120px;padding:10px 12px;font-size:12px}#ownedPanel .ownedEquipmentRow{grid-template-columns:minmax(0,1fr) auto}}
/* Compact Account Summary build suggestions. */
#accountResults .build{margin:0 0 16px}
#accountResults .buildTop{padding:12px 16px;gap:12px;flex-wrap:wrap}
#accountResults .buildTop h3{font:600 21px/1.3 'DM Sans',Arial,sans-serif;margin:0 0 5px}
#accountResults .buildTop p{font-size:11px;color:#a9b9a5;margin:5px 0 0}
#accountResults .buildEquipmentImages{margin:4px 0;gap:12px}
#accountResults .equipmentImage{width:32px;height:32px}
#accountResults .buildEquipmentImages small{font-size:11px}
#accountResults .metrics{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 16px;gap:3px 22px}
#accountResults .metric{padding:5px 0;gap:3px}
#accountResults .metric b{font-size:20px}
#accountResults .metric:first-child b{font-size:23px}
#accountResults .metric>span{font-size:10px;letter-spacing:.3px;color:#b4c2aa}
#accountResults .arts{padding:10px 16px;gap:9px;align-items:start}
#accountResults .art{padding:10px;min-height:0}
#accountResults .artifactImage{float:right;width:38px;height:38px;margin:0 0 5px 7px}
#accountResults .art b{font-size:13px;line-height:1.4;margin-bottom:4px}
#accountResults .art small{font-size:11px;line-height:1.45}
#accountResults .build>p.hint{padding:0 16px;font-size:10px;line-height:1.4;margin:6px 0 9px}
#accountPanel .accountBuildHeading{margin-top:24px;margin-bottom:12px}
#accountStatus{font-size:12px;margin:10px 0 14px}
@media(max-width:700px){#accountResults .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#accountResults .arts{grid-template-columns:repeat(2,minmax(0,1fr))}}

.labsLogo{width:88px;height:100px;filter:none}.labsIdentity{gap:18px}.labsMasthead{padding-bottom:14px}@media(max-width:760px){.labsLogo{width:66px;height:76px}.labsIdentity{gap:12px}}

.labsMasthead{gap:24px;flex-wrap:wrap}.headerMarket.marketBar{margin:0 0 0 auto;padding:0;border:0;background:transparent;display:grid;grid-template-columns:minmax(200px,250px) auto;gap:14px;align-items:center;max-width:520px}.headerMarket.marketBar>.marketSelector{display:block;min-width:0;max-width:none}.headerMarket.marketBar>.marketActions{display:flex;flex-direction:column;align-items:flex-start;gap:7px;max-width:none}.headerMarket .marketSelector>label{margin:0 0 6px;font-size:11px}.headerMarket .marketSelector select{width:100%;min-width:0;height:38px}.headerMarket #marketStatus{margin:6px 0 0;font-size:10px;line-height:1.4;color:#a5b69c}.headerMarket .marketActions>.copy{white-space:nowrap;height:36px;padding:8px 12px;font-size:11px}.headerMarket .checkrow{margin:0;font-size:10px;white-space:nowrap}.headerMarket .checkrow input{width:14px;height:14px;min-height:14px}.workspace>.resultSort{margin-top:0}@media(max-width:850px){.headerMarket.marketBar{max-width:none;flex-basis:100%;margin:0;grid-template-columns:minmax(170px,1fr) auto}.labsMasthead{gap:16px}}@media(max-width:430px){.headerMarket.marketBar{grid-template-columns:1fr}.headerMarket.marketBar>.marketActions{flex-direction:row;align-items:center;flex-wrap:wrap}}
.artifactVisual{float:right;display:flex;align-items:flex-start;justify-content:flex-end;gap:5px;margin:0 0 6px 8px;min-height:36px}.art .artifactVisual .artifactImage{float:none;display:block;width:36px;height:36px;margin:0}.artifactUpgradeBadge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:21px;padding:2px 4px;border:1px solid #b6c19d55;border-radius:4px;background:#293426;color:#e5d9b1;font:600 11px/1 Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.art:has(.artifactVisual)>b{padding-right:0;min-height:0}.compactVariation .artifactVisual{margin-left:7px}.compactVariation .art .artifactVisual .artifactImage{width:34px;height:34px}
/* Build Upgrader: horizontal planning bar and loadout workbench. */
#upgradePanel>h2{font:600 25px/1.2 'DM Sans',Arial,sans-serif;margin:6px 0 20px;color:#eee7d6}
.upgradeWorkbench{display:grid;gap:18px}
.upgradePlan{display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(160px,.8fr) minmax(160px,.8fr) minmax(180px,.7fr);gap:22px;align-items:start;background:linear-gradient(110deg,#263024,#151f1b);border:1px solid #80916b66;border-radius:8px;padding:18px 20px}
#upgradePanel .upgradePlan label{margin:0 0 7px;font-size:12px;color:#c2d0b7}
.upgradeSourceActions{display:flex;gap:7px;margin-top:7px}
.upgradePlanAction{padding-top:22px}
#upgradePanel .upgradePlanAction .primary{margin:0;padding:11px 14px;justify-content:center;font-size:13px;border-radius:5px}
.upgradePlanAction small{display:block;margin-top:8px;text-align:center;color:#92a18b;font-size:10px}
.upgradeDesk{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.upgradeLoadout{background:#121b17;border:1px solid #52674d66;border-radius:8px;min-width:0;overflow:hidden}
.upgradeLoadoutHeading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border-bottom:1px solid #5d70523f}
#upgradePanel .upgradeLoadoutHeading h3,#upgradePanel .upgradeSnapshot>h3{font:600 18px/1.3 'DM Sans',Arial,sans-serif;margin:0;color:#e5e4d0}
#upgradePanel #upgradeSlots{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px;margin:0;padding:16px 20px;background:#0b1410}
#upgradePanel .upgradeSlot{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:11px 10px;margin:0;min-height:95px;gap:7px;border-color:color-mix(in srgb,var(--rarity) 35%,transparent);border-top:2px solid var(--rarity);background:color-mix(in srgb,var(--rarity) 5%,#131b17)}
#upgradePanel .upgradeSlot .slotImage{width:30px;height:30px;margin:0}
#upgradePanel .upgradeSlot b{flex:none;font-size:12px;padding-right:0}
#upgradePanel .upgradeSlot span{font-size:10px;opacity:.8}
#upgradePanel .upgradeSlot.selected{box-shadow:inset 0 0 0 1px var(--rarity),0 3px 10px #0004;background:color-mix(in srgb,var(--rarity) 12%,#131b17)}
.upgradeEditingDesk{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(280px,1.6fr);gap:24px;padding:20px}
#upgradePanel .upgradeEditingDesk h4{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#a5b594;margin:0 0 14px}
.upgradeSelected{min-width:0;padding-right:20px;border-right:1px solid #536a4c40}
#upgradePanel .selectedArtifactHeading .selectedItemImage{width:42px;height:42px}
#upgradePanel .selectedArtifactHeading h3{font-size:16px}
#upgradePanel .upgradeEditor{min-width:0}
#upgradeFormHost #savedEditorFields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 14px}
#upgradeFormHost #savedEditorFields>label{display:flex;flex-direction:column;gap:5px;margin:0;min-width:0;font-size:12px}
#upgradeFormHost #savedEditorFields>label:first-child{grid-column:1/-1}
#upgradeFormHost .ownedForm{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:2px 0 0;padding:13px;border-color:#71845b66;background:#1b251b}
#upgradeFormHost .ownedForm>label{margin:0;min-width:0}
#upgradeFormHost .ownedForm>label:first-child,#upgradeFormHost .ownedForm>div{grid-column:1/-1}
#upgradeFormHost .ownedForm>button{justify-self:start;height:32px}
#upgradeFormHost .selectedItemPreview{height:30px;margin:3px 0 0}
#upgradeFormHost .selectorImage{width:28px;height:28px}
#upgradeFormHost #savedAddSlot{margin-top:12px;border-style:dashed;color:#d9bf8a}
.upgradeRestrictions{border-top:1px solid #536a4c40;margin:0;padding:14px 20px}
.upgradeRestrictions>summary{font-size:12px;color:#bccaaa;font-weight:500}
.upgradeRestrictions .excludePicker{margin-top:12px;max-width:550px}
#upgradeExcludedList{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.upgradeSnapshot{padding:18px 17px;border:1px solid #536a4c55;background:linear-gradient(140deg,#1b271d,#101914);border-radius:8px;height:fit-content;position:sticky;top:16px}
#upgradePanel .upgradeSnapshot>h3{padding-bottom:12px;border-bottom:1px solid #536a4c40;margin-bottom:12px}
#upgradePanel .upgradeSnapshot h4{font-size:10px;letter-spacing:1px;color:#a1b18f;margin:16px 0 5px}
#upgradePanel .upgradeSnapshot .upgradeStat{font-size:12px;padding:4px 0}
#upgradePanel .upgradeSnapshot .upgradeStat b{font-weight:500}
@media(min-width:1650px){.upgradeDesk{grid-template-columns:minmax(0,1fr) 350px}#upgradePanel #upgradeSlots{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}
@media(max-width:1150px){.upgradePlan{grid-template-columns:1fr 1fr;gap:15px}.upgradePlanAction{padding-top:22px}.upgradeDesk{grid-template-columns:minmax(0,1fr) 280px}.upgradeEditingDesk{grid-template-columns:1fr;gap:18px}.upgradeSelected{border-right:0;border-bottom:1px solid #536a4c40;padding:0 0 15px}.upgradeSelected #upgradeArtifactStats{max-width:100%}}
@media(max-width:800px){.upgradeDesk{grid-template-columns:1fr}.upgradeSnapshot{position:static}.upgradePlan{padding:15px;gap:14px}#upgradePanel #upgradeSlots{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:14px}.upgradeEditingDesk{padding:16px}.upgradeLoadoutHeading{padding:14px 16px}.upgradeRestrictions{padding:14px 16px}}
@media(max-width:500px){.upgradePlan{grid-template-columns:1fr}.upgradePlanAction{padding-top:0}#upgradeFormHost #savedEditorFields{grid-template-columns:1fr}#upgradeFormHost .ownedForm{grid-template-columns:1fr 1fr}.upgradeLoadoutHeading{flex-wrap:wrap}}

.upgradeLoadoutActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.upgradeLoadoutActions #savedAddSlot{border-style:dashed;color:#e1c48a}#upgradeFormHost #savedEditorFields>label:nth-child(4){grid-column:1/-1}


@media(min-width:1700px){.accountOverview{grid-template-columns:repeat(5,minmax(0,1fr))}}


/* Consistent rarity-colored equipment menus, including Windows browsers. */
.gearPicker{position:relative;margin:0;min-width:0;border:0;padding:0;background:none;overflow:visible}.gearPicker>summary{list-style:none;cursor:pointer;background:#091210;border:1px solid #303c32;border-radius:4px;padding:10px 30px 10px 12px;font:inherit;line-height:1.4;position:relative}.gearPicker>summary::-webkit-details-marker{display:none}.gearPicker>summary:after{content:'⌄';position:absolute;right:12px;color:#c5cebf}.gearPicker>summary:focus-visible{outline:2px solid #dcb164;outline-offset:2px}.gearPickerMenu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;max-height:340px;overflow:auto;background:#101914;border:1px solid #68765c;border-radius:4px;box-shadow:0 10px 28px #0009;padding:4px}.gearPickerMenu>button{display:block;width:100%;text-align:left;border:0;background:none;padding:8px 10px;font:inherit;border-radius:3px;cursor:pointer}.gearPickerMenu>button:hover,.gearPickerMenu>button:focus-visible{background:#2b382d;outline:0}.gearPickerMenu>button[aria-selected=true]{background:#35402c}.gearPicker+select[hidden]{display:none!important}#ownedPanel .ownedForm>div:first-child>.gearPicker{grid-column:2;grid-row:2}.gearPicker:not([open])>.gearPickerMenu{display:none}

.marketRegionButtons{display:inline-flex;gap:3px;padding:4px;border:1px solid #394033;border-radius:8px;background:#0c100d}.marketRegionButtons button{border:0;border-radius:5px;background:transparent;color:#b7c2ac;padding:7px 11px;font-size:12px;font-weight:600;cursor:pointer}.marketRegionButtons button:hover{background:#283328;color:#e9eddf}.marketRegionButtons button.active{background:#efb345;color:#171a12}.headerMarket #marketRegion[hidden]{display:none!important}

/* Regional market switch: compact field-console tabs. */
.marketRegionButtons{display:flex;gap:5px;padding:0;border:0;border-radius:0;background:transparent;align-items:stretch}.marketRegionButtons button{position:relative;min-width:48px;padding:9px 12px 9px 20px;border:1px solid #3b493d;border-radius:2px 9px 2px 2px;background:#121c17;color:#9eae9e;font-size:11px;font-weight:700;letter-spacing:.07em;transition:background .15s,border-color .15s,color .15s}.marketRegionButtons button:before{content:'';position:absolute;left:9px;top:50%;width:4px;height:4px;margin-top:-2px;background:#526153;border-radius:50%}.marketRegionButtons button:hover{background:#223127;border-color:#7d9274;color:#edf0e5}.marketRegionButtons button.active{background:#283b2e;border-color:#a9bc92;color:#e1ebd1;box-shadow:inset 0 -2px #a9bc92}.marketRegionButtons button.active:before{background:#d6b56b;box-shadow:0 0 6px #d6b56b66}.marketRegionButtons button:focus-visible{outline:2px solid #d6b56b;outline-offset:3px}

.headerMarket .marketActions{display:none!important}

.finderWelcome{border:1px solid #3e4e3a;border-top:3px solid #b2be91;border-radius:8px;background:linear-gradient(120deg,#1a261d,#0e1815);overflow:hidden;max-width:1100px;margin:0 auto}.welcomeIntro{padding:32px 32px 22px;border-bottom:1px solid #344032}.welcomeEyebrow{color:#d6b56b;font-size:11px;letter-spacing:.15em;font-weight:700}.finderWelcome h2{font-size:32px;margin:10px 0;color:#edf0df}.welcomeIntro p{font-size:15px;color:#b7c5b4;margin:0;line-height:1.6}.welcomeSteps{list-style:none;padding:8px 32px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.welcomeSteps li{display:flex;gap:16px;padding:25px 0;border-bottom:1px solid #2e3d30}.welcomeStepNumber{font-size:24px;font-weight:700;color:#d6b56b;line-height:1.3}.welcomeSteps h3{font-size:18px;color:#e0e8d6;margin:0 0 9px}.welcomeSteps p{color:#adbdab;font-size:13px;line-height:1.7;margin:0}.welcomeFooter{padding:20px 32px;font-size:13px;line-height:1.6;color:#b7c5b4}.resultSort[hidden]{display:none!important}@media(max-width:900px){.welcomeSteps{grid-template-columns:1fr}.welcomeIntro{padding:24px}.welcomeSteps{padding:0 24px}.welcomeFooter{padding:20px 24px}}