/* Left: readable worn rows. Right: paginated unequipped icons. */
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .cube-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog #equipment-slots{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row;grid-auto-columns:auto;grid-auto-rows:max-content;height:auto;min-height:0;max-height:none;overflow:auto;gap:6px;align-content:start}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog #equipment-slots .gear-tile{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 10px;width:100%;height:auto;min-height:70px;padding:6px;text-align:left;justify-self:stretch;grid-column:auto;aspect-ratio:auto}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog #equipment-slots .gear-visual{grid-column:1;grid-row:1 / 3;width:56px;height:56px;aspect-ratio:1}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog #equipment-slots .tile-slot{grid-column:2;position:static;font-size:12px;line-height:16px;min-height:0;text-align:left}
.worn-item-copy{grid-column:2;min-width:0;align-self:start}.worn-item-copy strong{display:block;font-size:15px;line-height:20px;white-space:normal;overflow-wrap:anywhere;color:var(--rarity)}.worn-item-copy small{display:block;font-size:12px;line-height:18px;color:#bed0df}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .new-item-badge,#bag-badge{position:absolute;inset:1px 1px auto auto;display:block;width:7px;height:7px;min-width:0;min-height:0;padding:0;border:1px solid #172332;border-radius:50%;background:#ff973c;color:transparent;font-size:0;box-shadow:none;line-height:0;z-index:4}
#bag-badge{inset:5px 5px auto auto}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .gear-tile.has-hidden-option,#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .comparison-item.has-hidden-option,#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .tuning-item.has-hidden-option{border-color:color-mix(in srgb,var(--rarity,#a8cbec) 65%,white);background:#14212e;box-shadow:inset 0 0 5px color-mix(in srgb,var(--rarity,#a8cbec) 15%,transparent)}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .has-hidden-option .gear-visual{box-shadow:none}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .has-hidden-option .gear-visual::after{inset:0;border-radius:3px;border:1px solid color-mix(in srgb,var(--rarity) 60%,white);box-shadow:inset 0 0 4px color-mix(in srgb,var(--rarity) 20%,transparent);animation:rarityEdgePulse 2.8s ease-in-out infinite}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .hidden-option-badge{width:10px;height:10px;min-width:0;padding:0;border:0;background:#101b29;color:var(--rarity);border-radius:2px;font-size:10px;box-shadow:none;left:1px;bottom:1px}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .comparison-item.has-hidden-option>img,#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .tuning-item.has-hidden-option>img{border-color:var(--rarity);box-shadow:none}
@keyframes rarityEdgePulse{0%,100%{opacity:.55}50%{opacity:1}}
.menu-pagination{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:6px;flex:none;padding:6px 0;min-width:0}
.menu-pagination button{min-height:40px;min-width:44px;padding:6px 10px;font-size:14px;touch-action:manipulation}
.menu-pagination span{font-size:12px;white-space:nowrap;color:#bfd0df}
.menu-pagination button:disabled{opacity:.35}
:root[data-side-panel=inventory-dialog]{--inventory-width:min(640px,68vw);--side-width:var(--inventory-width);--occupied-width:var(--inventory-width)}
:root[data-side-panel=inventory-dialog][data-inventory-detail=true]{--occupied-width:var(--inventory-width)}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog[open]{width:var(--inventory-width)!important;max-width:var(--inventory-width)!important;grid-template-columns:minmax(0,1fr)}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .inventory-catalog{display:contents}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog :is(.equipment-panel,.items-panel){display:flex;flex-direction:column;min-width:0}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog :is(#equipment-filter,#inventory-slot-filter){min-width:0;width:100%;min-height:36px;font-size:14px}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog :is(#equipment-pagination,#inventory-pagination){margin-top:auto;flex:none}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog #equipment-slots{flex:1;overflow-x:hidden}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog #inventory-list{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:6px}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog #inventory-scroll{min-height:0;overflow-x:hidden}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog #inventory-list .gear-tile{min-width:0;width:100%;height:auto;aspect-ratio:1}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog #inventory-list .gear-visual{width:100%;height:100%;max-width:64px;max-height:64px}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog[data-detail-open=true]>.cube-layout{display:grid;grid-column:1;grid-row:3;grid-template-columns:minmax(0,1fr)}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog[data-detail-open=true] .inventory-catalog{display:none}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog[data-detail-open=true] #item-detail-sheet{grid-column:1;grid-row:1;display:flex;width:100%;min-width:0}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog[data-detail-open=true]>:is(.dialog-heading,.inventory-toolbar,.shop){grid-column:1}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog #item-detail-back{font-size:14px;min-height:40px;padding:6px 10px}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .item-actions>button{min-height:40px;font-size:14px}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .comparison-item h3{font-size:14px;line-height:1.5}
#inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .gear-option-row{font-size:14px;line-height:1.5}
/* A single detail surface replaces the skill list instead of opening another panel. */
:root[data-side-panel=skills-dialog][data-skill-detail=true]{--occupied-width:min(460px,48vw)}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog[data-skills-tab=active]{--skill-main-width:min(460px,48vw);overflow:hidden!important;contain:layout!important}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog#skills-dialog[data-skills-tab=active] .specialization-layout{display:block;flex:1;min-height:0;overflow-y:auto!important;overflow-x:hidden!important}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog[data-skills-tab=active] #skill-collection{height:auto;max-height:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog[data-skills-tab=active] .skill-list-button{min-height:56px;padding:8px}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog[data-skills-tab=active] .skill-list-button strong{font-size:14px;white-space:normal}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog[data-skills-tab=active] .skill-list-button>img{width:32px;height:32px;flex-basis:32px}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog[data-skills-tab=active]:not([data-skill-detail=true]) #skill-summary{display:none}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog[data-skills-tab=active][data-skill-detail=true] #skill-collection{display:none}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog[data-skills-tab=active][data-skill-detail=true] #skill-detail-sheet{position:static;width:100%;height:auto;overflow:visible;padding:0;border:0;background:none}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog[data-skills-tab=active] #specialization-detail{overflow:visible!important;flex:none}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog[data-skills-tab=active] #skill-summary{overflow:visible;height:auto;max-height:none;flex:none}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog[data-skills-tab=active] #skill-list-back{display:none;font-size:14px;min-height:40px;margin-bottom:8px}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog[data-skills-tab=active][data-skill-detail=true] #skill-list-back{display:block;position:sticky;top:0;z-index:3;background:#203448}
#skills-dialog:not([data-skills-tab=active]) #skill-list-back{display:none}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog #skill-detail-close{font-size:14px;min-height:40px;padding:6px 12px}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog#skills-dialog #skill-detail-sheet :is(.trait-list,.core-trait-list){grid-template-columns:minmax(0,1fr)}
#skills-dialog#skills-dialog#skills-dialog#skills-dialog #skill-summary .skill-description{font-size:16px;line-height:1.6}
#codex-grid>.menu-pagination,#expedition-list>.menu-pagination,#crafting-material-summary>.menu-pagination{position:sticky;bottom:0;background:#12212e;z-index:2}
#gems-dialog#gems-dialog#gems-dialog#gems-dialog .gem-inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#gems-dialog#gems-dialog#gems-dialog#gems-dialog .gem-inventory-tile{min-height:0;height:auto!important}
#gems-dialog#gems-dialog#gems-dialog#gems-dialog .gem-tile-name{font-size:12px;line-height:16px;white-space:normal}
#gems-dialog#gems-dialog#gems-dialog#gems-dialog .gem-inventory-tile .gem-badge{aspect-ratio:1;height:auto;max-height:64px}
#gems-dialog#gems-dialog#gems-dialog#gems-dialog .gem-detail p{font-size:16px;line-height:1.6}
#gems-dialog#gems-dialog#gems-dialog#gems-dialog .gem-filter button{min-height:40px;font-size:14px}
@media(max-width:700px){
 #inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog #equipment-slots .gear-tile{grid-template-columns:40px minmax(0,1fr);gap:2px 5px;padding:4px;min-height:62px}
 #inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog #equipment-slots .gear-visual{width:40px;height:40px}
 .worn-item-copy strong{font-size:14px;line-height:18px}.worn-item-copy small{font-size:12px}
 .menu-pagination{gap:2px}.menu-pagination button{padding:5px;min-width:40px}
}
@media(prefers-reduced-motion:reduce){#inventory-dialog .has-hidden-option .gear-visual::after{animation:none!important;opacity:1}}
.pendant-selected-base{padding:10px;border:1px solid #8295a6;border-radius:5px}.pendant-selected-base p,#pendant-destroy-confirm p{font-size:14px;line-height:1.6;overflow-wrap:anywhere}#pendant-destroy-confirm{margin-top:12px;padding:12px;border:1px solid #df845d;border-radius:5px;background:#281d20}#pendant-destroy-confirm button,#pendant-clear-base{min-height:40px;padding:8px;margin:3px}