/* Shared item art stays square and bounded; rarity is color + material + insignia. */
.game-item-art{object-fit:contain;image-rendering:auto;flex-shrink:0;filter:drop-shadow(0 2px 2px #0004)}
.game-item-art[data-art-state=loading]{opacity:.25}
.gear-rarity-0,.tier-0{--loot:#9baeb7;--loot-dark:#314553;--loot-glow:#b7c9ce12}
.gear-rarity-1,.tier-1{--loot:#6bc6ff;--loot-dark:#164776;--loot-glow:#2798f330}
.gear-rarity-2,.tier-2{--loot:#ffd17c;--loot-dark:#7d5021;--loot-glow:#ffb62e33}
:is(.paperdoll-slot,.bag-cell,.gear-position,.gear-collection-card)[class*=gear-rarity-]{position:relative;border-color:var(--loot)!important;background:radial-gradient(ellipse at 50% 35%,var(--loot-glow),transparent 70%),linear-gradient(145deg,#1c3042,#0a1727)!important;box-shadow:inset 0 0 0 2px #071423,inset 0 0 0 3px var(--loot-dark),0 2px 3px #0004!important}
:is(.paperdoll-slot,.bag-cell,.gear-position,.gear-collection-card).gear-rarity-2{border-width:2px;border-style:double;box-shadow:inset 0 0 0 2px #071423,inset 0 0 0 4px #9f6d32,0 0 9px #e3a44033!important}
:is(.paperdoll-slot,.bag-cell).gear-rarity-2:after{content:'✦';position:absolute;top:1px;right:3px;color:#ffdb97;font-size:13px;line-height:1;text-shadow:0 1px #5d361b;pointer-events:none}
.bag-rarity{color:var(--loot)!important;font-size:10px!important;left:5px!important;bottom:3px!important;text-shadow:0 1px 3px #000;background:#081725bf;padding:0 3px;border-radius:2px;letter-spacing:1px}
#equipment-modal .bag-cell canvas{width:88%;height:88%;margin:auto;display:block}
#equipment-modal .paperdoll-slot canvas{width:51px;max-width:65%;height:55px;max-height:calc(100% - 16px);object-fit:contain}
#equipment-modal .paperdoll-slot[data-equipment-slot=pies] canvas{max-height:100%;width:49px}
#equipment-modal .backpack-detail[class*=gear-rarity-]{border-color:var(--loot);border-top:3px solid var(--loot);background:radial-gradient(ellipse at top,var(--loot-glow),transparent 70%),#0b1d30}
#equipment-modal .backpack-detail>strong{color:var(--loot)}
.gear-rarity-label{color:var(--loot)!important}
.gear-position>canvas{width:64px;height:64px;max-width:100%}
.gear-collection-card>canvas{width:76px;height:76px;align-self:center}
.reward-modal .choice-heading>canvas{width:58px;height:58px;flex-basis:58px;padding:0;background:none;border:0;box-shadow:none;border-radius:0}
.reward-modal .gear-card{border-color:var(--loot);border-top-color:var(--loot);border-left:4px solid var(--loot)}
.reward-modal .gear-card .tag{color:#3d586a}
.reward-modal .gear-card.tier-1{background:linear-gradient(120deg,#e0f1f6,#c6e0ee)}
.reward-modal .gear-card.tier-2{background:linear-gradient(120deg,#fff3d9,#f6d48e);border:3px double #ca8c32;box-shadow:inset 0 0 0 2px #ffefd0,0 0 12px #e6ae4e33}
.reward-modal .gear-card.tier-2 .tag{color:#7d4a18}
.reward-modal .gear-card.tier-2 .choice-title .tag:before{content:'✦✦✦ ';letter-spacing:1px}
.skills-ribbon .power-slot canvas{padding:0;object-fit:contain}
.inventory-button>canvas{width:25px;height:28px}
.ability-button.evade>canvas{width:38px;height:34px}
#special-emblem{image-rendering:auto;object-fit:contain}
.armory-wallet{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px;margin:18px 0 10px;background:linear-gradient(110deg,#263b4c,#10263a);border:1px solid #b6975f;border-radius:4px;box-shadow:0 4px 10px #0005;color:#ffe0a0}
.armory-wallet canvas{width:41px;height:41px}.armory-wallet strong{font:800 23px var(--heading);white-space:nowrap}.armory-wallet small{margin-left:auto;max-width:190px;color:#bacbd9;font-size:11px;line-height:1.4;text-align:right}
.armory-feedback{font-size:12px;color:#9ce7ba;line-height:1.4;padding:8px 0}.armory-feedback:empty{display:none}
.armory-rarities{display:flex;gap:8px;flex-wrap:wrap}.armory-rarities>span{display:flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid var(--loot);color:var(--loot);background:var(--loot-glow);font:700 10px var(--body);border-radius:2px}.armory-rarities b{font-size:10px;letter-spacing:1px}.profile-content .armory-tip{font-size:11px;color:#a9bdcd;margin:8px 0 15px;line-height:1.5}
.armory-filters{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0 18px}.armory-filters .soft-button{display:flex;align-items:center;gap:4px;min-height:39px;padding:4px 9px;font-size:11px}.armory-filters canvas{width:26px;height:26px}.armory-filters [aria-pressed=true]{background:#294c69;border-color:#ffd28a;color:#ffe3ad;box-shadow:inset 0 -2px #eab36a}
.armory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 24px}
.armory-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:13px;align-items:center;border:1px solid var(--loot,#8096a5);border-radius:4px;padding:15px;background:radial-gradient(ellipse at 15% 45%,var(--loot-glow,#ffa42212),transparent 50%),linear-gradient(140deg,#1c3247,#102438);box-shadow:inset 0 0 0 3px #091b2c,0 3px 0 #071626;min-width:0}
.armory-art{position:relative;align-self:start;display:grid;place-items:center;padding:4px;margin-top:9px}.armory-art:before{content:'';position:absolute;inset:7px 1px;border:1px solid var(--loot);opacity:.32;clip-path:polygon(0 0,22% 0,22% 2%,2% 2%,2% 22%,0 22%,0 0,100% 0,100% 22%,98% 22%,98% 2%,78% 2%,78% 0,100% 0,100% 100%,78% 100%,78% 98%,98% 98%,98% 78%,100% 78%,100% 100%,0 100%,0 78%,2% 78%,2% 98%,22% 98%,22% 100%,0 100%)}
.armory-art canvas,.armory-card>canvas{display:block;width:100%;height:auto;max-width:108px;aspect-ratio:1;min-width:0}
.armory-copy{min-width:0}.armory-copy .tag{font:700 9px/1.4 var(--body);letter-spacing:.3px;color:var(--loot,#b7c6cf)}.profile-content .armory-copy h3{font:800 17px/1.18 var(--heading);color:#fff0d8;letter-spacing:-.35px;margin:5px 0 9px;overflow-wrap:break-word}.armory-copy .armory-stats{display:block;color:#a9ddfa;font:700 11px/1.5 var(--body)}.profile-content .armory-copy .armory-flavor{font:500 11px/1.4 var(--body);color:#afc0ce;margin:7px 0 11px}.armory-copy .soft-button{width:100%;min-height:42px;font-size:11px;padding:8px 6px;margin:3px 0 0}.armory-owned{display:block;font:600 10px var(--body);color:#9fdeb8;margin:9px 0 4px}.armory-copy button:disabled{opacity:1;background:#263747;color:#a8b6c4;border-color:#4e6376;cursor:default}
.armory-training{border-top:1px solid #9f865d;padding:15px 0;margin-top:16px}.armory-training summary{cursor:pointer;font:800 15px var(--heading);color:#f0cb91;padding:9px 0}.armory-training>p{font-size:11px;line-height:1.6;color:#b6c6d4}.armory-training .armory-card{grid-template-columns:60px minmax(0,1fr)}
@media(max-width:700px){
 .armory-grid{grid-template-columns:1fr;gap:10px}.armory-card{grid-template-columns:83px minmax(0,1fr);padding:12px 11px;gap:10px}.profile-content .armory-copy h3{font-size:16px}.armory-art canvas{max-width:86px}.armory-wallet{padding:7px 10px;gap:8px}.armory-wallet strong{font-size:21px}.armory-wallet small{display:none}.armory-filters{gap:5px;margin:12px 0}.armory-filters .soft-button{font-size:10px;padding:4px 7px;min-height:37px}.armory-filters canvas{width:23px;height:23px}.armory-rarities>span{font-size:9px;padding:4px 7px}.armory-copy .armory-stats{font-size:11px}.profile-content .armory-copy .armory-flavor{font-size:10px;margin:6px 0 8px}.armory-copy .soft-button{font-size:11px;min-height:40px}.armory-training summary{font-size:13px}
 .reward-modal .choice-heading>canvas{width:52px;height:52px;flex-basis:52px}.reward-modal .choice-heading{gap:9px}.reward-modal .choice-title{align-self:center}
 #equipment-modal .paperdoll-slot canvas{width:48px;height:44px;max-height:calc(100% - 16px)}
 .ability-button.evade>canvas{width:29px;height:25px}.inventory-button>canvas{width:21px;height:23px}
}
@media(max-width:360px){.armory-card{grid-template-columns:66px minmax(0,1fr);gap:8px;padding:10px 8px}.profile-content .armory-copy h3{font-size:14px}.armory-copy .armory-stats{font-size:10px}.armory-copy .soft-button{font-size:10px}.armory-filters canvas{display:none}}
.profile-content[data-view=shop]{min-height:0}.profile-content[data-view=shop]>h2{font-size:25px;margin:5px 0 6px;line-height:1.15}.profile-content[data-view=shop]>.account-copy{font-size:11px;line-height:1.5;margin:0 0 12px;max-width:55ch}.profile-content[data-view=shop]>.eyebrow{font-size:9px;letter-spacing:1.2px}
.gear-collection-card{grid-template-columns:76px minmax(0,1fr)}
@media(max-width:700px){.profile-content[data-view=shop]{padding:15px 13px}.profile-content[data-view=shop]>h2{font-size:22px}.profile-content[data-view=shop]>.account-copy{font-size:10px}.armory-wallet{margin-top:12px}.armory-art{align-self:center;margin:0}.profile-content .armory-copy .armory-flavor{line-height:1.3}.armory-card{padding-top:11px;padding-bottom:11px}.armory-copy .armory-stats{line-height:1.35}}
@media(pointer:coarse){.armory-filters .soft-button,.armory-copy .soft-button{min-height:44px}}
@media(max-height:520px){
 .profile-modal:has(.profile-content[data-view=shop]){padding:8px}
 .profile-dialog:has(.profile-content[data-view=shop]){max-height:calc(100dvh - 16px)}
 .profile-dialog:has(.profile-content[data-view=shop]) .profile-dialog-top{padding:7px 16px}
 .profile-dialog:has(.profile-content[data-view=shop]) .profile-dialog-top>span{font-size:10px}
 .profile-dialog:has(.profile-content[data-view=shop]) .profile-tabs{padding:0 12px}
 .profile-dialog:has(.profile-content[data-view=shop]) .profile-tabs button{min-height:42px;padding:8px 12px}
 .profile-content[data-view=shop]{padding:14px 18px}
 .armory-wallet{padding:5px 10px}.armory-wallet canvas{width:30px;height:30px}.armory-wallet strong{font-size:18px}
}

.save-transfer{max-width:440px;margin:8px auto 0;text-align:center;font-size:11px;color:#c4d4e5}.save-transfer button{background:none;border:0;padding:5px;color:inherit;text-decoration:underline;text-underline-offset:3px;font:inherit;cursor:pointer}.save-transfer span{display:block;font-size:12px}.save-transfer button:disabled{opacity:.6}