@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:#151915;--panel:#20251f;--line:#363c31;--text:#eeeede;--muted:#a0aa98;--accent:#d6e7a4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}header{height:80px;border-bottom:1px solid var(--line);padding:0 3.5%;display:flex;align-items:center;gap:28px;background:#191e18}.brand{font:700 27px 'Barlow Condensed',sans-serif;letter-spacing:2px;text-decoration:none;color:var(--text);display:flex;align-items:center;gap:12px}.brand small{font:11px 'DM Sans',sans-serif;border-left:1px solid #667059;padding-left:15px;letter-spacing:2px}.mark{font-size:38px;color:var(--accent)}.edition{font-size:10px;letter-spacing:1.4px;color:var(--muted);flex:1}.edition b{color:#c5cdbb;font-weight:400}button,input,select{font:inherit}button,select,input{border:1px solid #444c3c;background:#292f25;color:var(--text);border-radius:5px;padding:10px 12px}button{cursor:pointer;transition:.15s}button:hover{border-color:var(--accent);background:#39432e}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}header button,#save{background:var(--accent);color:#26311a;border-color:var(--accent);font-weight:700}main{max-width:1700px;margin:auto;padding:35px 3.5%}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{color:var(--accent);letter-spacing:2px;font-size:10px}h1{font:600 42px 'Barlow Condensed',sans-serif;margin:9px 0}.intro p{color:var(--muted);margin:0}.snapshot{font-size:10px;letter-spacing:1px;border:1px solid var(--line);padding:10px;color:#b8c4a2}.workspace{display:grid;grid-template-columns:240px minmax(360px,1fr) 290px;gap:20px;align-items:start}.workspace[hidden]{display:none}section{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px;margin-bottom:18px}h2{font:600 20px 'Barlow Condensed',sans-serif;margin:0 0 12px;letter-spacing:.3px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-title h2{margin:0}.section-title>span{font-size:10px;color:var(--muted)}.hero-panel>label{font-size:10px;color:var(--muted);letter-spacing:1px}.hero-panel select{width:100%;margin:12px 0}.portrait{height:225px;position:relative;overflow:hidden;background:radial-gradient(ellipse at bottom,#6f7144,#303c2a 75%);border-radius:4px}.portrait img{width:100%;height:100%;object-fit:cover;object-position:top}.portrait:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#171d14)}.portrait span{position:absolute;bottom:13px;left:15px;z-index:1;font:700 35px 'Barlow Condensed',sans-serif;text-transform:uppercase}#role{color:#c4c9b8;font-size:12px;line-height:1.6}.base-tag{font-size:9px;letter-spacing:.7px;color:var(--muted);border-top:1px solid var(--line);padding-top:13px}.ability{width:100%;display:flex;align-items:center;gap:10px;text-align:left;margin-top:9px;padding:7px;font-size:12px}.ability img{width:32px;height:32px;object-fit:contain;background:#59634a;border-radius:3px}.ability span{color:var(--muted);margin-left:auto}.note{background:#252b20}.note p,.muted{color:var(--muted);line-height:1.6;font-size:12px}.note button{padding:0;border:none;background:none;color:var(--accent);font-size:12px}.build-tools{display:flex;gap:7px;margin:16px 0}.build-tools input{min-width:0;flex:1;background:#191e18}#slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.slot{height:80px;border:1px dashed #48503e;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#64705b;font-size:20px;position:relative}.slot.filled{border-style:solid;display:flex;padding:7px;gap:4px;flex-direction:column;background:#2c3428;cursor:pointer}.slot img{height:32px;width:32px;object-fit:contain}.slot span{font-size:10px;text-align:center;color:var(--text);line-height:1.2}.slot small{position:absolute;left:5px;top:4px;font-size:9px}.slot .remove{position:absolute;right:2px;top:0;padding:3px 5px;background:transparent;border:0;font-size:12px}.build-bottom{display:flex;align-items:center;justify-content:space-between;margin:14px 0;font-size:11px;color:var(--muted)}.build-bottom button{font-size:11px;padding:7px}.saved-label{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.saved-label select{flex:1;min-width:0;padding:7px;font-size:11px}.filters{display:flex;gap:8px;margin:16px 0 12px}.filters input{flex:1;min-width:0;background:#191e18}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:12px}.tabs button{font-size:11px;border:0;padding:8px 11px;background:transparent;color:var(--muted)}.tabs .active{background:var(--accent);color:#202a17}#items{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px;max-height:620px;overflow-y:auto;padding-right:4px}.item{border:1px solid #414938;border-top:3px solid #bca566;background:#292e23;border-radius:5px;padding:11px;min-width:0}.item.vitality{border-top-color:#83b96a}.item.spirit{border-top-color:#b09bc8}.item img{width:38px;height:38px;object-fit:contain;float:left;margin:0 8px 8px 0}.item h3{font-size:12px;margin:3px 0 7px;min-height:28px}.item .price{font-size:11px;color:var(--accent)}.item p{clear:both;min-height:31px;color:var(--muted);font-size:10px;line-height:1.6;margin:10px 0}.item-actions{display:flex;gap:5px}.item-actions button{padding:5px;font-size:11px;flex:1}.item-actions button:first-child{background:#3e4b2e;color:#e0edbf}.item-actions button:disabled{opacity:.5;cursor:default}.live{color:var(--accent)!important}.big-stat{padding:17px 0 22px;border-bottom:1px solid var(--line)}.big-stat label{display:block;letter-spacing:1.5px;font-size:10px;color:var(--muted)}.big-stat strong{display:block;font:600 66px 'Barlow Condensed',sans-serif;color:var(--accent);margin:3px 0}.big-stat span{font-size:10px;color:var(--muted)}.stat-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #30382c;font-size:12px;color:var(--muted)}.stat-row b{color:var(--text)}.range-label{display:flex;justify-content:space-between;font-size:12px;margin-top:20px}output{color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);padding:0;margin:14px 0 5px}.small{font-size:10px}#coverage{font-size:11px;color:var(--muted);line-height:1.8}#coverage b{color:var(--accent)}#comparison{font-size:11px;line-height:1.7;margin-top:13px;color:var(--muted)}footer{display:flex;justify-content:space-between;padding:24px 0 10px;border-top:1px solid var(--line);font-size:9px;letter-spacing:1px;color:var(--muted);margin-top:15px}a{color:var(--accent)}#status{color:var(--accent);font-size:12px;margin-bottom:12px;min-height:15px}dialog{max-width:640px;width:90%;background:#252d21;color:var(--text);border:1px solid #687653;border-radius:10px;padding:30px;max-height:85vh}dialog::backdrop{background:#000a}#close{float:right}#detail{line-height:1.7}#detail h2{font-size:28px}#detail p{color:#bac4ae}#detail table{width:100%;border-collapse:collapse;font-size:12px}td{border-bottom:1px solid var(--line);padding:8px}td:last-child{text-align:right}#detail pre{white-space:pre-wrap;font-size:12px}.empty{grid-column:1/-1;padding:25px;color:var(--muted)}@media(min-width:1450px){.workspace{grid-template-columns:260px minmax(420px,1fr) 320px}#items{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){.workspace{grid-template-columns:205px 1fr}.right{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.edition{display:none}header button{margin-left:auto}.snapshot{display:none}}@media(max-width:700px){main{padding:25px 16px}header{padding:0 16px;height:70px}.brand{font-size:22px;gap:6px}.brand small{font-size:9px;padding-left:8px}header button{font-size:11px;padding:8px}h1{font-size:35px}.workspace{display:block}.hero-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-panel label{grid-column:1/-1}.hero-panel select{grid-column:1;margin:0;height:43px}.portrait{grid-column:2;grid-row:2/5;height:150px}.portrait span{font-size:26px}.hero-panel p{margin:0}.base-tag{line-height:1.7}.right{display:block}#items{grid-template-columns:repeat(2,1fr)}#slots{grid-template-columns:repeat(4,1fr)}footer{gap:15px;line-height:1.7}.saved-label{flex-wrap:wrap}}

.skill-summary{display:flex;align-items:center;justify-content:space-between;margin-top:15px;color:var(--accent);font-size:12px}.skill-summary button{font-size:10px;padding:5px}.skill-card{padding:10px 0;border-top:1px solid var(--line)}.skill-card .ability{margin:0 0 8px}.skill-ranks{display:flex;gap:4px}.skill-ranks button{flex:1;padding:7px 2px;font-size:10px;background:#171d14;color:var(--muted)}.skill-ranks .unlocked{background:#39462c;color:var(--accent)}.skill-ranks .current{border-color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.skill-level{display:block;font-size:10px;color:var(--accent);margin:8px 0}.skill-effects{font-size:10px;line-height:1.6}.skill-effects>div{padding:5px 0}.skill-effects .locked{color:#9ca592}.skill-effects .applied,.selected-upgrade{color:var(--accent)!important}.skill-effects b{white-space:nowrap}

body:before{content:'';position:fixed;inset:0;background-image:linear-gradient(90deg,#10170fe8,#10170fa8 50%,#10170fba),var(--hero-art);background-position:center,right center;background-size:cover,auto 120vh;background-repeat:no-repeat;z-index:-1;pointer-events:none}body{background:#151915}section{background:#20251fed;backdrop-filter:blur(6px)}header{background:#191e18ee}#aoe-drawing{display:flex;align-items:center;gap:20px}#aoe-drawing svg{width:55%;max-height:290px;flex-shrink:0}.aoe-values{display:flex;flex-direction:column;gap:10px;font-size:12px;color:var(--muted)}.aoe-values strong{font:600 36px 'Barlow Condensed',sans-serif;color:var(--accent)}.aoe-values small{line-height:1.7}.imbue-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;margin:10px 0}#aoe .filters select{min-width:0;width:50%}@media(max-width:700px){#aoe-drawing{gap:10px}.aoe-values{font-size:10px}.imbue-label{flex-wrap:wrap}}
body:before{background-image:linear-gradient(#100e0c66,#10150f99),url('./deadlock-background.png');background-position:center;background-size:cover}section{background:#1b211be8}header{background:#161b16df}.intro{padding:15px 0 25px;text-shadow:0 2px 8px #000}.intro p{color:#d7d7c9}.stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:16px}.summary-stat{text-align:left;background:#171e17db;min-width:0;padding:13px;border-color:#46503b}.summary-stat>span{display:block;font-size:11px;color:#c6cbbd}.summary-stat strong{display:block;font:600 33px 'Barlow Condensed',sans-serif;color:var(--accent);padding:6px 0}.summary-stat strong small{font:11px 'DM Sans',sans-serif;margin-left:5px;color:#c6cbbd}.summary-stat em{font-size:9px;font-style:normal;color:var(--muted)}.stat-note{font-size:11px;line-height:1.6;color:#c0c5b7;margin-bottom:0}#stat-method{font-size:11px;padding:7px}#overview[hidden]{display:none}.guide-name{font:600 21px 'Barlow Condensed',sans-serif;overflow-wrap:anywhere;margin:15px 0 10px}.guide-meta{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.guide-meta b{color:var(--accent)}.guide-actions{display:flex;gap:8px;margin-top:15px}.guide-actions button{font-size:12px}#load-guide{background:var(--accent);color:#26311a;font-weight:700}button:disabled{opacity:.45;cursor:default}#recommendations details{padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}summary{cursor:pointer;color:#dae6c3;font-size:12px;padding:4px 0}summary:focus-visible{outline:2px solid var(--accent)}.guide-stage{margin:15px 0}.guide-stage h3{font-size:12px;line-height:1.5;overflow-wrap:anywhere;margin:5px 0}.guide-stage h3 small{color:var(--muted);font-size:9px}.guide-stage .section-title button{font-size:10px;padding:6px;white-space:nowrap}.guide-items{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.guide-items button{display:flex;align-items:center;gap:5px;font-size:10px;padding:5px}.guide-items img{width:22px;height:22px;object-fit:contain}.skill-order{display:flex;gap:5px;flex-wrap:wrap}.skill-order>span{display:flex;flex-direction:column;align-items:center;background:#303a29;padding:7px 10px;border-radius:4px;gap:3px}.skill-order small{font-size:9px;color:var(--muted)}.skill-order b{font-size:18px;color:var(--accent)}.guide-step{display:flex;align-items:center;gap:10px;font-size:11px;margin-top:12px}.guide-step select{font-size:11px;min-width:0}.aoe-fold{background:#1b211be8;border:1px solid var(--line);border-radius:8px;margin-bottom:18px}.aoe-fold>summary{padding:18px;font:600 20px 'Barlow Condensed',sans-serif}.aoe-fold #aoe{border:0;margin:0;background:transparent}#recommendations a{font-size:11px}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-stat{padding:11px}.summary-stat strong{font-size:30px}.intro{padding:0}#overview .section-title{align-items:flex-start}.guide-step{flex-wrap:wrap}body:before{background-position:50% center}}
/* Compact character readout keeps the workbench and items close to the top. */
#overview{padding:10px 12px;margin-bottom:12px}
#overview .section-title h2{font-size:16px}
#stat-method{font-size:10px;padding:4px 7px}
.stat-grid{gap:4px;margin-top:7px}
.summary-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 5px;padding:6px 8px;border-radius:4px}
.summary-stat>span{font-size:10px;line-height:1.25}
.summary-stat strong{font-size:21px;padding:0;white-space:nowrap}
.summary-stat strong small{font-size:9px;margin-left:3px}
.summary-stat em{grid-column:1/-1;font-size:9px;line-height:1.2}
.stat-note{font-size:10px;line-height:1.3;margin:6px 0 0}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-stat{grid-template-columns:1fr;padding:5px 7px;gap:1px}.summary-stat strong{font-size:20px}.summary-stat>span{font-size:9px}#overview .section-title{align-items:center}.stat-note{font-size:9px}}
#soul-controls{padding:9px 12px;margin-bottom:5px}#soul-controls[hidden]{display:none}.soul-row{display:flex;align-items:center;gap:12px}.soul-row label{font-size:12px;white-space:nowrap;color:var(--accent)}#souls{flex:1;min-width:80px;margin:0}#souls-number{width:96px;padding:5px 7px;font-size:12px}.soul-row output{font-size:11px;white-space:nowrap}.soul-hints{display:flex;justify-content:space-between;gap:12px;margin-top:5px;font-size:10px;color:var(--muted)}@media(max-width:700px){.soul-row{flex-wrap:wrap;gap:7px}.soul-row output{width:100%}.soul-hints{flex-direction:column;gap:3px}#souls-number{width:85px}}
/* Keep progression out of the main workspace. */
.right #soul-controls{padding:10px 12px;margin-bottom:12px}.right .soul-row{display:grid;grid-template-columns:1fr 82px;gap:6px}.right .soul-row label{font-size:11px}.right #souls-number{width:82px;font-size:11px;grid-column:2;grid-row:1}.right #souls{grid-column:1/-1;grid-row:2;width:100%;margin:3px 0}.right .soul-row output{grid-column:1/-1;font-size:10px;white-space:normal}.right .soul-hints{display:block;font-size:9px}.right #soul-budget{display:none}.build-search-form{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.build-search-form input{flex:1 1 100%;padding:8px;font-size:12px;min-width:0}.build-search-form select{flex:1;min-width:0;font-size:11px;padding:7px}.build-search-form button{font-size:11px;padding:7px 12px}.build-result{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.build-result>div{flex:1;min-width:0}.build-result h3{font-size:12px;margin:0 0 5px;overflow-wrap:anywhere}.build-result p,.build-result small{font-size:10px;color:var(--muted);margin:0;line-height:1.5}.build-result button{font-size:10px;padding:7px;white-space:nowrap}#build-search-results{max-height:340px;overflow:auto}.build-source{margin-bottom:0}.guide-actions{flex-wrap:wrap}@media(max-width:1100px){.right #soul-controls{margin-bottom:0}}@media(max-width:700px){.right #soul-controls{margin-bottom:12px}}

#ability-controls{margin-top:18px;border-top:1px solid #ffffff20;padding-top:12px}#ability-controls summary,.damage-card summary{cursor:pointer;font-weight:600;padding:8px 0}.condition-toggle{display:flex;gap:8px;align-items:center;font-size:13px;margin:10px 0}.condition-toggle input{width:auto}.stack-inputs{display:flex;gap:8px;align-items:center}.stack-inputs input[type=number]{width:65px;min-width:0;padding:5px}.stack-inputs input[type=range]{min-width:0;flex:1}.damage-card{border-top:1px solid #ffffff18;padding:4px 0}.damage-card summary small{float:right;color:#ceab70}.damage-card .stat-row{font-size:12px;gap:10px}.damage-card .stat-row b{white-space:nowrap}#ability-damage h3{font-size:15px;margin:18px 0 6px}#ability-controls .range-label{font-size:12px;margin-top:12px}
.next-filters{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:10px}.next-filters label{font-size:12px}.next-filters input,.next-filters select{width:100%;min-width:0}.next-filters input[type=search]{grid-column:span 2}.next-card{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #ffffff20}.next-card img{width:44px;height:44px;object-fit:contain}.next-card>div{flex:1;min-width:0}.next-card small,.next-card strong{display:block;margin-top:3px}.next-card strong{color:#d0e6a1}.next-card small{font-size:11px;color:#a9afa2}#debuff-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}#debuff-totals span{font-size:10px;display:block}#debuff-totals b{font-size:20px;color:#d0e6a1}.debuff-source{padding:10px 0;border-bottom:1px solid #ffffff18}.debuff-source label{display:flex;align-items:center;gap:8px;font-size:12px}.debuff-source input[type=checkbox]{width:auto}.debuff-source small{display:block;color:#d0e6a1;margin:4px 0}.debuff-source p{margin:5px 0}.debuff-source input[type=number],.external-debuffs input{width:65px;padding:5px;min-width:0}.external-debuffs label{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:8px 0}#debuff-panel summary{cursor:pointer}#next-item summary{cursor:pointer}@media(max-width:650px){.next-filters{grid-template-columns:1fr 1fr}.next-filters label:first-child{grid-column:span 2}.next-filters input[type=search]{grid-column:span 1}.next-card{gap:8px}}
/* Compact PoB-inspired categories: named groups plus color, never color alone. */
:root{--stat-weapon:#efbf79;--stat-spirit:#c0a6ff;--stat-health:#ff9b8b;--stat-defense:#e1d58f;--stat-movement:#87dfcf}
.tone-weapon{--stat-color:var(--stat-weapon)}.tone-spirit{--stat-color:var(--stat-spirit)}.tone-health{--stat-color:var(--stat-health)}.tone-defense{--stat-color:var(--stat-defense)}.tone-movement{--stat-color:var(--stat-movement)}
.right #overview{background:#111611f2;padding:14px;margin-bottom:14px;border-color:#4c5145}.stat-hero-name{font-size:11px;color:#a6afa2;margin:4px 0 9px}.stat-groups{display:flex;flex-direction:column;gap:9px}.stat-category{border-left:2px solid var(--stat-color);padding:0 0 0 9px}.stat-category h3{color:var(--stat-color);font:600 11px 'DM Sans',sans-serif;letter-spacing:.6px;text-transform:uppercase;margin:0 0 5px;padding-bottom:5px;border-bottom:1px solid #ffffff14}.stat-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 8px;align-items:baseline;width:100%;border:0;border-radius:2px;background:transparent;padding:3px 2px;text-align:left;line-height:1.25}.stat-line:hover{background:#ffffff0d}.stat-line>span{color:var(--stat-color);font-size:11px}.stat-line strong{color:#f3f0e6;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.stat-line small{font-size:9px;color:#abb4a7;margin-left:4px}.stat-line em{grid-column:1/-1;text-align:right;font-size:9px;font-style:normal}.stat-gain{color:#a7d994}.stat-loss,.stat-line .negative-stat{color:#ff8d94}.stat-line[data-stat=spiritResist]>span{color:var(--stat-spirit)}.stat-line[data-stat=bullet]>span{color:var(--stat-weapon)}#overview #stat-method{margin-top:10px;width:100%;background:transparent;color:#b8c3af;border-color:#3c4437;font-size:10px}.analysis .big-stat{display:grid;grid-template-columns:1fr auto;align-items:center;padding:10px 0;gap:4px}.analysis .big-stat strong{font-size:28px;color:var(--stat-weapon);margin:0}.analysis .big-stat label{font-size:9px;color:var(--stat-weapon);letter-spacing:.6px}.analysis .big-stat span{grid-column:1/-1}.analysis #stats .stat-row{padding:6px 0;color:var(--stat-weapon)}.damage-card summary,#ability-damage h3{color:var(--stat-spirit)}.damage-card .stat-row{padding:6px 0}.damage-card .stat-row>span{color:#c4b4e2}.damage-card .stat-row b{font-variant-numeric:tabular-nums}#debuff-totals{display:block;margin-top:10px}#debuff-totals>div{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0}#debuff-totals span{color:var(--stat-color);font-size:11px}#debuff-totals b{color:#f3f0e6;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}#debuff-panel>details{border-top:1px solid #ffffff18;padding-top:5px}
@media(min-width:701px) and (max-width:1100px){.right{align-items:start}.right #overview{grid-row:span 2}.right #overview .stat-groups{gap:9px}}
@media(max-width:700px){.right #overview .stat-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-line{grid-template-columns:1fr auto}.stat-line>span{font-size:10px}.stat-line strong{font-size:11px}}

#item-preview{position:fixed;z-index:1000;background:#101610fa;border:1px solid #8b9878;border-radius:8px;box-shadow:0 12px 45px #000b;padding:13px;color:#edf0e4;font-size:11px;max-height:calc(100vh - 24px);overflow:auto}#item-preview[hidden]{display:none}.preview-title{display:flex;align-items:center;gap:10px}.preview-title img{width:36px;height:36px;object-fit:contain}.preview-title b{font-size:14px}.preview-title small{display:block;color:#c5d69d;margin-top:4px}.preview-columns{display:flex;justify-content:space-between;margin:10px 0 5px;font-size:9px;color:#b0bba4}.preview-scroll{max-height:340px;overflow:auto;overscroll-behavior:contain;padding-right:4px}.preview-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid #ffffff0c}.preview-row>span:first-child{font-size:10px;color:#c5cdbb;max-width:56%}.preview-value{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.preview-value small{color:#a5af9b;font-size:9px}.preview-value em{display:inline-block;min-width:48px;margin-left:8px;font-size:10px;font-style:normal}.preview-value .unchanged{color:#73806b}.preview-footnote{font-size:9px;line-height:1.5;color:#a9b59c;margin-bottom:0}.preview-replaces{font-size:10px;color:#e8bd7d}.preview-scroll h4{font-size:10px;color:#c0a6ff;margin:12px 0 4px}
#damage-focus>label{display:block;margin:9px 0;font-size:12px}#damage-focus label[hidden]{display:none}#damage-focus select{display:block;width:100%;margin-top:5px}#damage-focus .condition-toggle{display:flex}#focus-current{border-top:1px solid #ffffff20;margin-top:12px;padding-top:8px}#focus-weight-out{float:right;color:#c8df9e}

.config-tabs{display:flex;gap:8px;position:sticky;top:8px;z-index:4;background:#181e17;padding:8px;border:1px solid #46513a;border-radius:6px}.config-tabs [aria-selected=true]{background:#d6e7a4;color:#182013}#build-panels{display:grid;gap:18px}#build-panels[hidden],#config-panel[hidden]{display:none}.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.config-grid fieldset{min-width:0;border:1px solid #56614b;padding:12px;border-radius:5px}.config-grid legend{font-size:13px;color:#d6e7a4}.config-grid section{padding:6px 0;border:0;background:transparent}.config-grid label{font-size:11px;display:block;margin:8px 0}.config-grid input[type=number]{width:100%;margin-top:4px}.config-grid .condition-toggle{display:flex}.config-item{padding:12px 0;border-bottom:1px solid #ffffff20}.config-item small{display:block;color:#aebba3;font-size:10px;margin:5px 0}.config-item button{font-size:10px;margin-top:6px}.config-item details{margin:8px 0;font-size:11px}#config-search{display:block;width:100%;margin-top:6px}@media(max-width:1000px){.config-grid{grid-template-columns:1fr}}

#target-stack-panel{margin:16px 0;padding:16px;border:1px solid var(--accent,#b5c97d);border-radius:8px}#target-stack-panel legend{font-weight:700}.enemy-stack-row{display:grid;grid-template-columns:minmax(140px,1fr) 85px;gap:6px 12px;padding:12px 0;border-bottom:1px solid #ffffff18;align-items:center}.enemy-stack-row small,.enemy-stack-row button{grid-column:1/-1}.enemy-stack-row input{width:85px!important;font-size:18px;text-align:center}#target-stack-result{margin-top:14px}#target-stack-result .stat-row{gap:12px}#midboss-stat strong{color:#d4e8a1;font-size:22px}#midboss-config input{display:block;width:100%;margin:5px 0 14px}

#items{display:block;max-height:none;overflow:visible;padding:0;margin-top:12px}
.library-group{--item-tone:#d7ab67;margin:0 0 20px}
.library-group.vitality{--item-tone:#91c779}.library-group.spirit{--item-tone:#bba0dc}
.library-group>h3{color:var(--item-tone);display:flex;align-items:center;gap:12px;font-size:15px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--item-tone);padding-bottom:8px;margin:16px 0 10px}
.library-group>h3 small{font-size:10px;font-weight:400;color:#aab39d;text-transform:none;letter-spacing:0}
.library-tier{margin:10px 0}.tier-price{font-size:10px;color:#c1c9b6;margin:0 0 5px}
.item-chips{display:flex;flex-wrap:wrap;gap:5px}
#items .compact-item{display:flex;align-items:stretch;padding:0;border:1px solid #505844;border-radius:4px;background:#292e23;max-width:100%;min-width:0}
#items .compact-item:hover,#items .compact-item:focus-within{border-color:var(--item-tone);background:#363e2d}
#items .item-chip{display:flex;align-items:center;gap:5px;border:0;background:none;padding:4px 3px 4px 5px;border-radius:3px;color:#edf0e6;min-height:32px;font-size:11px;font-weight:500;text-align:left}
#items .item-chip img{width:23px;height:23px;object-fit:contain;float:none;margin:0}
#items .item-chip span{white-space:normal;line-height:1.2}
#items .item-chip small{font-size:11px;color:var(--item-tone);margin-left:2px}
#items .chip-info{border:0;border-left:1px solid #ffffff0d;background:none;padding:0 5px;font-size:11px;color:#aab39d;border-radius:0 3px 3px 0}
#items .compact-item.owned{border-color:var(--item-tone);background:#3a432e}
#items .compact-item.blocked .item-chip{color:#9ba390}
#items button:focus-visible{outline:2px solid var(--item-tone);outline-offset:2px}
@media(max-width:600px){#items .item-chip{min-height:38px;font-size:12px}#items .chip-info{padding:0 8px}}


#build-workbench{padding:14px}
#build-workbench .section-title h2{font-size:18px}
#build-workbench .build-tools{margin:10px 0;gap:6px}
#build-workbench .build-tools input,#build-workbench .build-tools button{padding:7px 9px;font-size:12px}
#build-workbench #slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#build-workbench .slot{height:54px;font-size:13px}
#build-workbench .slot.filled{flex-direction:row;justify-content:flex-start;padding:6px 18px 6px 6px;gap:7px}
#build-workbench .slot img{height:36px;width:36px;flex-shrink:0}
#build-workbench .slot span{font-size:12px;text-align:left;line-height:1.15;overflow-wrap:anywhere}
#build-workbench .slot small{display:none}
#build-workbench .slot .remove{font-size:15px;padding:1px 5px}
#build-workbench .build-bottom{margin:8px 0;gap:8px}
#build-workbench .build-bottom button{padding:5px 7px}
#build-workbench .saved-label{display:flex;align-items:center;gap:8px;margin:0;font-size:10px}
#build-workbench .saved-label select{min-width:0;flex:1;padding:6px;margin:0;font-size:11px}
@media(max-width:600px){#build-workbench #slots{grid-template-columns:repeat(2,minmax(0,1fr))}#build-workbench .slot img{width:36px;height:36px}}


#build-workbench #slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
#build-workbench .slot{height:82px}
#build-workbench .slot.filled{flex-direction:column;justify-content:center;padding:6px 3px;gap:4px}
#build-workbench .slot img{width:38px;height:38px}
#build-workbench .slot span{font-size:10px;text-align:center;line-height:1.15}
#build-workbench .extra-items-label{grid-column:1/-1;padding:8px 0 3px;font-size:11px;color:#c8d6ae;border-top:1px solid #515c43;margin-top:3px}
@media(max-width:600px){#build-workbench #slots{gap:3px}#build-workbench .slot img{width:30px;height:30px}#build-workbench .slot span{font-size:9px}#build-workbench .slot{height:78px}}


#combo-analysis{border-top:1px solid #60644b;padding-top:12px;margin:16px 0}#combo-analysis h3 small{font-size:9px;color:#d2b570}#combo-analysis fieldset{border:1px solid #414735;margin:10px 0;padding:8px}#combo-analysis label:not(.condition-toggle){display:grid;gap:4px;margin:8px 0}#combo-analysis input[type=number],#combo-analysis select{width:100%;min-width:0}#combo-analysis .big-stat strong{color:#d9c881}