/* Armory: local tokens; V130 interaction and layout refinements follow below. */
#screen-inventory {
  --armory-ink: #09191f;
  --armory-surface: #112a30;
  --armory-cream: #ede3c5;
  --armory-jade: #8fd0b5;
  --armory-muted: #9fb5b0;
  --armory-gold: #dcbf80;
  --armory-line: #35565a;
  color: var(--armory-cream);
}
#screen-inventory .panel-body { container: inventory / inline-size; padding: 12px 12px calc(28px + var(--safe-b, 0px)); background: var(--armory-ink); }
#screen-inventory .panel-body * { box-sizing: border-box; }
#screen-inventory :is(button, input, select, summary) { min-height: 44px; }
#screen-inventory :is(button, input, select, summary):focus-visible { outline: 3px solid var(--armory-gold); outline-offset: 3px; }
#screen-inventory button { cursor: pointer; }
#screen-inventory button:disabled { cursor: default; opacity: .6; }
#screen-inventory .btn { border: 1px solid var(--armory-line); background: var(--armory-surface); color: var(--armory-cream); box-shadow: none; }
#screen-inventory .btn-primary { border-color: var(--armory-jade); background: var(--armory-jade); color: var(--armory-ink); font-weight: 800; }
#screen-inventory [hidden] { display: none; }
#app #screen-inventory .inventory-intro, #app #screen-inventory .inventory-workspace, #app #screen-inventory .inventory-notice, #app #screen-inventory .inventory-skills, #app #screen-inventory .inventory-policy { width: 100%; max-width: 1060px; margin-inline: auto; }
#app #screen-inventory .inventory-intro { min-height: 120px; display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; padding: 16px; border: 1px solid var(--armory-line); border-radius: 14px; background: linear-gradient(90deg, #09191ff2, #09191f9e 64%, #09191f66), url('../assets/img/ui-v126/armory.webp') center 52% / cover, var(--armory-surface); }
#app #screen-inventory .inventory-intro-copy { min-width: 0; }
#app #screen-inventory .inventory-intro small { color: var(--armory-jade); font-size: 11px; letter-spacing: .1em; }
#app #screen-inventory .inventory-intro h3 { margin: 6px 0; font: 700 clamp(18px, 4vw, 24px)/1.35 var(--serif); color: var(--armory-cream); word-break: keep-all; }
#app #screen-inventory .inventory-intro p { margin: 0; max-width: 27em; font-size: 12px; line-height: 1.6; color: var(--armory-cream); }
#app #screen-inventory .inventory-intro .btn { flex-shrink: 0; font-size: 12px; padding-inline: 10px; }
#app #screen-inventory .inventory-notice { padding: 10px 12px; border-left: 3px solid var(--armory-gold); color: var(--armory-gold); font-size: 13px; line-height: 1.6; white-space: pre-line; overflow-wrap: anywhere; }
#app #screen-inventory .inventory-notice:empty { display: none; }
#app #screen-inventory .inventory-workspace { display: grid; gap: 20px; margin-block: 12px 20px; }
#app #screen-inventory .inventory-equipment-column, #app #screen-inventory .inventory-collection { min-width: 0; }
#app #screen-inventory .inventory-equipment-column { border: 1px solid var(--armory-line); border-radius: 12px; background: var(--armory-surface); }
#app #screen-inventory .inventory-overview { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; }
#app #screen-inventory .inventory-equipped-label { display: grid; gap: 5px; min-width: 0; }
#app #screen-inventory .inventory-equipped-label small { color: var(--armory-muted); font-size: 11px; }
#app #screen-inventory .inventory-equipped-label strong { font: 700 13px/1.45 var(--sans); overflow-wrap: anywhere; }
#app #screen-inventory .inventory-strength { display: flex; flex-shrink: 0; gap: 14px; margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
#app #screen-inventory .inventory-strength dt { color: var(--armory-muted); font-size: 10px; }
#app #screen-inventory .inventory-strength dd { margin: 4px 0 0; font: 700 21px/1.1 var(--sans); color: var(--armory-jade); }
#app #screen-inventory .inventory-loadout-details { border-top: 1px solid var(--armory-line); }
#app #screen-inventory .inventory-loadout-details > summary { padding: 12px; color: var(--armory-muted); font-size: 12px; cursor: pointer; }
#app #screen-inventory .inventory-loadout { padding: 0 12px 12px; }
#app #screen-inventory .inventory-portrait { display: grid; grid-template-columns: 44px minmax(0,1fr); grid-template-rows: auto auto; gap: 2px 10px; align-items: center; padding-bottom: 10px; }
#app #screen-inventory .inventory-portrait img { grid-row: 1 / 3; width: 44px; height: 52px; object-fit: contain; }
#app #screen-inventory .inventory-portrait strong { align-self: end; font-size: 12px; }
#app #screen-inventory .inventory-portrait small { align-self: start; color: var(--armory-muted); font-size: 11px; }
#app #screen-inventory .inventory-slots { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 6px; }
#app #screen-inventory .inventory-slot, #app #screen-inventory .inventory-item, #app #screen-inventory .inventory-set-piece { --rarity: var(--armory-muted); position: relative; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 5px; border: 1px solid var(--armory-line); border-top: 3px solid var(--rarity); border-radius: 9px; padding: 8px; color: var(--armory-cream); background: var(--armory-surface); text-align: center; }
#screen-inventory [data-rarity='1'] { --rarity: #bbc4b0; }
#screen-inventory [data-rarity='2'] { --rarity: #8fd0b5; }
#screen-inventory [data-rarity='3'] { --rarity: #98c6ee; }
#screen-inventory [data-rarity='4'] { --rarity: #c8a7e8; }
#screen-inventory [data-rarity='5'] { --rarity: #dcbf80; }
#app #screen-inventory .inventory-slot strong { font: 700 11px/1.45 var(--sans); overflow-wrap: anywhere; }
#app #screen-inventory .inventory-slot small { order: -1; color: var(--armory-muted); font-size: 11px; }
#app #screen-inventory .inventory-art, #app #screen-inventory .inventory-detail-art, #app #screen-inventory .inventory-goal-art { display: grid; place-items: center; grid-template: minmax(0,1fr) / minmax(0,1fr); flex-shrink: 0; }
#app #screen-inventory .inventory-art { width: 100%; height: 76px; border-radius: 6px; background: radial-gradient(ellipse, #244348, #0b2025); }
#app #screen-inventory .inventory-art img, #app #screen-inventory .inventory-detail-art img, #app #screen-inventory .inventory-goal-art img { display: block; width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: contain; }
#app #screen-inventory .inventory-slot .inventory-art { height: 46px; }
#app #screen-inventory .inventory-glyph { font: 700 32px var(--serif); color: var(--armory-gold); }
#app #screen-inventory .inventory-stats { padding: 0 12px 12px; }
#app #screen-inventory .inventory-wallet { font-size: 12px; color: var(--armory-gold); margin: 0 0 10px; }
#app #screen-inventory .inventory-attributes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; margin: 0; }
#app #screen-inventory .inventory-attributes > div { padding: 8px; border-radius: 6px; background: var(--armory-ink); }
#app #screen-inventory .inventory-attributes dt { color: var(--armory-muted); font-size: 11px; }
#app #screen-inventory .inventory-attributes dd { margin: 4px 0 0; font-size: 14px; font-weight: 700; }
#app #screen-inventory .inventory-appearance-note { padding: 0 12px 12px; margin: 0; font-size: 11px; line-height: 1.6; color: var(--armory-muted); }
#app #screen-inventory .inventory-bag-heading { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 10px; }
#app #screen-inventory .inventory-bag-heading h3 { margin: 0; font: 700 18px var(--serif); }
#app #screen-inventory .inventory-collection-count { font-size: 11px; color: var(--armory-gold); text-align: right; }
#app #screen-inventory .inventory-modes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; padding: 4px; border-radius: 10px; background: var(--armory-surface); margin-bottom: 10px; }
#app #screen-inventory .inventory-filter { flex-shrink: 0; border: 1px solid var(--armory-line); border-radius: 7px; background: var(--armory-ink); color: var(--armory-muted); font: 700 12px var(--sans); padding: 9px 12px; }
#app #screen-inventory .inventory-modes .inventory-filter { border-color: transparent; background: transparent; }
#app #screen-inventory .inventory-filter[aria-pressed=true] { background: var(--armory-jade); color: var(--armory-ink); border-color: var(--armory-jade); }
#app #screen-inventory .inventory-filters { display: flex; gap: 6px; overflow-x: auto; padding: 4px; margin: 8px -4px 0; scrollbar-width: thin; }
#app #screen-inventory .inventory-filters .inventory-filter[aria-pressed=true] { background: var(--armory-surface); color: var(--armory-jade); }
#app #screen-inventory .inventory-goal-button { display: flex; align-items: center; width: 100%; gap: 8px; border: 1px solid var(--armory-line); border-radius: 10px; background: var(--armory-surface); color: var(--armory-cream); padding: 10px; text-align: left; font: 700 12px/1.45 var(--sans); }
#app #screen-inventory .inventory-goal-button > small { font-size: 11px; font-weight: 400; color: var(--armory-muted); }
#app #screen-inventory .inventory-goal-arrow { margin-left: auto; font-size: 22px; color: var(--armory-jade); }
#app #screen-inventory .inventory-goal-copy { min-width: 0; display: grid; gap: 3px; }
#app #screen-inventory .inventory-goal-copy strong { overflow-wrap: anywhere; }
#app #screen-inventory .inventory-goal-copy small { font-size: 11px; font-weight: 400; color: var(--armory-muted); }
#app #screen-inventory .inventory-goal-copy small:first-child { color: var(--armory-jade); }
#app #screen-inventory .inventory-goal-art { width: 42px; height: 50px; }
#app #screen-inventory .inventory-advanced summary { padding: 12px 0; font-size: 12px; color: var(--armory-muted); cursor: pointer; }
#app #screen-inventory .inventory-controls { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; }
#app #screen-inventory .inventory-controls input { flex: 1 1 100%; }
#app #screen-inventory .inventory-controls select { flex: 1 1 110px; }
#app #screen-inventory .inventory-controls :is(input,select), #app #screen-inventory .inventory-detail input { min-width: 0; max-width: 100%; padding: 9px; border: 1px solid var(--armory-line); border-radius: 7px; color: var(--armory-cream); background: var(--armory-surface); font: 13px var(--sans); color-scheme: dark; }
#app #screen-inventory .inventory-count { font-size: 11px; color: var(--armory-muted); margin: 0 0 10px; }
#app #screen-inventory .inventory-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; align-items: stretch; padding: 0; border: 0; background: transparent; }
#app #screen-inventory .inventory-item { min-height: 162px; }
#app #screen-inventory .inventory-item strong { flex: 1; display: flex; align-items: center; justify-content: center; font: 700 12px/1.45 var(--sans); word-break: keep-all; overflow-wrap: anywhere; }
#app #screen-inventory .inventory-item .inventory-card-rarity { width: 100%; font-size: 10px; line-height: 1.5; color: var(--rarity); }
#app #screen-inventory .inventory-card-state { font-size: 10px; line-height: 1.5; color: var(--armory-muted); }
#app #screen-inventory .inventory-item[data-owned=false] { background: #0c2026; border-style: dashed; border-top-style: solid; }
#app #screen-inventory .inventory-item[data-owned=false] .inventory-art { opacity: 1; filter: none; }
#app #screen-inventory .inventory-item[data-equipped=true] .inventory-card-state { color: var(--armory-jade); font-weight: 700; }
#app #screen-inventory .inventory-item[aria-pressed=true] { outline: 2px solid var(--armory-jade); outline-offset: 2px; background: #1c3a3e; }
@media (hover:hover) {
#app #screen-inventory .inventory-item:hover, #app #screen-inventory .inventory-slot:hover, #app #screen-inventory .inventory-set-piece:hover { border-color: var(--armory-jade); background: #1c3a3e; } }
#app #screen-inventory .inventory-empty { grid-column: 1/-1; text-align: center; padding: 22px 14px; border: 1px dashed var(--armory-line); border-radius: 10px; color: var(--armory-muted); font-size: 13px; line-height: 1.7; }
#app #screen-inventory .inventory-empty .inventory-art { height: 64px; background: transparent; }
#app #screen-inventory .inventory-empty p { margin: 12px 0; }
#app #screen-inventory .inventory-pager { display: flex; justify-content: space-between; gap: 12px; margin-top: 12px; }
#app #screen-inventory .inventory-pager button { min-width: 80px; }
#screen-inventory .gear-enhancement-badge { position: absolute; right: 6px; top: 30px; z-index: 1; padding: 2px 5px; border: 1px solid var(--armory-gold); border-radius: 4px; color: var(--armory-gold); background: var(--armory-ink); font-size: 11px; font-weight: 800; }
#app #screen-inventory .inventory-inspector { --rarity: var(--armory-gold); width: min(580px, calc(100vw - 24px)); max-width: 580px; max-height: calc(100dvh - 24px - var(--safe-t, 0px) - var(--safe-b, 0px)); padding: 0; border: 1px solid var(--armory-line); border-radius: 14px; background: var(--armory-ink); color: var(--armory-cream); box-shadow: 0 18px 80px #000a; overflow: auto; overscroll-behavior: contain; }
#app #screen-inventory .inventory-inspector::backdrop { background: #020b10c9; }
#app #screen-inventory .inventory-inspector:not([open]) { display: none; }
#app #screen-inventory .inventory-inspector-bar { position: sticky; top: 0; z-index: 3; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; padding: 6px 12px 10px; border-bottom: 1px solid var(--armory-line); background: var(--armory-surface); color: var(--armory-muted); font-size: 12px; }
#app #screen-inventory .inventory-detail-close { min-width: 64px; padding: 8px 12px; border: 1px solid var(--armory-line); border-radius: 7px; color: var(--armory-cream); background: var(--armory-ink); font: 700 13px var(--sans); }
#app #screen-inventory .inventory-detail { padding: 16px; min-width: 0; overflow-wrap: anywhere; }
#app #screen-inventory .inventory-detail-hero { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
#app #screen-inventory .inventory-detail-art { width: 96px; height: 96px; padding: 8px; border: 1px solid var(--rarity); border-radius: 12px; background: radial-gradient(ellipse, #294a4c, #10282e); }
#app #screen-inventory .inventory-detail-identity { min-width: 0; }
#app #screen-inventory .inventory-detail h4 { margin: 5px 0; font: 700 21px/1.4 var(--serif); color: var(--armory-cream); word-break: keep-all; overflow-wrap: anywhere; }
#app #screen-inventory .inventory-detail h5 { margin: 8px 0; font: 700 14px/1.5 var(--sans); color: var(--armory-cream); }
#app #screen-inventory .inventory-detail p { margin: 8px 0; font-size: 13px; line-height: 1.7; }
#app #screen-inventory .inventory-detail .inventory-rarity { font-size: 12px; color: var(--rarity); }
#app #screen-inventory .inventory-detail .inventory-item-state { font-size: 12px; color: var(--armory-jade); margin: 4px 0; }
#app #screen-inventory .inventory-value { padding: 12px; border: 1px solid var(--armory-line); border-radius: 10px; background: var(--armory-surface); }
#app #screen-inventory .inventory-value-role { color: var(--armory-jade); font-size: 11px; font-weight: 700; }
#app #screen-inventory .inventory-value h5 { margin: 6px 0; font-size: 14px; }
#app #screen-inventory .inventory-value > p { color: var(--armory-muted); font-size: 12px; }
#app #screen-inventory .inventory-value .inventory-value-condition { color: var(--armory-gold); font-weight: 700; }
#app #screen-inventory .inventory-value-lines { display: grid; gap: 8px; padding: 0; margin: 12px 0 0; list-style: none; font-size: 13px; line-height: 1.6; font-variant-numeric: tabular-nums; }
#app #screen-inventory .inventory-value-lines li { border-left: 2px solid var(--armory-jade); padding-left: 8px; }
#app #screen-inventory .inventory-detail :is(.inventory-description,.inventory-comparison,.inventory-set,.inventory-forge,.inventory-acquisition) { margin: 12px 0 0; padding: 0 12px; border: 1px solid var(--armory-line); border-radius: 9px; background: var(--armory-surface); }
#app #screen-inventory .inventory-detail details > summary { padding: 12px 0; color: var(--armory-cream); cursor: pointer; font-size: 12px; line-height: 1.6; }
#app #screen-inventory .inventory-detail details[open] { padding-bottom: 12px; }
#app #screen-inventory .inventory-detail .inventory-description p, #app #screen-inventory .inventory-detail .inventory-hint, #app #screen-inventory .inventory-detail .inventory-source { font-size: 12px; color: var(--armory-muted); }
#app #screen-inventory .inventory-detail .inventory-requirement { padding: 8px 10px; border-left: 2px solid var(--armory-jade); color: var(--armory-jade); font-size: 12px; }
#app #screen-inventory .inventory-detail .inventory-requirement[data-eligible=false] { color: var(--armory-gold); border-color: var(--armory-gold); }
#app #screen-inventory .inventory-comparison table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 12px; font-variant-numeric: tabular-nums; }
#app #screen-inventory .inventory-comparison th, #app #screen-inventory .inventory-comparison td { padding: 9px 3px; text-align: right; border-bottom: 1px solid var(--armory-line); overflow-wrap: anywhere; }
#app #screen-inventory .inventory-comparison th:first-child { text-align: left; width: 32%; font-weight: 500; }
#app #screen-inventory .inventory-comparison thead th { font-size: 11px; color: var(--armory-muted); }
#app #screen-inventory .inventory-next-value { font-weight: 700; color: var(--armory-cream); }
#app #screen-inventory .inventory-delta[data-direction=up] { color: var(--armory-jade); }
#app #screen-inventory .inventory-delta[data-direction=down] { color: #f1aa9c; }
#app #screen-inventory .inventory-comparison > small, #app #screen-inventory .inventory-set > small, #app #screen-inventory .inventory-forge > small { display: block; margin-top: 8px; font-size: 11px; line-height: 1.7; color: var(--armory-muted); }
#app #screen-inventory .inventory-action { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 12px; }
#app #screen-inventory .inventory-action .btn { min-height: 44px; font-size: 13px; white-space: normal; overflow-wrap: anywhere; }
#app #screen-inventory .inventory-action small { font-size: 11px; line-height: 1.5; color: var(--armory-muted); }
#app #screen-inventory .inventory-primary-action, #app #screen-inventory .inventory-target-action { flex: 1 0 100%; min-width: 0; margin: 0; }
#app #screen-inventory .inventory-primary-action .btn, #app #screen-inventory .inventory-target-action .btn { flex: 1; }
#app #screen-inventory .inventory-primary-action small, #app #screen-inventory .inventory-target-action small { flex: 1 0 100%; }
#app #screen-inventory .inventory-description .inventory-primary-action { margin-top: 10px; }
#app #screen-inventory .inventory-detail-notice { padding: 10px; background: #2a372d; border: 1px solid var(--armory-gold); border-radius: 7px; color: var(--armory-gold); white-space: pre-line; scroll-margin-top: 155px; }
#app #screen-inventory .inventory-detail-notice:focus-visible { outline: 3px solid var(--armory-gold); outline-offset: 2px; }
#app #screen-inventory .inventory-set-count, #app #screen-inventory .inventory-value-progress { color: var(--armory-muted); }
#app #screen-inventory .inventory-set-effects p { font-size: 12px; color: var(--armory-muted); }
#app #screen-inventory .inventory-set-effects [data-active=true] { color: var(--armory-jade); }
#app #screen-inventory .inventory-set-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
#app #screen-inventory .inventory-set-piece { font-size: 11px; line-height: 1.5; }
#app #screen-inventory .inventory-set-piece > span:not(.inventory-art) { flex: 1; overflow-wrap: anywhere; }
#app #screen-inventory .inventory-set-piece .inventory-art { height: 56px; }
#app #screen-inventory .inventory-set-piece small { font-size: 10px; color: var(--armory-jade); }
#app #screen-inventory .inventory-set-piece[data-owned=false] { border-style: dashed; background: var(--armory-ink); }
#app #screen-inventory .inventory-set-piece[data-owned=false] small { color: var(--armory-muted); }
#app #screen-inventory .inventory-detail section.inventory-acquisition { padding-block: 12px; border-color: #577d71; }
#app #screen-inventory .inventory-detail .inventory-target-path { color: var(--armory-jade); }
#app #screen-inventory .inventory-drop-rates { border-top: 1px solid var(--armory-line); margin-top: 10px; }
#app #screen-inventory .inventory-skills, #app #screen-inventory .inventory-policy { border-top: 1px solid var(--armory-line); margin-block: 12px 0; }
#app #screen-inventory .inventory-skills > summary, #app #screen-inventory .inventory-policy > summary { padding: 12px 0; font: 700 13px/1.6 var(--sans); color: var(--armory-muted); cursor: pointer; }
#app #screen-inventory .inventory-skill-body > p, #app #screen-inventory .inventory-policy p { font-size: 12px; line-height: 1.8; color: var(--armory-muted); }
#app #screen-inventory .inventory-skill { border: 1px solid var(--armory-line); border-radius: 9px; background: var(--armory-surface); padding: 12px; margin: 8px 0; }
#app #screen-inventory .inventory-skill h4 { font: 700 14px var(--sans); margin: 0 0 8px; }
#app #screen-inventory .inventory-skill p { font-size: 12px; line-height: 1.7; margin: 0 0 6px; }
#app #screen-inventory .inventory-skill > small { font-size: 11px; color: var(--armory-muted); }
#app #screen-inventory .inventory-skill .inventory-action { display: inline-flex; margin-right: 8px; }
/* Enhancement stays visible through its badge/tier, without perpetual glow motion. */
#screen-inventory [data-gear-glow] img, #screen-inventory [data-gear-glow], #screen-inventory [data-gear-glow]::before, #screen-inventory [data-gear-glow]::after { animation: none; }
@container inventory (min-width: 520px) {
  #app #screen-inventory .inventory-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
  #app #screen-inventory .inventory-equipment-column { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: start; }
  #app #screen-inventory .inventory-loadout-details { border-top: 0; border-left: 1px solid var(--armory-line); }
  #app #screen-inventory .inventory-loadout-details > summary { padding-block: 24px; }
}
@container inventory (min-width: 860px) {
  #app #screen-inventory .inventory-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
  #app #screen-inventory .inventory-art { height: 100px; }
  #app #screen-inventory .inventory-item strong { font-size: 14px; }
  #app #screen-inventory .inventory-item .inventory-card-rarity, #app #screen-inventory .inventory-card-state { font-size: 12px; }
}
@container inventory (max-width: 335px) {
  #app #screen-inventory .inventory-intro { padding: 12px; min-height: 112px; }
  #app #screen-inventory .inventory-intro h3 { font-size: 18px; }
  #app #screen-inventory .inventory-intro p { font-size: 11px; }
  #app #screen-inventory .inventory-strength { gap: 10px; }
  #app #screen-inventory .inventory-strength dd { font-size: 18px; }
  #app #screen-inventory .inventory-grid { gap: 6px; }
  #app #screen-inventory .inventory-item { padding: 6px; }
  #app #screen-inventory .inventory-goal-button > small { display: none; }
}
@media (max-width: 360px) {
  #app #screen-inventory .inventory-detail { padding: 12px; }
  #app #screen-inventory .inventory-detail-art { width: 76px; height: 84px; }
  #app #screen-inventory .inventory-detail h4 { font-size: 18px; }
  #app #screen-inventory .inventory-comparison table { font-size: 11px; }
}
@media (orientation: landscape) and (max-height: 500px) {
  #app #screen-inventory .inventory-intro { min-height: 96px; }
  #app #screen-inventory .inventory-inspector-bar { flex-wrap: nowrap; }
  #app #screen-inventory .inventory-inspector-bar > span { display: none; }
  #app #screen-inventory .inventory-inspector-bar .inventory-action { flex-basis: auto; }
  #app #screen-inventory .inventory-detail-art { width: 72px; height: 72px; }
  #app #screen-inventory .inventory-detail-notice { scroll-margin-top: 100px; }
}
@media (prefers-reduced-motion: reduce) {
  #screen-inventory *, #screen-inventory *::before, #screen-inventory *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
#screen-inventory .panel-body[data-reduced-motion=true] *, #screen-inventory .panel-body[data-reduced-motion=true] *::before, #screen-inventory .panel-body[data-reduced-motion=true] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }

/* V130 night armory: visible loadout, direct search and a contextual bottom action. */
#app #screen-inventory.inventory-gui { position: fixed; inset: 0; width: 100vw; max-width: none; background: var(--armory-ink); }
#app #screen-inventory.inventory-gui .panel-head { max-width: 1120px; margin-inline: auto; padding-block: calc(10px + var(--safe-t, 0px)) 10px; min-height: 64px; background: var(--armory-ink); border-bottom: 1px solid var(--armory-line); }
#app #screen-inventory.inventory-gui .panel-head h2 { color: var(--armory-cream); font-size: 22px; }
#app #screen-inventory.inventory-gui .panel-body { top: calc(66px + var(--safe-t, 0px)); padding: 12px 12px calc(92px + var(--safe-b, 0px)); background: var(--armory-ink); }
#app #screen-inventory.inventory-gui .inventory-intro, #app #screen-inventory.inventory-gui .inventory-workspace, #app #screen-inventory.inventory-gui .inventory-skills, #app #screen-inventory.inventory-gui .inventory-policy, #app #screen-inventory.inventory-gui .inventory-notice { max-width: 1060px; }
#app #screen-inventory.inventory-gui .inventory-intro { min-height: 76px; align-items: center; gap: 14px; padding: 12px 14px; border: 1px solid #82734e; border-radius: 10px; background: linear-gradient(90deg, #09191fe8, #09191f66), url('../assets/img/gui-v130/armory-background.png') center 53% / cover; }
#app #screen-inventory.inventory-gui .inventory-intro small { font-size: 11px; color: var(--armory-gold); }
#app #screen-inventory.inventory-gui .inventory-intro h3 { margin: 5px 0 0; font-size: 21px; }
#app #screen-inventory.inventory-gui .inventory-shortcuts { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 5px; max-width: 62%; }
#app #screen-inventory.inventory-gui .inventory-shortcuts .btn { min-height: 44px; padding: 7px 10px; font-size: 12px; border-color: #53605a; background: #09191fc9; }
#app #screen-inventory.inventory-gui .inventory-shortcuts .inventory-shared-entry { flex-basis: 100%; color: var(--armory-muted); }
#app #screen-inventory.inventory-gui .inventory-workspace { gap: 16px; margin-block: 12px; }
#app #screen-inventory.inventory-gui .inventory-equipment-column { align-self: start; border-color: #52625b; border-radius: 10px; }
#app #screen-inventory.inventory-gui .inventory-overview { gap: 8px; padding: 12px; }
#app #screen-inventory.inventory-gui .inventory-equipped-label { display: none; }
#app #screen-inventory.inventory-gui .inventory-portrait { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 2px 8px; padding: 0; min-width: 0; flex: 1; }
#app #screen-inventory.inventory-gui .inventory-portrait img { width: 34px; height: 45px; }
#app #screen-inventory.inventory-gui .inventory-portrait strong { font-size: 13px; }
#app #screen-inventory.inventory-gui .inventory-portrait small { font-size: 12px; }
#app #screen-inventory.inventory-gui .inventory-strength { gap: 10px; }
#app #screen-inventory.inventory-gui .inventory-strength dt { font-size: 11px; }
#app #screen-inventory.inventory-gui .inventory-strength dd { font-size: 20px; }
#app #screen-inventory.inventory-gui .inventory-loadout { padding: 0 10px 10px; }
#app #screen-inventory.inventory-gui .inventory-slot { padding: 6px 4px; gap: 4px; border-radius: 6px; }
#app #screen-inventory.inventory-gui .inventory-slot .inventory-art { height: 44px; }
#app #screen-inventory.inventory-gui .inventory-slot > :not(.inventory-art) { font-size: 11px; line-height: 1.35; }
#app #screen-inventory.inventory-gui .inventory-loadout-details > summary { padding: 8px 12px; font-size: 12px; }
#app #screen-inventory.inventory-gui .inventory-bag-heading { margin: 0 0 8px; }
#app #screen-inventory.inventory-gui .inventory-bag-heading h3 { margin: 0; font-size: 18px; }
#app #screen-inventory.inventory-gui .inventory-modes { margin: 0; }
#app #screen-inventory.inventory-gui .inventory-search { margin: 10px 0; }
#app #screen-inventory.inventory-gui .inventory-search input { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; border: 1px solid var(--armory-line); border-radius: 8px; padding: 10px 12px; background: #10272d; color: var(--armory-cream); font: 14px var(--sans); }
#app #screen-inventory.inventory-gui .inventory-search input::placeholder { color: var(--armory-muted); opacity: 1; }
#app #screen-inventory.inventory-gui .inventory-filters { margin: 0 0 6px; gap: 6px; }
#app #screen-inventory.inventory-gui .inventory-filter { font-size: 13px; }
#app #screen-inventory.inventory-gui .inventory-advanced > summary { font-size: 12px; }
#app #screen-inventory.inventory-gui .inventory-controls { grid-template-columns: 1fr 1fr; }
#app #screen-inventory.inventory-gui .inventory-count { margin: 6px 0 10px; font-size: 12px; }
#app #screen-inventory.inventory-gui .inventory-grid { gap: 8px; }
#app #screen-inventory.inventory-gui .inventory-item { gap: 4px; padding: 7px 5px; border-radius: 7px; }
#app #screen-inventory.inventory-gui .inventory-item .inventory-art { height: 64px; }
#app #screen-inventory.inventory-gui .inventory-item > strong { font-size: 13px; line-height: 1.4; }
#app #screen-inventory.inventory-gui .inventory-card-rarity { font-size: 10px; }
#app #screen-inventory.inventory-gui .inventory-card-state { font-size: 11px; line-height: 1.45; }
#app #screen-inventory.inventory-gui .inventory-exit-bar { position: absolute; z-index: 3; bottom: 0; left: 0; right: 0; padding: 10px max(12px, calc((100vw - 1060px) / 2)) calc(10px + var(--safe-b, 0px)); border-top: 1px solid var(--armory-line); background: #09191ff5; }
#app #screen-inventory.inventory-gui .inventory-exit-bar .btn { width: 100%; min-height: 48px; border-color: var(--armory-gold); background: var(--armory-gold); color: #102125; font-size: 15px; }
#app #screen-inventory.inventory-gui .inventory-inspector[open] { display: flex; flex-direction: column; max-height: calc(100dvh - 24px - var(--safe-t, 0px) - var(--safe-b, 0px)); overflow: hidden; border-color: #8c7b55; border-radius: 12px; }
#app #screen-inventory.inventory-gui .inventory-inspector-bar { position: static; flex: none; flex-wrap: nowrap; min-height: 52px; padding: 8px 12px; }
#app #screen-inventory.inventory-gui .inventory-detail { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 16px; }
#app #screen-inventory.inventory-gui .inventory-detail p { font-size: 14px; }
#app #screen-inventory.inventory-gui .inventory-detail h4 { font-size: 24px; }
#app #screen-inventory.inventory-gui .inventory-detail-hero { margin-bottom: 16px; }
#app #screen-inventory.inventory-gui .inventory-detail-art { width: 100px; height: 100px; }
#app #screen-inventory.inventory-gui .inventory-compare-pair { display: grid; grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr); align-items: center; gap: 8px; margin-bottom: 14px; padding: 12px 0; border-block: 1px solid var(--armory-line); }
#app #screen-inventory.inventory-gui .inventory-compare-pair > div { display: grid; gap: 6px; min-width: 0; }
#app #screen-inventory.inventory-gui .inventory-compare-pair small { color: var(--armory-muted); font-size: 12px; }
#app #screen-inventory.inventory-gui .inventory-compare-pair strong { font-size: 14px; line-height: 1.5; }
#app #screen-inventory.inventory-gui .inventory-compare-pair > div:last-child strong, #app #screen-inventory.inventory-gui .inventory-compare-arrow { color: var(--armory-jade); }
#app #screen-inventory.inventory-gui .inventory-value { padding: 12px; border-radius: 8px; }
#app #screen-inventory.inventory-gui .inventory-value h5 { font-size: 16px; line-height: 1.5; }
#app #screen-inventory.inventory-gui .inventory-value-lines { font-size: 14px; }
#app #screen-inventory.inventory-gui .inventory-inspector-actions { flex: none; padding: 12px 16px max(12px, var(--safe-b, 0px)); border-top: 1px solid var(--armory-line); background: #10272d; }
#app #screen-inventory.inventory-gui .inventory-inspector-actions:empty { display: none; }
#app #screen-inventory.inventory-gui .inventory-inspector-actions .btn { min-height: 48px; font-size: 15px; }
#app #screen-inventory.inventory-gui .inventory-inspector-actions .btn:disabled { background: var(--armory-surface); color: var(--armory-muted); border-color: var(--armory-line); opacity: 1; }
#app #screen-inventory.inventory-gui .inventory-inspector-actions small { font-size: 12px; }
#app #screen-inventory.inventory-gui .inventory-detail-notice { scroll-margin-top: 12px; }
@media (min-width: 760px) {
  #app #screen-inventory.inventory-gui .panel-body { padding-inline: 24px; }
  #app #screen-inventory.inventory-gui .inventory-workspace { grid-template-columns: 280px minmax(0, 1fr); gap: 28px; margin-block: 20px; }
  #app #screen-inventory.inventory-gui .inventory-equipment-column { position: sticky; top: 0; }
  #app #screen-inventory.inventory-gui .inventory-overview { flex-wrap: wrap; padding: 18px; }
  #app #screen-inventory.inventory-gui .inventory-portrait { flex-basis: 100%; grid-template-columns: 64px 1fr; margin-bottom: 12px; }
  #app #screen-inventory.inventory-gui .inventory-portrait img { width: 64px; height: 80px; }
  #app #screen-inventory.inventory-gui .inventory-portrait strong { font-size: 16px; }
  #app #screen-inventory.inventory-gui .inventory-strength { width: 100%; justify-content: space-between; text-align: left; }
  #app #screen-inventory.inventory-gui .inventory-strength dd { font-size: 26px; }
  #app #screen-inventory.inventory-gui .inventory-slots { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  #app #screen-inventory.inventory-gui .inventory-slot .inventory-art { height: 64px; }
  #app #screen-inventory.inventory-gui .inventory-item .inventory-art { height: 82px; }
  #app #screen-inventory.inventory-gui .inventory-shortcuts { max-width: none; flex-wrap: nowrap; }
  #app #screen-inventory.inventory-gui .inventory-shortcuts .inventory-shared-entry { flex-basis: auto; }
}
@media (min-width: 1050px) { #app #screen-inventory.inventory-gui .inventory-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-height: 500px) {
  #app #screen-inventory.inventory-gui .inventory-inspector[open] { max-height: calc(100dvh - 12px); }
  #app #screen-inventory.inventory-gui .inventory-detail { padding: 12px; }
  #app #screen-inventory.inventory-gui .inventory-detail-art { width: 64px; height: 64px; }
  #app #screen-inventory.inventory-gui .inventory-inspector-actions { padding-block: 6px; }
}
#app #screen-inventory.inventory-gui > .panel-head { box-sizing: border-box; width: 100%; max-width: 1120px; min-height: 64px; padding: calc(8px + var(--safe-t, 0px)) 12px 8px; gap: 8px; }
#app #screen-inventory.inventory-gui > .panel-head h2 { order: 1; flex: 1; font-size: 21px; }
#app #screen-inventory.inventory-gui > .panel-head .inventory-shortcuts { order: 2; flex-wrap: nowrap; max-width: none; gap: 4px; }
#app #screen-inventory.inventory-gui > .panel-head .btn-icon { order: 3; }
#app #screen-inventory.inventory-gui .inventory-shortcuts .btn { flex-basis: auto; padding-inline: 8px; min-width: 44px; }
#app #screen-inventory.inventory-gui .inventory-intro[hidden] { display: none; }
#app #screen-inventory.inventory-gui .inventory-equipment-column { display: block; background: linear-gradient(100deg, #10282ef5, #10282eb8), url('../assets/img/gui-v130/armory-background.png') right center / cover; }
#app #screen-inventory.inventory-gui .inventory-slot > small { display: none; }
#app #screen-inventory.inventory-gui .inventory-loadout-details { border-left: 0; border-top: 1px solid var(--armory-line); }
#app #screen-inventory.inventory-gui .inventory-loadout-details > summary { padding-block: 8px; }
#app #screen-inventory.inventory-gui .inventory-bag-heading { display: none; }
#app #screen-inventory.inventory-gui .inventory-modes { padding: 0; min-height: 44px; }
#app #screen-inventory.inventory-gui .inventory-search { display: grid; grid-template-columns: minmax(0, 1fr) 64px; gap: 8px; margin: 10px 0; }
#app #screen-inventory.inventory-gui .inventory-advanced { position: relative; margin: 0; border: 0; }
#app #screen-inventory.inventory-gui .inventory-advanced > summary { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 8px; border: 1px solid var(--armory-line); border-radius: 8px; background: var(--armory-surface); }
#app #screen-inventory.inventory-gui .inventory-advanced[open] > summary { color: var(--armory-jade); border-color: var(--armory-jade); }
#app #screen-inventory.inventory-gui .inventory-advanced .inventory-controls { position: absolute; z-index: 5; right: 0; top: 100%; width: min(310px, 80vw); padding: 12px; border: 1px solid var(--armory-line); border-radius: 8px; background: var(--armory-ink); box-shadow: 0 12px 24px #0007; }
#app #screen-inventory.inventory-gui > .panel-body { position: absolute; top: calc(64px + var(--safe-t, 0px)); bottom: 0; left: 0; right: 0; flex: none; }
#app #screen-inventory.inventory-gui .inventory-detail-close { margin-left: auto; }
#app #screen-inventory.inventory-gui .inventory-item .inventory-art { min-height: 0; }

/* V131: one relic, one decision; detail data remains available in its own tab. */
#app #screen-inventory.inventory-gui .inventory-inspector,
#app #screen-inventory.inventory-gui .inventory-inspector[open] {
  --relic-paper: #e6ddc7; --relic-muted: #afa993; --relic-brass: #c2a86b;
  color: var(--relic-paper); background: #101414; border-color: #756343;
  border-radius: 5px; box-shadow: 0 24px 100px #000d;
}
#app #screen-inventory.inventory-gui .inventory-inspector-bar { min-height: 48px; padding: 6px 14px; color: var(--relic-muted); background: #111717; border-color: #655a3b70; letter-spacing: .06em; }
#app #screen-inventory.inventory-gui .inventory-detail-close { background: transparent; color: var(--relic-paper); border-color: #726448; border-radius: 3px; min-height: 44px; }
#app #screen-inventory.inventory-gui .inventory-detail { padding: 0 20px 20px; background: linear-gradient(#141919, #101414); }
#app #screen-inventory.inventory-gui .inventory-detail-hero { position: relative; display: block; margin: 0 -20px 0; text-align: center; background: #101516; }
#app #screen-inventory.inventory-gui .inventory-reliquary {
  display: grid; place-items: center; height: 190px; overflow: hidden;
  background: radial-gradient(ellipse at 50% 70%, #b19b4f18, transparent 57%), linear-gradient(#11171922, #111719b3), url('../assets/img/ritual-v131/reliquary-backdrop.png') center 72% / cover, #101617;
}
#app #screen-inventory.inventory-gui .inventory-reliquary::after { content: ''; position: absolute; width: 142px; height: 18px; top: 155px; border-radius: 50%; background: #0008; filter: blur(8px); pointer-events: none; }
#app #screen-inventory.inventory-gui .inventory-detail-art { position: relative; z-index: 1; width: 140px; height: 140px; padding: 0; border: 0; border-radius: 0; background: transparent; mix-blend-mode: lighten; filter: drop-shadow(0 8px 16px #0009); }
#app #screen-inventory.inventory-gui .inventory-detail-identity { position: relative; padding: 0 20px 14px; background: linear-gradient(transparent, #141919); }
#app #screen-inventory.inventory-gui .inventory-detail .inventory-rarity { color: var(--relic-brass); font-size: 11px; letter-spacing: .12em; }
#app #screen-inventory.inventory-gui .inventory-detail h4 { color: var(--relic-paper); margin: 7px 0 4px; font-size: 24px; line-height: 1.35; }
#app #screen-inventory.inventory-gui .inventory-detail .inventory-item-state { margin: 4px 0 0; color: var(--relic-muted); font-size: 12px; }
#app #screen-inventory.inventory-gui .inventory-value { padding: 16px 0 14px; border: 0; border-top: 1px solid #78664270; border-radius: 0; background: transparent; }
#app #screen-inventory.inventory-gui .inventory-value-role { color: var(--relic-brass); font-size: 11px; letter-spacing: .08em; }
#app #screen-inventory.inventory-gui .inventory-value h5 { margin: 5px 0 10px; color: var(--relic-paper); font: 500 17px/1.5 var(--serif); }
#app #screen-inventory.inventory-gui .inventory-value > p { margin: 6px 0; color: var(--relic-muted); font-size: 12px; }
#app #screen-inventory.inventory-gui .inventory-value-lines { gap: 0; margin: 8px 0; }
#app #screen-inventory.inventory-gui .inventory-value-lines li { display: flex; justify-content: space-between; gap: 12px; border: 0; border-bottom: 1px solid #9f8c4e22; padding: 8px 0; font-size: 14px; }
#app #screen-inventory.inventory-gui .inventory-delta[data-direction=up] { color: #b9d3b4; }
#app #screen-inventory.inventory-gui .inventory-delta[data-direction=down] { color: #eaa290; }
#app #screen-inventory.inventory-gui .inventory-detail .inventory-value-condition { color: #e3be78; font-size: 12px; }
#app #screen-inventory.inventory-gui .inventory-detail-tabs { position: sticky; top: -1px; z-index: 2; display: flex; background: #141919; border-block: 1px solid #78664270; margin-top: 2px; }
#app #screen-inventory.inventory-gui .inventory-detail-tab { flex: 1; min-width: 0; min-height: 48px; padding: 10px 6px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: var(--relic-muted); font: 700 14px var(--sans); cursor: pointer; }
#app #screen-inventory.inventory-gui .inventory-detail-tab[aria-selected=true] { border-bottom-color: var(--relic-brass); color: #f1ddaa; background: linear-gradient(transparent, #c2a86b0b); }
#app #screen-inventory.inventory-gui .inventory-detail-tab:focus-visible { outline: 2px solid var(--relic-brass); outline-offset: -4px; }
#app #screen-inventory.inventory-gui .inventory-detail-tabpanel { padding-top: 12px; min-width: 0; }
#app #screen-inventory.inventory-gui .inventory-detail-tabpanel[hidden] { display: none; }
#app #screen-inventory.inventory-gui .inventory-detail .inventory-role-description { color: var(--relic-paper); font-size: 13px; line-height: 1.7; }
#app #screen-inventory.inventory-gui .inventory-detail .inventory-requirement { margin-top: 12px; padding: 0; border: 0; font-size: 12px; color: var(--relic-muted); }
#app #screen-inventory.inventory-gui .inventory-detail .inventory-requirement[data-eligible=false] { color: #e3be78; }
#app #screen-inventory.inventory-gui .inventory-detail :is(.inventory-description,.inventory-comparison,.inventory-set,.inventory-forge,.inventory-acquisition) { padding: 0; border: 0; border-top: 1px solid #78664270; border-radius: 0; background: transparent; }
#app #screen-inventory.inventory-gui .inventory-detail details > summary { min-height: 44px; box-sizing: border-box; padding: 12px 0; font-size: 13px; color: var(--relic-paper); }
#app #screen-inventory.inventory-gui .inventory-detail .inventory-forge { border: 0; padding-top: 0; margin-top: 0; }
#app #screen-inventory.inventory-gui .inventory-forge > h5 { color: var(--relic-brass); font: 500 19px/1.5 var(--serif); margin-top: 0; }
#app #screen-inventory.inventory-gui .inventory-detail .inventory-forge > p { font-size: 13px; line-height: 1.7; color: var(--relic-paper); }
#app #screen-inventory.inventory-gui .inventory-detail :is(.inventory-hint,.inventory-source,.inventory-current-name), #app #screen-inventory.inventory-gui .inventory-forge > small { color: var(--relic-muted); }
#app #screen-inventory.inventory-gui .inventory-inspector-actions { background: #141919; border-top-color: #78664270; padding: 12px 20px max(12px, var(--safe-b, 0px)); }
#app #screen-inventory.inventory-gui .inventory-inspector-actions .btn, #app #screen-inventory.inventory-gui .inventory-forge .btn { color: #211b0e; background: #d0b87c; border-color: #d0b87c; border-radius: 3px; min-height: 48px; }
#app #screen-inventory.inventory-gui .inventory-inspector-actions .btn:disabled { color: var(--relic-muted); background: #1d2320; border-color: #746548; }
#app #screen-inventory.inventory-gui .inventory-inspector-actions small { color: var(--relic-muted); font-size: 11px; }
@media (max-width: 350px) {
  #app #screen-inventory.inventory-gui .inventory-detail { padding-inline: 14px; }
  #app #screen-inventory.inventory-gui .inventory-detail-hero { margin-inline: -14px; }
  #app #screen-inventory.inventory-gui .inventory-reliquary { height: 160px; }
  #app #screen-inventory.inventory-gui .inventory-reliquary::after { top: 132px; }
  #app #screen-inventory.inventory-gui .inventory-detail-art { width: 126px; height: 126px; }
  #app #screen-inventory.inventory-gui .inventory-detail h4 { font-size: 21px; }
  #app #screen-inventory.inventory-gui .inventory-inspector-actions { padding-inline: 14px; }
}
@media (max-height: 500px) {
  #app #screen-inventory.inventory-gui .inventory-detail-hero { display: grid; grid-template-columns: 100px minmax(0, 1fr); align-items: center; text-align: left; }
  #app #screen-inventory.inventory-gui .inventory-reliquary { height: 100px; }
  #app #screen-inventory.inventory-gui .inventory-reliquary::after { display: none; }
  #app #screen-inventory.inventory-gui .inventory-detail-art { width: 84px; height: 84px; }
  #app #screen-inventory.inventory-gui .inventory-detail-identity { padding: 12px; }
  #app #screen-inventory.inventory-gui .inventory-inspector-actions { padding-block: 6px; }
}
#app #screen-inventory.inventory-gui .inventory-detail-art img { mask-image: radial-gradient(ellipse at center, #000 48%, #000e 62%, transparent 74%); }
#app #screen-inventory.inventory-gui .inventory-forge { scroll-margin-top: 60px; }
#app #screen-inventory.inventory-gui .inventory-forge:focus-visible { outline: 2px solid var(--relic-brass); outline-offset: 4px; }