#profile-open{padding:0;border:0;background:none;width:42px;height:42px;flex-shrink:0}.pixel-avatar{display:block!important;background:#344b43!important;overflow:visible;border:2px solid #637957!important;border-radius:8px}.pixel-avatar:before{display:none!important}.pixel-avatar img{width:100%;height:100%;display:block;image-rendering:pixelated;border-radius:5px}.pixel-avatar .level-badge{z-index:2}#profile-open .pixel-avatar{width:38px;height:38px;margin:0}.owner .pixel-avatar{width:44px;height:44px}#profile-dialog{width:min(960px,calc(100vw - 32px));max-width:960px;max-height:calc(100dvh - 32px);padding:0;overflow:auto;background:#141b17;border:1px solid #4b5b4e;border-radius:20px;box-shadow:0 30px 90px #0008}#profile-dialog::backdrop{background:#080e0bba;backdrop-filter:blur(3px)}.profile-top{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 22px;border-bottom:1px solid #344037}.profile-top h2{font-size:25px;font-weight:650;letter-spacing:-.8px;margin:8px 0 0}.profile-top button{background:transparent;color:#b7c5bc;padding:8px 13px}.profile-layout{display:grid;grid-template-columns:260px 1fr;min-height:490px}.portrait-panel{background:#1a241e;padding:24px;border-right:1px solid #344037}.portrait-stage{background:#263b30;border:1px solid #50644f;border-radius:12px;position:relative;overflow:hidden;aspect-ratio:1}.portrait-stage canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.portrait-label{position:absolute;top:10px;left:10px;color:#e7f3dd;font:8px monospace;letter-spacing:1px;z-index:1}.portrait-level{position:absolute;bottom:10px;right:10px;background:#cefa71;border:3px solid #233326;color:#1b271c;min-width:30px;height:30px;display:grid;place-items:center;font:bold 12px monospace;border-radius:50%}#profile-dialog .name-field{display:block;margin:20px 0 10px;color:#afbeb2;font-size:11px}.name-field input{display:block;width:100%;margin-top:7px;padding:9px 12px;border:1px solid #51614f;background:#131d17;color:#f0f4eb;border-radius:7px;font-size:17px;font-weight:650}.profile-team{display:flex;align-items:center;gap:7px;font-size:12px;color:#d2dfcb}.profile-team i{width:6px;height:6px;background:#cefa71;border-radius:50%}.profile-team span{margin-left:auto;color:#849783;font:10px monospace}.avatar-scales{display:flex;align-items:center;gap:15px;margin:22px 0;color:#8eaa99;font-size:11px}.avatar-scales canvas{width:40px;height:40px;image-rendering:pixelated;border-radius:7px}.avatar-scales #avatar-medium{width:64px;height:64px}.portrait-actions{display:flex;gap:7px}.portrait-actions button{font-size:11px;padding:10px 9px;white-space:nowrap}#profile-dialog .profile-local{font-size:10px;line-height:1.6;margin-top:15px;color:#94a698}.wardrobe{padding:24px;min-width:0}.avatar-categories{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid #2c392f}.avatar-categories button{padding:7px 11px;font-size:11px;border-radius:6px;background:transparent;color:#aebcb0;border-color:#39473b}.avatar-categories button[aria-pressed=true]{color:#172215;background:#cefa71;border-color:#cefa71}.wardrobe-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px}.wardrobe-heading h3{font-size:16px;margin:0}.wardrobe-heading>span{font:10px monospace;color:#879c8b}#avatar-colors fieldset{border:0;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px}#avatar-colors legend{font-size:11px;color:#9db09f;margin-bottom:10px;padding:0}.avatar-swatch{width:28px;height:28px;border-radius:6px;background:var(--swatch)!important;border:2px solid #ffffff30;padding:0;position:relative}.avatar-swatch[aria-pressed=true]{outline:2px solid #cefa71;outline-offset:3px}.avatar-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cosmetic-card{--rarity:#92a18e;position:relative;display:flex;flex-direction:column;align-items:center;padding:10px 6px 9px;background:#1c2921;border:1px solid #36483b;border-radius:9px;overflow:hidden}.cosmetic-card:after{position:absolute;top:0;left:0;right:0;height:2px;background:var(--rarity);content:'';opacity:.6}.cosmetic-card[data-rarity=uncommon]{--rarity:#85c9b2}.cosmetic-card[data-rarity=rare]{--rarity:#8aaef2}.cosmetic-card[data-rarity=epic]{--rarity:#c99aef}.cosmetic-card canvas{width:80px;height:80px;image-rendering:pixelated;border-radius:5px;margin-bottom:8px}.cosmetic-card strong{font-size:11px;font-weight:500}.cosmetic-card .rarity-tag{font-size:9px;margin-top:5px;color:var(--rarity)}.cosmetic-card[aria-pressed=true]{background:#2a3926;color:#eff9e6;border:2px solid #cefa71;padding:9px 5px 8px}.cosmetic-card[aria-pressed=true]:before{content:'✓';position:absolute;right:7px;top:5px;color:#cefa71;font-size:13px}.cosmetic-detail{margin-top:16px;padding:12px;border-radius:7px;background:#1d2b23;color:#b5c7b5;font-size:11px;line-height:1.6}.rarity-notes{color:#8d9f92;font-size:11px;margin-top:16px}#profile-dialog .rarity-notes p{font-size:11px;margin-top:10px}.rarity-notes a{color:#cefa71}.profile-bottom{position:sticky;bottom:0;display:flex;gap:12px;justify-content:space-between;align-items:center;padding:16px 24px;background:#18231df5;border-top:1px solid #3b493d;z-index:4}.profile-bottom>span{font-size:11px;color:#acbda9;max-width:45%}.profile-bottom>div{display:flex;gap:8px}.profile-bottom button{font-size:12px;padding:11px 14px}#profile-dialog button:focus-visible{outline:2px solid #f0ffd8;outline-offset:3px}@media(max-width:650px){#profile-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.profile-top{padding:18px}.profile-top h2{font-size:21px}.profile-layout{grid-template-columns:1fr}.portrait-panel{display:grid;grid-template-columns:128px 1fr;gap:6px 16px;padding:18px;border-right:0;border-bottom:1px solid #344037}.portrait-stage{grid-row:1/5}.portrait-label{font-size:6px;top:6px;left:6px}.portrait-level{bottom:6px;right:6px;min-width:24px;height:24px;font-size:10px}#profile-dialog .name-field{margin:0}.profile-team{font-size:11px}.avatar-scales{display:none}.portrait-actions{margin-top:8px}.portrait-actions button{font-size:10px;padding:7px}#profile-dialog .profile-local{grid-column:1/-1;margin:8px 0 0;font-size:10px}.wardrobe{padding:18px}.avatar-categories{gap:6px}.avatar-categories button{padding:8px 9px}.cosmetic-card canvas{width:64px;height:64px}.profile-bottom{padding:12px;flex-wrap:wrap}.profile-bottom>span{max-width:100%;flex:1 0 100%;font-size:10px}.profile-bottom>div{width:100%}.profile-bottom #profile-save{flex:1}.profile-bottom button{padding:10px}.cosmetic-card strong{font-size:10px}.cosmetic-card .rarity-tag{font-size:8px}}@media(prefers-reduced-motion:reduce){#profile-dialog::backdrop{backdrop-filter:none}}