/* A calm, catalogue-first marketplace and profiles with the existing Nizur identity. */
#shop,#avatar,#account{--panel:#ffffff;--line:#dedfe3;--muted:#696d76;--accent:#30343b;max-width:1440px;margin:auto}#shop h1,#avatar h1,#account h1{font-size:32px;letter-spacing:-.8px}#shop .shopHero,#avatar .avatarTitle{background:none;border:0;padding:24px 0}#shop .shopBag{display:none}#shop .shopFilters{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--line);padding-bottom:12px}#shop .shopFilters button{border-radius:7px;background:transparent;color:#4c5058;border:1px solid transparent}#shop .shopFilters button.active{background:#2d3138;color:#ffffff}#shop .shopTools{padding:18px 0;align-items:end}#shop .newShopGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px}#shop .newShopCard{border:0;border-radius:10px;background:#ffffff;overflow:hidden;box-shadow:none;padding:0}#shop .shopVisual{height:190px;margin:0;border-radius:0;background:radial-gradient(ellipse at center,#45484f,#2b2d33);cursor:pointer}#shop .shopVisual img{width:100%;height:100%;object-fit:contain}#shop .newShopCard h3,#shop .shopCategory,#shop .shopCardFooter{margin:10px 12px}#shop .newShopCard h3{font-size:15px;min-height:38px}#shop .shopCategory{font-size:11px;color:#737780}#shop .shopCardFooter{display:grid;gap:8px}#shop .shopBuy{width:100%;border-radius:6px;background:#e7e8eb;color:#ffffff}#shop .shopPrice{font-size:13px}.tryOnButton{margin:0 12px 12px;border:1px solid #555963;background:transparent;color:#373b43;border-radius:6px;min-height:34px}.tryOnDialog{color:#292d34;background:#ffffff;border:1px solid #555963;border-radius:16px;max-width:540px;width:calc(100% - 32px);padding:24px}.tryOnDialog::backdrop{background:#000a}.tryOnPreview{height:320px;background:radial-gradient(ellipse,#45484f,#2a2d33);border-radius:12px}.tryOnPreview img{height:100%;width:100%;object-fit:contain}.tryOnActions{display:flex;gap:10px;margin-top:16px}.tryOnDialog h2{margin-top:0}#avatar .avatarPreviewCard{background:#24262c;border:1px solid var(--line);border-radius:10px;position:sticky;top:96px}#avatar .avatarCatalog{background:var(--panel);border:1px solid var(--line);border-radius:10px}#avatar .catalogTabs{border-bottom:1px solid var(--line)}#avatar .catalogTab{border-radius:6px;background:transparent}#avatar .catalogTab.active{background:#e7e8eb;color:#ffffff}#avatar .catalogItem{border-radius:8px;background:#eff0f2;border:2px solid transparent}#avatar .catalogItem.selected{border-color:#2d3138}.savedLooksPanel,.socialPanel{padding:24px;border-radius:10px;border:1px solid var(--line);background:var(--panel);margin-bottom:20px}.savedLooksPanel{margin-top:24px}.savedLooksPanel h2{font-size:20px}.savedLooksPanel form{display:flex;gap:12px;flex-wrap:wrap}.looksGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.lookCard{display:grid;gap:8px}.lookPreview{height:180px;background:#eff0f2;border-radius:8px}.lookPreview img{height:100%;width:100%;object-fit:contain}.lookCard button{border-radius:6px}.profileHero{display:flex;align-items:center;gap:24px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:10px;margin:20px 0;flex-wrap:wrap}.profilePortrait{height:190px;width:170px;background:#eff0f2;border-radius:12px}.profilePortrait img{width:100%;height:100%;object-fit:contain}.profileHero h2{font-size:32px;margin:8px 0}.profileHero p{color:var(--muted)}.profileHero>div:nth-child(2){flex:1}.profileHero button,.socialPanel button,.savedLooksPanel button{border-radius:6px;background:#e7e8eb;color:#292d34}.socialPanel h3{margin-top:0;font-size:20px}.socialPanel textarea{width:100%;box-sizing:border-box;resize:vertical;padding:12px;border:1px solid #555963;background:#2b2e35;color:white;border-radius:7px;font:inherit}.joinSetting{display:flex;align-items:center;gap:10px;margin:16px 0}.joinSetting input{width:18px;height:18px}.playerSearch form>div{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.playerSearch input{flex:1;min-width:180px}.friendsGrid,.historyGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:16px}.friendCard{display:flex;align-items:center;gap:12px;background:#292d34;border-radius:8px;padding:12px;flex-wrap:wrap}.friendCard>div{flex:1}.friendPortrait{padding:0!important;background:#363940!important;border:0;width:64px;height:72px;border-radius:8px!important}.friendPortrait img{height:100%;width:100%;object-fit:contain}.friendCard small{display:block;color:var(--muted);margin-top:5px}.friendCard .profileLink{background:none;color:#292d34;text-align:left;padding:0;border:0}.historyCard{display:grid;gap:12px;padding:18px;border:1px solid #4b4e57;background:#292d34;border-radius:8px;color:#2d3138;text-decoration:none}.historyCard small{color:var(--muted)}.historyCard span{font-weight:700}.accountSecurity summary{cursor:pointer;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-bottom:16px}#socialStatus{min-height:24px}.shopOwnership{display:flex;align-items:center;gap:7px}.shopOwnership input{width:18px;height:18px}@media(max-width:650px){.profileHero{padding:16px;gap:14px}.profilePortrait{width:110px;height:140px}.profileHero h2{font-size:25px}.socialPanel,.savedLooksPanel{padding:16px}.friendsGrid,.historyGrid{grid-template-columns:1fr}#avatar .avatarPreviewCard{position:static}#shop .newShopGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#shop .shopVisual{height:150px}}

.friendCard,.historyCard{background:#f4f5f7;color:#292d34}.profileHero,.socialPanel,.savedLooksPanel{color:#292d34}.socialPanel textarea{background:#f8f8fa;color:#292d34;border-color:#d0d2d8}#shop .shopFilters button.active{background:#30343b;color:white}#avatar .catalogTab.active{background:#30343b;color:white}.tryOnDialog{color:#292d34;background:white}.tryOnButton{color:#3b3f47;border-color:#d4d6dd}.profileHero .eyebrow{color:#696d76}.historyCard span{color:#5746b3}
.socialBell{position:relative;display:flex;align-items:center;gap:6px;background:#1c293b;color:#f7faff;border:1px solid #33465f;border-radius:12px;padding:10px}.socialBell svg{width:24px;height:24px}.socialBell span,.unreadCount{border-radius:20px;padding:2px 6px;background:#8c74ed;color:white;font-size:12px}.friendPopover{position:fixed;right:20px;top:82px;width:min(360px,calc(100vw - 32px));max-height:65vh;overflow:auto;z-index:110;background:#172334;color:#f5f8ff;border:1px solid #38506a;border-radius:16px;padding:18px;box-shadow:0 16px 40px #0008}.requestRow{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0;border-bottom:1px solid #344154}.requestRow strong{width:100%}.chatDock,.privateChat{position:fixed;bottom:0;right:18px;width:300px;z-index:90;background:#152233;color:#f7faff;border:1px solid #354861;border-radius:16px 16px 0 0;box-shadow:0 10px 40px #0008}.chatToggle{width:100%;text-align:left;padding:16px;background:transparent;color:white;border:0}.chatBody{padding:12px}.chatBody input,.privateChat input{width:100%;min-width:0;box-sizing:border-box;background:#0e1929;color:white;border:1px solid #405675;border-radius:12px;padding:12px}.chatFriends{max-height:310px;overflow:auto}.chatFriend{display:block;width:100%;text-align:left;padding:12px;border:0;border-bottom:1px solid #344154;background:transparent;color:white}.chatFriend small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bac9df;margin-top:5px}.privateChat{right:334px;width:320px}.privateChat header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #354861}.privateMessages{height:300px;overflow:auto;padding:12px}.messageBubble{max-width:85%;background:#2d3d53;border-radius:14px;padding:9px 12px;margin:8px 0;overflow-wrap:anywhere}.messageBubble.mine{margin-left:auto;background:#514489}.messageBubble p{margin:0;color:white}.messageBubble time{font-size:10px;color:#d1ddef}.privateChat form{display:flex;gap:6px;padding:12px}.chatError{font-size:13px;padding:0 12px;color:#ffc1c1}.profileRows>div{display:flex;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid #344154}.profileDetails summary{font-size:18px;font-weight:700;cursor:pointer;padding:8px}.profileDetails form{margin-top:16px}.profilePortrait{border-radius:50%;overflow:hidden}.isSignedOut .chatDock,.isSignedOut .privateChat,.isSignedOut .socialBell,.isSignedOut .friendPopover{display:none!important}@media(max-width:700px){.chatDock{right:8px;width:250px}.privateChat{right:8px;bottom:54px;width:min(340px,calc(100vw - 16px));z-index:95}.privateMessages{height:min(300px,40vh)}.headerActions{gap:5px}.socialBell{padding:8px}}
/* Social controls also live outside the main account panel. */
:is(.friendPopover,.chatDock,.privateChat) {color-scheme:dark;--panel:#152233;--line:#354861;--muted:#b9c7db}
:is(.friendPopover,.chatDock,.privateChat) button{appearance:none;background:#24334b;color:#f5f8ff;border:1px solid #435573;border-radius:10px;min-height:38px;padding:9px 12px;font:inherit;font-weight:600;cursor:pointer}
:is(.friendPopover,.chatDock,.privateChat) button:hover{background:#334560;border-color:#9383d1}
:is(.friendPopover,.chatDock,.privateChat) button:focus-visible{outline:2px solid #b7aaff;outline-offset:3px}
:is(.friendPopover,.chatDock,.privateChat) button:disabled{opacity:.55;cursor:default}
.chatDock .chatToggle,.chatDock .chatFriend{background:transparent;border:0;border-radius:0;color:#f5f8ff}
.chatDock .chatToggle{padding:16px;border-radius:16px 16px 0 0}.chatDock .chatFriend{border-bottom:1px solid #344154;padding:12px}
.privateChat form button{background:#584591;border-color:#9b87d9;color:#fff}
:is(.friendPopover,.chatDock,.privateChat) :is(input,select,textarea){color-scheme:dark;background:#0e1929;color:#f5f8ff;border:1px solid #405675}
:is(.friendPopover,.chatDock,.privateChat) input::placeholder{color:#afbed3;opacity:1}

.chatAvatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;flex:none;overflow:hidden;border-radius:50%;background:#b8c4d5;border:1px solid #63728a}.chatAvatar img{width:100%;height:100%;object-fit:cover;display:block}.chatAvatar svg{width:20px;height:20px}.chatAvatar small,.chatAvatar .previewRetry{display:none}.chatDock .chatFriend{display:flex;align-items:center;gap:10px}.chatFriendInfo{min-width:0;flex:1}.chatFriendInfo strong{display:block}.privateChat header{gap:9px}.privateChat header strong{flex:1;min-width:0;overflow-wrap:anywhere}.chatMessageRow{display:flex;align-items:flex-start;gap:8px;margin:10px 0}.chatMessageRow.mine{flex-direction:row-reverse}.chatMessageRow .messageBubble{margin:0;max-width:calc(100% - 44px);box-sizing:border-box}.chatMessageRow .chatAvatar{width:28px;height:28px;min-width:28px}.requestRow .chatAvatar{width:34px;height:34px;min-width:34px}.requestRow strong{width:auto;flex:1;align-self:center}.requestRow button{flex:0 1 auto}