.friendsDock,.friendsPanel{--fd-ink:#e8eeff;--fd-sub:#89c;--fd-dim:#4a5880;--fd-bg0:#080c1a;--fd-bg1:#0d1428;--fd-bg2:#131c3a;--fd-violet:#6d4bff;--fd-cyan:#00d9ff;--fd-red:#ff3b5c;--fd-gold:#ffd97a;--fd-green:#4ade80}@keyframes fd-in{0%{opacity:0;filter:blur(5px);transform:translateY(18px)scale(.9)}55%{opacity:1;filter:blur();transform:translateY(-3px)scale(1.01)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes fd-in-mobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fd-badge-pop{0%{transform:scale(.3)rotate(-20deg)}70%{transform:scale(1.22)rotate(4deg)}to{transform:scale(1)rotate(0)}}@keyframes fd-btn-pulse{0%,to{box-shadow:0 8px #0e082c8c,0 0 22px #6d4bff47,inset 0 2px #ffffff2e}50%{box-shadow:0 8px #0e082c8c,0 0 40px #6d4bff99,inset 0 2px #ffffff47}}@keyframes fd-shimmer-header{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fd-invite-shine{0%{transform:translate(-130%)rotate(18deg)}60%,to{transform:translate(260%)rotate(18deg)}}@keyframes fd-presence-ping{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(2.4)}to{opacity:0;transform:scale(2.4)}}@keyframes fd-close-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}@keyframes fd-dots-float{0%{transform:translateY(0)scale(1)}to{transform:translateY(-100%)scale(.25)}}.friendsDock{left:clamp(12px,1.4vw,22px);top:calc(var(--safe-area-top) + clamp(112px, 12vh, 142px));z-index:10050;font-family:var(--font-game-display), var(--font-display), sans-serif;pointer-events:auto;position:fixed}.friendsDock--inGame{top:auto;left:calc(var(--safe-area-left) + 12px);right:auto;bottom:calc(var(--safe-area-bottom) + 72px);pointer-events:auto;z-index:13000}.friendsDock--inGame .friendsDockButton{pointer-events:auto;touch-action:manipulation;border-radius:15px;gap:0;min-width:48px;min-height:42px;padding:0 .75rem}.friendsDock--inGame .friendsDockButton span{display:none}.friendsDockButton{color:#e8eeff;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px #04021099;cursor:pointer;background:linear-gradient(#8264fff2 0%,#5028c8f5 52%,#3814a0f7 100%);border:1px solid #ffffffb8;border-bottom:6px solid #0e082cf5;border-radius:16px;align-items:center;gap:.55rem;min-height:50px;padding:0 1.2rem;font-size:.9rem;font-weight:900;transition:transform .14s cubic-bezier(.22,1.28,.36,1),border-bottom-width .14s,filter .14s;animation:3s ease-in-out infinite fd-btn-pulse;display:inline-flex;position:relative;box-shadow:0 8px #0e082c8c,0 0 26px #6d4bff47,inset 0 2px #ffffff2e}.friendsDockButton:hover{filter:brightness(1.1)saturate(1.12);animation:none;box-shadow:0 8px #0e082c8c,0 0 42px #6d4bff85,inset 0 2px #ffffff47}.friendsDockButton:active{border-bottom-width:2px;transform:translateY(5px)scale(.99)}.friendsDockButton__icon{filter:drop-shadow(0 2px #04021080);flex-shrink:0;width:1.25rem;height:1.25rem}.friendsDockButton__badge{border:2px solid var(--fd-bg0,#080c1a);color:#fff;background:linear-gradient(#ff6b8a 0%,#ff3b5c 100%);border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 4px;font-size:.68rem;font-weight:900;line-height:1;animation:.38s cubic-bezier(.22,1.28,.36,1) both fd-badge-pop;display:grid;position:absolute;top:-9px;right:-9px;box-shadow:0 0 14px #ff3b5cbf,0 3px #28020eb3}.friendsPanel{width:min(440px,100vw - 24px);max-height:min(680px,100vh - 128px);color:var(--fd-ink);background:radial-gradient(at 0 0,#5d3fd329 0%,#0000 40%),radial-gradient(at 100% 0,#00d9ff12 0%,#0000 34%),linear-gradient(#151d36 0%,#0d1428 55%,#080c1a 100%);border:1px solid #6d4bff6b;border-top-color:#ffffff1f;border-bottom:6px solid #040610fa;border-radius:26px;animation:.4s cubic-bezier(.22,1.26,.36,1) both fd-in;position:absolute;top:calc(100% + 14px);left:0;overflow:hidden;box-shadow:0 18px #02040ee6,0 40px 100px #000000b8,0 0 50px #5d3fd338,inset 0 1px #ffffff14}.friendsPanel:after{content:"";pointer-events:none;z-index:0;opacity:.35;background-image:radial-gradient(circle,#6d4bff61 1.5px,#0000 2px),radial-gradient(circle,#00d9ff4d 1px,#0000 1.5px),radial-gradient(circle,#4be7ff47 1.5px,#0000 2px),radial-gradient(circle,#ffd97a38 1px,#0000 1.5px);background-position:14% 38%,62% 14%,42% 80%,86% 52%;background-size:160px 200px,240px 280px,190px 260px,300px 170px;animation:18s linear infinite fd-dots-float;position:absolute;inset:-40px;-webkit-mask-image:radial-gradient(75% 65%,#000 25%,#0000 72%);mask-image:radial-gradient(75% 65%,#000 25%,#0000 72%)}.friendsPanel>*{z-index:1;position:relative}.friendsPanel__scroll{scrollbar-width:thin;scrollbar-color:var(--fd-violet) #080c1a99;max-height:calc(min(680px,100vh - 128px) - 8px);padding:clamp(14px,2vw,20px);overflow-y:auto}.friendsPanel__scroll::-webkit-scrollbar{width:5px}.friendsPanel__scroll::-webkit-scrollbar-track{background:#080c1a80;border-radius:999px;margin:6px 0}.friendsPanel__scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--fd-violet), var(--fd-cyan));border-radius:999px;box-shadow:0 0 8px #6d4bff59}.friendsDock--inGame .friendsPanel{border-radius:22px;width:min(360px,100vw - 24px);max-height:min(540px,100vh - 118px);inset:calc(100% + 14px) 0 auto auto}.friendsDock--inGame .friendsPanel__scroll{max-height:calc(min(540px,100vh - 118px) - 8px);padding:12px}.friendsDock--inGame .friendsPanel__header{border-radius:17px;align-items:center;margin-bottom:10px;padding:10px 82px 10px 10px}.friendsDock--inGame .friendsPanel__headerIcon{border-radius:14px;width:44px;height:44px}.friendsDock--inGame .friendsPanel__header h2{font-size:1.35rem}.friendsDock--inGame .friendsPanel__kicker{font-size:.58rem}.friendsDock--inGame .friendsPanel__duelShortcut{min-width:42px;height:36px;padding:0 8px;top:11px;right:42px}.friendsDock--inGame .friendsPanel__duelShortcut span{display:none}.friendsDock--inGame .friendsPanel__close{border-radius:12px;width:34px;height:34px;top:11px;right:9px}.friendsPanel__header{background:linear-gradient(135deg,#5d3fd3e6 0%,#141038f5 52%,#0078a099 100%);border:1px solid #ffffff1a;border-bottom:6px solid #04060ef2;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;padding:16px 104px 16px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px #04060ea6,0 20px 38px #0000004d,inset 0 1px #ffffff1f}.friendsPanel__duelShortcut{z-index:2;background:linear-gradient(135deg, var(--fd-violet) 0%, #d946ef 58%, var(--fd-cyan) 100%);color:#fff;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px #0402108c;border:1px solid #ffffff75;border-bottom:5px solid #0e082cf5;border-radius:12px;justify-content:center;align-items:center;gap:5px;min-width:78px;height:36px;padding:0 10px;font-size:.66rem;font-weight:950;line-height:1;transition:transform .14s cubic-bezier(.22,1.28,.36,1),border-bottom-width .14s,filter .14s;display:inline-flex;position:absolute;top:15px;right:58px;box-shadow:0 7px #0e082c5c,0 0 24px #d946ef52,inset 0 2px #ffffff2e}.friendsPanel__duelShortcut:hover{filter:brightness(1.12)saturate(1.15);box-shadow:0 7px #0e082c5c,0 0 38px #d946ef85,inset 0 2px #ffffff42}.friendsPanel__duelShortcut:active{border-bottom-width:2px;transform:translateY(4px)}.friendsPanel__header:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(105deg,#0000 0% 34%,#ffffff1f 44%,#fff3 50%,#ffffff1f 56%,#0000 66% 100%) 0 0/200% 100%;animation:4s ease-in-out infinite fd-shimmer-header;position:absolute;inset:0}.friendsPanel__headerIcon{color:#03254d;background:linear-gradient(#a5f3ff 0%,#22d3ee 58%,#0891b2 100%);border:1px solid #fffc;border-bottom:5px solid #040e1ce6;border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 7px #040e1c52,0 0 26px #00d9ff66,inset 0 2px #ffffff80}.friendsPanel__kicker{letter-spacing:.14em;text-transform:uppercase;color:#ffffffbf;text-shadow:0 2px #0000004d;margin-bottom:3px;font-size:11px;font-weight:900;display:block}.friendsPanel__header h2{letter-spacing:-.01em;color:#fff;text-shadow:0 3px #00000080,0 8px 20px #00000038;margin:0;font-size:clamp(1.35rem,4vw,1.9rem);font-weight:950;line-height:1.1}.friendsPanel__close{z-index:2;color:#fff;cursor:pointer;background:linear-gradient(#f05078f2 0%,#c81e4bf2 100%);border:1px solid #ffffff29;border-bottom:5px solid #1c020afa;border-radius:12px;place-items:center;width:38px;height:38px;transition:transform .15s cubic-bezier(.22,1.28,.36,1),border-bottom-width .15s,filter .15s;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 6px #1c020a80,0 0 22px #ff3b5c47}.friendsPanel__close:hover{filter:brightness(1.15)saturate(1.15);animation:.4s ease-in-out fd-close-wiggle;box-shadow:0 6px #1c020a80,0 0 36px #ff3b5c8c}.friendsPanel__close:active{border-bottom-width:2px;transform:translateY(4px)}.friendsSummary{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:14px;display:grid}.friendsSummary span{min-height:34px;color:var(--fd-sub);text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(#161e40f0 0%,#0d1428f7 100%);border:1px solid #6d4bff47;border-bottom:4px solid #040610db;border-radius:12px;justify-content:center;align-items:center;gap:5px;font-size:.67rem;font-weight:900;display:inline-flex;box-shadow:0 5px #02040e52,inset 0 1px #ffffff0d}.friendsQuickTabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:-3px 0 14px;display:grid}.friendsQuickTab{min-width:0;min-height:34px;color:var(--fd-sub);cursor:pointer;background:linear-gradient(#141c3ceb 0%,#0a1022f5 100%);border:1px solid #6d4bff38;border-bottom:4px solid #040610d6;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:0 8px;transition:transform .13s cubic-bezier(.22,1.28,.36,1),border-bottom-width .13s,filter .13s;display:inline-flex;box-shadow:0 5px #02040e47,inset 0 1px #ffffff0d}.friendsQuickTab span{letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.62rem;font-weight:950;overflow:hidden}.friendsQuickTab strong{min-width:18px;height:18px;color:var(--fd-ink);background:#ffffff14;border-radius:999px;place-items:center;padding:0 4px;font-size:.62rem;font-weight:950;display:grid}.friendsQuickTab:hover{filter:brightness(1.1)saturate(1.1)}.friendsQuickTab:active{border-bottom-width:2px;transform:translateY(3px)}.friendsQuickTab.is-active{color:#a5f3ff;background:linear-gradient(#0078aad1 0%,#141e5af5 100%);border-color:#00d9ff94 #00d9ff94 #02121cfa;box-shadow:0 5px #02121c5c,0 0 22px #00d9ff42,inset 0 1px #ffffff24}.friendsDock--inGame .friendsSummary{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:9px}.friendsDock--inGame .friendsSummary span{border-radius:10px;min-height:30px;padding:0 7px;font-size:.59rem}.friendsDock--inGame .friendsQuickTabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px}.friendsDock--inGame .friendsQuickTab{border-radius:10px;min-height:30px}.friendsDock--inGame .friendsQuickTab span{font-size:.57rem}.friendsDock--inGame .friendsAddForm{border-radius:14px;margin-bottom:10px;padding:6px 8px}.friendsDock--inGame .friendsAddForm input{font-size:.82rem}.friendsStatusPill--ready{color:#a5f3ff!important;background:linear-gradient(#006482b8 0%,#003c55e0 100%)!important;border-color:#00d9ff8c #00d9ff8c #02121cfa!important;box-shadow:0 5px #02121c59,0 0 18px #00d9ff38!important}.friendsStatusPill--wait{color:var(--fd-gold)!important;background:linear-gradient(#502c02cc 0%,#2c1600eb 100%)!important;border-color:#ffd97a8c #ffd97a8c #241202fa!important;box-shadow:0 5px #24120261,0 0 18px #ffd97a2e!important}.friendsAddForm{color:var(--fd-sub);background:linear-gradient(#161e40eb 0%,#0d1428f2 100%);border:1px solid #6d4bff47;border-bottom:5px solid #040610e6;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:14px;padding:8px 10px;transition:border-color .16s,box-shadow .16s;display:grid;position:relative;box-shadow:0 8px #02040e52,inset 0 1px #ffffff0d}.friendsAddForm:focus-within{border-color:#00d9ff8c;box-shadow:0 0 0 3px #00d9ff1a,0 0 22px #00d9ff2e,0 8px #02040e52}.friendsAddForm input{width:100%;min-width:0;color:var(--fd-ink);caret-color:var(--fd-cyan);pointer-events:auto;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;font-size:.92rem;font-weight:700;display:block}.friendsAddForm input::placeholder{color:#8899cc73}.friendsAddForm button{color:#e8eeff;cursor:pointer;background:linear-gradient(#8264fff2 0%,#5028c8f5 100%);border:1px solid #ffffffa6;border-bottom:5px solid #0e082cf5;border-radius:11px;place-items:center;width:38px;height:36px;transition:transform .14s cubic-bezier(.22,1.28,.36,1),border-bottom-width .14s,filter .14s;display:inline-grid;box-shadow:0 7px #0e082c66,0 0 20px #6d4bff3d,inset 0 2px #fff3}.friendsAddForm button:hover:not(:disabled){filter:brightness(1.1)saturate(1.12);box-shadow:0 7px #0e082c66,0 0 32px #6d4bff73,inset 0 2px #ffffff47}.friendsAddForm button:active:not(:disabled){border-bottom-width:2px;transform:translateY(4px)}.friendsInviteStack{gap:7px;margin-bottom:14px;display:grid}.friendsInvite{color:#fff;background:linear-gradient(145deg,#c4b5fd 0%,#8b5cf6 48%,#6d28d9 100%);border:1px solid #ffffff38;border-bottom:6px solid #040610bf;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:60px;padding:10px 12px;display:grid;position:relative;overflow:hidden;box-shadow:0 9px #04061047,inset 0 2px #fff3,0 0 32px #6d4bff66}.friendsInvite:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:60%;height:180%;animation:3.2s ease-in-out infinite fd-invite-shine;position:absolute;inset:-40% -20%;transform:rotate(18deg)translate(-60%)}.friendsInvite strong{color:#fff;text-shadow:0 2px #3c0a6499;font-size:.93rem;font-weight:900;display:block}.friendsInvite span{color:#ffffffc7;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700;display:block}.friendsInvite__actions{z-index:1;align-items:center;gap:6px;display:inline-flex;position:relative}.friendsInvite button{z-index:1;color:#052e16;cursor:pointer;background:linear-gradient(#bbf7d0 0%,#22c55e 55%,#16a34a 100%);border:1px solid #ffffffbf;border-bottom:5px solid #15803d;border-radius:12px;place-items:center;width:40px;height:38px;font-weight:900;transition:transform .14s cubic-bezier(.22,1.28,.36,1),border-bottom-width .14s,filter .14s;display:inline-grid;position:relative;box-shadow:0 7px #15803d52,0 0 22px #22c55e47,inset 0 2px #fff6}.friendsInvite button:hover:not(:disabled){filter:brightness(1.08)saturate(1.12);box-shadow:0 7px #15803d52,0 0 36px #22c55e85}.friendsInvite button:active:not(:disabled){border-bottom-width:2px;transform:translateY(4px)}.friendsInvite__copy{letter-spacing:.08em;min-width:50px;padding:0 8px;font-size:.58rem;color:#411b00!important;background:linear-gradient(#fde68a 0%,#f59e0b 58%,#d97706 100%)!important;border-bottom-color:#4e2402f2!important;width:auto!important;box-shadow:0 7px #4e24024d,0 0 20px #f59e0b52,inset 0 2px #fff6!important}.friendsInvite__dismiss{color:#4c0519!important;background:linear-gradient(#fecdd3 0%,#fb7185 55%,#e11d48 100%)!important;border-bottom-color:#140208f5!important;box-shadow:0 7px #14020852,0 0 20px #ff3b5c47,inset 0 2px #fff6!important}.friendsSection{gap:6px;margin-top:14px;display:grid}.friendsSection__label{letter-spacing:.18em;text-transform:uppercase;color:var(--fd-cyan);align-items:center;gap:6px;margin-bottom:4px;font-size:11px;font-weight:900;display:inline-flex}.friendRow{background:linear-gradient(#161e40f0 0%,#0d1428f7 100%);border:1px solid #6d4bff38;border-bottom:4px solid #040610d6;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px;min-height:62px;padding:10px 12px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 6px #02040e4d,0 14px 26px #0000002e}.friendRow:hover{transform:translateY(-1px);box-shadow:0 8px #02040e52,0 0 26px #6d4bff24}.friendRow--pending{background:linear-gradient(#500c1cf0 0%,#280610f7 100%)!important;border-color:#ff3b5c6b #ff3b5c6b #140208f5!important;box-shadow:0 6px #1402086b,0 0 24px #ff3b5c33!important}.friendRow--pending:hover{box-shadow:0 8px #14020870,0 0 36px #ff3b5c59!important}.friendRow--muted{opacity:.62}.friendRow--muted:hover{opacity:.86;transform:none}.friendRow--game{border-color:#00d9ff57;box-shadow:0 6px #02121c57,0 0 24px #00d9ff24}.friendRow--online{border-color:#4ade8033}.friendRow--offline{opacity:.74;filter:saturate(.72)}.friendAvatar{color:#a5f3ff;background:linear-gradient(#5d3fd3cc 0%,#141038f2 100%);border:1px solid #ffffff1f;border-bottom:3px solid #040610bf;border-radius:13px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;position:relative;box-shadow:0 4px #02040e47,0 0 14px #6d4bff38,inset 0 1px #ffffff14}.friendAvatar:after{content:"";border:2px solid var(--fd-bg1,#0d1428);background:var(--fd-dim,#4a5880);border-radius:999px;width:11px;height:11px;position:absolute;bottom:-3px;right:-3px}.friendAvatar--game{color:var(--fd-cyan)!important;background:linear-gradient(#00648cd6 0%,#003250f5 100%)!important;border-color:#00d9ff80!important;box-shadow:0 4px #02121c61,0 0 22px #00d9ff61,inset 0 1px #ffffff14!important}.friendAvatar--game:after{background:var(--fd-cyan);animation:2.2s ease-in-out infinite fd-presence-ping;box-shadow:0 0 8px #00d9ffe6}.friendRow:not(.friendRow--pending):not(.friendRow--muted) .friendAvatar:not(.friendAvatar--game):after{background:var(--fd-violet);box-shadow:0 0 7px #6d4bffcc}.friendRow__body{gap:2px;min-width:0;display:grid}.friendRow__body strong{color:var(--fd-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:950;overflow:hidden}.friendRow__body span{color:var(--fd-sub);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:700}.friendRow__body em{color:#a5f3ff;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#00d9ff14;border:1px solid #00d9ff38;border-radius:999px;width:fit-content;max-width:100%;padding:2px 7px;font-size:.62rem;font-style:normal;font-weight:900;display:inline-flex;overflow:hidden}.friendMiniButton{width:34px;height:32px;color:var(--fd-ink);cursor:pointer;border:1px solid #ffffff1f;border-bottom:4px solid #040610d6;border-radius:10px;flex-shrink:0;place-items:center;transition:transform .13s cubic-bezier(.22,1.28,.36,1),border-bottom-width .13s,filter .13s;display:inline-grid}.friendMiniButton:hover{filter:brightness(1.12)}.friendMiniButton:active{border-bottom-width:2px;transform:translateY(3px)}.friendMiniButton--accept{color:#4ade80;background:linear-gradient(#4ade804d 0%,#22c55e38 100%);border-color:#4ade806b #4ade806b #041e12f5}.friendMiniButton--accept:hover{box-shadow:0 0 16px #4ade8066}.friendMiniButton--danger{color:#fda4af;background:linear-gradient(#ff3b5c47 0%,#c8143238 100%);border-color:#ff3b5c6b #ff3b5c6b #140208f5}.friendMiniButton--danger:hover{box-shadow:0 0 16px #ff3b5c66}.friendMiniButton--ghost{color:var(--fd-dim);background:linear-gradient(#4a58804d 0%,#141c3c73 100%);border-color:#4a58804d #4a58804d #040610d6}.friendMiniButton--ghost:hover{color:var(--fd-sub);transform:scale(1.08)rotate(-8deg)}.friendActionButton{color:#fff;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;border:1px solid #ffffff1f;border-bottom:5px solid #040610d6;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;min-width:52px;height:36px;padding:0 8px;font-size:.62rem;font-weight:950;line-height:1;transition:transform .13s cubic-bezier(.22,1.28,.36,1),border-bottom-width .13s,filter .13s;display:inline-flex}.friendActionButton svg{flex:none}.friendActionButton span{display:inline-block}.friendActionButton:hover{filter:brightness(1.12)}.friendActionButton:active{border-bottom-width:2px;transform:translateY(4px)}.friendActionButton--join{background:linear-gradient(#00d9ff61 0%,#006482cc 100%);border-bottom-color:#02121cfa;box-shadow:0 6px #02121c66,0 0 20px #00d9ff38}.friendActionButton--join:hover{box-shadow:0 6px #02121c66,0 0 34px #00d9ff7a}.friendActionButton--duel{background:linear-gradient(135deg, var(--fd-violet) 0%, var(--fd-cyan) 100%);border-bottom-color:#0e082cfa;box-shadow:0 6px #0e082c73,0 0 20px #6d4bff4d}.friendActionButton--duel:hover{box-shadow:0 6px #0e082c73,0 0 36px #6d4bff8c}.friendsDock--inGame .friendsSection{gap:5px;margin-top:10px}.friendsDock--inGame .friendsSection__label{letter-spacing:.14em;margin-bottom:2px;font-size:9px}.friendsDock--inGame .friendRow{border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto auto;gap:7px;min-height:52px;padding:7px 8px}.friendsDock--inGame .friendAvatar{border-radius:12px;width:36px;height:36px}.friendsDock--inGame .friendRow__body strong{font-size:.8rem}.friendsDock--inGame .friendRow__body span,.friendsDock--inGame .friendRow__body em{font-size:.56rem}.friendsDock--inGame .friendActionButton{width:36px;min-width:36px;height:32px;padding:0}.friendsDock--inGame .friendActionButton span{display:none}.friendsDock--inGame .friendMiniButton{border-radius:10px;width:31px;height:30px}.friendsDockButton:disabled,.friendMiniButton:disabled,.friendActionButton:disabled,.friendsAddForm button:disabled,.friendsInvite button:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.friendsPanel__empty{text-align:center;color:var(--fd-ink);background:#0d1428a6;border:1px dashed #6d4bff42;border-radius:16px;justify-items:center;gap:8px;padding:28px 16px;display:grid}.friendsPanel__empty svg{color:var(--fd-sub)}.friendsPanel__empty strong{color:var(--fd-ink);text-shadow:0 3px #0006;font-size:.92rem;font-weight:950}.friendsPanel__empty span{max-width:30ch;color:var(--fd-sub);font-size:.75rem;font-weight:700;line-height:1.5}.friendsPanel__empty--small{padding:16px 12px}.friendsPanel__emptyBadge{color:var(--fd-cyan);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(#182050eb 0%,#101636f5 100%);border:1px solid #6d4bff5c;border-bottom:4px solid #040610e6;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:11px;font-weight:900;display:inline-flex;box-shadow:0 0 20px #00d9ff24}@media (max-width:720px){.friendsDock{inset:auto 12px 18px auto}.friendsDock--inGame{bottom:96px;right:10px}.friendsDockButton span{display:none}.friendsPanel,.friendsDock--inGame .friendsPanel{border-bottom-width:0;border-radius:22px 22px 0 0;width:100%;max-height:74dvh;animation:.3s cubic-bezier(.22,1.2,.36,1) both fd-in-mobile;position:fixed;inset:auto 0 0;box-shadow:0 -6px 50px #5d3fd347,inset 0 1px #ffffff14}.friendsPanel__scroll{max-height:calc(74dvh - 8px);padding:12px}.friendsSummary{grid-template-columns:1fr 1fr}.friendsSummary span:first-child{grid-column:span 2}.friendsQuickTabs{grid-template-columns:1fr 1fr}.friendRow{grid-template-columns:auto minmax(0,1fr) auto auto}.friendsPanel__header{padding-right:96px}.friendsPanel__duelShortcut{min-width:42px;padding:0 8px}.friendsPanel__duelShortcut span{display:none}.friendsInvite{grid-template-columns:auto minmax(0,1fr)}.friendsInvite__actions{grid-column:1/-1;justify-content:flex-end}.friendActionButton{min-width:40px;padding-inline:7px}.friendActionButton span{display:none}}@media (prefers-reduced-motion:reduce){.friendsDockButton,.friendsPanel,.friendsPanel:after,.friendsPanel__header:after,.friendsPanel__duelShortcut,.friendsInvite:after,.friendAvatar--game:after{animation:none!important}}