/* Fixed inventory frame; only the collections and expanded detail body scroll. */
#inventory-dialog#inventory-dialog{width:min(1400px,calc(100vw - 16px - var(--safe-left) - var(--safe-right)));position:fixed;top:calc(var(--app-top) + max(8px,env(safe-area-inset-top,0px)));left:50%;right:auto;bottom:auto;transform:translateX(-50%);margin:0;height:calc(var(--app-height) - max(8px,env(safe-area-inset-top,0px)) - max(8px,var(--safe-bottom)));max-height:calc(var(--app-height) - 16px);max-width:none;min-height:0;padding:12px;overflow:hidden;border-radius:16px;background:#0e1929}
#inventory-dialog#inventory-dialog[open]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:42px auto minmax(0,1fr) 40px;gap:8px}
#inventory-dialog#inventory-dialog>.dialog-heading,#inventory-dialog#inventory-dialog>#character-stats,#inventory-dialog#inventory-dialog>.cube-layout{grid-column:1/-1}
#inventory-dialog#inventory-dialog>.dialog-heading{min-height:40px;margin:0;padding:0 0 6px}
#inventory-dialog#inventory-dialog>.dialog-heading .eyebrow,#inventory-dialog#inventory-dialog>.dialog-footer{display:none}
#inventory-dialog#inventory-dialog>.dialog-heading h2{font-size:20px;line-height:28px;letter-spacing:-.03em}
#inventory-dialog#inventory-dialog .close-dialog{width:40px;height:40px;min-width:40px;min-height:40px;font-size:26px}
#inventory-dialog#inventory-dialog #character-stats{display:flex;align-items:center;gap:8px;min-width:0;padding:2px 0}
#inventory-dialog#inventory-dialog .stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));flex:1;gap:3px 8px;border:0;padding:0;font-size:14px;line-height:22px}
#inventory-dialog#inventory-dialog #character-detail-button{min-height:36px;font-size:14px;padding:4px 9px}
#inventory-dialog#inventory-dialog .combat-stat-details{display:none}
#inventory-dialog#inventory-dialog .cube-layout{display:grid;grid-template-columns:minmax(144px,.52fr) minmax(210px,.8fr) minmax(0,1.8fr);grid-template-rows:minmax(0,1fr);gap:12px;min-width:0;min-height:0;align-items:stretch}
#inventory-dialog#inventory-dialog .inventory-catalog{display:contents}
#inventory-dialog#inventory-dialog .equipment-panel,#inventory-dialog#inventory-dialog .items-panel{min-width:0;min-height:0;display:flex;flex-direction:column;gap:6px;overflow:hidden}
#inventory-dialog#inventory-dialog .cube-layout h3{font-family:var(--sans);font-size:15px;line-height:22px;margin:0;color:#f1f6ff}
#inventory-dialog#inventory-dialog .cube-layout h3>span{display:inline;font-size:12px;margin-left:5px;color:#b9cce2}
#inventory-dialog#inventory-dialog #equipment-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:max-content;gap:5px;min-height:0;margin:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#526b86 transparent}
#inventory-dialog#inventory-dialog .items-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;height:auto;min-height:36px;margin:0}
#inventory-dialog#inventory-dialog .items-heading h3{flex:1;min-width:0}
#inventory-dialog#inventory-dialog .items-heading h3>span{display:block;margin:0;line-height:18px}
#inventory-dialog#inventory-dialog .items-heading .small-button{max-width:none;min-height:36px;font-size:12px;padding:4px 7px;flex-shrink:0;white-space:nowrap}
#inventory-dialog#inventory-dialog .inventory-filter{display:flex;align-items:center;gap:8px;font-size:14px;color:#c0d2e8;min-height:36px}
#inventory-dialog#inventory-dialog #inventory-slot-filter{appearance:auto;min-width:0;flex:1;width:100%;min-height:36px;padding:4px 7px;border:1px solid #466581;border-radius:8px;background:#192c43;color:#f1f7ff;font:14px var(--sans)}
#inventory-dialog#inventory-dialog #inventory-scroll{flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;padding:3px 5px 4px 3px;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#6683a0 #101c2e;scrollbar-gutter:stable}
#inventory-dialog#inventory-dialog #inventory-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:max-content;align-content:start;gap:6px;min-width:0;padding:0}
#inventory-dialog#inventory-dialog .gear-tile{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:2px;min-width:0;width:100%;height:auto;aspect-ratio:auto;min-height:0;padding:5px;border:1px solid var(--rarity,#465b75);border-radius:10px;background:linear-gradient(155deg,#1c3048,#122135);box-shadow:inset 0 1px #ffffff0b;overflow:hidden;text-align:center;color:#eaf2ff;touch-action:pan-y}
#inventory-dialog#inventory-dialog .gear-tile:hover{background:#24415a}
#inventory-dialog#inventory-dialog .gear-tile.selected{outline:2px solid #96f7df;outline-offset:1px;background:#205058;border-color:#a2ffea}
#inventory-dialog#inventory-dialog .gear-tile.empty{background:#101e30;border:1px dashed #47617e;color:#b9cbe0}
#inventory-dialog#inventory-dialog .gear-visual{position:relative;display:block;flex-shrink:0;width:100%;height:48px;border-radius:7px;background:#0b1828}
#inventory-dialog#inventory-dialog .gear-visual>img{position:static;inset:auto;width:100%;height:100%;object-fit:contain;border-radius:6px}
#inventory-dialog#inventory-dialog .new-item-badge,#inventory-dialog#inventory-dialog .slot-number{position:absolute;top:0;min-width:20px;height:20px;padding:0 4px;display:grid;place-items:center;border-radius:5px;font-size:12px;line-height:18px;font-weight:750;z-index:2}
#inventory-dialog#inventory-dialog .new-item-badge{left:0;background:#ffda8c;color:#302110;box-shadow:0 1px 5px #0008}
#inventory-dialog#inventory-dialog .slot-number{right:0;border:1px solid #9ccaf4;background:#244e78;color:white}
#inventory-dialog#inventory-dialog .lock-mark,#inventory-dialog#inventory-dialog .enhance-mark{position:absolute;bottom:0;top:auto;border-radius:4px;font-size:12px;line-height:16px;padding:0 3px;z-index:2}
#inventory-dialog#inventory-dialog .lock-mark{right:0;left:auto;background:#4b2d40;color:#ffd9e5}
#inventory-dialog#inventory-dialog .enhance-mark{left:0;right:auto;background:#102334;color:#ffe0a0}
#inventory-dialog#inventory-dialog .tile-slot{position:static;display:block;min-width:0;font-size:14px;line-height:20px;font-weight:650;color:#f1f6ff;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;background:none;padding:0}
#inventory-dialog#inventory-dialog .tile-name{display:block;font-size:12px;line-height:17px;color:#c5d4e7;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#inventory-dialog#inventory-dialog .affix-count{position:static;display:block;color:var(--rarity,#badcfa);background:none;font-size:12px;line-height:17px;padding:0;font-weight:500;text-shadow:none}
#inventory-dialog#inventory-dialog #equipment-slots .gear-tile{padding:3px;gap:2px;min-height:64px}
#inventory-dialog#inventory-dialog #equipment-slots .gear-visual{height:36px}
#inventory-dialog#inventory-dialog #equipment-slots .tile-slot{font-size:12px;line-height:18px;min-height:18px}
#inventory-dialog#inventory-dialog .empty-slot-mark{display:grid;height:100%;place-items:center;font-size:20px;color:#7f9ab5}
#inventory-dialog#inventory-dialog .potion-symbol{position:static;display:grid;place-items:center;height:100%;font-size:24px;color:#ffc1cf}
#inventory-dialog#inventory-dialog .cube-empty{grid-column:1/-1;font-size:14px;line-height:1.6;color:#c5d7ec;text-align:center;padding:20px 8px;margin:0}
#inventory-dialog#inventory-dialog .dismantle-toolbar{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:4px;align-items:center;padding-top:2px}
#inventory-dialog#inventory-dialog #dismantle-rarity{min-width:0;height:32px;padding:3px 5px;border:1px solid #556a82;border-radius:7px;background:#17283d;color:#eef5ff;font:12px var(--sans)}
#inventory-dialog#inventory-dialog #dismantle-bulk{min-height:32px;padding:3px 6px;font-size:12px;border-color:#8d714a;color:#ffe0a2;background:#34291d}
#inventory-dialog#inventory-dialog #dismantle-preview{grid-column:1/-1;font-size:10px;line-height:14px;color:#9fb4cb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#inventory-dialog#inventory-dialog .dismantle-button{border-color:#8d714a;color:#ffe0a2;background:#34291d}

/* Actual worn and selected values share aligned columns, with final character deltas. */
#inventory-dialog#inventory-dialog #item-inspector{container-type:inline-size;display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;max-height:none;grid-column:auto;padding:10px;overflow:hidden;border:1px solid #4b6786;border-radius:12px;background:#0a1626;scrollbar-gutter:auto}
#inventory-dialog#inventory-dialog .inspection-heading{display:grid;grid-template-columns:1fr 1fr;gap:7px;flex-shrink:0;min-width:0}
#inventory-dialog#inventory-dialog .comparison-item{display:flex;gap:7px;align-items:center;min-width:0;padding:7px;background:#17273c;border:1px solid #354b64;border-radius:9px}
#inventory-dialog#inventory-dialog .comparison-selected{background:#17383f;border-color:#529a92}
#inventory-dialog#inventory-dialog .comparison-item>img,#inventory-dialog#inventory-dialog .empty-comparison-icon{height:40px;width:40px;object-fit:contain;flex-shrink:0;background:#0c1b2c;border:1px solid var(--rarity);border-radius:7px}
#inventory-dialog#inventory-dialog .empty-comparison-icon{display:grid;place-items:center}
#inventory-dialog#inventory-dialog .comparison-item>div{min-width:0;flex:1}
#inventory-dialog#inventory-dialog .comparison-item h3{font-size:15px;line-height:21px;overflow-wrap:anywhere;color:var(--rarity);margin:2px 0;font-weight:700}
#inventory-dialog#inventory-dialog .comparison-item small,#inventory-dialog#inventory-dialog .comparison-item div>span{display:block;font-size:12px;line-height:17px;color:#c7d5e8}
#inventory-dialog#inventory-dialog .comparison-selected small{color:#a2f3dc}
#inventory-dialog#inventory-dialog .inspection-compare{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:2px 10px;flex-shrink:0;padding:3px 1px;min-width:0}
#inventory-dialog#inventory-dialog .inspection-compare>span{font-size:12px;line-height:18px;color:#b6c9df}
#inventory-dialog#inventory-dialog .inspection-compare>b{font-size:14px;line-height:20px;color:#f0f6ff;font-variant-numeric:tabular-nums;font-weight:600}
#inventory-dialog#inventory-dialog .inspection-compare em{font-style:normal;margin-left:5px}
#inventory-dialog#inventory-dialog .inspection-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-content:start;min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#607a96 transparent;padding-right:3px}
#inventory-dialog#inventory-dialog .inspection-body>section{min-width:0}
#inventory-dialog#inventory-dialog .inspection-section-title{display:flex;flex-wrap:wrap;gap:0 6px;align-items:baseline;justify-content:space-between;margin:0 0 5px}
#inventory-dialog#inventory-dialog .inspection-section-title h4{font-size:15px;line-height:22px;color:#f1f5fc;margin:0}
#inventory-dialog#inventory-dialog .inspection-section-title>span{font-size:12px;line-height:18px;color:#b7cbe3}
#inventory-dialog#inventory-dialog .inspection-skills h4{color:#a8d9ff}
#inventory-dialog#inventory-dialog .comparison-columns,#inventory-dialog#inventory-dialog .inspection-stat,#inventory-dialog#inventory-dialog .inspection-skill{display:grid;grid-template-columns:minmax(0,1fr) minmax(36px,.38fr) minmax(36px,.38fr) minmax(54px,.55fr);gap:3px 7px;align-items:center;min-width:0;font-size:14px;line-height:20px}
#inventory-dialog#inventory-dialog .comparison-columns{padding:4px 0;font-size:12px;line-height:18px;background:#172a40;border-radius:5px;color:#b4c8e0}
#inventory-dialog#inventory-dialog .comparison-columns>:first-child{padding-left:4px}
#inventory-dialog#inventory-dialog .comparison-columns>:not(:first-child){text-align:right}
#inventory-dialog#inventory-dialog .comparison-columns>b{color:#a9f5de}
#inventory-dialog#inventory-dialog .inspection-stat,#inventory-dialog#inventory-dialog .inspection-skill{padding:4px 0;border-bottom:1px solid #24394f}
#inventory-dialog#inventory-dialog .inspection-label{min-width:0;color:#e0e9f7;overflow-wrap:anywhere;word-break:keep-all}
#inventory-dialog#inventory-dialog .inspection-label small{display:inline;font-size:12px;line-height:16px;margin-left:5px;color:#a6bad3;white-space:nowrap}
#inventory-dialog#inventory-dialog .inspection-current{color:#b3c7df;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}
#inventory-dialog#inventory-dialog .inspection-stat>b,#inventory-dialog#inventory-dialog .inspection-skill>b{font-weight:700;font-variant-numeric:tabular-nums;color:#f0f6ff;text-align:right;overflow-wrap:anywhere}
#inventory-dialog#inventory-dialog .inspection-delta,#inventory-dialog#inventory-dialog .inspection-level{font-size:13px;line-height:20px;font-weight:650;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}
#inventory-dialog#inventory-dialog .inspection-stat[data-option-kind="rare"] .inspection-label,#inventory-dialog#inventory-dialog .inspection-stat[data-option-kind="rare"]>b{color:#ffda97}
#inventory-dialog#inventory-dialog .inspection-stat[data-option-kind="rare"] small{color:#efd097}
#inventory-dialog#inventory-dialog .inspection-stat[data-option-kind="removed"] .inspection-label{color:#efb7c8}
#inventory-dialog#inventory-dialog .skill-label{display:flex;align-items:center;gap:6px;min-width:0;color:#b3ddff;font-size:14px;line-height:20px}
#inventory-dialog#inventory-dialog .skill-label>img{width:24px;height:24px;object-fit:cover;border-radius:5px;flex-shrink:0}
#inventory-dialog#inventory-dialog .skill-label>span{min-width:0;overflow-wrap:anywhere}
#inventory-dialog#inventory-dialog .inspection-skill>b{color:#b9e3ff}
#inventory-dialog#inventory-dialog .removed-skill .skill-label{color:#eab5c7}
#inventory-dialog#inventory-dialog .trait-loss{grid-column:1/-1;font-size:12px;line-height:18px;color:#ffb0c3;margin:0 0 2px}
#inventory-dialog#inventory-dialog .inspection-none{font-size:14px;line-height:1.5;color:#b7cae3;margin:6px 0}
#inventory-dialog#inventory-dialog .neutral{color:#adc2dc}
#inventory-dialog#inventory-dialog .positive{color:#91f4cb}
#inventory-dialog#inventory-dialog .negative{color:#ffacbf}
#inventory-dialog#inventory-dialog #item-inspector .item-actions{display:grid;grid-template-columns:1.25fr .72fr .9fr 1.05fr;gap:6px;padding-top:7px;margin-top:auto;flex-shrink:0;border-top:1px solid #3a526d;background:#0a1626}
#inventory-dialog#inventory-dialog #item-inspector .item-actions>button{grid-column:auto;font-size:14px;min-height:40px;padding:5px;white-space:normal;border-radius:8px;line-height:20px}
#inventory-dialog#inventory-dialog .inspector-empty{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:7px;padding:12px;color:#e0edfc}
#inventory-dialog#inventory-dialog .inspector-empty-symbol{font-size:32px;color:#9adfcf}
#inventory-dialog#inventory-dialog .inspector-empty h3{font-size:18px;line-height:26px}
#inventory-dialog#inventory-dialog .inspector-empty p{font-size:15px;line-height:1.6;margin:0;color:#c8d8ec}
#inventory-dialog#inventory-dialog .inspector-empty small{font-size:12px;line-height:1.6;color:#adc7e2}
#inventory-dialog#inventory-dialog>.shop{grid-column:1;margin:0;padding:0;border:0}
#inventory-dialog#inventory-dialog>.inventory-skill-footer{grid-column:2;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:6px;border:0;min-height:0}
#inventory-dialog#inventory-dialog>.shop button,#inventory-dialog#inventory-dialog>.inventory-skill-footer>button{width:100%;height:40px;min-height:40px;font-size:14px;padding:5px 8px}
#inventory-dialog#inventory-dialog #inventory-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#inventory-dialog#inventory-dialog .compact-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px}
#inventory-dialog#inventory-dialog .compact-detail-rows{overflow-y:auto;flex:1;min-height:0;font-size:14px;scrollbar-width:thin;overscroll-behavior:contain}
#inventory-dialog#inventory-dialog .compact-detail-rows.all-character-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;align-content:start;padding-right:2px}
#inventory-dialog#inventory-dialog .compact-value{display:flex;justify-content:space-between;gap:12px;line-height:22px;font-size:14px;padding:4px 0;border-bottom:1px solid #24394f}
#inventory-dialog#inventory-dialog .compact-pages{display:flex;align-items:center;justify-content:space-between;font-size:14px;gap:8px}
#inventory-dialog#inventory-dialog .compact-pages button{min-height:36px;min-width:50px;font-size:14px;background:#1b3048;border:1px solid #49627e;padding:4px 8px}
#inventory-dialog#inventory-dialog .compact-empty{display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:1.6}
#inventory-dialog#inventory-dialog .compact-empty>span{font-size:14px;color:#c8d8ed}
@container(min-width:640px){
 #inventory-dialog#inventory-dialog .inspection-body{grid-template-columns:1.15fr 1fr}
}
@media(max-width:1050px){
 #inventory-dialog#inventory-dialog{padding:8px}
 #inventory-dialog#inventory-dialog .cube-layout{grid-template-columns:minmax(122px,.48fr) minmax(172px,.68fr) minmax(0,1.84fr);gap:8px}
 #inventory-dialog#inventory-dialog #equipment-slots{grid-template-columns:repeat(2,minmax(0,1fr))}
 #inventory-dialog#inventory-dialog #inventory-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 #inventory-dialog#inventory-dialog .gear-visual{height:42px}
 #inventory-dialog#inventory-dialog #item-inspector{padding:8px}
}
@media(max-width:699px) and (min-height:481px), (max-width:479px){
 #inventory-dialog#inventory-dialog{width:calc(100vw - 8px - var(--safe-left) - var(--safe-right));top:calc(var(--app-top) + max(4px,env(safe-area-inset-top,0px)));height:calc(var(--app-height) - max(4px,env(safe-area-inset-top,0px)) - max(4px,var(--safe-bottom)));max-height:calc(var(--app-height) - 8px);padding:6px}
 #inventory-dialog#inventory-dialog[open]{grid-template-rows:40px auto minmax(0,1fr) 36px;gap:5px}
 #inventory-dialog#inventory-dialog .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));font-size:12px;line-height:18px;gap:2px 4px}
 #inventory-dialog#inventory-dialog .cube-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:minmax(164px,32%) minmax(0,1fr);gap:6px}
 #inventory-dialog#inventory-dialog #item-inspector{grid-column:1/-1;grid-row:2;gap:5px;padding:7px}
 #inventory-dialog#inventory-dialog .items-heading .small-button{font-size:12px;padding:3px 5px;min-height:34px}
 #inventory-dialog#inventory-dialog .items-heading h3>span{font-size:12px}
 #inventory-dialog#inventory-dialog .inventory-filter{min-height:34px;font-size:12px;gap:5px}
 #inventory-dialog#inventory-dialog #inventory-slot-filter{min-height:34px;font-size:14px}
 #inventory-dialog#inventory-dialog .gear-tile{padding:3px}
 #inventory-dialog#inventory-dialog .gear-visual{height:38px}
 #inventory-dialog#inventory-dialog .tile-slot{font-size:12px;line-height:18px}
 #inventory-dialog#inventory-dialog .comparison-item{gap:5px;padding:5px}
 #inventory-dialog#inventory-dialog .comparison-item>img,#inventory-dialog#inventory-dialog .empty-comparison-icon{width:30px;height:30px}
 #inventory-dialog#inventory-dialog .comparison-item h3{font-size:14px;line-height:20px}
 #inventory-dialog#inventory-dialog .inspection-compare{gap:0 5px;padding:0}
 #inventory-dialog#inventory-dialog .inspection-compare>b{font-size:13px}
 #inventory-dialog#inventory-dialog .inspection-body{gap:10px}
 #inventory-dialog#inventory-dialog .inspection-label small{display:block;margin:0;line-height:16px}
 #inventory-dialog#inventory-dialog .inspection-stat,#inventory-dialog#inventory-dialog .inspection-skill{column-gap:5px}
 #inventory-dialog#inventory-dialog .skill-label{gap:5px}
 #inventory-dialog#inventory-dialog .skill-label>img{width:22px;height:22px}
 #inventory-dialog#inventory-dialog #item-inspector .item-actions{grid-template-columns:1fr 1fr;gap:4px;padding-top:4px}
 #inventory-dialog#inventory-dialog #item-inspector .item-actions>button{min-height:38px;font-size:13px}
 #inventory-dialog#inventory-dialog>.shop button,#inventory-dialog#inventory-dialog>.inventory-skill-footer>button{height:36px;min-height:36px;font-size:12px}
}
@media(min-width:480px) and (max-height:480px){
 #inventory-dialog#inventory-dialog[open]{grid-template-columns:.37fr .63fr;grid-template-rows:40px minmax(0,1fr) 34px;gap:5px}
 #inventory-dialog#inventory-dialog>.dialog-heading{grid-column:1;grid-row:1;min-height:36px}
 #inventory-dialog#inventory-dialog #character-stats{grid-column:2;grid-row:1}
 #inventory-dialog#inventory-dialog .cube-layout{grid-row:2}
 #inventory-dialog#inventory-dialog .close-dialog{width:36px;min-width:36px;height:36px;min-height:36px}
 #inventory-dialog#inventory-dialog .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));font-size:12px;line-height:18px}
 #inventory-dialog#inventory-dialog .cube-layout{grid-template-columns:minmax(90px,.38fr) minmax(156px,.65fr) minmax(0,1.97fr);gap:6px}
 #inventory-dialog#inventory-dialog .comparison-item{padding:5px;gap:5px}
 #inventory-dialog#inventory-dialog .comparison-item>img,#inventory-dialog#inventory-dialog .empty-comparison-icon{width:28px;height:28px}
 #inventory-dialog#inventory-dialog .comparison-item h3{font-size:14px;line-height:20px}
 #inventory-dialog#inventory-dialog #item-inspector{gap:4px;padding:6px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin}
 #inventory-dialog#inventory-dialog .inspection-body{overflow:visible;flex:0 0 auto}
 #inventory-dialog#inventory-dialog #item-inspector .item-actions{position:sticky;bottom:-6px;z-index:2;box-shadow:0 -7px 10px #0a1626}
 #inventory-dialog#inventory-dialog #item-inspector .item-actions{padding-top:4px}
 #inventory-dialog#inventory-dialog #item-inspector .item-actions>button{min-height:34px;font-size:13px}
 #inventory-dialog#inventory-dialog>.shop button,#inventory-dialog#inventory-dialog>.inventory-skill-footer>button{height:34px;min-height:34px;font-size:13px}
}

@media(max-width:699px){#inventory-dialog#inventory-dialog .dismantle-toolbar{grid-template-columns:1fr 1fr;gap:3px}#inventory-dialog#inventory-dialog #dismantle-rarity,#inventory-dialog#inventory-dialog #dismantle-bulk{height:28px;min-height:28px;font-size:10px}#inventory-dialog#inventory-dialog #dismantle-preview{font-size:9px;line-height:12px}}
/* v32 dismantle readability */
#inventory-dialog#inventory-dialog #dismantle-preview{font-size:12px;line-height:17px;white-space:normal;overflow:visible;text-overflow:clip;color:#c3d5e8;font-weight:600}
@media(max-width:699px){#inventory-dialog#inventory-dialog #dismantle-preview{font-size:11px;line-height:15px}}
#inventory-dialog#inventory-dialog .dismantle-button{font-size:13px!important;line-height:17px!important;font-weight:700;min-height:34px}
@media(max-width:699px){#inventory-dialog#inventory-dialog .dismantle-button{font-size:11px!important;line-height:15px!important}}

/* v35: complete equipped-vs-selected option panes */
#inventory-dialog#inventory-dialog .inspection-body.gear-option-compare{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:9px;
 align-items:start;
 overflow-y:auto;
 overflow-x:hidden;
 padding-right:3px;
}
#inventory-dialog#inventory-dialog .gear-compare-pane{
 min-width:0;
 border:1px solid #354b63;
 border-radius:9px;
 background:#101f31;
 overflow:hidden;
}
#inventory-dialog#inventory-dialog .gear-compare-pane.selected-pane{
 border-color:#4d8e89;
 background:#10262e;
}
#inventory-dialog#inventory-dialog .gear-pane-title{
 display:flex;
 align-items:baseline;
 justify-content:space-between;
 gap:8px;
 padding:7px 8px;
 border-bottom:1px solid #30465d;
 background:#172a40;
}
#inventory-dialog#inventory-dialog .selected-pane .gear-pane-title{background:#17383f;border-color:#3c6c6c}
#inventory-dialog#inventory-dialog .gear-pane-title h4{margin:0;font-size:14px;line-height:20px;color:#f0f6ff}
#inventory-dialog#inventory-dialog .gear-pane-title span{font-size:11px;color:#9eb3ca}
#inventory-dialog#inventory-dialog .gear-pane-group{padding:7px 8px 3px}
#inventory-dialog#inventory-dialog .gear-group-label{font-size:12px;line-height:18px;font-weight:750;color:#a8d9ff;margin-bottom:3px}
#inventory-dialog#inventory-dialog .gear-option-row,
#inventory-dialog#inventory-dialog .gear-skill-row{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto auto;
 align-items:center;
 column-gap:7px;
 min-width:0;
 padding:5px 0;
 border-bottom:1px solid #24394f;
 font-size:13px;
 line-height:18px;
}
#inventory-dialog#inventory-dialog .current-pane .gear-option-row{grid-template-columns:minmax(0,1fr) auto}
#inventory-dialog#inventory-dialog .gear-option-row>span{min-width:0;display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;color:#dce8f6}
#inventory-dialog#inventory-dialog .gear-option-row>span>b{font-size:13px;color:#e9f1fb}
#inventory-dialog#inventory-dialog .gear-option-row>span>small{font-size:10px;color:#8fa5bd}
#inventory-dialog#inventory-dialog .gear-option-row>strong,
#inventory-dialog#inventory-dialog .gear-skill-row>strong{white-space:nowrap;font-size:13px;color:#f0f6ff;font-variant-numeric:tabular-nums}
#inventory-dialog#inventory-dialog .gear-option-row>em,
#inventory-dialog#inventory-dialog .gear-skill-row>em{font-style:normal;white-space:nowrap;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
#inventory-dialog#inventory-dialog .rare-option>span>b,
#inventory-dialog#inventory-dialog .rare-option>strong{color:#ffda97}
#inventory-dialog#inventory-dialog .gear-skill-row .skill-label{font-size:13px}
#inventory-dialog#inventory-dialog .gear-skill-row .skill-label>img{width:22px;height:22px}
#inventory-dialog#inventory-dialog .gear-pane-empty{padding:18px 10px;color:#9fb3ca;font-size:13px;text-align:center}
#inventory-dialog#inventory-dialog .gear-trait-warning{display:flex;flex-direction:column;gap:3px;margin:7px 8px 8px;padding:7px 8px;border:1px solid #7f4758;border-radius:7px;background:#321e28}
#inventory-dialog#inventory-dialog .gear-trait-warning strong{font-size:11px;color:#ffbfce}
#inventory-dialog#inventory-dialog .gear-trait-warning span{font-size:11px;line-height:16px;color:#ffd5df}
@media(max-width:699px), (max-height:480px){
 #inventory-dialog#inventory-dialog .inspection-body.gear-option-compare{grid-template-columns:minmax(0,1fr);gap:7px}
 #inventory-dialog#inventory-dialog .gear-pane-title{padding:6px 7px}
 #inventory-dialog#inventory-dialog .gear-pane-group{padding:6px 7px 2px}
 #inventory-dialog#inventory-dialog .gear-option-row,#inventory-dialog#inventory-dialog .gear-skill-row{padding:4px 0;font-size:12px;column-gap:5px}
 #inventory-dialog#inventory-dialog .gear-option-row>span>b,#inventory-dialog#inventory-dialog .gear-option-row>strong,#inventory-dialog#inventory-dialog .gear-skill-row>strong{font-size:12px}
 #inventory-dialog#inventory-dialog .gear-option-row>em,#inventory-dialog#inventory-dialog .gear-skill-row>em{font-size:10px}
}

/* v36 hidden-option visibility, skill deltas, and tuning */
#inventory-dialog#inventory-dialog .gear-tile.has-hidden-option{
 border-color:#f0c86e;
 box-shadow:inset 0 0 0 1px #fff0ad55,0 0 10px #e7b84e33;
 background:linear-gradient(155deg,#26354b,#151f35 64%,#332c1a);
}
#inventory-dialog#inventory-dialog .gear-tile.has-hidden-option .gear-visual{
 box-shadow:inset 0 0 0 1px #ffe39177,0 0 10px #f0c45a33;
}
#inventory-dialog#inventory-dialog .gear-tile.has-hidden-option .gear-visual::after{
 content:"";position:absolute;inset:-1px;border:1px solid #ffe39a;border-radius:7px;pointer-events:none;opacity:.45;animation:hiddenGearPulse 2.2s ease-in-out infinite;
}
#inventory-dialog#inventory-dialog .hidden-option-badge{
 position:absolute;left:2px;bottom:2px;z-index:3;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;
 border:1px solid #ffe59d;background:#6e5318;color:#fff4bd;font-size:12px;line-height:1;box-shadow:0 0 8px #ffd45d88;
}
@keyframes hiddenGearPulse{0%,100%{opacity:.32;box-shadow:0 0 5px #ffd55b44}50%{opacity:.95;box-shadow:0 0 14px #ffd55b99}}
#inventory-dialog#inventory-dialog .comparison-item.has-hidden-option,
#inventory-dialog#inventory-dialog .tuning-item.has-hidden-option{border-color:#d9b65f;box-shadow:inset 0 0 0 1px #ffe9a744,0 0 12px #d4a73a24}
#inventory-dialog#inventory-dialog .comparison-item.has-hidden-option>img,
#inventory-dialog#inventory-dialog .tuning-item.has-hidden-option>img{border-color:#ffe291;box-shadow:0 0 10px #e9bd5680}

#inventory-dialog#inventory-dialog .skill-delta-summary{flex-shrink:0;padding:7px 8px;border:1px solid #395671;border-radius:9px;background:#101f31}
#inventory-dialog#inventory-dialog .skill-delta-summary h4{margin:0 0 6px;font-size:13px;line-height:18px;color:#dcecff}
#inventory-dialog#inventory-dialog .skill-delta-summary>div{display:flex;flex-wrap:wrap;gap:5px}
#inventory-dialog#inventory-dialog .skill-delta-card{display:grid;grid-template-columns:minmax(90px,1fr) auto auto;align-items:center;gap:5px;min-width:180px;padding:5px 7px;border:1px solid #405875;border-radius:7px;background:#172940}
#inventory-dialog#inventory-dialog .skill-delta-card.positive{border-color:#3d8874;background:#15382f}
#inventory-dialog#inventory-dialog .skill-delta-card.negative{border-color:#96506a;background:#3a202b}
#inventory-dialog#inventory-dialog .skill-delta-card .skill-label{font-size:12px}
#inventory-dialog#inventory-dialog .skill-delta-card .skill-label>img{width:20px;height:20px}
#inventory-dialog#inventory-dialog .skill-delta-card>span{font-size:11px;color:#c7d7e8;white-space:nowrap}
#inventory-dialog#inventory-dialog .skill-delta-card>strong{font-size:15px;white-space:nowrap}
#inventory-dialog#inventory-dialog .skill-delta-card>small{grid-column:1/-1;font-size:10px;font-weight:800;color:#ffd1dc}
#inventory-dialog#inventory-dialog .skill-delta-card.positive>small{color:#aef7dd}
#inventory-dialog#inventory-dialog .skill-delta-none{font-size:12px;color:#9db2c9}
#inventory-dialog#inventory-dialog .gear-skill-row.will-lose-skill{background:#401f2a55}
#inventory-dialog#inventory-dialog .gear-skill-row.will-gain-skill{background:#153d3155}
#inventory-dialog#inventory-dialog #item-inspector .item-actions{grid-template-columns:1.15fr 1.15fr .72fr .85fr 1.15fr}
#inventory-dialog#inventory-dialog .tuning-button{border-color:#8c74b4;background:#302746;color:#eadfff}

#inventory-dialog#inventory-dialog .tuning-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;flex-shrink:0}
#inventory-dialog#inventory-dialog .tuning-item{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 9px;border:1px solid #3e5873;border-radius:9px;background:#15283b}
#inventory-dialog#inventory-dialog .tuning-item>img{width:42px;height:42px;object-fit:contain;border:1px solid var(--rarity);border-radius:7px;background:#0b1929}
#inventory-dialog#inventory-dialog .tuning-item>div{min-width:0}
#inventory-dialog#inventory-dialog .tuning-item small{display:block;color:#a9bed4;font-size:11px;line-height:16px}
#inventory-dialog#inventory-dialog .tuning-item h3{margin:1px 0 0;font-size:15px;line-height:20px;color:var(--rarity);overflow-wrap:anywhere}
#inventory-dialog#inventory-dialog .tuning-stone-wallet{display:flex;flex-direction:column;align-items:flex-end;min-width:130px;padding:6px 8px;border:1px solid #6c5a87;border-radius:8px;background:#241d35}
#inventory-dialog#inventory-dialog .tuning-stone-wallet span{font-size:11px;color:#cabbe1}
#inventory-dialog#inventory-dialog .tuning-stone-wallet strong{font-size:18px;line-height:22px;color:#f1e7ff}
#inventory-dialog#inventory-dialog .tuning-stone-wallet small{font-size:9px;color:#9688aa}
#inventory-dialog#inventory-dialog .tuning-body{gap:10px}
#inventory-dialog#inventory-dialog .tuning-body>section{border:1px solid #344b65;border-radius:9px;background:#101f31;overflow:hidden}
#inventory-dialog#inventory-dialog .tuning-body>section>h4{display:flex;justify-content:space-between;gap:8px;margin:0;padding:7px 8px;border-bottom:1px solid #30465d;background:#172a40;font-size:13px;color:#edf5ff}
#inventory-dialog#inventory-dialog .tuning-body>section>h4 small{font-size:10px;color:#a9bed4;font-weight:500;text-align:right}
#inventory-dialog#inventory-dialog .tuning-option-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;border-bottom:1px solid #24394f}
#inventory-dialog#inventory-dialog .tuning-option-row:last-child{border-bottom:0}
#inventory-dialog#inventory-dialog .tuning-option-row>div{min-width:0}
#inventory-dialog#inventory-dialog .tuning-option-row span{display:block;font-size:10px;color:#8fa6bd}
#inventory-dialog#inventory-dialog .tuning-option-row strong{display:block;margin-top:1px;font-size:13px;line-height:18px;color:#edf5ff;overflow-wrap:anywhere}
#inventory-dialog#inventory-dialog .hidden-tuning-section{border-color:#705c34}
#inventory-dialog#inventory-dialog .hidden-tuning-section>h4{background:#352b18;border-color:#6f5a31;color:#ffe9ad}
#inventory-dialog#inventory-dialog .hidden-tune-row strong{color:#ffe2a0}
#inventory-dialog#inventory-dialog .tune-line-button{min-width:145px;min-height:34px;font-size:11px;line-height:15px;white-space:normal}
#inventory-dialog#inventory-dialog .tuning-empty{margin:0;padding:12px 9px;font-size:11px;line-height:16px;color:#9fb3ca}
#inventory-dialog#inventory-dialog .hidden-empty{color:#d8bf84}
#inventory-dialog#inventory-dialog .tuning-help{margin:0;padding:8px 9px;border:1px dashed #465c73;border-radius:8px;font-size:11px;line-height:16px;color:#9fb3ca}
#inventory-dialog#inventory-dialog .tuning-reveal{flex-shrink:0;padding:8px;border:1px solid #6d5a84;border-radius:10px;background:linear-gradient(135deg,#1e1930,#152638);box-shadow:0 0 16px #8d70bd20}
#inventory-dialog#inventory-dialog .tuning-reveal.rolling{animation:tuningPulse .85s ease-in-out infinite}
#inventory-dialog#inventory-dialog .tuning-reveal-label{font-size:11px;font-weight:800;color:#c9b8e2;margin-bottom:6px}
#inventory-dialog#inventory-dialog .tuning-result-compare{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:7px;align-items:center}
#inventory-dialog#inventory-dialog .tuning-result-compare>div{padding:7px 8px;border:1px solid #40536b;border-radius:8px;background:#101d2d}
#inventory-dialog#inventory-dialog .tuning-result-compare .new-result{border-color:#9171b5;background:#28203a;box-shadow:inset 0 0 12px #8f70b526}
#inventory-dialog#inventory-dialog .tuning-result-compare span{display:block;font-size:10px;color:#92a8bf}
#inventory-dialog#inventory-dialog .tuning-result-compare strong{display:block;margin-top:2px;font-size:14px;line-height:19px;color:#f0f6ff}
#inventory-dialog#inventory-dialog .tuning-result-compare>i{font-style:normal;text-align:center;color:#c5afd9;font-size:18px}
#inventory-dialog#inventory-dialog .tuning-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}
#inventory-dialog#inventory-dialog .tuning-result-actions button{min-height:36px}
#inventory-dialog#inventory-dialog .tuning-roll-bar{height:3px;margin-top:8px;border-radius:3px;background:#2b3345;overflow:hidden}
#inventory-dialog#inventory-dialog .tuning-roll-bar span{display:block;width:38%;height:100%;background:#b997e7;animation:tuningSweep .72s linear infinite}
@keyframes tuningPulse{0%,100%{box-shadow:0 0 9px #8f70b522}50%{box-shadow:0 0 24px #b99ae855}}
@keyframes tuningSweep{from{transform:translateX(-120%)}to{transform:translateX(330%)}}

@media(max-width:699px),(max-height:480px){
 #inventory-dialog#inventory-dialog .skill-delta-summary{padding:6px}
 #inventory-dialog#inventory-dialog .skill-delta-summary h4{font-size:12px;margin-bottom:4px}
 #inventory-dialog#inventory-dialog .skill-delta-card{min-width:0;width:100%;grid-template-columns:minmax(80px,1fr) auto auto;padding:4px 6px}
 #inventory-dialog#inventory-dialog #item-inspector .item-actions{grid-template-columns:1fr 1fr}
 #inventory-dialog#inventory-dialog .tuning-head{grid-template-columns:auto minmax(0,1fr);gap:5px}
 #inventory-dialog#inventory-dialog .tuning-stone-wallet{grid-column:1/-1;align-items:flex-start;min-width:0;width:100%;padding:5px 7px}
 #inventory-dialog#inventory-dialog .tuning-stone-wallet{display:grid;grid-template-columns:1fr auto;align-items:center}
 #inventory-dialog#inventory-dialog .tuning-stone-wallet strong{font-size:16px}
 #inventory-dialog#inventory-dialog .tuning-stone-wallet small{grid-column:1/-1}
 #inventory-dialog#inventory-dialog .tuning-item{padding:5px 7px}
 #inventory-dialog#inventory-dialog .tuning-item>img{width:34px;height:34px}
 #inventory-dialog#inventory-dialog .tuning-item h3{font-size:13px;line-height:18px}
 #inventory-dialog#inventory-dialog .tuning-option-row{grid-template-columns:minmax(0,1fr) minmax(105px,.8fr);padding:6px 7px;gap:5px}
 #inventory-dialog#inventory-dialog .tune-line-button{min-width:0;font-size:10px;min-height:32px}
 #inventory-dialog#inventory-dialog .tuning-result-compare strong{font-size:12px}
}