#adventurePanel .advInventoryModal,#adventurePanel .advInventoryModal *{box-sizing:border-box}
#adventurePanel .advInventoryModal{width:min(960px,100%);padding:22px}
.advInventoryModal h2{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.advInventoryModal h2 small{font:12px system-ui;color:#abbeb5}
.advInventoryLayout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px}
.advPaperdoll{height:430px;position:relative;overflow:hidden;border:1px solid #a9b39b30;border-radius:16px;background:radial-gradient(ellipse at 50% 43%,#61726135 0,#182a2833 45%,#081318 90%)}
.advPaperdoll canvas{display:block;height:100%;width:auto;max-width:100%;margin:auto;pointer-events:none}
.advDollName{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:7px;align-items:baseline;justify-content:space-between;z-index:1}
.advDollName strong{font:15px Georgia;overflow:hidden;text-overflow:ellipsis}
.advDollName small{font:10px system-ui;white-space:nowrap}
.advWearSlot{position:absolute;width:62px;height:76px;border:1px dashed #8da59970!important;border-radius:10px;background:#07141de8!important;color:#a8bbb0;display:grid;place-items:center;padding:4px!important;touch-action:manipulation}
.advWearSlot:nth-child(1){left:8px;top:108px}
.advWearSlot:nth-child(2){right:8px;top:108px}
.advWearSlot:nth-child(3){left:8px;top:236px}
.advWearSlot:nth-child(4){right:8px;top:236px}
.advWearSlot img{width:49px;height:49px;object-fit:contain;pointer-events:none}
.advWearSlot small{font-size:9px!important;line-height:12px!important}
.advWearSlot>span{font:25px system-ui;opacity:.4}
.advWearSlot.filled{border-style:solid!important;border-color:#b5a46caa!important;background:#243c2ee8!important}
.advWearSlot.active{outline:2px solid #d3bf91;outline-offset:2px}
.advWearSlot b{position:absolute;right:3px;top:2px;font:10px system-ui;color:#c7edc1}
.advDollStats{position:absolute;bottom:10px;left:8px;right:8px;display:flex;justify-content:space-evenly;font:12px system-ui;color:#dfd3b3}
.advPack{min-width:0}
.advPackHeading{display:flex;align-items:center;gap:8px;margin:0 0 10px;min-height:36px}
.advPackHeading>button{min-height:36px!important;background:none;border:0!important;color:#c4cdbb;font:14px Georgia;padding:4px!important}
.advPackHeading>button.active{color:#efcf88}
.advPackHeading>small{font-size:11px}
.advBagPotions{display:flex;align-items:center;gap:5px;margin-left:auto;font:11px system-ui;color:#d5bdad}
.advBagPotions img{width:32px;height:32px;object-fit:contain}
.advBagGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;max-height:360px;overflow-y:auto;overflow-x:hidden;scrollbar-color:#52685e #101b22;padding:3px;scrollbar-width:thin}
#adventurePanel .advBagCell{position:relative;display:grid;place-items:center;aspect-ratio:1;min-height:44px;min-width:0;width:100%;padding:4px;border:1px solid #657e785c;border-radius:9px;background:radial-gradient(#283b3855,#0b171ec7);touch-action:manipulation;box-shadow:none}
.advBagCell img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.advBagCell.empty{border-style:dashed!important;opacity:.35}
.advBagCell.tier2{border-color:#9c79c57a!important}
.advBagCell.tier3{border-color:#c5a257b0!important}
#adventurePanel .advBagCell.worn{background:radial-gradient(#496a3d75,#14291c);border-color:#a3c18c!important}
.advBagCell.selected{outline:2px solid #e5c988;outline-offset:0}
.advBagCell b{position:absolute;top:2px;right:3px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#133526;color:#d6efd0;font:10px system-ui}
.advBagCell b.new{color:#e6c778;font-size:19px;background:none}
.advGearDetails{margin-top:13px;min-height:130px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;padding:13px;border:1px solid #8f997d40;border-radius:12px;background:#0d19226b}
.advGearDetails>div:nth-child(2){display:grid;gap:5px}
.advGearDetails strong{font:15px Georgia;overflow-wrap:anywhere}
.advGearDetails small{font-size:11px!important}
.advGearDetails em{font:11px system-ui;color:#b8dca7}
.advGearDetails.empty{display:flex;align-items:center;justify-content:center;text-align:center;color:#a9b7b0}
.advGearActions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px}
#adventurePanel .advGearActions button{min-height:42px;min-width:44px;padding:7px 13px;border:1px solid #a3b08777;border-radius:8px;background:#3b513545;color:#e1d5ad;font:12px system-ui;touch-action:manipulation}
.advMapTip{font-size:12px!important;color:#cdbb8d!important}
.advWorldMap{cursor:crosshair;touch-action:manipulation}
@media(max-width:760px){
#adventurePanel .advInventoryModal{padding:18px 12px;max-height:94dvh}
.advInventoryLayout{grid-template-columns:minmax(0,1fr);gap:12px}
.advPaperdoll{height:255px}
.advPaperdoll canvas{height:100%;max-width:none}
.advWearSlot{width:62px;height:67px}
.advWearSlot:nth-child(1),.advWearSlot:nth-child(2){top:53px}
.advWearSlot:nth-child(3),.advWearSlot:nth-child(4){top:142px}
.advWearSlot:nth-child(1),.advWearSlot:nth-child(3){left:10%}
.advWearSlot:nth-child(2),.advWearSlot:nth-child(4){right:10%}
.advWearSlot img{height:41px}
.advPackHeading{margin-bottom:4px}
.advBagGrid{gap:6px;max-height:320px}
.advGearDetails{min-height:116px}
.advDollStats{font-size:11px}
.advInventoryModal h2{margin-bottom:10px}}
@media(max-width:420px){
.advBagGrid{grid-template-columns:repeat(5,minmax(0,1fr))}
.advWearSlot:nth-child(1),.advWearSlot:nth-child(3){left:5%}
.advWearSlot:nth-child(2),.advWearSlot:nth-child(4){right:5%}}
@media(max-height:520px) and (orientation:landscape){
.advInventoryLayout{grid-template-columns:230px minmax(0,1fr);gap:12px}
.advPaperdoll{height:290px}
.advWearSlot:nth-child(1),.advWearSlot:nth-child(3){left:4px}
.advWearSlot:nth-child(2),.advWearSlot:nth-child(4){right:4px}
.advWearSlot:nth-child(1),.advWearSlot:nth-child(2){top:65px}
.advWearSlot:nth-child(3),.advWearSlot:nth-child(4){top:166px}
.advBagGrid{grid-template-columns:repeat(6,minmax(0,1fr));max-height:165px}
.advGearDetails{min-height:110px;margin-top:8px}}
#adventurePanel .advInventoryModal{scrollbar-width:thin;scrollbar-color:#52685e #101b22}
.advInventoryModal .advGearDetails{position:sticky;bottom:0;z-index:2;background:#101f27f5;box-shadow:0 -5px 18px #08121980}
.advWearSlot:nth-child(1){left:8px;top:236px}
.advWearSlot:nth-child(2){right:8px;top:236px}
@media(max-width:760px){
.advWearSlot:nth-child(1),.advWearSlot:nth-child(2){top:50%;transform:translateY(-50%)}
.advWearSlot:nth-child(1){left:5%}
.advWearSlot:nth-child(2){right:5%}}
.advRunes{margin-top:18px;border-top:1px solid #72817a55;padding-top:14px}
.advRunes>header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.advRunes h3{margin:0;font-size:17px}
.advRunes h3 small,.advRunes>header>span{font:12px system-ui;color:#b9c9c3}
.advRuneSlots{display:flex;justify-content:center;gap:12px;margin:12px 0}
.advRuneSlot{width:76px;min-height:86px;border:1px solid #8caa9a66;border-radius:12px;background:#10272b;display:grid;place-items:center;padding:5px}
.advRuneSlot img{width:54px;height:54px;object-fit:contain}
.advRuneSlot small{font-size:11px}
.advRuneGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.advRuneItem{position:relative;display:flex;gap:10px;border:1px solid #869b7b55;border-radius:10px;padding:9px;background:#0c1a24}
.advRuneItem>img{width:50px;height:50px;object-fit:contain;flex-shrink:0}
.advRuneItem>div{min-width:0;display:grid;gap:5px}
.advRuneItem b{font:600 12px system-ui;padding-right:16px}
.advRuneItem small{font:11px/1.4 system-ui;color:#c5d2c8}
.advRuneItem button{min-height:40px}
.advRuneItem.mistica,.advRuneSlot.mistica{border-color:#ad82d8}
.advRuneItem.legendaria,.advRuneSlot.legendaria{border-color:#d8bb75}
.advRuneItem.worn{background:#19352e}
.advRuneItem .advRuneDiscard{position:absolute;top:0;right:0;min-height:32px;width:32px;padding:2px;border:0;background:none;color:#aeb8b2}
.advRuneHint{display:block;margin-top:10px;font:11px/1.5 system-ui;color:#bac7bd}
.advTravelSites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.advTravelSites>button{display:grid;grid-template-columns:36px 1fr;gap:3px 8px;align-items:center;min-height:72px;text-align:left;padding:10px;background:#102c33;border:1px solid #91c4b86b;border-radius:12px}
.advTravelSites>button>span{grid-row:span 2;color:#a2e0d1;font-size:30px;text-align:center}
.advTravelSites small{color:#bacac6;font-size:11px}@media(max-width:560px){
.advRuneGrid,.advTravelSites{grid-template-columns:1fr}
.advRuneItem>img{width:44px;height:44px}}
.advWearSlot[data-adv-slot="amulet"]{left:8px;right:auto;top:30%;transform:none}
.advWearSlot[data-adv-slot="ring"]{left:8px;right:auto;top:66%;transform:none}
.advWearSlot[data-adv-slot="ring2"]{left:auto;right:8px;top:66%;transform:none}
.advRuneSlots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:380px;margin:12px auto}
.advRuneSlot{width:100%;min-width:0;min-height:74px}
.advRuneSlot img{width:44px;height:44px;max-width:100%}
.advSocketEditor{border:1px solid #8aabb077;border-radius:10px;padding:10px;margin:10px 0;background:#112631}
.advSocketEditor>strong{font:600 12px system-ui}
.advSocketEditor>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.advSocketEditor img{width:38px;height:38px;object-fit:contain}
.advSocketEditor select{min-width:0;max-width:100%;flex:1 1 180px;min-height:42px;background:#0a1d28;color:#eee1c2;border:1px solid #789286;padding:6px;border-radius:6px}
.advSocketEditor button{min-height:42px}
.advSocketEditor small{display:block;font-size:11px;color:#c3d4ca}
.advSocketMark{position:absolute;bottom:1px;right:5px;color:#b5ede0;font-style:normal}
.advRelicPower{color:#f3d58e!important}
.advQuestOptions{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0}
.advQuestOptions button{min-height:44px!important;font:12px/1.3 system-ui!important;white-space:normal}
.advQuestOptions button[aria-pressed="true"]{outline:1px solid #d8c38b;background:#304c42}
.advQuestHint{display:block;color:#b9e3d3!important;margin:7px 0}
.advQuests article.ready{border-color:#d7bc77;background:#26332d}
.advTrackedGoal small{display:block;margin-top:7px;font-size:11px;color:#b8d8c8}

/* Jewelry silhouettes distinguish rarity before opening their details. */
.advJewelrySprite{display:block;width:100%;height:100%;aspect-ratio:1;background-image:url('../adventure/equipment/icons/joyas-rareza-atlas.webp');background-repeat:no-repeat;background-size:400% 200%;pointer-events:none}.advJewelrySprite.jewel-ring{background-position-y:0}.advJewelrySprite.jewel-amulet{background-position-y:100%}.advJewelrySprite.jewel-tier-1{background-position-x:0}.advJewelrySprite.jewel-tier-2{background-position-x:33.333333%}.advJewelrySprite.jewel-tier-3{background-position-x:66.666667%}.advJewelrySprite.jewel-tier-4{background-position-x:100%}
.advWearSlot>.advJewelrySprite{width:49px;height:49px}.advItemIcon{display:block;width:48px;height:48px;flex-shrink:0}.advItemIcon .advJewelrySprite{width:100%;height:100%}.advBagCell>.advJewelrySprite{max-width:100%;max-height:100%}
.advGearComparison{margin-top:12px;padding:12px;background:#101f27;border:1px solid #a58e6055;border-radius:12px}.advCompareColumns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.advCompareCard{min-width:0;padding:11px;border:1px solid #68877966;border-radius:9px;background:#15242a}.advCompareCard+article{border-color:#ceb07888;background:#252a26}.advCompareCard header{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:48px;margin-bottom:6px}.advCompareCard header>small{font:11px system-ui;color:#d6bb83}.advCompareCard>strong{display:block;font:14px/1.3 Georgia;color:#f2e4c7;overflow-wrap:anywhere;margin:0 0 6px}.advCompareCard small{display:block;font:11px/1.5 system-ui;color:#bbc9c0}.advCompareCard ul{list-style:none;margin:8px 0;padding:0;font:12px/1.6 system-ui;color:#edddbe}.advCompareCard.empty{border-style:dashed;background:#101b21}.advCompareSlots{display:flex;gap:6px;margin-bottom:10px}#adventurePanel .advCompareSlots button{min-height:40px;padding:7px 14px;font:12px system-ui;border:1px solid #728c7877;border-radius:20px;background:#13272c;color:#c4cdbb}#adventurePanel .advCompareSlots button[aria-pressed=true]{border-color:#d5b881;color:#ffe1a4;background:#69543133}.advCompareDelta{display:flex;flex-wrap:wrap;gap:5px 12px;font:11px/1.6 system-ui;color:#afc3b7;margin:9px 0}.advCompareDelta .better{color:#a9df9d}.advCompareDelta .worse{color:#f3a591}.advGearComparison .advGearActions{margin-top:10px}.advBagGrid{max-height:235px}.advGearComparison .advGearFlavor{font:11px/1.5 Georgia;color:#c6bb9c}.advBagCell.tier3,.advCompareCard.tier3{border-color:#ab82d0!important}.advBagCell.tier4,.advCompareCard.tier4{border-color:#e3bb58!important}
@media(min-width:1000px){#adventurePanel .advInventoryModal{width:min(1050px,95%)}.advInventoryLayout{grid-template-columns:270px minmax(0,1fr)}}
@media(max-width:760px){.advBagGrid{max-height:205px}.advGearComparison{padding:8px}.advCompareColumns{gap:6px}.advCompareCard{padding:8px}.advCompareCard>strong{font-size:13px}.advCompareCard ul{font-size:11px}.advWearSlot>.advJewelrySprite{width:41px;height:41px}}

@media(min-width:761px){.advBagGrid{max-height:clamp(112px,20dvh,200px)}.advCompareCard{padding:8px}.advCompareCard header{min-height:36px;margin-bottom:3px}.advCompareCard header .advItemIcon{width:36px;height:36px}.advCompareCard ul{margin:5px 0;line-height:1.5}.advGearComparison{padding:10px}.advCompareDelta{margin:6px 0}.advGearComparison .advGearActions{margin-top:6px}}