.mr-social-page{background:radial-gradient(circle at top,#24103f 0,#12081f 38%,#09050f 100%);color:#f7f2ff;min-height:100vh;font-family:Inter,system-ui,sans-serif}.mr-social-page .navbar{position:sticky;top:0;z-index:20}.social-wrap{width:min(1240px,94vw);margin:0 auto;padding:42px 0 70px}.social-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(135deg,rgba(115,45,175,.2),rgba(18,8,31,.86));box-shadow:0 24px 70px rgba(0,0,0,.25)}.social-kicker,.panel-kicker{display:block;font-size:.72rem;letter-spacing:.18em;font-weight:900;color:#d7a6ff}.social-hero h1{margin:.35rem 0 .55rem;font-size:clamp(2rem,4vw,3.3rem);line-height:1.05}.social-hero p{margin:0;max-width:760px;color:#c9bdd6;line-height:1.6}.social-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.social-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;background:rgba(255,255,255,.05);font-weight:800}.social-btn:hover{background:rgba(255,255,255,.1)}.social-btn-primary{background:linear-gradient(135deg,#8f45cb,#5d2d98);border-color:rgba(230,190,255,.22)}.social-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.social-stats article{display:flex;gap:14px;align-items:center;padding:18px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.social-stats article>span{font-size:1.65rem}.social-stats strong{display:block;font-size:1.35rem}.social-stats small{color:#a99fb4}.social-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:18px}.social-side{display:grid;gap:18px;align-content:start}.social-panel{padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(17,8,29,.78);box-shadow:0 16px 50px rgba(0,0,0,.18)}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.panel-head h2{margin:.3rem 0 0;font-size:1.25rem}.text-btn,.text-link{border:0;background:none;color:#cda8ed;font-weight:800;text-decoration:none;cursor:pointer;padding:5px}.social-feed{display:grid;gap:10px}.social-feed-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}.social-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#4a235e,#1c0d27);overflow:hidden;font-size:1.1rem}.social-avatar img{width:100%;height:100%;object-fit:cover}.social-feed-text{margin:0;color:#f5effa;line-height:1.45}.social-feed-text a{color:#d7a6ff;text-decoration:none;font-weight:800}.social-feed-detail{margin:.35rem 0 0;color:#a99fb4;font-size:.88rem}.social-feed-time{font-size:.76rem;color:#84798e;white-space:nowrap}.friend-feed,.online-list{display:grid;gap:8px}.friend-card,.online-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:13px;background:rgba(255,255,255,.03)}.friend-card a,.online-card a{color:#fff;text-decoration:none;font-weight:800}.friend-meta,.online-meta{margin-left:auto;color:#918699;font-size:.78rem}.status-dot{width:9px;height:9px;border-radius:50%;background:#47d67c;box-shadow:0 0 14px rgba(71,214,124,.65);flex:none}.player-search{margin-bottom:10px}.player-search input{width:100%;box-sizing:border-box;padding:11px 13px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.22);color:#fff;outline:none}.player-search input:focus{border-color:#a85de2}.social-login-banner{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(90deg,rgba(90,34,119,.38),rgba(255,255,255,.04))}.social-login-banner strong{font-size:1.02rem}.social-login-banner p{margin:.3rem 0 0;color:#b9adbf}.hidden{display:none}.social-loading,.social-empty{padding:24px 10px;color:#918699;text-align:center}.badge-level{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:rgba(191,119,238,.12);color:#d8aff7;font-size:.72rem}.friend-card .status-dot{background:#6e6471;box-shadow:none}.friend-card .status-dot.online{background:#47d67c;box-shadow:0 0 14px rgba(71,214,124,.65)}@media (max-width:900px){.social-hero{align-items:flex-start;flex-direction:column}.social-hero-actions{justify-content:flex-start}.social-stats{grid-template-columns:repeat(2,1fr)}.social-grid{grid-template-columns:1fr}}@media (max-width:560px){.social-wrap{padding-top:24px}.social-stats{grid-template-columns:1fr 1fr}.social-feed-item{grid-template-columns:40px minmax(0,1fr)}.social-avatar{width:40px;height:40px}.social-feed-time{grid-column:2}.social-login-banner{align-items:flex-start;flex-direction:column}}