/* Soulframe-inspired inventory. Existing confirmed game textures and ornaments;
   geometry and controls are native CSS/SVG, rather than a flattened UI image. */
:root{color-scheme:dark;--ink:#151a16;--surface:#262a22;--raised:#30352a;--gold:#bea567;--bright:#ead9a5;--text:#e6dfca;--muted:#b4b49e;--line:#a9965b55;--body:'Segoe UI',sans-serif;--display:Georgia,'Times New Roman',serif}
[hidden]{display:none!important}
body{color:var(--text);background:var(--ink);font-family:var(--body);font-size:15px}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#101813f5,#161d16e3 50%,#111913ef),url('/assets/ui/forest-backdrop.webp') center/cover}
h1,h2,h3{font-family:var(--display);font-weight:400;color:var(--bright)}
h1{letter-spacing:-.025em;font-size:clamp(2.2rem,3.5vw,3.5rem)}
h2{font-size:1.4rem}h3{font-size:1.15rem}
a,button,input,select,textarea{transition:background-color .16s,border-color .16s,color .16s}
:is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--bright);outline-offset:3px}
button:disabled{cursor:not-allowed}button:not(:disabled):hover{color:var(--bright)}
input,select,textarea{border-radius:2px;background:#151d17cc;border-color:var(--line);color:var(--text);font-size:.9rem}
input::placeholder,textarea::placeholder{color:#a3a591}select option{background:#232a21;color:var(--text)}
label{color:var(--muted)}.muted,.intro{color:var(--muted)}
.topbar{height:72px;padding:0 max(1.2rem,calc((100vw - 1420px)/2));background:#121b15de;border-color:var(--line);backdrop-filter:blur(14px)}
.brand img{width:32px;height:40px;filter:sepia(.6) brightness(1.3)}
.brand span{font-family:var(--display);letter-spacing:.18em;font-size:1.08rem;color:var(--bright)}
.brand b{color:var(--gold)}.brand small{font-family:var(--body);color:var(--muted);font-size:.55rem;letter-spacing:.29em}
.top-actions{gap:.8rem}
.language-switch button{color:var(--muted);border:1px solid transparent;border-radius:0}
.language-switch button[aria-pressed=true]{color:var(--bright);background:#bc9f5830;border-color:var(--line)}
.discord-btn{border-color:var(--line);background:#2a3025aa;border-radius:2px;color:var(--text)}
.discord-btn svg{fill:var(--gold)}.discord-btn:hover{background:#424837}
.shell{display:block;min-height:calc(100vh - 72px)}
.sidebar{position:sticky;top:0;z-index:5;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;height:56px;padding:0 max(1.2rem,calc((100vw - 1400px)/2));border:0;border-bottom:1px solid var(--line);background:#171e17ed;backdrop-filter:blur(16px)}
.nav-heading{display:none}.sidebar nav{display:flex;gap:1.1rem;height:100%;align-items:stretch;min-width:0}
.nav-item{font-family:var(--display);font-size:1rem;padding:.8rem .6rem;margin:0;gap:.5rem;border-radius:0;letter-spacing:.025em;color:var(--muted);border-bottom:2px solid transparent}
.nav-item>span{font-size:1.1rem;width:auto;color:var(--gold)}.nav-item small{display:none}
.nav-item.active{color:var(--bright);background:linear-gradient(0deg,#bd9e5e1a,transparent);border-bottom-color:var(--gold);box-shadow:none}
.nav-item:hover{background:#b49a4b13;color:var(--bright)}
.sidebar-bottom{display:flex;flex-direction:row;margin:0;padding:0;border:0;gap:1rem;align-items:center;flex-shrink:0}
.sidebar-bottom :is(a,button){font-size:.73rem;color:var(--muted)}.sidebar-bottom p{display:none}
main{max-width:1440px;margin:0 auto;padding:1.7rem 2.3rem 1.5rem}
.page-head{margin-bottom:1.5rem;gap:1rem;align-items:center;flex-direction:row}
.eyebrow{color:var(--gold);font-size:.65rem;letter-spacing:.17em}
.intro{font-size:.9rem;margin-top:.45rem}.arsenal-head h1{font-size:2.65rem}
.head-actions{padding:0;gap:.7rem}.button{border-color:var(--line);border-radius:2px;color:var(--bright);background:#2e3529a8;min-height:42px;font-size:.8rem;letter-spacing:.015em}
.button:hover{background:#414b35;border-color:var(--gold)}
.button.primary{background:#c1ab74;color:#1e271b;border-color:#dfc893;box-shadow:inset 0 0 0 3px #79643638}
.button.primary:hover{color:#11180f;background:#dcc78f}
.text-button{color:var(--bright)}.tag{border-color:var(--line);background:#aa8d4730;border-radius:1px;color:var(--bright)}
.panel{position:relative;border:1px solid var(--line);border-radius:2px;background:#2d3227 url('/assets/ui/paper-texture.webp');background-blend-mode:multiply;padding:1.2rem;box-shadow:0 10px 30px #0002}
.panel:before,.panel:after{content:'';position:absolute;width:22px;height:22px;background-size:contain;background-repeat:no-repeat;opacity:.7;pointer-events:none}
.panel:before{left:3px;top:3px;background-image:url('/assets/ui/leaf-top-left.png')}
.panel:after{right:3px;bottom:3px;background-image:url('/assets/ui/leaf-bottom-right.png')}
.build-meta{grid-template-columns:minmax(0,1.7fr) minmax(0,.8fr) minmax(0,1fr);padding:.8rem 1.1rem;gap:1.1rem;background-color:#242d23}
.build-meta label:first-child{grid-column:auto}.build-meta input,.build-meta select{margin-top:.25rem;padding:.5rem .65rem}
.build-meta label{font-size:.72rem}
.builder-tabs{display:flex;position:sticky;top:56px;z-index:3;gap:0;margin:1.15rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#1b241beF;backdrop-filter:blur(12px)}
.builder-tabs button{border:0;border-bottom:2px solid transparent;flex:1;min-width:0;min-height:50px;padding:.65rem .3rem;background:transparent;color:var(--muted);font-family:var(--display);font-size:.95rem}
.builder-tabs button>span{color:var(--gold);margin-right:.5rem;font-size:.75rem;opacity:.6}
.builder-tabs button[aria-selected=true]{border-bottom-color:var(--gold);color:var(--bright);background:linear-gradient(0deg,#bc9b5430,transparent)}
.builder-layout{grid-template-columns:minmax(0,1fr) 300px;gap:1.3rem;align-items:start}
.builder-main{min-width:0}.builder-pane>.panel:first-child{margin-top:0}
.section-heading{margin:.1rem 0 .8rem}.section-heading>span{color:var(--gold);font-size:.72rem}
.equipment-grid{grid-template-columns:minmax(0,1.18fr) repeat(2,minmax(0,1fr));gap:.7rem}
.slot{border:1px solid var(--line);border-radius:2px;background:#333c2e url('/assets/ui/paper-texture.webp');background-blend-mode:multiply;min-height:164px;padding:.7rem .85rem;align-items:center;text-align:center}
.slot:after{content:'';position:absolute;inset:4px;border:1px solid #c9b16b20;pointer-events:none}
.slot:hover{background-color:#414c37;border-color:var(--gold)}.slot.selected{border-color:#b49a6280}
.slot-top{font-size:.68rem;color:var(--muted);align-items:center;text-align:left}.slot-index{font-family:var(--display);color:var(--gold);opacity:.7}
.slot-art{display:flex;align-items:center;justify-content:center;width:100%;height:78px;background:radial-gradient(ellipse,#a4935140,transparent 68%)}
.slot-art .slot-image{height:100%;width:100%;margin:0;filter:drop-shadow(0 4px 5px #0005)}
.slot-symbol{font-size:2.5rem;color:#ae9a65;margin:0;opacity:.6}
.slot strong{font-family:var(--display);font-size:.96rem;font-weight:400;color:var(--bright);line-height:1.15}
.slot-en{font-size:.65rem;color:var(--muted);margin-top:.25rem}
.slot-change{font-size:.65rem;color:var(--gold);padding-top:.35rem;margin-top:auto;justify-content:center;gap:.5rem}
.pact-slot{grid-row:span 3;min-height:100%;background-color:#37442f;padding:1.1rem}
.pact-slot .slot-art{flex:1;min-height:220px;position:relative;background:radial-gradient(ellipse,#c2b47533,transparent 68%)}
.pact-slot .slot-art:before{content:'';position:absolute;width:85%;aspect-ratio:1;border:1px solid #bdad6633;border-radius:50%;box-shadow:0 0 0 12px #b6a05909,0 0 0 13px #bdad661c}
.pact-slot .slot-image{position:relative;max-height:300px;height:90%;max-width:100%;object-fit:contain}
.pact-slot strong{font-size:1.8rem;padding-top:.8rem}.pact-slot .slot-en{font-size:.75rem}.pact-slot .slot-top{font-size:.75rem}
.pact-slot .slot-change{margin-top:.6rem;font-size:.75rem}.equipment-hint{margin:1rem 0 0;color:var(--muted);font-size:.76rem;text-align:center}
.loadout-column{position:sticky!important;top:122px;min-width:0}
.stats-panel{margin-top:0;padding:1.15rem}.stats-panel>.eyebrow{text-align:center;font-family:var(--display);letter-spacing:.09em;font-size:.9rem;color:var(--bright)}
.stat-life{justify-content:center;flex-direction:column;gap:.35rem;padding:.5rem 0 .8rem;background:url('/assets/ui/paired-vines.png') center/contain no-repeat}
.stat-life>span{font-family:var(--display);color:var(--muted);font-size:.8rem}.stat-life strong{font-size:2.7rem;font-weight:400;color:var(--bright);line-height:1.15;min-width:90px;text-align:center;text-shadow:0 2px 8px #0006}
.stats-grid{gap:.35rem;margin:.7rem 0}.stats-grid dt{font-size:.65rem;color:var(--muted);line-height:1.4}.stats-grid dd{font-family:var(--display);font-size:1.5rem;font-weight:400;color:var(--bright);margin-top:.3rem}
.defence-stats{padding:.7rem 0;border-top:1px solid var(--line);text-align:center}
.weapon-stats{border-color:var(--line);padding-top:.6rem;margin-top:.8rem}.weapon-stats h3{font-family:var(--display);color:var(--bright);font-size:1.25rem;line-height:1.2;margin:.4rem 0 .8rem}
.weapon-stats h3 small{display:block;color:var(--muted);font-family:var(--body);font-size:.63rem;margin-top:.25rem}
.stats-panel details{font-size:.74rem;margin-top:.55rem}.stats-panel summary{color:var(--muted);min-height:28px;line-height:1.7}
.equipment-effects>summary span,.build-checks>summary span{float:right;min-width:23px;padding:0 .2rem;text-align:center;border:1px solid var(--line);border-radius:50%;color:var(--gold);font-size:.7rem}
.build-checks{padding-top:.6rem;border-top:1px solid var(--line)}.has-errors>summary{color:#efb5a2}.has-warnings>summary{color:#dcc18b}
.formula-sources p{margin-top:.65rem}.formula-sources a{color:var(--bright)}.rule-warning{color:#dcc18b}.rule-error{color:#f0b09b}
.build-effect{background:#c0ac6410;border-left:1px solid var(--line);border-radius:0}.build-effect p{color:var(--muted)}
.loadout-actions{padding:1rem .2rem 0}.loadout-status{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;color:var(--muted);margin-bottom:.75rem;gap:.5rem}
.autosave-note{font-size:.68rem;line-height:1.6;color:var(--muted);text-align:center;margin:.6rem 0}.autosave-note span{color:var(--gold)}
.loadout-tools{font-size:.74rem;border-top:1px solid var(--line);padding-top:.6rem;color:var(--muted)}.loadout-tools summary{color:var(--muted)}
.secondary-actions{align-items:stretch;margin-top:.5rem;gap:.2rem}.secondary-actions button{text-align:left;color:var(--gold);padding:.35rem;font-size:.75rem}
.virtues-panel h3{font-family:var(--display);color:var(--bright);font-size:1.2rem;margin:1.4rem 0 .5rem}
.virtue-inputs{gap:.8rem;margin-top:1.3rem}.virtue{background:#131e1780;border:1px solid var(--line);padding:1rem;text-align:center;border-radius:2px}
.virtue:before{content:'◇';display:block;font-size:2.2rem;line-height:1.2;margin-bottom:.45rem;color:#c2a16e}.virtue.spirit:before{color:#a2bbb5}.virtue.grace:before{color:#c3c29e}
.virtue input{text-align:center;background:transparent;border:0;border-bottom:1px solid var(--line);font-family:var(--display);font-weight:400;font-size:2.5rem;padding:.2rem}
.virtue small{font-size:.66rem;line-height:1.6;color:var(--muted);display:block;margin-top:.5rem}
.planner-controls{gap:.8rem;margin:.8rem 0}.planner-controls label{font-size:.78rem}.planner-controls p{color:var(--gold);font-size:.8rem}
.weapon-config{border-color:var(--line);padding:.8rem 0 1.3rem}.weapon-config h3{font-family:var(--display);font-size:1.3rem;color:var(--bright)}
.weapon-config>p{font-size:.75rem}.upgrade-pick{border-color:var(--line);background:#2e3729;border-radius:2px;font-size:.82rem;min-height:64px}
.upgrade-pick:hover{background:#444f37}.upgrade-pick>span:first-child{color:var(--gold)}.upgrade-pick .item-image{width:50px;height:50px}
.temper-chips>div{border-color:var(--line);background:#bdad5314;border-radius:2px}.temper-chips .icon-button{font-size:1.1rem}
.socket-grid{grid-template-columns:1fr 1fr}.upgrade-socket{border-color:var(--line);background:#1c251d55;border-radius:2px}
.totem-sockets{grid-template-columns:repeat(4,minmax(0,1fr))}.totem-sockets .upgrade-pick{flex-direction:column;text-align:center;min-height:110px;border:0;background:radial-gradient(circle,#b7a25c22,transparent 65%);padding:.3rem}
.totem-sockets .upgrade-pick .item-image{width:62px;height:62px;border:1px solid #a28c5566;border-radius:50%;padding:7px;background:#333d2b}
.upgrade-socket>small{color:var(--gold);font-size:.65rem}.socket-controls{grid-template-columns:1fr;gap:.25rem}.socket-controls label{font-size:.64rem}
.locked-socket{background:#18201855;opacity:.55;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px}.locked-socket>span{font-size:3rem;color:var(--gold)}
.trees-panel{padding:1.1rem}.pact-abilities{gap:.5rem}.pact-abilities article{border-color:var(--line);background:#202a2055;border-radius:2px;padding:.65rem}
.pact-abilities strong{font-family:var(--display);font-size:.9rem;color:var(--bright)}.pact-abilities p{color:var(--muted);font-size:.68rem;line-height:1.6}.pact-abilities small{color:var(--gold)}
.skill-tree{margin-top:1.1rem;border-top:1px solid var(--line);padding-top:.6rem}.skill-tree>summary{font-family:var(--display);font-size:1.1rem;color:var(--bright);font-weight:400}
.pact-ability{border:1px solid var(--line);padding:.65rem;background:#202a2055;border-radius:2px;min-width:0}.pact-ability>summary{display:flex;gap:.55rem;align-items:center;cursor:pointer;list-style:none;min-height:54px;color:var(--bright)}.pact-ability summary::-webkit-details-marker{display:none}.pact-ability .picker-image{width:42px;height:42px;margin:0;float:none}.pact-ability strong{font-family:var(--display);font-size:.9rem;font-weight:400;display:block}.pact-ability small{display:block;color:var(--gold);font-size:.65rem;margin-top:.25rem}.pact-ability p{font-size:.75rem;color:var(--muted);line-height:1.7;margin:.65rem 0 0}.pact-ability>summary:after{content:'⌄';margin-left:auto;color:var(--gold)}.pact-ability[open]>summary:after{content:'⌃'}
.tree-points{float:right;color:var(--gold);font-family:var(--body);font-size:.8rem}.tree-budget{max-width:200px;font-size:.72rem;margin:.5rem 0}.tree-budget input,.tree-budget select{padding:.45rem .6rem;font-size:1rem}
.mastery-note{font-size:.72rem}.skill-graph{position:relative;margin:1rem 0 .4rem;isolation:isolate}.skill-connectors{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}
.skill-connectors path{stroke:#a99b6355;stroke-width:1.5;fill:none}.skill-connectors .learned-edge{stroke:#ccb779;stroke-width:2}
.skill-level{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;padding:1.2rem 0}
.skill-node{flex:1 1 110px;max-width:180px;min-width:0;position:relative;display:flex;align-items:center;flex-direction:column;text-align:center;padding:.6rem;border:1px solid var(--line);border-radius:2px;background:#273121}
.skill-node>span{display:flex;flex-direction:column;align-items:center;gap:.3rem}.skill-node strong{font-family:var(--display);font-size:.8rem;font-weight:400;color:var(--text);line-height:1.35}
.skill-icon{width:42px;height:42px;object-fit:contain;border:1px solid var(--line);border-radius:50%;padding:4px;background:#1b251a}
.skill-node .rank-pips{display:flex;flex-direction:row;gap:4px;margin:.45rem 0 0}.rank-pips i{width:5px;height:5px;transform:rotate(45deg);border:1px solid var(--gold)}.rank-pips .filled-pip{background:var(--bright)}
.skill-node select{max-width:90px;font-size:.75rem;padding:.25rem .4rem;text-align:center;margin-top:.5rem}.skill-node small{font-size:.6rem;margin:.4rem 0 0;color:var(--muted);line-height:1.35}
.learned-node{border-color:#ddc78a99;box-shadow:inset 0 0 0 3px #b9a16b18;background:#37412b}.locked-node{opacity:.65}
.notes-panel{margin-top:0}.label-heading{font-family:var(--display);color:var(--bright)}.segmented{border-color:var(--line);border-radius:2px}
.segmented button{color:var(--muted);padding:.6rem .9rem}.segmented button[aria-pressed=true]{background:#c1ab74;color:#1e271b}
.markdown :is(a,h2,h3,h4){color:var(--bright)}.markdown pre,.markdown code{background:#192217}.markdown blockquote{border-color:var(--gold);color:var(--muted)}
.guide-preview{background:#222c20;border-color:var(--line)}
dialog{border-radius:2px;border-color:#c8b07599;background:#293022 url('/assets/ui/paper-texture.webp');background-blend-mode:multiply;color:var(--text);box-shadow:0 25px 100px #000b}
dialog::backdrop{background:#060c09c9;backdrop-filter:blur(8px)}.dialog-head h2{font-size:1.9rem;color:var(--bright)}.icon-button{color:var(--gold)}
.inventory-dialog{width:min(1030px,calc(100vw - 48px));max-height:92vh;padding:1.25rem}
.inventory-dialog .dialog-head{margin-bottom:.9rem}.inventory-search{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.inventory-search input{flex:1;min-width:0}.inventory-search span{color:var(--gold);font-size:.75rem;white-space:nowrap}
.inventory-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:1.25rem;min-width:0}
.inventory-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;max-height:49vh;overflow-y:auto;align-content:start;padding:.2rem .5rem .3rem .2rem;scrollbar-color:#9b8556 #1c281c}
.inventory-item{min-width:0;background:#38412f;border:1px solid var(--line);border-radius:1px;padding:.65rem .4rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;min-height:133px;text-align:center}
.inventory-item:hover{background:#4a543a;border-color:var(--gold)}.inventory-item[aria-pressed=true]{border-color:var(--bright);background:#505b3d;box-shadow:inset 0 0 0 3px #ddc88424}
.inventory-item>.item-image{width:100%;height:70px;object-fit:contain;filter:drop-shadow(0 3px 4px #0005)}
.inventory-item strong{font-family:var(--display);font-weight:400;font-size:.8rem;line-height:1.3;color:var(--text);overflow-wrap:anywhere}.inventory-item small{font-size:.62rem;color:var(--muted);overflow-wrap:anywhere}
.inventory-preview{min-width:0;border-left:1px solid var(--line);padding-left:1.1rem;max-height:49vh;overflow-y:auto;scrollbar-color:#9b8556 #1c281c}
.inventory-preview-art{height:150px;display:flex;justify-content:center;background:radial-gradient(ellipse,#b7a5622a,transparent 70%)}.inventory-preview-art img{max-height:100%;width:100%;object-fit:contain}
.inventory-preview>.eyebrow{margin:.65rem 0 .4rem}.inventory-preview h3{font-size:1.55rem;overflow-wrap:anywhere}.inventory-alternate{font-size:.7rem;color:var(--muted);margin:.4rem 0 .7rem}
.inventory-description{font-size:.75rem;line-height:1.75;color:var(--muted);margin-top:.8rem;overflow-wrap:anywhere}
.inventory-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.9rem 0 .5rem}
.inventory-stats dt{font-size:.62rem;color:var(--muted);overflow-wrap:anywhere}.inventory-stats dd{font-family:var(--display);color:var(--bright);font-size:1.3rem;margin:.3rem 0 0}
.inventory-preview>small{font-size:.6rem;color:var(--gold)}.inventory-requirements{color:var(--gold);font-size:.68rem;margin-top:.65rem;line-height:1.6}
.inventory-empty{display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%;min-height:200px;color:var(--muted);text-align:center;gap:1rem;font-size:.8rem}.inventory-empty>span{font-size:4rem;color:var(--gold);opacity:.4}
.inventory-footer{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.inventory-footer p{margin:0 auto 0 0;color:var(--muted);font-size:.72rem}
.catalog-controls,.catalog-card,.catalog-metrics>div{border-color:var(--line);border-radius:2px;background-color:#2c3627}
.catalog-card:hover{background:#3b4730;border-color:var(--gold)}.catalog-art{background:radial-gradient(ellipse,#bba26425,transparent 70%)}.catalog-card strong{font-family:var(--display);color:var(--bright);font-weight:400}
.catalog-card small,.catalog-metrics span{color:var(--muted)}.catalog-metrics strong{color:var(--bright)}.catalog-coverage :is(th,td){border-color:var(--line)}.catalog-coverage th{color:var(--gold)}
.doc-card,.guide-card,.resource-panel{background:#2a3426;border-color:var(--line);border-radius:2px}.card-bottom{border-color:var(--line)}.card-items,.card-excerpt,.author{color:var(--muted)}
.guide-card :is(h2,h3){color:var(--bright)}.guide-card p:not(.eyebrow),.resource-panel p,.reading-view p{color:var(--muted)}
.tier-meta{grid-template-columns:minmax(0,1fr) minmax(0,.6fr);align-items:end}.tier-meta .segmented{grid-column:1/-1;width:max-content;max-width:100%}
.tier-board{border-color:var(--line);border-radius:2px}.tier-row{background:#263120;border-color:var(--line)}.tier-label{background:#756442}.tier-label span{color:var(--text)}
.tier-A .tier-label{background:#58603c}.tier-B .tier-label{background:#42604e}.tier-C .tier-label{background:#425651}.tier-U .tier-label{background:#333e2e}
.tier-item{background:#37442e;border-color:var(--line);border-radius:2px}.tier-item:hover{border-color:var(--gold)}.tier-item span{color:var(--muted)}
.notice{color:#e4ca94;background:#70582633;border-color:#c5a15a77;border-radius:2px}.audit-grid>div{background:#25311f}.audit-grid dt{color:var(--muted)}.audit-grid dd{color:var(--bright)}
footer{border-color:var(--line);color:#a3a88f;font-size:.68rem;margin-top:2rem;padding-top:1rem}
#toast{background:#2c3c27;border-color:var(--gold);border-radius:2px;color:var(--bright)}.skip{background:var(--bright);color:var(--ink)}
@media(min-width:1500px){.builder-layout{grid-template-columns:minmax(0,1fr) 320px}.slot{min-height:176px}.slot-art{height:92px}}
@media(max-width:1050px){main{padding:1.3rem 1.2rem}.sidebar-bottom{display:none}.sidebar{justify-content:center}.sidebar nav{gap:.6rem;width:100%;justify-content:center}.sidebar .nav-item{flex:1;justify-content:center}.builder-layout{grid-template-columns:minmax(0,1fr) 270px;gap:.8rem}.equipment-grid{gap:.45rem}.slot{padding:.65rem .5rem}.pact-slot{padding:.8rem}.pact-slot strong{font-size:1.4rem}.totem-sockets{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-items{grid-template-columns:repeat(3,minmax(0,1fr))}.inventory-layout{grid-template-columns:minmax(0,1fr) 240px}.page-head{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:760px){.topbar{min-height:70px;padding:.7rem 1rem}.brand span{font-size:.86rem}.brand img{width:27px;height:33px}.brand small{font-size:.48rem}.top-actions{gap:.5rem}.sidebar{height:50px;padding:0 .5rem}.sidebar nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:100%}.nav-item{font-family:var(--body);font-size:.73rem;padding:.65rem .2rem;letter-spacing:0}.nav-item>span{display:none}.builder-tabs{top:50px;margin:.85rem 0;gap:0}.builder-tabs button{font-size:.74rem;min-height:47px;padding:.55rem .1rem}.builder-tabs button>span{display:none}main{padding:1.2rem .9rem}.arsenal-head h1{font-size:2.2rem}.arsenal-head .eyebrow{font-size:.55rem}.arsenal-head .intro{font-size:.8rem}.page-head{gap:.8rem}.head-actions{width:100%}.head-actions .button{flex:1;font-size:.75rem}.build-meta{grid-template-columns:1fr 1fr;padding:.8rem;gap:.6rem}.build-meta label:first-child{grid-column:1/-1}.builder-layout{grid-template-columns:minmax(0,1fr);gap:1rem}.loadout-column{position:static!important}.equipment-grid{grid-template-columns:minmax(0,1.05fr) repeat(2,minmax(0,1fr));gap:.4rem}.slot{min-height:150px;padding:.55rem .35rem}.slot strong{font-size:.82rem}.slot-en{font-size:.56rem}.slot-top{font-size:.58rem}.slot-art{height:65px}.pact-slot .slot-art{min-height:180px}.pact-slot strong{font-size:1.35rem}.pact-slot .slot-en{font-size:.62rem}.pact-slot .slot-top{font-size:.65rem}.pact-slot .slot-change{font-size:.65rem}.virtue-inputs{gap:.45rem}.virtue{padding:.65rem .3rem;font-size:.72rem}.virtue input{font-size:2.1rem}.virtue small{font-size:.57rem}.virtue:before{font-size:1.8rem}.planner-controls{gap:.6rem}.panel{padding:1rem}.pact-abilities{grid-template-columns:1fr}.pact-abilities article{padding:.7rem}.pact-abilities p{font-size:.74rem}.skill-node{flex-basis:95px;max-width:150px;padding:.45rem}.skill-node strong{font-size:.76rem}.skill-level{gap:.4rem;padding:1rem 0}.tree-points{float:none;margin-left:.5rem}.skill-tree>summary{font-size:.98rem}.inventory-dialog{width:calc(100vw - 20px);padding:.9rem;max-height:94vh}.inventory-layout{grid-template-columns:minmax(0,1fr);gap:.7rem}.inventory-items{grid-template-columns:repeat(3,minmax(0,1fr));max-height:28vh;padding:.2rem}.inventory-item{min-height:112px;padding:.45rem .3rem}.inventory-item>.item-image{height:58px}.inventory-item strong{font-size:.72rem}.inventory-item small{font-size:.57rem}.inventory-preview{border-left:0;border-top:1px solid var(--line);padding:.7rem 0 0;max-height:25vh;display:flow-root}.inventory-preview-art{width:85px;height:95px;float:left;margin:0 .6rem .2rem 0}.inventory-preview h3{font-size:1.2rem}.inventory-preview .eyebrow{margin-top:0}.inventory-description{clear:both;margin-top:.5rem}.inventory-stats{margin:.4rem 0}.inventory-empty{min-height:80px;flex-direction:row;gap:.6rem;font-size:.72rem}.inventory-empty>span{font-size:2.2rem}.inventory-footer{flex-wrap:wrap;margin-top:.65rem;padding-top:.65rem;gap:.5rem}.inventory-footer p{flex-basis:100%;font-size:.65rem}.inventory-footer .button{flex:1}.inventory-dialog .dialog-head h2{font-size:1.5rem}.inventory-search{gap:.5rem;margin-bottom:.5rem}.inventory-search input{font-size:.75rem;padding:.55rem}.inventory-search span{font-size:.65rem}.tier-meta{grid-template-columns:1fr}.tier-meta .segmented{width:100%}.tier-meta .segmented button{flex:1;font-size:.73rem;padding:.65rem .5rem}.catalog-card strong{font-size:.9rem}.resource-panel{padding:1.2rem}.stats-panel{padding:1.1rem}.stats-grid dt{font-size:.72rem}.stats-grid dd{font-size:1.7rem}.stat-life{padding:.2rem 0 .5rem}.loadout-tools .secondary-actions{display:grid;grid-template-columns:1fr 1fr}.loadout-actions .button{min-height:45px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}