.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.social-page{display:grid;grid-template-columns:260px minmax(0,680px) 300px;gap:22px;align-items:start;padding:34px 0 56px}
.social-sidebar{display:grid;gap:16px;position:sticky;top:108px}
.social-timeline{min-width:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:rgba(10,10,10,.76);box-shadow:0 24px 70px rgba(0,0,0,.3)}
.social-feed-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 24px 18px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(255,216,77,.07),rgba(98,216,255,.025))}
.social-feed-header .kicker{margin-bottom:5px}
.social-feed-header h1{font-family:'Cinzel',serif;font-size:1.8rem}
.social-live{display:inline-flex;align-items:center;gap:7px;color:#bdeccd;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.social-live i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:social-pulse 1.8s ease-in-out infinite}
@keyframes social-pulse{50%{opacity:.35;transform:scale(.82)}}
.social-side-card{padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,rgba(25,25,25,.94),rgba(12,12,12,.92));box-shadow:0 14px 38px rgba(0,0,0,.22)}
.social-side-card p{color:var(--muted);line-height:1.55}
.social-side-card>.btn{margin-top:15px;width:100%;padding:11px 14px;border-radius:12px}
.social-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;font-family:'Cinzel',serif;font-weight:800;font-size:1.02rem}
.social-card-title>span{font-family:'Inter',sans-serif;font-size:.73rem;color:var(--muted);background:rgba(255,255,255,.06);padding:4px 8px;border-radius:999px}
.social-my-profile,.social-person{display:flex;align-items:center;gap:11px;min-width:0}
.social-my-profile>span,.social-person>span{display:flex;flex-direction:column;min-width:0;font-weight:800}
.social-my-profile small,.social-person small{color:var(--muted);font-size:.72rem;font-weight:600;margin-top:3px}
.social-avatar{width:48px;height:48px;flex:0 0 auto;border-radius:50%;object-fit:cover;background:#151515;border:2px solid rgba(255,216,77,.26);box-shadow:0 0 0 3px rgba(255,255,255,.025)}
.social-avatar-large{width:72px;height:72px}
.social-avatar-small{width:36px;height:36px;border-width:1px}
.social-side-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.social-side-actions .btn{padding:9px 8px;border-radius:11px;font-size:.76rem}
.social-person-list{display:grid;gap:12px}
.social-person{padding:3px;border-radius:12px}
.social-person:hover .social-name{color:var(--gold)}
.social-name{font-weight:850;transition:.18s ease}
.name-glow-gold{color:#ffe575;text-shadow:0 0 7px rgba(255,216,77,.95),0 0 18px rgba(255,162,30,.58)}
.name-glow-emerald{color:#8effb9;text-shadow:0 0 7px rgba(93,255,155,.95),0 0 18px rgba(30,205,111,.58)}
.name-glow-frost{color:#a9eaff;text-shadow:0 0 7px rgba(98,216,255,.95),0 0 18px rgba(71,136,255,.58)}
.name-glow-ember{color:#ffad72;text-shadow:0 0 7px rgba(255,123,47,.98),0 0 18px rgba(255,51,51,.58)}
.social-name-custom{color:var(--name-color)}
.social-name-glow{text-shadow:0 0 7px var(--name-glow),0 0 18px var(--name-glow)}
.founder-badge,.admin-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:.62rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.founder-badge{color:#191204;background:linear-gradient(100deg,#ffd84d,#ff9d3d);box-shadow:0 0 14px rgba(255,190,60,.16)}
.admin-badge{color:#d7fff0;background:rgba(93,255,155,.14);border:1px solid rgba(93,255,155,.24)}
.social-composer{display:flex;gap:13px;padding:20px 22px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}
.social-composer-main{min-width:0;flex:1}
.social-composer textarea,.social-settings-form textarea{width:100%;resize:vertical;color:var(--text);background:transparent;border:0;outline:0;font:inherit;line-height:1.55}
.social-composer textarea{min-height:82px;padding:5px 2px;font-size:1.03rem}
.social-composer textarea::placeholder,.social-settings-form textarea::placeholder{color:#877e70}
.social-format-controls{display:grid;justify-items:start;gap:7px;margin:3px 0 8px}.social-format-controls[hidden]{display:none!important}.social-format-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.035);color:#bdb4a7;font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}.social-format-toggle:hover,.social-format-toggle[aria-expanded="true"]{border-color:rgba(255,216,77,.3);background:rgba(255,216,77,.08);color:var(--gold)}
.social-format-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:7px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.social-format-toolbar[hidden]{display:none!important}
.social-format-toolbar button{min-width:31px;height:29px;padding:0 8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.035);color:#c9c0b2;font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}
.social-format-toolbar button:hover{border-color:rgba(255,216,77,.3);background:rgba(255,216,77,.08);color:var(--gold)}
.social-composer-footer{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.social-upload-button{display:inline-flex;align-items:center;gap:7px;color:var(--gold);font-size:.83rem;cursor:pointer;white-space:nowrap}
.social-upload-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.social-limit{font-size:.67rem;color:var(--muted)}
.social-char-count{margin-left:auto;color:var(--muted);font-size:.78rem}
.social-char-count strong{font-weight:700}
.social-composer-footer .btn{padding:10px 19px;border-radius:999px}
.social-image-preview{position:relative;margin:8px 0 12px;border:1px solid var(--line);border-radius:16px;overflow:hidden;max-height:330px;background:#090909}
.social-image-preview img{width:100%;max-height:330px;object-fit:contain}
.social-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);background:rgba(0,0,0,.2)}
.social-tab{position:relative;padding:15px;border:0;background:transparent;color:var(--muted);font:inherit;font-weight:800;cursor:pointer}
.social-tab::after{content:'';position:absolute;left:30%;right:30%;bottom:0;height:3px;border-radius:999px 999px 0 0;background:transparent}
.social-tab.active{color:#fff}
.social-tab.active::after{background:linear-gradient(90deg,var(--gold),var(--orange));box-shadow:0 0 12px rgba(255,216,77,.35)}
.social-tab:disabled{opacity:.45;cursor:not-allowed}
.social-status{display:none;padding:10px 18px;font-size:.82rem;border-bottom:1px solid var(--line)}
.social-status.show{display:block;background:rgba(93,255,155,.08);color:#caffdd}
.social-status.error{display:block;background:rgba(255,107,107,.1);color:#ffd1d1}
.social-post{padding:20px 22px;border-bottom:1px solid var(--line);transition:background .18s ease}
.social-post[data-post-url]{cursor:pointer}.social-post[data-post-url]:hover{background:rgba(255,255,255,.026)}
.social-post:last-child{border-bottom:0}
.social-post:hover{background:rgba(255,255,255,.018)}
.social-post-row{display:flex;gap:13px}
.social-post-main{min-width:0;flex:1}
.social-post-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:24px}
.social-handle,.social-time{color:#8e8679;font-size:.76rem}
.social-time{margin-left:auto}
.social-time:hover{color:var(--gold)}
.social-post-body{margin-top:7px;color:#eee8dc;line-height:1.62;overflow-wrap:anywhere;white-space:normal}
.social-post-body a,.social-profile-bio a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}.social-post-body blockquote,.social-profile-bio blockquote{margin:8px 0;padding:8px 11px;border-left:3px solid rgba(255,216,77,.42);background:rgba(255,255,255,.025);color:#cfc6b8}.social-post-body code,.social-profile-bio code{padding:2px 5px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#090909;color:#bdeccd;font:600 .86em ui-monospace,SFMono-Regular,Consolas,monospace}.social-post-body ul,.social-post-body ol,.social-profile-bio ul,.social-profile-bio ol{margin:7px 0;padding-left:22px}.social-format-heading{display:inline-block;font-family:'Cinzel',serif;font-size:1.12em;font-weight:900;color:#fff5d2}
.social-post-image-link{display:block;margin-top:13px;border:1px solid rgba(255,255,255,.11);border-radius:18px;overflow:hidden;background:#080808}
.social-post-image{width:100%;max-height:520px;object-fit:contain}
.social-actions{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}
.social-action{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:0;border-radius:10px;background:transparent;color:#9f978b;font:inherit;font-size:.79rem;cursor:pointer}
.social-action:hover{color:var(--gold);background:rgba(255,216,77,.07)}
.social-action.active{color:#ff7b78}
.social-action:nth-child(2).active{color:var(--green)}
.social-action-danger{margin-left:auto}
.social-action-danger:hover{color:#ff9a9a;background:rgba(255,107,107,.09)}
.social-edited-label{margin-top:5px;color:#766f65;font-size:.64rem;font-style:italic}
.social-repost-label{margin:0 0 9px 61px;color:#8fcfa7;font-size:.72rem;font-weight:800}
.social-comments{margin-top:13px;padding-top:13px;border-top:1px solid rgba(255,255,255,.07)}
.social-comments-list{display:grid;gap:11px}.social-comment{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px}.social-comment>div{padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.035)}.social-comment header{display:flex;align-items:center;gap:8px}.social-comment header>a{font-size:.74rem;font-weight:850}.social-comment time{color:#7e766a;font-size:.6rem}.social-comment header button{margin-left:auto;border:0;background:transparent;color:#8b8174;cursor:pointer}.social-comment p{margin-top:4px;color:#ddd5c9;font-size:.79rem;line-height:1.48;overflow-wrap:anywhere}
.social-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:12px}.social-comment-form textarea{min-height:42px;max-height:120px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;resize:vertical}.social-comment-form .btn{align-self:end;padding:10px 13px;border-radius:11px}.social-comment-login{display:inline-block;margin-top:12px;color:var(--gold);font-size:.75rem;font-weight:800}
.social-post-page{padding:34px 0 72px}.social-post-page-header{display:flex;align-items:center;gap:18px;margin-bottom:18px}.social-post-page-header>.btn{padding:10px 14px;border-radius:12px}.social-post-page-header .kicker{margin:0}.social-post-page-header h1{font-family:'Cinzel',serif}.social-post-page-grid{display:grid;grid-template-columns:minmax(0,820px) 300px;justify-content:center;gap:22px;align-items:start}.social-post-thread{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:rgba(10,10,10,.82);box-shadow:0 24px 70px rgba(0,0,0,.3)}.social-post-detail{border-bottom:1px solid var(--line);background:rgba(255,255,255,.012)}.social-post-detail:hover{background:rgba(255,255,255,.012)}.social-post-conversation{padding:22px}.social-post-conversation>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.social-post-conversation>header .kicker{margin-bottom:3px}.social-post-conversation>header h2{font-family:'Cinzel',serif}.social-post-conversation>header>span{padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--muted);font-size:.7rem}.social-post-conversation>.social-comments{margin:0;padding:0;border:0}.social-post-likes{position:sticky;top:108px;padding:19px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,rgba(25,25,25,.94),rgba(12,12,12,.92))}.social-post-likes .social-person{padding:6px}.social-post-missing{text-align:center}.social-post-missing p{margin-top:8px;color:var(--muted)}
.social-empty{padding:42px 22px;text-align:center;color:var(--muted)}
.social-empty.compact{padding:18px 0}
.social-founder-callout{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid rgba(255,216,77,.16);background:linear-gradient(90deg,rgba(255,216,77,.09),rgba(255,123,47,.035))}
.social-founder-callout>div{min-width:0;flex:1}
.social-founder-callout p{margin-top:3px;color:var(--muted);font-size:.79rem}
.social-founder-callout .btn{padding:9px 13px;border-radius:12px;font-size:.76rem;white-space:nowrap}
.social-founder-callout.compact{border:1px solid rgba(255,216,77,.16);border-radius:14px;padding:13px}
.social-search-form{display:grid;grid-template-columns:1fr auto;gap:8px}
.social-search-form input{padding:11px 12px;border-radius:12px;font-size:.82rem;min-width:0}
.social-search-form .btn{padding:10px;border-radius:12px;font-size:.74rem}
.social-search-results{display:grid;gap:13px;margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}
.social-search-result,.social-request{display:grid;gap:8px}
.social-inline-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.social-inline-actions .btn{padding:7px 10px;border-radius:9px;font-size:.68rem}
.social-mini-button{padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.04);color:var(--muted);font:inherit;font-size:.66rem;font-weight:800;cursor:pointer}
.social-mini-button.accept{color:#c9ffda;border-color:rgba(93,255,155,.22);background:rgba(93,255,155,.08)}
.social-online-player{display:flex;align-items:center;justify-content:space-between;gap:8px}
.social-online-player>.social-person{min-width:0;flex:1}
.social-online-more{width:100%;margin-top:13px;padding:9px 12px;border-radius:11px;font-size:.72rem}
.dm-avatar-wrap{position:relative;display:inline-flex;flex:0 0 auto}
.presence-dot{position:absolute;right:-1px;bottom:1px;width:11px;height:11px;border:2px solid #151515;border-radius:50%;background:#777}
.presence-dot.online{background:var(--green);box-shadow:0 0 9px rgba(93,255,155,.7)}
.social-rules ul{display:grid;gap:9px;padding-left:17px;color:var(--muted);font-size:.78rem;line-height:1.4}
.social-post-compact{padding:14px 0;background:transparent}
.social-post-compact:first-child{padding-top:2px}
.social-post-compact:hover{background:transparent}
.social-post-compact .social-avatar{width:38px;height:38px}
.social-post-compact .social-post-body{font-size:.86rem;line-height:1.48;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.social-post-compact .social-post-image{max-height:170px}
.social-compact-stats{margin-top:9px;color:#928a7e;font-size:.69rem}

.social-profile-page{padding:34px 0 60px}
.social-profile-blocked{margin-top:22px;text-align:center}.social-profile-blocked p{margin:8px auto 18px;max-width:580px;color:var(--muted)}
.social-profile-hero{overflow:hidden;border:1px solid var(--line);border-radius:26px;background:rgba(14,14,14,.9);box-shadow:0 24px 70px rgba(0,0,0,.3)}
.social-profile-banner{height:170px;background:radial-gradient(circle at 20% 130%,rgba(93,255,155,.28),transparent 38%),radial-gradient(circle at 78% -30%,rgba(255,216,77,.32),transparent 40%),linear-gradient(120deg,#0c1e19,#211a0d 58%,#16100d);border-bottom:1px solid var(--line)}
.social-profile-banner.has-cover{height:240px;background-size:cover;background-position:center;background-repeat:no-repeat}
.social-profile-content{position:relative;padding:0 28px 26px}
.social-profile-avatar{width:136px;height:136px;margin-top:-68px;border-radius:50%;object-fit:cover;background:#101010;border:5px solid #101010;box-shadow:0 0 0 2px rgba(255,216,77,.34),0 18px 40px rgba(0,0,0,.55)}
.social-profile-actions{position:absolute;right:28px;top:18px;display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.social-profile-actions .btn{padding:10px 15px;border-radius:999px;font-size:.78rem}
.social-profile-identity{margin-top:13px;max-width:760px}
.social-profile-identity h1{font-family:'Cinzel',serif;font-size:2rem}
.social-profile-identity h1 .social-name{font-weight:900}
.social-profile-labels,.social-profile-facts{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:7px}
.social-profile-bio{margin-top:16px;line-height:1.6;color:#e8e1d5}
.social-profile-facts{margin-top:15px;color:var(--muted);font-size:.8rem}
.social-profile-facts a{color:var(--gold);font-weight:800}
.social-profile-nav{display:flex;align-items:center;gap:4px;padding:0 22px;border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.social-profile-nav::-webkit-scrollbar{display:none}
.social-profile-nav a{position:relative;padding:15px 14px;color:var(--muted);font-size:.78rem;font-weight:800;white-space:nowrap}
.social-profile-nav a:hover{color:#fff}
.social-profile-nav a::after{content:'';position:absolute;left:14px;right:14px;bottom:0;height:2px;background:transparent}
.social-profile-nav a:hover::after{background:var(--gold)}
.social-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;margin-top:22px;align-items:start}
.social-profile-main{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(10,10,10,.76)}
.social-profile-aside{display:grid;gap:16px}
.social-profile-section>.social-section-heading{padding:19px 22px;border-bottom:1px solid var(--line)}
.social-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.social-section-heading h2{font-family:'Cinzel',serif;font-size:1.2rem}
.social-badge-empty{display:grid;place-items:center;gap:8px;text-align:center;padding:10px 3px 3px;color:var(--muted)}
.social-badge-empty>span{display:grid;place-items:center;width:54px;height:54px;border:1px dashed rgba(255,216,77,.3);border-radius:16px;color:var(--gold);font-size:1.6rem}
.social-badge-empty p{font-size:.76rem}
.social-badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.social-badge{position:relative;display:grid;place-items:center;gap:6px;min-height:84px;padding:9px 4px;text-align:center;border:1px solid color-mix(in srgb,var(--badge-accent) 35%,transparent);border-radius:13px;background:color-mix(in srgb,var(--badge-accent) 8%,transparent);outline:0}
.social-badge>span:not(.social-badge-tooltip){color:var(--badge-accent);font-size:1.5rem}
.social-badge strong{font-size:.64rem}
.social-badge-tooltip{position:absolute;z-index:20;left:50%;bottom:calc(100% + 10px);display:grid;gap:4px;width:220px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--badge-accent) 40%,#333);border-radius:12px;background:#171715;color:#d6cec1;font-size:.7rem;line-height:1.45;text-align:left;box-shadow:0 16px 44px rgba(0,0,0,.6);opacity:0;pointer-events:none;transform:translate(-50%,6px);transition:.16s ease}
.social-badge-tooltip::after{content:'';position:absolute;left:50%;top:100%;width:10px;height:10px;background:#171715;border-right:1px solid color-mix(in srgb,var(--badge-accent) 40%,#333);border-bottom:1px solid color-mix(in srgb,var(--badge-accent) 40%,#333);transform:translate(-50%,-5px) rotate(45deg)}
.social-badge-tooltip b{color:#fff;font-size:.76rem}
.social-badge:hover .social-badge-tooltip,.social-badge:focus .social-badge-tooltip{opacity:1;transform:translate(-50%,0)}
.social-settings-form{display:grid;gap:13px}
.social-settings-form label{display:grid;gap:7px;font-size:.8rem}
.social-settings-form label small{color:var(--muted);font-size:.67rem;font-weight:500}
.social-settings-form input,.social-settings-form select,.social-settings-form textarea{padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04)}
.social-settings-form textarea{min-height:92px}
.social-settings-form .btn{padding:11px;border-radius:12px}
.social-effect-field{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.social-settings-form .social-effect-toggle{display:flex;align-items:center;gap:8px}
.social-effect-toggle input{width:18px;height:18px;flex:0 0 auto}
.social-color-row{display:grid;grid-template-columns:78px 1fr;gap:9px}
.social-color-row label{font-size:.68rem;color:var(--muted)}
.social-color-row input{height:42px}
.social-color-row input[type="color"]{padding:4px;cursor:pointer}
.social-name-preview{display:grid;place-items:center;min-height:48px;border:1px dashed rgba(255,255,255,.12);border-radius:11px;background:#0b0b0b;font-size:1.05rem;font-weight:900}
.social-location{display:inline-flex;align-items:center;gap:5px}

.social-game-section{scroll-margin-top:112px;margin-top:22px;padding:25px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(20,20,20,.94),rgba(10,10,10,.9));box-shadow:0 20px 56px rgba(0,0,0,.2)}
.social-game-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.social-game-heading .kicker{margin-bottom:5px}
.social-game-heading h2{font-family:'Cinzel',serif;font-size:1.45rem}
.social-game-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.social-game-stat{display:grid;gap:7px;min-width:0;padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}
.social-game-stat>span,.social-inventory-item>span{color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.social-game-stat>strong{overflow:hidden;text-overflow:ellipsis;font-size:.9rem}
.social-loadout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.social-loadout-card{position:relative;overflow:hidden;padding:18px;border:1px solid color-mix(in srgb,var(--class-accent) 27%,rgba(255,255,255,.08));border-radius:19px;background:linear-gradient(145deg,color-mix(in srgb,var(--class-accent) 7%,transparent),rgba(255,255,255,.018))}
.social-loadout-card::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--class-accent)}
.social-loadout-head{display:flex;align-items:center;gap:13px}
.social-loadout-head img{width:70px;height:86px;object-fit:contain;object-position:center top;filter:drop-shadow(0 10px 18px rgba(0,0,0,.42))}
.social-loadout-head span{color:var(--class-accent);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.social-loadout-head h3{margin:3px 0;font-family:'Cinzel',serif;font-size:1.08rem}
.social-loadout-head strong{font-size:.76rem;color:var(--muted)}
.social-loadout-vitals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px}
.social-loadout-vitals>span{display:grid;gap:3px;padding:8px;border-radius:10px;background:rgba(0,0,0,.22);color:var(--muted);font-size:.62rem}
.social-loadout-vitals strong{color:#eee8dc;font-size:.7rem;overflow:hidden;text-overflow:ellipsis}
.social-equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.social-equipment-grid>div{display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}
.social-equipment-grid span{color:var(--muted);font-size:.62rem;text-transform:uppercase}
.social-equipment-grid strong{font-size:.75rem;overflow-wrap:anywhere}
.social-stat-strip{display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
.social-stat-strip::-webkit-scrollbar{display:none}
.social-stat-strip span{display:grid;place-items:center;min-width:48px;padding:6px;border-radius:9px;background:rgba(255,255,255,.035);color:var(--muted);font-size:.56rem}
.social-stat-strip strong{color:#fff;font-size:.69rem}
.social-inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.social-inventory-item{display:grid;gap:6px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.social-inventory-item strong{font-size:.79rem;overflow-wrap:anywhere}
.social-inventory-item small{color:var(--gold);font-size:.66rem}

@media (max-width:1180px){
  .social-page{grid-template-columns:230px minmax(0,1fr)}
  .social-sidebar-right{position:static;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .social-page{grid-template-columns:1fr;padding-top:20px}
  .social-sidebar{position:static}
  .social-sidebar-left{grid-template-columns:1fr 1fr}
  .social-timeline{grid-row:1}
  .social-sidebar-right{grid-template-columns:1fr 1fr}
  .social-profile-grid{grid-template-columns:1fr}
  .social-profile-aside{grid-template-columns:1fr 1fr}
  .social-game-stats,.social-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .social-loadout-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .social-page{width:100%;gap:13px;padding-top:0}
  .social-timeline{border-left:0;border-right:0;border-radius:0}
  .social-sidebar{padding:0 10px}
  .social-sidebar-left,.social-sidebar-right,.social-profile-aside{grid-template-columns:1fr}
  .social-feed-header,.social-post,.social-composer{padding-left:14px;padding-right:14px}
  .social-composer>.social-avatar{display:none}
  .social-limit{display:none}
  .social-founder-callout{align-items:flex-start;flex-wrap:wrap}
  .social-actions{max-width:none}
  .social-profile-page{width:100%;padding-top:0}
  .social-profile-hero{border-left:0;border-right:0;border-radius:0}
  .social-profile-banner{height:126px}
  .social-profile-banner.has-cover{height:170px}
  .social-profile-content{padding:0 17px 22px}
  .social-profile-avatar{width:104px;height:104px;margin-top:-52px}
  .social-profile-actions{position:static;margin-top:13px;justify-content:flex-start}
  .social-profile-identity h1{font-size:1.65rem}
  .social-profile-grid{padding:0 10px}
  .social-profile-nav{padding:0 8px}
  .social-game-section{margin:13px 10px 0;padding:17px;border-radius:19px}
  .social-game-stats,.social-inventory-grid{grid-template-columns:1fr 1fr}
  .social-loadout-vitals{grid-template-columns:1fr 1fr}
  .social-loadout-vitals>span:last-child{grid-column:1/-1}
}

/* Compact, tabbed player profile */
[hidden]{display:none!important}
.social-profile-links{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px}
.social-network-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:var(--muted);font:inherit;font-size:.68rem;cursor:pointer}
.social-network-chip:hover{color:#fff;border-color:rgba(255,216,77,.35);background:rgba(255,216,77,.07)}
.social-network-chip strong{color:#f0e8dc;font-size:.64rem;text-transform:uppercase;letter-spacing:.04em}
.social-network-chip span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.social-network-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.07);color:#fff;font-style:normal;font-size:.78rem;font-weight:950}
.network-facebook .social-network-icon,.social-handle-input b.network-facebook{color:#8eb5ff}.network-instagram .social-network-icon,.social-handle-input b.network-instagram{color:#ff91c7}.network-tiktok .social-network-icon,.social-handle-input b.network-tiktok{color:#77fff0}.network-steam .social-network-icon,.social-handle-input b.network-steam{color:#b5d9ff}.network-discord .social-network-icon,.social-handle-input b.network-discord{color:#aeb8ff}.network-x .social-network-icon,.social-handle-input b.network-x{color:#fff}
.social-profile-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;margin-top:22px;border:1px solid var(--line);border-radius:24px;background:rgba(10,10,10,.82);box-shadow:0 22px 65px rgba(0,0,0,.28);overflow:hidden}
.social-profile-tabs{display:grid;gap:7px;padding:15px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent);position:sticky;top:103px}
.social-profile-tabs button{display:flex;align-items:center;gap:11px;width:100%;padding:13px 14px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;font-weight:800;text-align:left;cursor:pointer;transition:.18s ease}
.social-profile-tabs button>span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(255,255,255,.045);color:var(--gold);font-size:.82rem}
.social-profile-tabs button>small{margin-left:auto;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.055);font-size:.6rem}
.social-profile-tabs button:hover{color:#fff;background:rgba(255,255,255,.035)}
.social-profile-tabs button.active{color:#111;border-color:rgba(255,216,77,.22);background:linear-gradient(100deg,var(--gold),#ffad45);box-shadow:0 8px 24px rgba(255,180,45,.13)}
.social-profile-tabs button.active>span,.social-profile-tabs button.active>small{color:#111;background:rgba(0,0,0,.1)}
.social-profile-panels{min-width:0}
.social-profile-panel{min-height:520px;padding:25px;animation:social-panel-in .22s ease}
@keyframes social-panel-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
.social-profile-panel#profile-posts{padding:0}
.social-profile-panel#profile-posts .social-panel-heading{padding:22px 24px;border-bottom:1px solid var(--line)}
.social-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.social-panel-heading .kicker{margin-bottom:5px}
.social-panel-heading h2{font-family:'Cinzel',serif;font-size:1.42rem}
.social-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.social-overview-card{min-height:150px;padding:18px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.022)}
.social-friend-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.social-overview-card .social-founder-callout{margin-top:15px}
.social-class-browser{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:start}
.social-class-menu{display:grid;gap:7px;max-height:600px;padding-right:5px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,216,77,.3) transparent}
.social-class-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.social-class-menu button:hover{background:rgba(255,255,255,.045)}
.social-class-menu button.active{border-color:rgba(255,216,77,.44);background:rgba(255,216,77,.08);box-shadow:inset 3px 0 var(--gold)}
.social-class-menu img{width:34px;height:44px;object-fit:contain;filter:drop-shadow(0 5px 9px rgba(0,0,0,.4))}
.social-class-menu button>span{display:grid;gap:3px;font-size:.72rem;font-weight:850}
.social-class-menu small{color:var(--muted);font-size:.61rem}
.social-class-panels{min-width:0}
.social-loadout-detail{min-height:430px;padding:23px}
.social-loadout-detail .social-loadout-head img{width:108px;height:142px}
.social-loadout-detail .social-loadout-head h3{font-size:1.5rem}
.social-loadout-detail .social-loadout-head p{margin-top:7px;color:var(--muted);font-size:.75rem;line-height:1.45}
.social-loadout-detail .social-loadout-vitals{margin-top:20px}
.social-loadout-detail .social-equipment-grid{margin-top:13px}
.social-loadout-detail .social-equipment-grid>div{padding:14px}
.social-loadout-detail .social-stat-strip{margin-top:13px}
.social-loadout-detail .social-stat-strip span{flex:1;min-width:54px;padding:9px}
.social-inventory-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:15px;color:var(--muted);font-size:.72rem}
.social-inventory-toolbar input{max-width:430px;padding:11px 14px;border-radius:12px}
.social-inventory-toolbar>span{margin-left:auto;color:var(--gold);font-weight:900}
.social-inventory-more{display:flex;margin:18px auto 0;padding:10px 18px;border-radius:12px}
.social-customize-dialog{width:min(92vw,900px);max-height:88vh;margin:auto;padding:0;border:1px solid rgba(255,216,77,.22);border-radius:22px;background:#10100f;color:var(--text);box-shadow:0 30px 120px rgba(0,0,0,.78);overflow:hidden}
.social-customize-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}
.social-customize-dialog .social-settings-form{display:block}
.social-customize-dialog header,.social-customize-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;background:rgba(255,255,255,.025)}
.social-customize-dialog header{border-bottom:1px solid var(--line)}
.social-customize-dialog header .kicker{margin-bottom:3px}
.social-customize-dialog header h2{font-family:'Cinzel',serif;font-size:1.35rem}
.social-customize-dialog footer{justify-content:flex-end;border-top:1px solid var(--line)}
.social-customize-dialog footer .btn{padding:10px 16px}
.social-dialog-close{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;font-size:1.5rem;cursor:pointer}
.social-dialog-close:hover{background:var(--gold);color:#111}
.social-settings-scroll{display:grid;gap:17px;max-height:calc(88vh - 156px);padding:22px;overflow-y:auto}
.social-modal-status{margin:0;border:1px solid transparent!important;border-radius:12px}
.social-modal-status.show{border-color:rgba(93,255,155,.25)!important}
.social-modal-status.error{border-color:rgba(255,107,107,.3)!important}
.social-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.social-network-fields{display:grid;gap:11px;padding:15px;border:1px solid var(--line);border-radius:15px}
.social-network-fields legend{padding:0 7px;font-weight:850}
.social-network-fields>p{color:var(--muted);font-size:.7rem}
.social-handle-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);overflow:hidden}
.social-handle-input b{padding-left:11px;color:var(--gold)}
.social-settings-form .social-handle-input input{min-width:0;border:0;background:transparent}
.social-visual-settings{display:grid;gap:14px;padding:16px;border:1px solid rgba(255,216,77,.15);border-radius:17px;background:rgba(255,216,77,.025)}
.social-visual-settings>div>p{margin-top:4px;color:var(--muted);font-size:.72rem}
.social-crop-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.social-cropper{display:grid;align-content:start;gap:10px;min-width:0;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.2)}
.social-crop-preview{overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#080808;box-shadow:inset 0 0 0 1px rgba(0,0,0,.4)}
.social-crop-preview.avatar{width:min(100%,220px);aspect-ratio:1;margin:auto;border-radius:50%}
.social-crop-preview.cover{width:100%;aspect-ratio:10/3;border-radius:12px}
.social-crop-preview canvas{display:block;width:100%;height:100%}
.social-crop-controls{display:grid;gap:7px}
.social-crop-controls label{grid-template-columns:74px minmax(0,1fr);align-items:center;font-size:.66rem;color:var(--muted)}
.social-crop-controls input[type="range"]{width:100%;padding:0;border:0;background:transparent;accent-color:var(--gold)}
.social-crop-note{padding:8px 10px;border-radius:10px;background:rgba(98,216,255,.07);color:#bfefff!important;font-size:.66rem!important;line-height:1.4}
.social-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.social-account-card{display:grid;align-content:start;gap:13px;padding:18px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.022)}
.social-account-card h3{font-family:'Cinzel',serif}
.social-account-card>label,.social-account-card .social-settings-grid>label{display:grid;gap:7px;color:#e9e1d4;font-size:.78rem;font-weight:750}
.social-account-card label small,.social-account-card p{color:var(--muted);font-size:.68rem;font-weight:500}
.social-account-card input{min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.04)}
.social-account-card .btn{justify-self:start;padding:10px 15px;border-radius:11px}
.social-patreon-card{grid-column:1/-1}
.social-post-dialog{width:min(92vw,580px)}
.social-post-dialog form{display:block}
.social-post-dialog textarea{width:100%;min-height:140px;padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);resize:vertical}
.social-post-dialog label{display:grid;gap:8px;font-size:.8rem;font-weight:800}
.admin-social-card{display:grid;align-content:start;gap:14px}
.admin-badge-form{display:grid;gap:12px}
.admin-badge-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px}
.admin-badge-library.compact{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}
.admin-badge-item{display:flex;align-items:center;gap:11px;min-width:0;padding:11px;border:1px solid color-mix(in srgb,var(--badge-accent) 32%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--badge-accent) 6%,rgba(255,255,255,.02))}
.admin-badge-item img{width:48px;height:48px;flex:0 0 auto;object-fit:contain}
.admin-badge-item>span{display:grid;gap:3px;min-width:0;flex:1}
.admin-badge-item strong{font-size:.78rem}.admin-badge-item small{color:var(--muted);font-size:.66rem;line-height:1.35}.admin-badge-item em{color:var(--badge-accent);font-size:.62rem;font-style:normal}
.admin-badge-item .btn{padding:7px 9px;border-radius:9px;font-size:.67rem}
.admin-report-list{display:grid;gap:11px;max-height:620px;overflow-y:auto}
.admin-report-item{display:grid;gap:9px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}
.admin-report-item>div{display:grid;gap:3px}.admin-report-item small{color:var(--muted);font-size:.66rem}.admin-report-item p{color:#ffd0d0;font-size:.76rem}.admin-report-item blockquote{padding:9px 11px;border-left:3px solid rgba(255,216,77,.35);background:rgba(0,0,0,.22);color:var(--muted);font-size:.72rem;line-height:1.45}
.dm-page{display:grid;grid-template-columns:330px minmax(0,1fr);height:min(740px,calc(100vh - 245px));min-height:560px;margin-top:42px;margin-bottom:82px;border:1px solid var(--line);border-radius:24px;background:rgba(10,10,10,.82);box-shadow:0 24px 70px rgba(0,0,0,.3);overflow:hidden}
.dm-sidebar{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line);background:rgba(255,255,255,.018)}
.dm-sidebar>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px;border-bottom:1px solid var(--line)}
.dm-sidebar>header h1{font-family:'Cinzel',serif;font-size:1.45rem}.dm-sidebar>header .btn{padding:8px 10px;border-radius:10px;font-size:.68rem}
.dm-player-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:13px;border-bottom:1px solid var(--line)}
.dm-player-search input{min-width:0;padding:10px 11px;border-radius:11px}.dm-player-search .btn{padding:9px;border-radius:10px;font-size:.68rem}
.dm-search-results{display:grid;gap:8px;padding:12px;border-bottom:1px solid var(--line);max-height:210px;overflow-y:auto}.dm-search-results>span{color:var(--muted);font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.dm-search-person{display:flex;align-items:center;gap:9px;padding:7px;border-radius:10px}.dm-search-person:hover{background:rgba(255,255,255,.04)}.dm-search-person>span{display:grid;gap:2px;min-width:0;font-size:.76rem;font-weight:800}.dm-search-person small{color:var(--muted);font-size:.64rem}
.dm-conversation-list{min-height:0;flex:1;overflow-y:auto}
.dm-conversation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.055);transition:.16s ease}.dm-conversation:hover{background:rgba(255,255,255,.035)}.dm-conversation.active{background:linear-gradient(90deg,rgba(255,216,77,.12),rgba(255,216,77,.025));box-shadow:inset 3px 0 var(--gold)}
.dm-conversation-copy{display:grid;gap:4px;min-width:0}.dm-conversation-copy strong{font-size:.78rem}.dm-conversation-copy small{overflow:hidden;color:var(--muted);font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}
.dm-conversation-meta{display:grid;justify-items:end;gap:5px}.dm-conversation-meta time{color:#80786c;font-size:.58rem}.dm-conversation-meta b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--gold);color:#17120a;font-size:.6rem}
.dm-chat{display:flex;flex-direction:column;min-width:0;min-height:0}.dm-chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 19px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.dm-chat-header>.btn{padding:8px 11px;border-radius:10px;font-size:.7rem}
.dm-chat-person{display:inline-flex;align-items:center;gap:11px}.dm-chat-person>span:last-child{display:grid;gap:3px}.dm-chat-person small{color:var(--muted);font-size:.68rem}
.dm-message-list{display:flex;flex:1;min-height:0;flex-direction:column;gap:8px;padding:20px;overflow-y:auto;background:radial-gradient(circle at 80% 0,rgba(255,216,77,.035),transparent 30%)}
.dm-message{align-self:flex-start;display:grid;gap:5px;max-width:min(76%,620px)}.dm-message>div{padding:10px 13px;border:1px solid var(--line);border-radius:15px 15px 15px 4px;background:#1a1a18;color:#e9e2d7;font-size:.83rem;line-height:1.5;overflow-wrap:anywhere}.dm-message time{padding:0 4px;color:#746d62;font-size:.58rem}
.dm-message.mine{align-self:flex-end;justify-items:end}.dm-message.mine>div{border-color:rgba(255,216,77,.2);border-radius:15px 15px 4px 15px;background:linear-gradient(130deg,#574515,#30250c);color:#fff8df}
.dm-message-image{display:block;overflow:hidden;max-width:min(100%,520px);border:1px solid rgba(255,255,255,.12);border-radius:15px;background:#080808}.dm-message-image img{display:block;width:auto;max-width:100%;max-height:420px;object-fit:contain}.dm-message.mine .dm-message-image{border-color:rgba(255,216,77,.24)}
.dm-empty,.dm-welcome{display:grid;place-items:center;align-content:center;gap:9px;height:100%;padding:30px;text-align:center;color:var(--muted)}.dm-welcome>span{display:grid;place-items:center;width:64px;height:64px;border:1px solid rgba(255,216,77,.24);border-radius:20px;color:var(--gold);font-size:1.5rem}.dm-welcome h2{color:#f3ebdf;font-family:'Cinzel',serif}.dm-welcome p{max-width:390px;line-height:1.55}
.dm-status{flex:0 0 auto}.dm-composer{display:grid;gap:7px;padding:14px 17px;border-top:1px solid var(--line);background:rgba(255,255,255,.018)}.dm-composer-row{display:grid;grid-template-columns:minmax(0,1fr) 54px auto;align-items:stretch;gap:10px}.dm-composer textarea{width:100%;height:54px;min-height:54px;max-height:130px;padding:14px 13px;border:1px solid var(--line);border-radius:14px;resize:vertical}.dm-composer .btn{height:54px;padding:0 19px;border-radius:13px}.dm-composer-hint{padding-left:3px;color:#797166;font-size:.6rem}.dm-upload{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);color:var(--gold);font-size:1.15rem;cursor:pointer}.dm-upload:hover{border-color:rgba(255,216,77,.3);background:rgba(255,216,77,.08)}.dm-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.dm-image-preview{justify-self:start;overflow:hidden;max-width:180px;border:1px solid var(--line);border-radius:11px;background:#090909}.dm-image-preview img{display:block;max-width:180px;max-height:100px;object-fit:contain}
.dm-founder-lock{display:flex;align-items:center;gap:12px;padding:14px 17px;border-top:1px solid rgba(255,216,77,.16);background:rgba(255,216,77,.055)}.dm-founder-lock p{min-width:0;flex:1;color:var(--muted);font-size:.75rem}.dm-founder-lock .btn{padding:9px 12px;border-radius:11px;font-size:.7rem;white-space:nowrap}
.social-toast{position:fixed;z-index:500;left:50%;bottom:24px;max-width:min(90vw,520px);padding:12px 17px;border:1px solid transparent;border-radius:13px;background:#17271d;color:#d9ffe5;font-size:.8rem;font-weight:750;box-shadow:0 18px 55px rgba(0,0,0,.5);opacity:0;pointer-events:none;transform:translate(-50%,18px);transition:.2s ease}
.social-toast.show{opacity:1;transform:translate(-50%,0)}
.social-toast.error{border-color:rgba(255,107,107,.3);background:#32191a;color:#ffd8d8}

@media (max-width:900px){
  .dm-page{grid-template-columns:280px minmax(0,1fr)}
  .social-post-page-grid{grid-template-columns:1fr}.social-post-likes{position:static}
  .social-profile-workspace{grid-template-columns:1fr}
  .social-profile-tabs{display:flex;position:static;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
  .social-profile-tabs::-webkit-scrollbar{display:none}
  .social-profile-tabs button{flex:0 0 auto;width:auto;white-space:nowrap}
  .social-class-browser{grid-template-columns:1fr}
  .social-class-menu{display:flex;max-height:none;padding:0 0 7px;overflow-x:auto;overflow-y:hidden}
  .social-class-menu button{flex:0 0 170px}
  .social-crop-grid,.social-account-grid{grid-template-columns:1fr}
  .social-patreon-card{grid-column:auto}
  .admin-badge-library,.admin-badge-library.compact{grid-template-columns:1fr}
}
@media (max-width:640px){
  .dm-page{display:block;height:auto;min-height:0;margin:24px 10px 54px;border-radius:18px;overflow:visible}
  .dm-sidebar{max-height:390px;border-right:0;border-bottom:1px solid var(--line)}
  .dm-chat{height:620px}.dm-message{max-width:88%}.dm-chat-header{position:sticky;top:0;z-index:2}
  .dm-composer-row{grid-template-columns:minmax(0,1fr) 50px auto}.dm-upload{width:50px}.dm-composer .btn{padding:0 14px}
  .social-profile-page{max-width:100%;overflow-x:hidden}
  .social-profile-workspace{width:calc(100% - 20px);max-width:calc(100% - 20px);margin:13px 10px 0;border-radius:18px}
  .social-profile-panels,.social-profile-panel,.social-game-stats>*{min-width:0}
  .social-profile-panel{min-height:420px;padding:16px}
  .social-profile-tabs{max-width:100%;padding:9px}
  .social-profile-tabs button{padding:10px}
  .social-profile-tabs button>span{display:none}
  .social-panel-heading{align-items:flex-start;flex-wrap:wrap}
  .social-panel-heading .tag{margin-left:0}
  .social-game-stats,.social-overview-grid{grid-template-columns:1fr 1fr}
  .social-game-stat>strong{max-width:100%;white-space:nowrap}
  .social-overview-grid{grid-template-columns:1fr}
  .social-friend-grid{grid-template-columns:1fr 1fr}
  .social-inventory-grid{grid-template-columns:1fr 1fr}
  .social-settings-grid{grid-template-columns:1fr}
  .social-customize-dialog{width:calc(100vw - 18px);max-height:94vh;border-radius:18px}
  .social-settings-scroll{max-height:calc(94vh - 150px);padding:16px}
}