#game #panel #panelBody .mailRewards{display:flex;flex-wrap:wrap;gap:7px;align-items:flex-start;min-width:0}
#game #panel #panelBody button.mailReward{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;width:80px;min-width:0;min-height:80px;height:auto;padding:5px 3px;margin:0;border:1px solid #b9a783;border-radius:5px;background:#fff9eb;color:#382f22;cursor:pointer;box-shadow:none;text-align:center;white-space:normal}
#game #panel #panelBody button.mailReward:is(:hover,:focus-visible,[aria-expanded=true]){background:#f7e8c7;border-color:#946422;outline:2px solid #b38643;outline-offset:1px}
.mailRewardArt{display:block;position:relative;width:42px;height:42px;flex:none;background:#f3ead6;border-radius:4px}
#game #panel #panelBody .mailRewardArt>:is(.artIcon,.commerceIcon){display:block;width:42px;height:42px;margin:0;border:0;background-color:transparent}
#game #panel #panelBody .mailRewardArt>b{position:absolute;right:0;bottom:-1px;font-size:10px;line-height:1.2}
#game #panel #panelBody .mailRewardName{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:11px;line-height:1.35;font-weight:700;color:#382f22;min-height:29px}
#game #panel #panelBody .mailBottom{flex-wrap:wrap;gap:8px}
#game #panel #panelBody .mailBottom .mailRewards{flex:1 1 170px}
.mailRewardDetail{box-sizing:border-box;position:fixed;z-index:10020;width:292px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);overflow:auto;overscroll-behavior:contain;padding:13px;background:#fff9eb;color:#382f22;border:2px solid #b18a49;border-radius:7px;box-shadow:0 8px 28px #20190e55;font-family:var(--font-ui,sans-serif);font-size:13px;line-height:1.5;text-align:left}
.mailRewardDetail .mailDetailHeader{display:flex;align-items:center;gap:10px;padding-right:32px;margin:0 0 9px;background:none;color:inherit}
.mailRewardDetail .mailDetailHeader>div{min-width:0}.mailRewardDetail small{font-size:11px;color:#77644a}.mailRewardDetail h3{margin:2px 0 0;font-size:16px;line-height:1.35;overflow-wrap:anywhere;color:#382f22}
.mailDetailArt{width:48px;height:48px;flex:none;background:#f3ead6;border:1px solid #cebc96;border-radius:5px;overflow:hidden}.mailDetailArt>:is(.artIcon,.commerceIcon){display:block;width:100%;height:100%;margin:0;border:0;background-color:transparent}
.mailRewardDetail ul{list-style:none;padding:8px 0;margin:0;border-top:1px solid #d8c8a7;border-bottom:1px solid #d8c8a7}.mailRewardDetail li{padding:2px 0;margin:0;overflow-wrap:anywhere}.mailRewardDetail p{margin:10px 0;overflow-wrap:anywhere}.mailRewardDetail footer{font-size:10px;line-height:1.4;color:#76654f}
.mailRewardDetail .mailDetailClose{position:absolute;top:3px;right:3px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius:5px;background:#eee1c7;color:#55432a;font-size:25px;line-height:1;cursor:pointer}
.mailRewardDetail .mailGrade1{color:#2464a6}.mailRewardDetail .mailGrade2{color:#873da2}.mailRewardDetail .mailGrade3{color:#8d5d08}.mailRewardDetail .mailGrade4{color:#b12e4c}
@media(pointer:coarse){.mailRewardDetail .mailDetailClose{width:44px;height:44px}.mailRewardDetail .mailDetailHeader{padding-right:40px}}
/* Old atlas backplates must not show through newly transparent artwork. */
#game #panel #panelBody :is(.inventorySlot,.gearSlot,.gearDetail,.itemDetail,.codexCard,.codexHeading,.rewardChip,.productStill) .artIcon{background-color:#f3ead6;border-radius:3px}
#game #panel #panelBody :is(.inventorySlot,.gearSlot) .commerceIcon{background-color:#f3ead6;border-radius:3px}
/* Grade is a rim and a pale tint, not the legacy opaque dark atlas backing. */
#game #panel #panelBody :is(.itemTile,.equipSocket,.gearSlot){--paper-item:#eee7d8;--paper-rim:#a3957a;background:var(--paper-item)!important;border-color:var(--paper-rim)!important;color:#382f22}
#game #panel #panelBody :is(.itemTile,.equipSocket,.gearSlot).grade1{--paper-item:#e5eff2;--paper-rim:#4d8b9b}
#game #panel #panelBody :is(.itemTile,.equipSocket,.gearSlot).grade2{--paper-item:#eee5f3;--paper-rim:#9865ad}
#game #panel #panelBody :is(.itemTile,.equipSocket,.gearSlot).grade3{--paper-item:#f6eacc;--paper-rim:#b28832}
#game #panel #panelBody :is(.itemTile,.equipSocket,.gearSlot).grade4{--paper-item:#f6e5e7;--paper-rim:#bb4d63}
#game #panel #panelBody :is(.itemTile,.equipSocket,.gearSlot) :is(.artIcon,.commerceIcon){background-color:transparent}
#game #panel #panelBody .itemTile[aria-pressed=true]{outline:2px solid #423723;outline-offset:1px;box-shadow:inset 0 0 0 1px #fff9eb}
#game #panel #panelBody :is(.gearItem,.enhanceCard,.vaultGear).grade4{background-color:#f8ecec!important}