.notification-center-module__qNPwJG__root{flex:none;align-items:center;display:flex;position:relative}.notification-center-module__qNPwJG__trigger{width:calc(32 * var(--u));height:calc(32 * var(--u));border-radius:calc(7 * var(--u));color:#bac4ce;background:0 0;border:1px solid #0000;place-items:center;padding:0;transition:background .16s,border-color .16s,color .16s,box-shadow .16s;display:grid;position:relative}.notification-center-module__qNPwJG__trigger:hover{color:#f1f5f7;background:#1c2529;border-color:#2d393f}.notification-center-module__qNPwJG__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:calc(2 * var(--u))}.notification-center-module__qNPwJG__trigger>svg{width:calc(17 * var(--u));height:calc(17 * var(--u));stroke-width:1.7px}.notification-center-module__qNPwJG__triggerActive{color:var(--primary);box-shadow:0 0 0 1px #c2fc4908,0 calc(6 * var(--u)) calc(20 * var(--u)) #0004;background:linear-gradient(145deg,#1b2723,#151e21);border-color:#52643f}.notification-center-module__qNPwJG__badge{right:calc(1 * var(--u));top:calc(1 * var(--u));min-width:calc(13 * var(--u));height:calc(13 * var(--u));padding:0 calc(3 * var(--u));border:calc(2 * var(--u)) solid #11181b;background:var(--primary);color:#101608;font-size:calc(6.5 * var(--u));font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;font-weight:900;line-height:1;display:grid;position:absolute}.notification-center-module__qNPwJG__popover{z-index:120;top:calc(100% + 8 * var(--u));right:calc(-4 * var(--u));width:min(calc(252 * var(--u)),calc(100vw - 24px));border-radius:calc(9 * var(--u));box-shadow:0 calc(18 * var(--u)) calc(55 * var(--u)) #000b,0 0 0 1px #ffffff04;color:#dfe6e9;transform-origin:94% 0;background:radial-gradient(circle at 10% 0,#253a2c24,#0000 40%),linear-gradient(#121b1f 0%,#0f171a 100%);border:1px solid #344349;animation:.14s ease-out notification-center-module__qNPwJG__notificationsIn;position:absolute;overflow:hidden}@keyframes notification-center-module__qNPwJG__notificationsIn{0%{opacity:0;transform:translateY(calc(-4 * var(--u))) scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-center-module__qNPwJG__header{justify-content:space-between;align-items:center;gap:calc(8 * var(--u));min-height:calc(39 * var(--u));padding:0 calc(10 * var(--u));background:#10181bf2;border-bottom:1px solid #29353a;display:flex}.notification-center-module__qNPwJG__headerTitle{align-items:center;gap:calc(7 * var(--u));min-width:0;display:flex}.notification-center-module__qNPwJG__headerTitle h2{color:#f2f6f7;font-family:var(--font-display);font-size:calc(10.5 * var(--u));letter-spacing:-.018em;margin:0;font-weight:800;line-height:1}.notification-center-module__qNPwJG__headerTitle>b{min-width:calc(17 * var(--u));height:calc(17 * var(--u));padding:0 calc(4 * var(--u));background:var(--primary);color:#101608;font-size:calc(7 * var(--u));font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;font-weight:900;display:grid}.notification-center-module__qNPwJG__readAll{justify-content:flex-end;align-items:center;gap:calc(4 * var(--u));min-width:0;padding:calc(4 * var(--u)) 0;color:#aeea49;font-size:calc(7.3 * var(--u));white-space:nowrap;background:0 0;border:0;font-weight:700;line-height:1.1;transition:color .14s,opacity .14s;display:flex}.notification-center-module__qNPwJG__readAll:hover:not(:disabled){color:#d0ff72}.notification-center-module__qNPwJG__readAll:disabled{color:#637067;opacity:.7;cursor:default}.notification-center-module__qNPwJG__readAll svg{width:calc(10 * var(--u));height:calc(10 * var(--u));stroke-width:2.25px}.notification-center-module__qNPwJG__list{gap:calc(5 * var(--u));max-height:calc(282 * var(--u));padding:calc(7 * var(--u));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#647750 #162025;flex-direction:column;display:flex;overflow-y:auto}.notification-center-module__qNPwJG__list::-webkit-scrollbar{width:calc(5 * var(--u))}.notification-center-module__qNPwJG__list::-webkit-scrollbar-track{background:0 0}.notification-center-module__qNPwJG__list::-webkit-scrollbar-thumb{background:#4c6040;border-radius:999px}.notification-center-module__qNPwJG__listExpanded{max-height:min(calc(322 * var(--u)),calc(100svh - 145px))}.notification-center-module__qNPwJG__card{grid-template-columns:calc(30 * var(--u)) minmax(0,1fr) calc(11 * var(--u));align-items:center;gap:calc(8 * var(--u));min-height:calc(52 * var(--u));padding:calc(7 * var(--u)) calc(7 * var(--u)) calc(7 * var(--u)) calc(8 * var(--u));border-radius:calc(7 * var(--u));background:linear-gradient(115deg,#172126e8,#121a1ee8);border:1px solid #2a373c;text-decoration:none;transition:border-color .14s,background .14s,transform .14s,box-shadow .14s;display:grid;position:relative}.notification-center-module__qNPwJG__card:hover{transform:translateY(calc(-1 * var(--u)));box-shadow:0 calc(7 * var(--u)) calc(18 * var(--u)) #0003;background:linear-gradient(115deg,#1b282ae8,#162024);border-color:#4a5b50}.notification-center-module__qNPwJG__card:focus-visible{outline:2px solid var(--primary);outline-offset:calc(1 * var(--u))}.notification-center-module__qNPwJG__cardUnread{box-shadow:inset calc(2 * var(--u)) 0 0 var(--primary);background:linear-gradient(90deg,#2735253a 0,#0000 46%),linear-gradient(115deg,#17231f,#121b1e);border-color:#49633e}.notification-center-module__qNPwJG__avatar,.notification-center-module__qNPwJG__icon{width:calc(30 * var(--u));height:calc(30 * var(--u));color:#bdc8cd;background:#1c272c;border:1px solid #3b494f;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.notification-center-module__qNPwJG__avatar .artwork{border-radius:inherit;width:100%;height:100%}.notification-center-module__qNPwJG__avatar>i{right:calc(-1 * var(--u));bottom:calc(-1 * var(--u));width:calc(7 * var(--u));height:calc(7 * var(--u));border:calc(1.5 * var(--u)) solid #121a1e;box-shadow:0 0 calc(7 * var(--u)) #8cf13f77;background:#8cf13f;border-radius:50%;position:absolute}.notification-center-module__qNPwJG__icon{border-radius:calc(7 * var(--u))}.notification-center-module__qNPwJG__icon svg{width:calc(15 * var(--u));height:calc(15 * var(--u));stroke-width:1.8px}.notification-center-module__qNPwJG__icon_support{color:var(--primary);background:linear-gradient(145deg,#20311e,#16241a);border-color:#46633c}.notification-center-module__qNPwJG__icon_friend{color:#baf34b;background:#182722;border-color:#385044}.notification-center-module__qNPwJG__icon_event{color:#ffc34a;background:#292316;border-color:#554c2c}.notification-center-module__qNPwJG__icon_team{color:#b9c8d0;background:#19242a;border-color:#374853}.notification-center-module__qNPwJG__icon_system{color:#a8b8c1;background:#192328;border-color:#39474d}.notification-center-module__qNPwJG__icon_message{color:#aeea49;background:#172622;border-color:#365047}.notification-center-module__qNPwJG__copy{gap:calc(2.2 * var(--u));flex-direction:column;min-width:0;display:flex}.notification-center-module__qNPwJG__meta{justify-content:space-between;align-items:center;gap:calc(6 * var(--u));min-width:0;display:flex}.notification-center-module__qNPwJG__meta em{color:#8f9da6;min-width:0;font-size:calc(6.7 * var(--u));white-space:nowrap;text-overflow:ellipsis;font-style:normal;font-weight:650;line-height:1.1;overflow:hidden}.notification-center-module__qNPwJG__meta time{color:#829099;font-size:calc(6.5 * var(--u));font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.notification-center-module__qNPwJG__copy>strong{color:#eef3f5;font-size:calc(8.4 * var(--u));letter-spacing:-.012em;white-space:nowrap;text-overflow:ellipsis;font-weight:780;line-height:1.18;overflow:hidden}.notification-center-module__qNPwJG__copy>span:last-child{color:#a6b2b9;font-size:calc(7.1 * var(--u));-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.notification-center-module__qNPwJG__cardUnread .notification-center-module__qNPwJG__copy>strong{color:#f5f8f6}.notification-center-module__qNPwJG__unreadDot{top:50%;right:calc(18 * var(--u));width:calc(6 * var(--u));height:calc(6 * var(--u));background:var(--primary);box-shadow:0 0 calc(8 * var(--u)) #c2fc4966;border-radius:50%;position:absolute;transform:translateY(-50%)}.notification-center-module__qNPwJG__chevron{width:calc(10 * var(--u));height:calc(10 * var(--u));color:#7f8d95;stroke-width:2px;justify-self:end;transition:transform .14s,color .14s}.notification-center-module__qNPwJG__card:hover .notification-center-module__qNPwJG__chevron{transform:translateX(calc(1 * var(--u)));color:var(--primary)}.notification-center-module__qNPwJG__footer{padding:calc(6 * var(--u)) calc(7 * var(--u)) calc(7 * var(--u));background:#10181bf2;border-top:1px solid #263238}.notification-center-module__qNPwJG__more{justify-content:center;align-items:center;gap:calc(6 * var(--u));width:100%;height:calc(29 * var(--u));border-radius:calc(6 * var(--u));color:#c0f64a;font-size:calc(7.8 * var(--u));background:linear-gradient(#17231b,#131d17);border:1px solid #526b3d;font-weight:750;transition:border-color .14s,background .14s,color .14s;display:flex}.notification-center-module__qNPwJG__more:hover{color:#d5ff76;background:#1c2a1b;border-color:#8caf4e}.notification-center-module__qNPwJG__more>svg:first-child{width:calc(11 * var(--u));height:calc(11 * var(--u))}.notification-center-module__qNPwJG__more>svg:last-child{width:calc(10 * var(--u));height:calc(10 * var(--u))}.notification-center-module__qNPwJG__more small{min-width:calc(15 * var(--u));height:calc(15 * var(--u));padding:0 calc(4 * var(--u));color:#b8ed49;font-size:calc(6.5 * var(--u));font-variant-numeric:tabular-nums;background:#26351d;border-radius:999px;place-items:center;font-weight:800;display:grid}.notification-center-module__qNPwJG__end{justify-content:center;align-items:center;gap:calc(5 * var(--u));min-height:calc(27 * var(--u));color:#7e8c94;font-size:calc(7.2 * var(--u));font-weight:600;display:flex}.notification-center-module__qNPwJG__end svg{width:calc(10 * var(--u));height:calc(10 * var(--u));color:#88a66b}@media (max-width:760px){.notification-center-module__qNPwJG__root{position:static}.notification-center-module__qNPwJG__popover{--u:1px;width:auto;max-width:420px;margin-left:auto;position:fixed;top:62px;left:12px;right:12px}.notification-center-module__qNPwJG__header{min-height:44px;padding:0 12px}.notification-center-module__qNPwJG__headerTitle h2{font-size:14px}.notification-center-module__qNPwJG__headerTitle>b{min-width:20px;height:20px;font-size:10px}.notification-center-module__qNPwJG__readAll{font-size:10px}.notification-center-module__qNPwJG__list{gap:6px;max-height:min(390px,100svh - 170px);padding:8px}.notification-center-module__qNPwJG__card{grid-template-columns:38px minmax(0,1fr) 14px;gap:10px;min-height:64px;padding:9px 10px}.notification-center-module__qNPwJG__avatar,.notification-center-module__qNPwJG__icon{width:38px;height:38px}.notification-center-module__qNPwJG__icon svg{width:19px;height:19px}.notification-center-module__qNPwJG__meta em,.notification-center-module__qNPwJG__meta time{font-size:9px}.notification-center-module__qNPwJG__copy>strong{font-size:12px}.notification-center-module__qNPwJG__copy>span:last-child{font-size:10px}.notification-center-module__qNPwJG__more{height:36px;font-size:11px}.notification-center-module__qNPwJG__unreadDot{width:7px;height:7px;right:23px}}@media (prefers-reduced-motion:reduce){.notification-center-module__qNPwJG__popover{animation:none}}
.app-shell-module__G2ieKa__floatingAvailability{z-index:45;-webkit-backdrop-filter:blur(14px);transition:border-color .16s,background .16s,transform .16s;left:calc(9 * var(--u,1px))!important;bottom:calc(11 * var(--u,1px))!important;width:calc(126 * var(--u,1px))!important;min-height:calc(50 * var(--u,1px))!important;padding:calc(8 * var(--u,1px)) calc(9 * var(--u,1px))!important;border-radius:calc(7 * var(--u,1px))!important;background:linear-gradient(135deg,#17221df7,#0f171bfa)!important;border:1px solid #314039!important;margin:0!important;position:fixed!important;box-shadow:0 12px 34px #00000057,inset 0 1px #ffffff06!important}.app-shell-module__G2ieKa__floatingAvailability:hover{transform:translateY(-1px);background:linear-gradient(135deg,#1c2b22fc,#111b1efc)!important;border-color:#526a49!important}@media (max-width:900px) and (min-width:601px){.app-shell-module__G2ieKa__floatingAvailability{width:118px!important;min-height:52px!important;bottom:8px!important;left:6px!important}}@media (max-width:600px){.app-shell-module__G2ieKa__floatingAvailability{width:186px!important;min-height:54px!important;padding:9px 10px!important;bottom:14px!important;left:12px!important}}
.friends-page-module__MRnxsW__page{min-height:100%;padding:0 calc(15 * var(--u)) calc(18 * var(--u));background:linear-gradient(#0d1418 0%,#0a1014 100%)}.friends-page-module__MRnxsW__hero{min-height:calc(142 * var(--u));margin:0 calc(-15 * var(--u));padding:calc(24 * var(--u)) calc(22 * var(--u));background:linear-gradient(90deg,#111a1e 0%,#0c1317 52%,#0b1115 100%);border-bottom:1px solid #263138;align-items:flex-start;display:flex;position:relative;overflow:hidden}.friends-page-module__MRnxsW__heroCopy{z-index:3;padding-top:calc(2 * var(--u));max-width:calc(390 * var(--u));position:relative}.friends-page-module__MRnxsW__heroCopy h1{font-size:calc(31 * var(--u));letter-spacing:-.035em;color:#f5f2e8;font-weight:900;line-height:.96}.friends-page-module__MRnxsW__heroCopy p{font-size:calc(10.5 * var(--u));color:#c4ced6;margin-top:calc(5 * var(--u));line-height:1.45}.friends-page-module__MRnxsW__heroCopy p+p{margin-top:0}.friends-page-module__MRnxsW__heroVisual{position:absolute;inset:0 0 0 42%;overflow:hidden}.friends-page-module__MRnxsW__heroArtwork{filter:saturate(.78)contrast(1.05)brightness(.72);aspect-ratio:auto!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.friends-page-module__MRnxsW__heroArtwork img{object-fit:cover}.friends-page-module__MRnxsW__heroShade{background:linear-gradient(90deg,#0e161b 0%,#0e161bd8 13%,#0e161b36 48%,#09101488 100%),linear-gradient(#0000 52%,#0b1115bb);position:absolute;inset:0}.friends-page-module__MRnxsW__heroQuote{right:calc(24 * var(--u));top:calc(27 * var(--u));color:#a2abb4;font-family:Segoe Print,Comic Sans MS,cursive;font-style:italic;font-size:calc(13 * var(--u));text-shadow:0 2px 8px #000;flex-direction:column;align-items:flex-end;line-height:1.18;display:flex;position:absolute;transform:rotate(-7deg)}.friends-page-module__MRnxsW__heroQuote svg{width:calc(22 * var(--u));height:calc(22 * var(--u));margin-top:calc(4 * var(--u));color:var(--primary)}.friends-page-module__MRnxsW__summary{gap:calc(10 * var(--u));padding:calc(14 * var(--u)) 0 calc(12 * var(--u));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.friends-page-module__MRnxsW__summaryCard{height:calc(64 * var(--u));align-items:center;gap:calc(14 * var(--u));padding:0 calc(16 * var(--u));border-radius:calc(6 * var(--u));text-align:left;background:linear-gradient(120deg,#141e23,#10171b);border:1px solid #2b373e;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:flex}.friends-page-module__MRnxsW__summaryCard:hover{background:#172227;border-color:#46545a;transform:translateY(-1px);box-shadow:0 10px 28px #0002}.friends-page-module__MRnxsW__summaryCard>svg{width:calc(28 * var(--u));height:calc(28 * var(--u));color:#b9c6d1;stroke-width:1.6px}.friends-page-module__MRnxsW__summaryCard>span{gap:calc(3 * var(--u));flex-direction:column;display:flex}.friends-page-module__MRnxsW__summaryCard b{font-size:calc(18 * var(--u));color:#f5f7f8;font-weight:850;line-height:1}.friends-page-module__MRnxsW__summaryCard small{font-size:calc(8.4 * var(--u));color:#b1bdc6}.friends-page-module__MRnxsW__summaryDot{width:calc(22 * var(--u));height:calc(22 * var(--u));border-radius:50%;flex:none;display:block}.friends-page-module__MRnxsW__online{--status:#91f33f;--status-soft:#91f33f24}.friends-page-module__MRnxsW__playing{--status:#ffad28;--status-soft:#ffad2825}.friends-page-module__MRnxsW__offline{--status:#657884;--status-soft:#6578841b}.friends-page-module__MRnxsW__summaryDot.friends-page-module__MRnxsW__online{box-shadow:0 0 calc(17 * var(--u)) #91f33f2d;background:#91f33f}.friends-page-module__MRnxsW__summaryDot.friends-page-module__MRnxsW__playing{box-shadow:0 0 calc(17 * var(--u)) #ffad2833;background:#ffad28}.friends-page-module__MRnxsW__toolbar{align-items:center;gap:calc(12 * var(--u));padding:calc(2 * var(--u)) 0 calc(12 * var(--u));border-top:1px solid #222c32;display:flex}.friends-page-module__MRnxsW__filters{align-items:center;gap:calc(7 * var(--u));min-width:0;display:flex}.friends-page-module__MRnxsW__filters button{height:calc(34 * var(--u));padding:0 calc(12 * var(--u));align-items:center;gap:calc(7 * var(--u));border-radius:calc(6 * var(--u));color:#c0cad2;font-size:calc(9 * var(--u));white-space:nowrap;background:#121b20;border:1px solid #344149;font-weight:650;transition:all .15s;display:inline-flex}.friends-page-module__MRnxsW__filters button:hover{color:#f3f5f6;background:#182228;border-color:#56636a}.friends-page-module__MRnxsW__filters .friends-page-module__MRnxsW__activeFilter{color:#0d1608;box-shadow:0 0 calc(18 * var(--u)) #c2fc4918;background:linear-gradient(110deg,#bef744,#c9ff55);border-color:#b7ef3b}.friends-page-module__MRnxsW__filterDot{width:calc(10 * var(--u));height:calc(10 * var(--u));background:var(--status);border-radius:50%;display:block}.friends-page-module__MRnxsW__favoriteIcon{width:calc(13 * var(--u));height:calc(13 * var(--u));color:#f4bd42}.friends-page-module__MRnxsW__toolbarRight{align-items:center;gap:calc(8 * var(--u));min-width:0;margin-left:auto;display:flex}.friends-page-module__MRnxsW__searchBox{width:calc(206 * var(--u));height:calc(34 * var(--u));align-items:center;gap:calc(9 * var(--u));padding:0 calc(11 * var(--u));border-radius:calc(6 * var(--u));color:#91a0ab;background:#111a1f;border:1px solid #334047;display:flex}.friends-page-module__MRnxsW__searchBox svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}.friends-page-module__MRnxsW__searchBox input{color:#e7ecef;width:100%;font-size:calc(8.8 * var(--u));background:0 0;border:0}.friends-page-module__MRnxsW__viewToggle{height:calc(34 * var(--u));border-radius:calc(6 * var(--u));background:#11191d;border:1px solid #344149;display:flex;overflow:hidden}.friends-page-module__MRnxsW__viewToggle button{width:calc(38 * var(--u));color:#87959f;background:0 0;border:0;border-right:1px solid #2d373d;place-items:center;height:100%;display:grid}.friends-page-module__MRnxsW__viewToggle button:last-child{border-right:0}.friends-page-module__MRnxsW__viewToggle svg{width:calc(15 * var(--u));height:calc(15 * var(--u))}.friends-page-module__MRnxsW__viewToggle .friends-page-module__MRnxsW__activeView{color:var(--primary);background:#19231d}.friends-page-module__MRnxsW__friendGrid{gap:calc(9 * var(--u));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.friends-page-module__MRnxsW__friendCard{--status:#657884;--status-soft:#6578841b;min-height:calc(118 * var(--u));align-items:flex-start;gap:calc(10 * var(--u));padding:calc(12 * var(--u));padding-bottom:calc(29 * var(--u));border:1px solid #344149;border-bottom-color:var(--status);border-radius:calc(7 * var(--u));background:radial-gradient(circle at 12% 20%,var(--status-soft),transparent 40%),linear-gradient(122deg,#172126,#10171b);box-shadow:0 0 0 1px #ffffff02,0 calc(9 * var(--u)) calc(22 * var(--u)) #0001;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:flex;position:relative;overflow:hidden}.friends-page-module__MRnxsW__friendCard.friends-page-module__MRnxsW__online{--status:#8ffa3c;--status-soft:#8ffa3c16;box-shadow:inset 0 calc(-2 * var(--u)) 0 #8ffa3c73,0 0 calc(16 * var(--u)) #8ffa3c0a;border-color:#4e8b35 #4e8b35 #8ffa3c}.friends-page-module__MRnxsW__friendCard.friends-page-module__MRnxsW__playing{--status:#ffad28;--status-soft:#ffad2814;box-shadow:inset 0 calc(-2 * var(--u)) 0 #ffad2878,0 0 calc(16 * var(--u)) #ffad2809;border-color:#785b27 #785b27 #ffad28}.friends-page-module__MRnxsW__friendCard.friends-page-module__MRnxsW__offline{--status:#647782;--status-soft:#64778210;border-color:#344149 #344149 #51636e}.friends-page-module__MRnxsW__friendCard:hover{transform:translateY(calc(-2 * var(--u)));border-color:var(--status);box-shadow:0 calc(12 * var(--u)) calc(28 * var(--u)) #0004,0 0 calc(22 * var(--u)) var(--status-soft)}.friends-page-module__MRnxsW__friendCard:focus-visible{outline:2px solid var(--status);outline-offset:2px}.friends-page-module__MRnxsW__avatarWrap{width:calc(60 * var(--u));height:calc(60 * var(--u));flex:none;position:relative}.friends-page-module__MRnxsW__avatar{box-shadow:0 0 0 calc(2 * var(--u)) #0c1216;border:1px solid #70828d;border-radius:50%!important;width:100%!important;height:100%!important}.friends-page-module__MRnxsW__avatarStatus{right:calc(-1 * var(--u));bottom:calc(2 * var(--u));width:calc(12 * var(--u));height:calc(12 * var(--u));border:calc(2 * var(--u)) solid #121a1f;background:var(--status);border-radius:50%;position:absolute}.friends-page-module__MRnxsW__friendMain{flex:1;min-width:0}.friends-page-module__MRnxsW__friendHeading{align-items:center;gap:calc(6 * var(--u));padding-right:calc(17 * var(--u));display:flex}.friends-page-module__MRnxsW__friendHeading strong{text-overflow:ellipsis;white-space:nowrap;font-size:calc(10.5 * var(--u));color:#f4f7f9;font-weight:800;overflow:hidden}.friends-page-module__MRnxsW__cardStar{width:calc(12 * var(--u));height:calc(12 * var(--u));color:#f7bf3d;flex:none}.friends-page-module__MRnxsW__statusLine{align-items:center;gap:calc(6 * var(--u));margin-top:calc(5 * var(--u));min-width:0;color:var(--status);font-size:calc(8.5 * var(--u));font-weight:700;display:flex}.friends-page-module__MRnxsW__statusLine>i{width:calc(7 * var(--u));height:calc(7 * var(--u));background:var(--status);box-shadow:0 0 calc(8 * var(--u)) var(--status-soft);border-radius:50%;flex:none}.friends-page-module__MRnxsW__statusLine small{text-overflow:ellipsis;white-space:nowrap;color:#7f8d97;font-size:calc(7.3 * var(--u));font-weight:500;overflow:hidden}.friends-page-module__MRnxsW__gameLine{align-items:center;gap:calc(7 * var(--u));margin-top:calc(8 * var(--u));color:#d5dde2;min-width:0;font-size:calc(8.6 * var(--u));display:flex}.friends-page-module__MRnxsW__gameLine span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friends-page-module__MRnxsW__gameIcon{flex:none;width:calc(18 * var(--u))!important;height:calc(18 * var(--u))!important;border-radius:calc(3 * var(--u))!important}.friends-page-module__MRnxsW__metaLine{align-items:center;gap:calc(5 * var(--u));margin-top:calc(7 * var(--u));color:#97a6b0;min-width:0;font-size:calc(7.8 * var(--u));display:flex}.friends-page-module__MRnxsW__metaLine svg{width:calc(12 * var(--u));height:calc(12 * var(--u));color:#8fb3c8}.friends-page-module__MRnxsW__metaLine span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friends-page-module__MRnxsW__metaLine em{padding:calc(2 * var(--u)) calc(5 * var(--u));border-radius:calc(4 * var(--u));color:#b8c4cb;font-size:calc(6.7 * var(--u));background:#243036;margin-left:auto;font-style:normal}.friends-page-module__MRnxsW__moreIcon{right:calc(8 * var(--u));top:calc(9 * var(--u));width:calc(14 * var(--u));height:calc(14 * var(--u));color:#8c9aa3;position:absolute}.friends-page-module__MRnxsW__profileCue{right:calc(10 * var(--u));bottom:calc(8 * var(--u));align-items:center;gap:calc(5 * var(--u));color:#8ea0aa;font-size:calc(7.4 * var(--u));transition:color .15s,transform .15s;display:flex;position:absolute}.friends-page-module__MRnxsW__friendCard:hover .friends-page-module__MRnxsW__profileCue{color:#dbe4e8;transform:translateX(calc(2 * var(--u)))}.friends-page-module__MRnxsW__listView{grid-template-columns:repeat(2,minmax(0,1fr))}.friends-page-module__MRnxsW__listView .friends-page-module__MRnxsW__friendCard{min-height:calc(104 * var(--u))}.friends-page-module__MRnxsW__emptyState{min-height:calc(320 * var(--u));color:#84939d;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.friends-page-module__MRnxsW__emptyState>svg{width:calc(27 * var(--u));height:calc(27 * var(--u));color:var(--primary)}.friends-page-module__MRnxsW__emptyState h2{margin-top:calc(10 * var(--u));font-size:calc(15 * var(--u));color:#e8edef}.friends-page-module__MRnxsW__emptyState p{margin-top:calc(5 * var(--u));font-size:calc(9 * var(--u))}.friends-page-module__MRnxsW__emptyState button{margin-top:calc(12 * var(--u));height:calc(31 * var(--u));padding:0 calc(14 * var(--u));border-radius:calc(5 * var(--u));color:var(--primary);font-size:calc(8.5 * var(--u));background:#182219;border:1px solid #486229;font-weight:700}.friends-page-module__MRnxsW__aside{gap:calc(12 * var(--u));height:100%;padding-top:calc(1 * var(--u));flex-direction:column;display:flex}.friends-page-module__MRnxsW__asideVisual{height:calc(285 * var(--u));border-radius:calc(7 * var(--u));background:#0b1217;border:1px solid #2d3940;position:relative;overflow:hidden}.friends-page-module__MRnxsW__asideArtwork{filter:saturate(.56)brightness(.53)contrast(1.18);aspect-ratio:auto!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.friends-page-module__MRnxsW__asideArtwork img{object-fit:cover}.friends-page-module__MRnxsW__asideOverlay{background:linear-gradient(#07101a3b 0%,#07101a90 56%,#071017ed 100%),radial-gradient(circle at 64% 20%,#4f94a827,#0000 45%);position:absolute;inset:0}.friends-page-module__MRnxsW__asideHandwriting{left:calc(21 * var(--u));right:calc(17 * var(--u));top:calc(34 * var(--u));font-family:Segoe Print,Comic Sans MS,cursive;font-style:italic;font-size:calc(20 * var(--u));color:#bcc5ce;text-align:center;text-shadow:0 2px 10px #000;flex-direction:column;align-items:center;line-height:1.22;display:flex;position:absolute;transform:rotate(-6deg)}.friends-page-module__MRnxsW__asideHandwriting svg{width:calc(24 * var(--u));height:calc(24 * var(--u));margin-top:calc(4 * var(--u));color:var(--primary)}.friends-page-module__MRnxsW__asideBenefits{border-radius:calc(7 * var(--u));background:linear-gradient(130deg,#111a1f,#0e1519);border:1px solid #2d3940;overflow:hidden}.friends-page-module__MRnxsW__asideBenefits>div{min-height:calc(63 * var(--u));align-items:center;gap:calc(13 * var(--u));padding:calc(11 * var(--u));border-bottom:1px solid #28343a;display:flex}.friends-page-module__MRnxsW__asideBenefits>div:last-child{border-bottom:0}.friends-page-module__MRnxsW__asideBenefits svg{width:calc(23 * var(--u));height:calc(23 * var(--u));color:var(--primary);stroke-width:1.8px}.friends-page-module__MRnxsW__asideBenefits span{gap:calc(3 * var(--u));flex-direction:column;display:flex}.friends-page-module__MRnxsW__asideBenefits b{font-size:calc(9.2 * var(--u));color:#edf2f4;line-height:1.2}.friends-page-module__MRnxsW__asideBenefits small{font-size:calc(7.6 * var(--u));color:#8f9da7}.friends-page-module__MRnxsW__asideQuote{margin:auto 0 calc(10 * var(--u));padding:calc(10 * var(--u)) calc(8 * var(--u));text-align:center!important;font-size:calc(11 * var(--u))!important;color:#7d8993!important;line-height:1.55!important;transform:none!important}.friends-page-module__MRnxsW__asideQuote span{justify-content:flex-end;align-items:center;gap:calc(5 * var(--u));margin-top:calc(5 * var(--u));padding-right:calc(8 * var(--u));font-size:calc(13 * var(--u));color:#89959e;display:flex}.friends-page-module__MRnxsW__asideQuote svg{width:calc(16 * var(--u));height:calc(16 * var(--u));color:var(--primary)}@media (max-width:1220px){.friends-page-module__MRnxsW__friendGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.friends-page-module__MRnxsW__summary{grid-template-columns:repeat(2,minmax(0,1fr))}.friends-page-module__MRnxsW__toolbar{flex-direction:column;align-items:flex-start}.friends-page-module__MRnxsW__toolbarRight{width:100%;margin-left:0}.friends-page-module__MRnxsW__searchBox{flex:1}.friends-page-module__MRnxsW__filters{width:100%;padding-bottom:2px;overflow-x:auto}.friends-page-module__MRnxsW__filters::-webkit-scrollbar{display:none}}@media (max-width:900px){.friends-page-module__MRnxsW__page{padding-left:12px;padding-right:12px}.friends-page-module__MRnxsW__hero{margin-left:-12px;margin-right:-12px}.friends-page-module__MRnxsW__friendGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.friends-page-module__MRnxsW__heroVisual{left:34%}.friends-page-module__MRnxsW__heroQuote{display:none}}@media (max-width:600px){.friends-page-module__MRnxsW__page{padding:0 12px 18px}.friends-page-module__MRnxsW__hero{min-height:175px;margin:0 -12px;padding:22px 18px}.friends-page-module__MRnxsW__heroCopy h1{font-size:31px}.friends-page-module__MRnxsW__heroCopy p{font-size:12px}.friends-page-module__MRnxsW__heroVisual{opacity:.65;left:25%}.friends-page-module__MRnxsW__summary{grid-template-columns:1fr 1fr;gap:8px;padding:12px 0}.friends-page-module__MRnxsW__summaryCard{height:66px;padding:0 12px}.friends-page-module__MRnxsW__summaryCard b{font-size:19px}.friends-page-module__MRnxsW__summaryCard small{font-size:10px}.friends-page-module__MRnxsW__toolbar{padding-top:4px}.friends-page-module__MRnxsW__filters button{height:36px;padding:0 11px;font-size:10px}.friends-page-module__MRnxsW__toolbarRight{gap:7px}.friends-page-module__MRnxsW__searchBox{width:auto;height:38px}.friends-page-module__MRnxsW__viewToggle{height:38px}.friends-page-module__MRnxsW__viewToggle button{width:40px}.friends-page-module__MRnxsW__friendGrid,.friends-page-module__MRnxsW__listView{grid-template-columns:1fr}.friends-page-module__MRnxsW__friendCard,.friends-page-module__MRnxsW__listView .friends-page-module__MRnxsW__friendCard{min-height:128px;padding:13px 13px 31px}.friends-page-module__MRnxsW__avatarWrap{width:64px;height:64px}.friends-page-module__MRnxsW__friendHeading strong{font-size:13px}.friends-page-module__MRnxsW__statusLine,.friends-page-module__MRnxsW__gameLine{font-size:11px}.friends-page-module__MRnxsW__metaLine{font-size:10px}.friends-page-module__MRnxsW__profileCue{font-size:9px}}
