.astra-profile{max-width:1040px;margin:0 auto;padding:36px 30px 70px;color:#f4efeb}
.astra-profile a{color:#f5a534}
.profile-back{display:inline-block;margin-bottom:18px;color:#a99e94!important;text-decoration:none;font-size:12px}
.profile-shell,.wardrobe-shell{background:#151210;border:1px solid #38302a;border-radius:9px;overflow:hidden}
.profile-banner-art{height:154px;position:relative;background:radial-gradient(circle at 75% 30%,#88491f80,transparent 38%),linear-gradient(110deg,#20160f,#4d2d1c 48%,#15110f);border-bottom:1px solid #433428}
.profile-banner-art[data-banner="night"]{background:radial-gradient(circle at 70% 25%,#7282b760,transparent 36%),linear-gradient(120deg,#101426,#252b47,#11121b)}
.profile-banner-art[data-banner="ember"]{background:radial-gradient(circle at 65% 45%,#e9813180,transparent 34%),linear-gradient(120deg,#24120f,#57220f,#150d0b)}
.profile-banner-art:after{content:'✦';position:absolute;right:32px;top:13px;color:#f9a93d;font-size:100px;opacity:.22}
.profile-identity{display:flex;align-items:flex-end;gap:17px;padding:0 25px 22px;position:relative;margin-top:-31px}
.profile-avatar{width:82px;height:82px;flex:none;display:grid;place-items:center;background:#201b19;border:4px solid #151210;border-radius:12px;box-shadow:0 4px 12px #0008}
.profile-avatar img{width:50px;height:50px;image-rendering:pixelated}
.profile-skin-face{width:64px;height:64px;display:block;position:relative;background-image:var(--skin-image);background-size:512px 512px;background-position:-64px -64px;image-rendering:pixelated}
.profile-skin-face:after{content:'';position:absolute;inset:0;background-image:var(--skin-image);background-size:512px 512px;background-position:-320px -64px;image-rendering:pixelated}
.profile-identity-copy{flex:1;min-width:0;padding-bottom:3px}
.profile-identity h1{font-size:27px;margin:0 0 6px;line-height:1.1;overflow-wrap:anywhere}
.profile-identity h1[data-nick="amber"]{color:#f5aa44}.profile-identity h1[data-nick="sky"]{color:#a8c8ff}
.profile-identity p{font-size:12px;color:#a99e94;margin:0}
.profile-badge{display:inline-flex;align-items:center;color:#ffb64f;font-size:12px;margin-left:8px}
.profile-badge img{width:24px;height:24px;image-rendering:pixelated;vertical-align:middle}
.profile-identity-actions{display:flex;gap:8px;align-items:center;padding-bottom:3px}
.profile-identity-actions button,.profile-identity-actions a{border:1px solid #4b3c2c;border-radius:6px;background:#211912;color:#e9c9a0;padding:8px 10px;text-decoration:none;cursor:pointer;font-size:12px}
.profile-description-row{padding:0 25px 24px;color:#a99e94;font-size:13px}
.wardrobe-shell{margin-top:18px;padding:20px 22px 24px}
.wardrobe-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid #3b3129;padding-bottom:13px}
.wardrobe-heading h2{font-size:20px;margin:0}.wardrobe-heading span{font-size:12px;color:#a99e94}
.wardrobe-tabs{display:flex;gap:7px;overflow:auto;padding:15px 0 18px;scrollbar-width:thin}
.wardrobe-tab{white-space:nowrap;padding:8px 11px;background:#0f0d0c;border:1px solid #3a3029;border-radius:5px;color:#b7aaa0;font-size:12px;cursor:pointer}
.wardrobe-tab[aria-selected="true"]{background:#412b18;border-color:#a36d2e;color:#ffc16c}
.wardrobe-layout{display:grid;grid-template-columns:205px 1fr;gap:18px}
.wardrobe-preview{min-height:204px;border:1px solid #332a24;border-radius:7px;background:radial-gradient(circle at 50% 25%,#4b341d 0,transparent 45%),#0d0c0b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:12px}
.wardrobe-preview img{width:65px;height:65px;image-rendering:pixelated}
.wardrobe-preview canvas{display:block;width:190px;max-width:100%;height:248px;touch-action:none}
.wardrobe-preview small{color:#9d9187;font-size:11px}
.wardrobe-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-content:start}
.wardrobe-item{min-height:72px;text-align:left;display:flex;align-items:center;gap:11px;padding:10px;background:#1d1916;border:1px solid #332b25;border-radius:6px;color:#eee9e5;cursor:pointer}
.wardrobe-item:hover:not(:disabled){border-color:#a36d2e;background:#261c15}.wardrobe-item:disabled{cursor:default;opacity:.8}
.wardrobe-item[aria-pressed="true"]{border-color:#bd7a2d;background:#342516}
.wardrobe-icon{width:36px;height:36px;display:grid;place-items:center;flex:none;background:#302219;border-radius:5px;color:#f7aa42;font-size:20px}
.wardrobe-icon img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}
.badge-wardrobe-items{max-height:390px;overflow:auto;scrollbar-color:#68503b #17120f}
.badge-wardrobe-items .wardrobe-item[disabled]{opacity:1;cursor:default}
.badge-wardrobe-items .wardrobe-item[disabled]:not([aria-pressed="true"]){opacity:.55}
.wardrobe-item strong{display:block;font-size:13px}.wardrobe-item small{display:block;color:#aaa097;font-size:11px;margin-top:3px}
.wardrobe-note{margin:14px 0 0;color:#8f837a;font-size:12px;line-height:1.5}
.profile-toast{min-height:18px;margin:10px 0 0;color:#ffb64f;font-size:12px}
#profile-demo{display:block;width:100%;margin:12px 0 0;padding:10px;border:1px solid #6d4b2b;border-radius:5px;background:#241a12;color:#f5b255;cursor:pointer}
@media(max-width:700px){.astra-profile{padding:20px 15px 50px}.profile-banner-art{height:110px}.profile-identity{padding:0 15px 18px;gap:9px;flex-wrap:wrap}.profile-avatar{width:68px;height:68px}.profile-identity h1{font-size:21px}.profile-identity-actions{width:100%}.profile-description-row{padding:0 15px 20px}.wardrobe-shell{padding:16px}.wardrobe-layout{grid-template-columns:1fr}.wardrobe-preview{min-height:120px}.wardrobe-items{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.wardrobe-items{grid-template-columns:1fr}}