.social-page{max-width:1060px;margin:30px auto;padding:0 24px 50px;color:#352719}.social-page h1{font-size:clamp(2rem,5vw,3.4rem);margin:8px 0}.social-page p{line-height:1.55}.social-panel{background:#f8f1e4;border:1px solid #c9b899;border-radius:16px;padding:24px;margin:20px 0;box-shadow:0 5px 14px #49301b0b}.social-panel h2{margin-top:0}.social-search{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.social-search label{flex-basis:100%}.social-search input{flex:1;min-width:140px}.social-page input,.social-page select{padding:10px;border:1px solid #b7a181;border-radius:8px;background:#fffaf1;color:#352719;max-width:100%}.social-page button{padding:10px 16px;border-radius:8px;background:#654329;color:#fff8eb;border:1px solid #654329;cursor:pointer}.social-page .social-secondary{background:transparent;color:#654329}.social-page button:focus-visible,.social-page a:focus-visible,.social-page summary:focus-visible{outline:3px solid #b07935;outline-offset:3px}.social-person,.social-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;flex-wrap:wrap}.social-person{border-bottom:1px solid #d9c9b0}.social-person form{display:flex;gap:8px;flex-wrap:wrap}.social-columns,.social-friend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.social-columns .social-panel{margin:0}.social-friend{border:1px solid #d2c1a5;border-radius:12px;padding:20px;min-width:0}.social-friend h3{margin:0;overflow-wrap:anywhere}.social-online{color:#32602c;font-weight:700}.social-scores{display:flex;justify-content:space-between;gap:12px;margin:18px 0}.social-scores span{display:flex;flex-direction:column;font-size:.9rem}.social-scores b{font-size:1.5rem}.social-challenge{display:grid;gap:9px}.social-friend details{margin-top:18px}.social-friend summary{cursor:pointer;color:#78543b}.social-friend details form{margin-top:12px}.social-tabs{display:flex;flex-wrap:wrap;gap:10px}.social-tabs a{padding:10px 14px;border:1px solid #bfa788;border-radius:8px;color:#543821;text-decoration:none}.social-tabs a[aria-current]{background:#654329;color:#fff8eb}.social-ranking{padding-left:28px}.social-ranking li{padding:14px 5px;border-bottom:1px solid #dbcbb4}.social-ranking li strong{float:right}.social-feedback{padding:14px;border:1px solid #80966f;background:#eaf0df;border-radius:10px}@media(max-width:700px){.social-page{padding:0 14px 35px;margin:20px auto}.social-panel{padding:18px}.social-columns,.social-friend-grid{grid-template-columns:1fr}.social-scores{font-size:.85rem}.social-person strong,.social-ranking span{overflow-wrap:anywhere}}

.social-page header{color:#e5d4b0}.social-panel h2,.social-panel h3{color:#49311f}.social-panel a,.social-panel label,.social-panel small,.social-panel p{color:#543d29}.social-tabs a[aria-current]{color:#fff8eb}.social-heading a{font-weight:600}