/* Frostline's account-based social drawer: overlays menus without reshaping them. */
.friends-top-button{position:relative;border:1px solid #6bd7c2;background:linear-gradient(110deg,#193d50,#235c64);color:#e4fff7;border-radius:9px;padding:11px 14px;font:800 12px/1.1 system-ui,sans-serif;letter-spacing:.045em;cursor:pointer;white-space:nowrap;box-shadow:0 5px 24px #09263240;transition:transform .15s ease,border-color .15s ease}
.friends-top-button:hover{transform:translateY(-1px);border-color:#b8ffec}.friends-top-button:focus-visible,.friends-card button:focus-visible,.friends-card input:focus-visible{outline:2px solid #62ffe1;outline-offset:2px}
#friendAlertCount:not([hidden]){position:absolute;right:-8px;top:-9px;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:30px;background:#fbd762;color:#132438;font:900 11px system-ui;box-shadow:0 0 0 3px #133242}
.friends-overlay[hidden]{display:none!important}.friends-overlay{position:fixed;inset:0;z-index:450;background:rgba(5,16,28,.66);display:flex;align-items:center;justify-content:flex-end;padding:clamp(10px,2.5vw,30px);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);font-family:system-ui,Arial,sans-serif}
.friends-card{width:min(452px,100%);height:min(790px,calc(100dvh - 24px));display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:linear-gradient(165deg,#163c51,#0d263c 47%,#081e33);border:1px solid #6cddd655;color:#f2fbff;box-shadow:0 28px 80px #000a,0 0 35px #14efd011;animation:friends-in .22s cubic-bezier(.2,.9,.35,1)}
@keyframes friends-in{from{transform:translateX(32px);opacity:.55}to{transform:translateX(0);opacity:1}}
.friends-header{padding:27px 27px 17px;display:flex;justify-content:space-between;align-items:flex-start;background:radial-gradient(ellipse at 70% 0%,#36727f5c,transparent 70%)}
.friends-header small{font-weight:800;letter-spacing:.15em;font-size:10px;color:#65ded3}.friends-header h2{font-weight:1000;font-size:29px;line-height:1;margin:7px 0 5px;letter-spacing:-.055em}.friends-header h2 span{color:#5de9d2}.friends-header p{font-size:12px;color:#91b5c4;margin:0}
#friendsClose{background:#ffffff15;border:1px solid #ffffff24;border-radius:10px;color:#fff;font-size:18px;width:36px;height:36px;cursor:pointer}
.friends-identity{display:flex;align-items:center;gap:12px;margin:0 24px 21px;padding:13px;background:#020d1f69;border:1px solid #61b7ac50;border-radius:13px;min-width:0}
.friends-avatar{display:grid;place-items:center;border-radius:11px;width:44px;height:44px;flex:0 0 44px;color:#033033;font-size:22px;font-weight:1000;background:linear-gradient(135deg,#93ffe1,#44d5c9)}
.friends-identity>div{min-width:0;flex:1}.friends-identity small{display:block;color:#9aaebb;letter-spacing:.13em;font-size:9px;font-weight:850}.friends-identity strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}
#friendsRename{border:0;color:#c2f7e7;background:transparent;cursor:pointer;font-size:17px;padding:8px}.friends-online-pill{font-weight:850;font-size:9px;color:#a6bdc9;border:1px solid #8aa3b844;border-radius:60px;padding:6px 7px;white-space:nowrap}.friends-online-pill.active{border-color:#4bdca7;background:#0e4b47;color:#8fffcd}
.friends-tabs{display:grid;grid-template-columns:1fr 1.1fr 1.15fr;border-bottom:1px solid #ffffff1a;gap:3px;padding:0 19px}.friends-tabs button{border:0;color:#91b9c7;background:transparent;border-bottom:3px solid transparent;padding:14px 4px;font-size:11px;font-weight:900;letter-spacing:.03em;cursor:pointer;white-space:nowrap}
.friends-tabs button.active{border-color:#5ae7d1;color:#f3fffc}.friends-tabs button span{background:#ffffff16;border-radius:6px;padding:2px 5px;margin-left:3px}
.friends-content{flex:1;min-height:0;overflow:auto;padding:18px 22px 22px;scrollbar-color:#428e99 transparent;scrollbar-width:thin}.friends-section-label{display:flex;justify-content:space-between;align-items:center;color:#82ead9;letter-spacing:.11em;font-size:10px;font-weight:900;margin:11px 0 13px}.friends-section-label span{color:#9bc5c7}
.friend-row{display:flex;align-items:center;gap:12px;border:1px solid #688fa532;background:#ffffff09;border-radius:12px;padding:11px 11px;margin-bottom:8px;min-width:0}.friend-row.is-online{border-color:#41d3ba53}.friend-avatar{height:36px;width:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:9px;color:#dffff8;background:linear-gradient(130deg,#376d84,#224056);font-weight:950}.friend-row.is-online .friend-avatar{background:linear-gradient(140deg,#44d7ae,#217777)}
.friend-row-copy{min-width:0;flex:1}.friend-row-copy strong{display:block;font-size:13px;color:#f5ffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-row-copy small{display:block;font-size:9px;font-weight:800;color:#8cb2c4;margin-top:5px;letter-spacing:.045em}.friend-row.is-online .friend-row-copy small{color:#6decbb}
.friend-row-name{display:flex;align-items:center;gap:6px;min-width:0}.friend-row-name strong{flex:0 1 auto;min-width:0}.friend-owner-tag{flex:0 0 auto;padding:4px 6px;border:1px solid #fff3a6;border-radius:4px;background:linear-gradient(180deg,#ffe982,#ffcc43);color:#382500;font-size:8px;font-weight:1000;letter-spacing:.4px;line-height:1;box-shadow:0 0 10px #ffce4d35}
.friend-beta-tag{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:4px 6px;border:1px solid #8cf9ff;border-radius:4px;background:linear-gradient(180deg,#13c4e0 0%,#087da7 100%);color:#fff;font-size:8px;font-weight:1000;letter-spacing:.5px;line-height:1;text-shadow:0 1px 2px #0649639c;box-shadow:inset 0 1px 0 #ffffff36,0 0 10px #04d3f25c}
.friend-beta-tag[hidden]{display:none!important}
.friend-row-actions{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;max-width:168px}.friend-action{font-size:9px;font-weight:900;padding:8px 9px;border:0;border-radius:7px;color:#063438;background:#5ee6c9;cursor:pointer;white-space:nowrap}.friend-action.secondary{background:#ffffff16;border:1px solid #9bbbcc44;color:#d8f2f4}.friend-action:disabled{opacity:.45;cursor:wait}.friend-action:hover:not(:disabled){filter:brightness(1.16)}
.friend-relationship-tag{font-size:9px;color:#9ff0db;font-weight:900;white-space:nowrap}.friends-empty{padding:29px 14px;margin:13px 0 19px;border:1px dashed #6496a950;background:#061b2b8b;border-radius:13px;text-align:center}.friends-empty strong{font-size:13px;letter-spacing:.05em}.friends-empty p{font-size:12px;color:#a1bcca;line-height:1.55;max-width:310px;margin:11px auto 0}.friends-empty .friend-action{margin-top:18px;padding:12px 16px}
.friends-search-form{display:flex;gap:7px;margin:13px 0 18px}.friends-search-form input,.friends-rename-form input{width:100%;min-width:0;background:#041829;color:#fff;border:1px solid #538495a1;border-radius:9px;padding:13px 12px;font:750 12px system-ui;outline:none}.friends-search-form button,.friends-rename-form button{border:0;border-radius:9px;padding:11px 13px;background:#60e7d1;color:#09333b;font:900 10px system-ui;cursor:pointer}
.friends-rename-form{border-top:1px solid #ffffff24;padding:20px 0 0;margin-top:30px;display:grid;gap:8px;grid-template-columns:1fr auto}.friends-rename-form label{grid-column:1/-1;letter-spacing:.11em;font-size:9px;font-weight:850;color:#8fc1c9}.friends-hint{font-size:11px;line-height:1.5;color:#96b5be;margin:15px 0}.friends-status{min-height:18px;padding:0 23px;font-size:11px;font-weight:750;color:#75e5d1}.friends-status.error{color:#ffb9a6}.friends-footnote{font-size:10px;line-height:1.45;color:#89a7b6;padding:12px 22px 17px;border-top:1px solid #ffffff16;background:#050e1b42}
@media(max-width:750px){.friends-top-button{font-size:10px;padding:9px 10px}.friends-overlay{padding:0;align-items:stretch;justify-content:center}.friends-card{width:100%;height:100dvh;border-radius:0}.friends-header{padding:23px 22px 17px}.friends-identity{margin:0 19px 17px}.friends-content{padding:15px 17px 20px}.friend-row-actions{max-width:145px}}
@media(prefers-reduced-motion:reduce){.friends-card{animation:none}.friends-top-button{transition:none}}