.cosmeticShop{margin-bottom:18px}.cosmeticShop .sectionHead{margin:0;padding:0 0 12px;background:none;border:0;box-shadow:none}.cosmeticShop h2{font-size:21px}.cosmeticShop summary{cursor:pointer;color:#f5db9f;padding:10px 0}.cosmeticCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}.cosmeticCards article{padding:14px;border:1px solid #657794;background:#0c1634;border-radius:8px}.cosmeticCards h3{font-size:17px;margin:14px 0 8px}.cosmeticCards p{font-size:13px;line-height:1.7}.cosmeticCards button{font-size:13px}.cosmeticPreview{display:flex;align-items:center;gap:16px}.cosmeticPreview img{width:70px;height:86px;object-fit:contain}.cosmeticBadge{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;margin-right:8px;border:2px solid;border-radius:6px;font-size:22px;vertical-align:middle}.cosmetic-azure{color:#9bdeff;--cosmetic:#9bdeff}.cosmetic-rose{color:#ff9ec2;--cosmetic:#ff9ec2}.cosmetic-royal{color:#ffe49a;--cosmetic:#ffe49a}.cosmeticPreview img{border:3px double var(--cosmetic);border-radius:8px}.cosmetic-royal.cosmeticBadge{box-shadow:0 0 10px #ffdf8555}.cosmetic-rose.cosmeticBadge{border-style:double;border-width:4px}body[data-cosmetic=azure] .heroPortrait{outline:2px solid #9bdeff;border-radius:6px}body[data-cosmetic=rose] .heroPortrait{outline:3px double #ff9ec2;border-radius:6px}body[data-cosmetic=royal] .heroPortrait{outline:3px double #ffe49a;border-radius:8px;filter:drop-shadow(0 0 4px #ffdf8588)}@media(max-width:700px){.cosmeticCards{grid-template-columns:1fr}.cosmeticCards article{display:grid;grid-template-columns:110px 1fr;gap:8px}.cosmeticPreview{grid-row:1/4;gap:5px}.cosmeticCards h3,.cosmeticCards p{margin:0}.cosmeticShop .sectionHead{flex-wrap:wrap}.cosmeticShop .sectionHead small{font-size:11px}}
.cosmeticFlagPreview{width:40px;height:76px;flex:none}.cosmeticFieldFlag{pointer-events:none}
.cosmeticPreview .heroPortrait{outline:none!important;filter:none!important}
.costumeGroup .cosmeticCards article{display:flex;flex-direction:column;gap:8px;min-width:0}.costumeGroup .cosmeticCards article h3,.costumeGroup .cosmeticCards article p{margin:0}.costumeGroup .cosmeticPreview{justify-content:center}
.costumeGroup{border-top:1px solid #566888;margin-top:12px;padding:8px 0}.cosmeticHint{font-size:13px;color:#ead399}.cosmeticCards .costumeCard{display:flex;flex-direction:column;gap:8px}.costumeCard .cosmeticPreview{justify-content:center;background:radial-gradient(ellipse,#263654,#0c1634 75%);border-radius:8px}.costumeCard .cosmeticPreview img{width:100%;height:260px;object-fit:contain;border:0;filter:none}.costumeCard h3,.costumeCard p{margin:0}.costumeCard small{font-size:12px;color:#c5d6e9}.costumeGroup .cosmeticCards{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:480px){.costumeGroup .cosmeticCards{gap:8px}.cosmeticCards .costumeCard{padding:8px}.costumeCard .cosmeticPreview img{height:190px}.costumeCard h3{font-size:14px}.costumeCard p{font-size:12px}.costumeCard button{padding:8px;font-size:12px}}