.pm-cosmetics{--cos-ink:#241633;--cos-paper:#faf6ef;--cos-line:#8f73af;--cos-gold:#e2b96b;display:grid;gap:1rem;max-width:70rem;margin-inline:auto}.pm-cosmetics h3,.pm-cosmetics h4,.pm-cosmetics p{margin:0}.pm-cosmetic-status{min-height:1.5em}.pm-cosmetic-grid,.pm-cosmetic-slot{display:grid;gap:1rem}.pm-cosmetic-slot{padding:1rem;border:1px solid var(--cos-line);border-radius:1rem}.pm-cosmetic-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:1rem}.pm-cosmetic-item{display:flex;flex-direction:column;gap:.6rem;align-items:center;min-width:0;padding:1rem;background:var(--cos-paper);color:var(--cos-ink);border:1px solid #ded3e6;border-radius:.7rem;text-align:center}.pm-cosmetic-item>img{width:100%;height:10rem;object-fit:contain}.pm-cosmetic-item>strong{overflow-wrap:anywhere}.pm-cosmetic-item>button{margin-top:auto}.pm-cosmetics button{min-height:44px;padding:.55rem .9rem;border:1px solid var(--cos-line);border-radius:.45rem;background:var(--cos-paper);color:var(--cos-ink);font:inherit;cursor:pointer}.pm-cosmetics button:disabled{cursor:default;opacity:.65}.pm-cosmetics button:focus-visible{outline:3px solid var(--cos-gold);outline-offset:3px}.pm-cosmetic-profile{position:relative;isolation:isolate;display:grid;place-items:center;min-height:15rem;padding:1.5rem;overflow:hidden;border:1px solid var(--cos-line);border-radius:1rem;background:#50366e}.pm-cosmetic-background,.pm-cosmetic-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.pm-cosmetic-banner{inset:auto 0 0;height:35%;object-fit:cover;z-index:-1}.pm-cosmetic-profile-card{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;padding:1rem 1.5rem;max-width:100%;border-radius:1rem;background:var(--cos-paper);color:var(--cos-ink)}.pm-cosmetic-avatar{position:relative;width:7rem;height:7rem;display:grid;place-items:center;flex:none}.pm-cosmetic-avatar-symbol{display:grid;place-items:center;width:72%;height:72%;border-radius:50%;font:3.5rem Georgia,serif;color:var(--cos-paper);background:#50366e}.pm-cosmetic-avatar-frame{position:absolute;inset:0;width:100%;height:100%}.pm-cosmetic-profile-badge{width:3rem;height:3rem;object-fit:contain}@media(prefers-color-scheme:dark){.pm-cosmetics{--cos-paper:#30223f;--cos-ink:#faf6ef}.pm-cosmetic-item{border-color:#705a86}.pm-cosmetic-avatar-symbol{color:#ffe6ac}.pm-cosmetic-profile{background:#241633}}@media(max-width:430px){.pm-cosmetic-profile{padding:.75rem}.pm-cosmetic-profile-card{padding:.8rem}.pm-cosmetic-slot{padding:.75rem}.pm-cosmetic-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.pm-cosmetic-item{padding:.6rem}.pm-cosmetic-item>img{height:7rem}.pm-cosmetic-item button{width:100%;padding:.5rem .25rem}}