.rail-item{position:relative}.social-count{position:absolute;right:5px;top:1px;padding:2px 5px;min-width:17px;border-radius:20px;background:#ff4169;color:white;font-size:9px;font-style:normal}
.home-friends{margin:26px 0 30px}.home-friends-heading,.social-heading,.social-section-title,.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.home-friends-heading h2{font-size:20px}.home-friends-heading button{color:#ff91aa;font-size:12px;min-height:44px}.home-friends-list{display:flex;gap:22px;overflow-x:auto;padding:12px 2px}.home-friend{flex:0 0 83px;display:grid;justify-items:center;gap:7px}.home-friend>strong{font-size:12px;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis}.home-friend>small{color:#b0a9b8;font-size:9px;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-friend:hover .friend-portrait{border-color:#ff7695;transform:translateY(-2px)}
.friend-portrait{position:relative;display:block;flex-shrink:0;width:56px;height:56px;border-radius:14px;background:radial-gradient(circle at 50% 10%,#514758,#24212e);border:1px solid #ffffff17;overflow:visible;transition:transform .15s}.home-friend .friend-portrait{width:74px;height:74px;border-radius:50%}.portrait-head{position:absolute;width:25%;height:28%;left:37.5%;top:16%;border-radius:5px;background:#f2c58c;color:#333;font:16px/1 monospace;text-align:center;z-index:1}.portrait-body{position:absolute;width:49%;height:28%;left:25.5%;top:46%;background:var(--outfit);border-radius:5px 5px 1px 1px;box-shadow:inset 9px 0 #f2c58c,inset -9px 0 #f2c58c}.portrait-legs{position:absolute;width:24%;height:19%;left:38%;top:73%;background:linear-gradient(90deg,#27273c 45%,#5e5160 46%,#5e5160 55%,#27273c 56%);border-radius:0 0 3px 3px}.presence-dot{position:absolute;width:11px;height:11px;border-radius:50%;background:#666271;border:2px solid #17151f;right:0;bottom:0}.presence-dot.online{background:#63d9a0}.social-verified{display:inline-grid;place-items:center;background:#c9234d;color:#fff;border-radius:5px;font-size:10px;width:15px;height:15px;vertical-align:middle;margin-left:3px}
.social-heading{margin-bottom:28px}.social-heading h1{margin:7px 0 10px}.social-heading>.secondary{font-size:12px}.social-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,340px);gap:26px}.friend-search-panel,.social-inbox>section,.social-inbox>details,.social-blocks{background:#14141d;border:1px solid #ffffff12;border-radius:16px;padding:22px}.friend-search-panel h2,.social-section h2,.social-inbox h2{font-size:20px;letter-spacing:-.4px}.friend-search-panel form{display:flex;gap:10px;margin-top:16px}.friend-search-panel input{flex:1;min-width:0;background:#0c0c13;border:1px solid #ffffff20;border-radius:9px;min-height:46px;color:#fff;padding:12px}.friend-search-panel .primary{font-size:12px;white-space:nowrap}.friend-row{display:flex;align-items:center;gap:12px;padding:14px 0;min-width:0;flex-wrap:wrap}.friend-info{flex:1;min-width:95px;overflow:hidden}.friend-info strong{font-size:13px;font-weight:550;display:block;overflow-wrap:anywhere}.friend-info small{display:block;color:#a9a5b6;font-size:11px;margin-top:6px;line-height:1.5}.friend-action{padding:9px 11px;min-height:40px;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;color:#dcd8e4;font-size:11px}.friend-action:hover{background:#ffffff14}.friend-action:disabled{opacity:.48;cursor:default}.friend-action.accept,.friend-action.join-friend:not(:disabled){background:#ff4169;color:#fff;border-color:#ff6d8b}.social-section{margin-top:30px}.social-section-title{margin-bottom:15px}.social-section-title h2 span{font-size:12px;background:#ffffff0f;border-radius:7px;padding:3px 8px;margin-left:7px}.social-section-title>.muted{font-size:11px}.friends-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.friend-card{background:#171620;border:1px solid #ffffff12;border-radius:14px;padding:4px 16px 14px}.friend-card-actions{display:flex;gap:8px}.friend-card-actions>.friend-action{flex:1}.friend-card-actions details{position:relative}.friend-card-actions summary{list-style:none;padding:10px;cursor:pointer;color:#b0a4b7}.friend-options{position:absolute;right:0;top:100%;z-index:4;background:#25212e;border:1px solid #574457;padding:8px;border-radius:10px;min-width:150px;box-shadow:0 8px 22px #0008}.friend-options button{display:block;width:100%;text-align:left;margin:3px 0}.social-inbox{display:flex;flex-direction:column;gap:18px}.social-inbox .friend-portrait{width:40px;height:40px;border-radius:10px}.social-inbox .friend-row{gap:8px}.social-inbox h2{margin:8px 0 4px}.social-inbox .kicker{font-size:9px;color:#ff8faa}.social-none{font-size:12px;line-height:1.8;padding:12px 0}.social-blocks{margin-top:24px}.social-blocks summary,.social-inbox summary{cursor:pointer;font-size:13px}.social-blocks p{font-size:12px;line-height:1.7;margin-top:15px}.social-empty{grid-column:1/-1;padding:28px 24px;background:linear-gradient(140deg,#251721,#15131e);border:1px dashed #78405b;border-radius:16px}.social-empty>span{font-size:30px;color:#ff739a}.social-empty h3{margin:12px 0 8px}.social-empty p{max-width:400px;font-size:13px;color:#b1a5b8;line-height:1.7}.world-invite{margin-top:16px;display:flex;flex-wrap:wrap;gap:11px}.world-invite>img{width:73px;height:62px;border-radius:8px;object-fit:cover}.world-invite>div:not(.invite-actions){flex:1;min-width:0}.world-invite small,.world-invite span{display:block;font-size:10px;color:#bcb1c2;line-height:1.8}.world-invite strong{display:block;font-size:13px;margin:3px 0}.world-invite>.invite-actions{width:100%;display:flex;gap:9px}.social-dialog{width:540px;max-width:calc(100vw - 24px);max-height:85dvh;box-sizing:border-box;background:#181520;color:#fff;border:1px solid #ffffff26;border-radius:19px;padding:25px;box-shadow:0 20px 100px #0008;overflow-y:auto}.social-dialog::backdrop{background:#08060bbd;backdrop-filter:blur(8px)}.social-dialog h2{font-size:25px;margin:8px 0}.social-dialog>.muted{font-size:12px;line-height:1.7;margin:10px 0 15px}.dialog-share{border-top:1px solid #ffffff18;padding-top:18px;margin-top:12px}.dialog-share input,#friend-profile-link{width:100%;margin-top:12px;padding:12px;border-radius:8px;border:1px solid #ffffff23;background:#0d0c12;color:white;font-size:12px}.play-social-actions{display:flex;gap:8px}.play-social-actions button{min-height:44px}.arcade-mode #wave-button{display:none}.social-dialog button:focus-visible,.friend-action:focus-visible,.home-friend:focus-visible{outline:2px solid #ff9fb5;outline-offset:4px}
@media(max-width:1100px){.social-layout{grid-template-columns:1fr}.social-inbox{display:grid;grid-template-columns:1fr 1fr}.social-inbox>details{grid-column:1/-1}}
@media(max-width:760px){.home-friends{margin:18px 0 24px}.home-friends-list{gap:16px}.home-friend .friend-portrait{width:64px;height:64px}.home-friend{flex-basis:70px}.home-friends-heading h2{font-size:18px}.social-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px}.social-heading h1{font-size:32px}.social-heading p{font-size:13px}.social-layout{gap:20px}.social-inbox{display:flex}.friend-search-panel,.social-inbox>section,.social-blocks{padding:18px}.friend-search-panel form{flex-direction:column}.friend-search-panel input{font-size:16px}.friend-search-panel .primary{min-height:46px}.friends-grid{grid-template-columns:1fr}.friend-card{padding:4px 14px 14px}.friend-action{min-height:44px;font-size:12px}.social-section{margin-top:22px}.social-dialog{padding:20px}.play-social-actions{gap:5px}.play-social-actions button{padding:8px 10px}.play-top .game-heading{max-width:135px}.play-top #exit-game{font-size:11px;padding:8px}.social-count{top:0;right:7px}.social-dialog .friend-info{min-width:120px}}

.mobile-more{display:none}.mobile-menu-links{display:grid;gap:10px;margin-top:20px}.mobile-menu-links>.secondary{display:block;text-align:left;padding:15px;border-radius:9px;background:#ffffff08;text-decoration:none;color:#fff}
@media(max-width:760px){.rail{overflow:hidden!important;justify-content:space-between!important;padding-left:10px!important;padding-right:10px!important}.rail-item{flex:1!important;min-width:0!important;max-width:72px}.rail [data-view="discover"]{order:1}.rail [data-view="friends"]{order:2}.rail>a[href="/community.html"]{order:3}.rail>a[href="/creator.html"]{order:4}.rail #mobile-more{display:flex;order:5}.rail [data-view="favorites"],.rail [data-view="leaderboard"],.rail [data-view="profile"],.rail [data-view="settings"],.rail #owner-button{display:none!important}}