/* Cosméticos de jogo: fonte preservada, decoração e nome em camadas distintas. */
.cosmetic-avatar{position:relative;display:inline-flex;width:112px;height:112px;flex:none;border-radius:50%;align-items:center;justify-content:center}
.collection-frame-preview{width:144px;height:144px}
.collection-card .item-open>.cosmetic-avatar{margin:24px auto}
.avatar-crop{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:50%;background:#211e1a}
.avatar-crop>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0!important}
.with-image-frame{position:relative;display:inline-flex!important;align-items:center;justify-content:center;border:0!important;padding:0!important;overflow:visible!important;background:none!important;box-shadow:none!important}
.with-image-frame>.avatar-crop{width:calc(var(--frame-opening,.66)*100%);height:calc(var(--frame-opening,.66)*100%);flex:none}
.with-image-frame::before,.with-image-frame::after{display:none!important}
.with-image-frame>.cosmetic-frame-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;border:0!important;border-radius:0!important;pointer-events:none;transform:none!important;padding:0!important;z-index:2}
.with-image-frame>.avatar-crop>img{border:0}
.cosmetic-nameplate{position:relative;display:inline-grid;place-items:center;isolation:isolate;width:330px;max-width:100%;aspect-ratio:3/1;vertical-align:middle}
.cosmetic-nameplate>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1}
.cosmetic-nameplate>b{display:block;width:60%;font:700 15px/1.2 var(--f-body,system-ui);text-align:center;color:#fff5e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px #000}
.lx-pcard .cosmetic-nameplate,.inventory-preview h2 .cosmetic-nameplate{display:grid;margin:-22px auto;max-width:340px}
.inventory-preview h2:has(.cosmetic-nameplate){margin:0}
.avatar-picker .avf{width:60px;height:60px;display:block;margin:0 auto;overflow:hidden;padding:0;border:0}
.avatar-picker .avf img{width:100%;height:100%;padding:0}
.shop-starter>.cosmetic-avatar{width:62px;height:62px;flex:none;border-radius:50%;padding:0;overflow:hidden}
.item-art.kind-avatar .cosmetic-avatar{width:118px;height:118px;padding:0;border:1px solid #ffffff20;border-radius:50%;background:#211e1a;overflow:hidden}
.item-art.kind-frame .cosmetic-avatar{width:144px;height:144px}
.item-art.kind-nameplate>.cosmetic-nameplate{width:96%;font-size:14px}
.item-art>img.item-badge-art{position:static;width:80%;height:80%;object-fit:contain;opacity:1}
.asset-origin{display:block;font-size:10px;color:#b8ad9e;margin:-5px 0 10px}
.cosmetic-requirement{font-size:11px;line-height:1.45;color:#c4b49c;margin:0 0 12px}
.merit-label{font-size:11px;color:#d2be8f}
.reward-rule{padding:16px;background:#b7914112;border:1px solid #b7914138;border-radius:10px;font-size:13px;line-height:1.55}
.reward-rule p{font-size:12px;margin:8px 0 0;color:#bdb3a5}
.cosmetic-sources{font-size:12px;line-height:1.7}
.cosmetic-sources summary{min-height:36px;cursor:pointer;color:#dfbd8f}
.cosmetic-sources a{color:#dfbd8f}
.shop-game-filters{margin:20px 0 16px;gap:7px}
.shop-game-filters button{display:flex;align-items:center;gap:7px;min-height:44px}
.shop-game-filters img{width:22px;height:22px;object-fit:contain}
.game-collection-heading{margin:0 0 24px;padding:20px;border:1px solid #c4a47628;border-radius:12px;background:#c4a47608}
.game-collection-heading h2{font-size:22px;margin:0 0 8px}
.game-collection-heading p{font-size:13px;margin:0 0 8px;color:#c4b8a8}
.game-collection-heading small{font-size:11px;color:#93887d}
.pact-store{background-image:linear-gradient(90deg,#1b1612f2 25%,#1b1612ca),url('../assets/cosmetics/pact-of-embers/mountain-forge.png')}
.game-progressions{margin:28px 0}
.game-progressions .lx-rowh h2{font-size:23px;letter-spacing:-.02em;text-transform:none}
.game-progressions>.local-note{line-height:1.65;margin:0 0 18px}
.game-family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.game-family{min-width:0;border:1px solid #ffffff15;border-radius:12px;background:#211e1a;overflow:hidden}
.game-family summary{list-style:none;cursor:pointer;padding:18px;min-width:0}
.game-family summary::-webkit-details-marker{display:none}
.game-family summary:focus-visible{outline:2px solid #d5a260;outline-offset:-3px}
.family-summary{display:flex;gap:15px;align-items:center}
.family-summary>div{min-width:0;flex:1}
.family-summary small{font-size:10px;color:#a69a88}
.family-summary h3{font:650 16px/1.35 var(--f-body);margin:6px 0 8px;overflow-wrap:anywhere}
.family-summary p{font-size:12px;line-height:1.5;margin:0;color:#c3b8ab}
.family-metal{display:inline-block;flex:none;width:84px}
.family-metal>.rf-emblem{width:100%}
.family-reference{display:grid;place-items:center;width:84px;height:84px;flex:none;border-radius:10px;background:#171513}
.family-reference>img{width:75%;height:75%;object-fit:contain;image-rendering:pixelated}
.family-metal[data-metal=bronze] .rf-forged-frame,.family-metal[data-metal=bronze] .rf-forged-relief{filter:grayscale(1) sepia(1) saturate(2.4) hue-rotate(-28deg) brightness(.82) contrast(1.05)}
.family-metal[data-metal=silver] .rf-forged-frame,.family-metal[data-metal=silver] .rf-forged-relief{filter:grayscale(1) brightness(1.3)}
.family-metal[data-metal=gold] .rf-forged-frame,.family-metal[data-metal=gold] .rf-forged-relief{filter:grayscale(1) sepia(1) saturate(1.7) brightness(1.2)}
.family-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:16px 0 10px}
.family-tiers>span{padding:8px 4px;border:1px solid #ffffff12;border-top:2px solid var(--metal);background:#171512;border-radius:5px;text-align:center}
.family-tiers small{display:block;color:var(--metal);font-size:10px}
.family-tiers b{display:block;font-size:17px;margin-top:3px;color:#eee3d4}
[data-metal=bronze]{--metal:#b87558}[data-metal=silver]{--metal:#bccad9}[data-metal=gold]{--metal:#dfba63}
.family-tiers .completed{background:#8a793422}
.family-state{font-size:10px;color:#a79a87}
.family-details{padding:0 18px 18px;border-top:1px solid #ffffff12}
.family-details>p{font-size:12px;line-height:1.7;color:#c0b5a5}
.family-details .family-version{color:#d5ad79}
.family-source{display:flex;align-items:center;gap:14px;padding:12px;margin:18px 0;background:#151412;border-radius:9px}
.family-source img{width:70px;height:70px;object-fit:contain;image-rendering:pixelated}
.family-source figcaption{font-size:11px;color:#b6a991;line-height:1.55}
.family-details h4{font-size:13px;margin:20px 0 12px}
.family-rewards{display:grid;gap:7px}
.family-rewards .button{display:flex;justify-content:space-between;text-align:left;gap:10px;min-height:44px;font-size:12px}
.family-rewards .button span{min-width:0;overflow-wrap:anywhere}
.family-rewards small{display:block;font-size:10px;margin-top:4px;color:#cbb080}
.cart-thumb .item-art.kind-avatar .cosmetic-avatar{width:48px;height:48px}
.cart-thumb .item-art.kind-frame .cosmetic-avatar{width:58px;height:58px}
.cart-thumb .cosmetic-nameplate>b{font-size:5px}
@media(max-width:760px){.game-family-grid{grid-template-columns:1fr}.shop-game-filters{flex-wrap:nowrap;overflow:auto;padding-bottom:8px}.shop-game-filters button{flex:none}.game-progressions .lx-rowh span{font-size:11px}}
@media(max-width:480px){.item-art.kind-avatar .cosmetic-avatar{width:92px;height:92px}.item-art.kind-frame .cosmetic-avatar{width:128px;height:128px}.item-info .cosmetic-requirement{font-size:10px}.item-art.kind-nameplate .cosmetic-nameplate>b{font-size:10px}.family-summary{gap:12px}.family-metal,.family-reference{width:72px;height:72px}.game-family summary{padding:14px}.family-summary h3{font-size:15px}}