.fbadge{background:var(--pink);color:#fff;vertical-align:2px;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-right:6px;padding:0 6px;font:900 12px Nunito,sans-serif;display:inline-grid}.fbtn{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:4px;min-height:40px;padding:8px 16px;font:900 15px Nunito,sans-serif;transition:filter .15s,transform 80ms;display:inline-flex}.fbtn.sm{min-height:36px;padding:6px 12px;font-size:14px}.fbtn:active{transform:translateY(2px)}.fbtn:disabled{opacity:.6}.fbtn.go{color:#06261a;background:linear-gradient(#6ff0b8, var(--green));box-shadow:0 3px #1e8f5f}.fbtn.done{color:var(--green);background:#3ddc9724;box-shadow:inset 0 0 0 1.5px #3ddc9780}.fbtn.ghost{color:var(--muted);background:#ffffff17}.fbtn.danger{color:#fff;background:linear-gradient(#ff6b7f,#e0233f);box-shadow:0 3px #a3182d}.fbtn-confirm{gap:6px;display:inline-flex}.frow{margin:14px 0 4px}.frow-head{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.frow-head h2{font-size:22px}.frow-head h2 small{color:var(--muted);font-family:Nunito,sans-serif;font-size:14px}.frow-all{color:var(--muted);align-items:center;margin-left:auto;font-size:14px;display:inline-flex}.frow-all:hover{color:#fff}.frow-track{scrollbar-width:none;scroll-snap-type:x proximity;gap:6px;padding:2px 2px 6px;display:flex;overflow-x:auto}.frow-track::-webkit-scrollbar{display:none}.frow-item{scroll-snap-align:start;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:0;width:84px;padding:4px 2px;display:flex}.frow-item:hover{background:#ffffff0d}.frow-ring{background:radial-gradient(circle at 50% 30%,#6c4ee6,#2a1a79);border-radius:50%;width:68px;height:68px;position:relative;box-shadow:inset 0 0 0 2px #ffffff1f}.frow-item.on .frow-ring{box-shadow:0 0 0 3px var(--green), 0 4px 14px #3ddc9740}.frow-head-cv{border-radius:50%;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;inset:4px}.frow-dot{background:var(--green);border:3px solid var(--bg);border-radius:50%;width:16px;height:16px;position:absolute;bottom:3px;right:1px}.frow-game{object-fit:cover;border:2px solid var(--bg);border-radius:8px;width:28px;height:28px;position:absolute;bottom:-2px;left:-4px;box-shadow:0 2px 6px #0006}.frow-item b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:7px;font-size:13px;line-height:16px;overflow:hidden}.frow-item small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-height:15px;color:var(--muted);font-size:11px;line-height:15px;overflow:hidden}.frow-item small.in{color:var(--green)}.frow-add .frow-ring{box-shadow:inset 0 0 0 2px dashed #ffffff40;background:#ffffff12;border:2px dashed #ffffff47;place-items:center;display:grid}.frow-plus{color:var(--yellow);font-size:30px;line-height:1}.frow-add b{color:var(--yellow);font-size:12px}.person{background:#ffffff0d;border-radius:14px;align-items:center;gap:10px;padding:8px;display:flex}.person+.person{margin-top:8px}.person-main{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.person-head{background:radial-gradient(circle at 50% 30%,#6c4ee6,#2a1a79);border-radius:50%;flex:none;width:48px;height:48px}.person-main span{text-align:left;flex-direction:column;min-width:0;display:flex}.person-main b{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:400;overflow:hidden}.person-main small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.people{margin-top:18px}.people h3{margin:0 2px 10px;font-size:20px}.people-msg{color:#ffe9a8;text-align:center;margin:10px 0 0;font-size:14px}.listing .people{max-width:640px}.friend-state{flex:none}.fstat{color:var(--muted);padding:0 6px;font-size:13px}.fstat.on{color:var(--green)}.fstat.on:before{content:"● "}.addf h2{font-size:26px}.addf>p{margin:4px 0 12px}.addf-bar{border:1px solid var(--line);background:#ffffff14;border-radius:14px;align-items:center;gap:6px;height:50px;padding:0 14px;display:flex}.addf-bar:focus-within{border-color:var(--yellow)}.addf-bar span{color:var(--muted);font-size:18px}.addf-bar input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;font:800 17px Nunito,sans-serif}.addf-list{text-align:left;min-height:120px;margin-top:12px}.addf-list>p{text-align:center;margin:24px 0}.friends-page{flex-direction:column;gap:14px;max-width:720px;margin:0 auto;padding:18px 0 40px;display:flex}.friends-page h1{font-size:30px}.friends-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.friends-me{margin:-6px 0 0;font-size:14px}.friends-me a{color:#fff}.friends-sec{padding:14px}.friends-sec h3{align-items:center;gap:6px;margin:0 2px 12px;font-size:20px;display:flex}.friends-sec h3 small{color:var(--muted);margin-left:auto;font-family:Nunito,sans-serif;font-size:13px}.friends-sec h3 .fbadge{margin:0}.friends-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.uprof-join{background:linear-gradient(#6ff0b8, var(--green));color:#06261a;box-shadow:0 5px #1e8f5f}@media (width<=700px){.frow-item{width:76px}.frow-ring{width:62px;height:62px}}.frow-empty{color:#ffffffb3;white-space:normal;align-self:center;max-width:260px;margin:0;font-size:13px;font-weight:700;line-height:1.35}html:not([lang=en]) .frow-empty{min-width:170px}.frow-add b{white-space:normal;text-align:center;line-height:1.1}.frow-invite-card{text-align:left;color:#3a1d00;scroll-snap-align:start;background:linear-gradient(160deg,#ffe680 0%,#ffc53d 45%,#ff9f1c 100%);border-radius:18px;flex:none;align-self:flex-start;align-items:center;gap:6px;height:104px;margin-right:4px;padding:6px 12px 6px 6px;animation:2.4s ease-in-out infinite frow-glow;display:flex;box-shadow:0 4px #c46a00,0 8px 18px #ff9f1c59}.frow-invite-card img{filter:drop-shadow(0 4px 5px #0000004d);width:auto;height:88px}.frow-invite-card span{flex-direction:column;line-height:1.05;display:flex}.frow-invite-card b{font-family:var(--display);letter-spacing:.5px;font-size:20px;font-weight:400}.frow-invite-card small{opacity:.85;margin:2px 0 1px;font-size:11px;font-weight:800}.frow-invite-card em{font-style:normal;font-family:var(--display);white-space:nowrap;color:#fff;text-shadow:0 2px #c46a00;font-size:22px}.frow-invite-card{position:relative;overflow:hidden}.frow-invite-card:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffffd9,#0000);width:40%;height:140%;animation:2.6s ease-in-out infinite frow-shine;position:absolute;top:-20%;left:-60%;transform:skew(-20deg)}@keyframes frow-shine{0%{transform:translate(0)skew(-20deg)}55%,to{transform:translate(500%)skew(-20deg)}}@media (prefers-reduced-motion:reduce){.frow-invite-card:after{animation:none;display:none}}.frow-invite-card:active{transform:translateY(2px);box-shadow:0 2px #c46a00}@keyframes frow-glow{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}@media (prefers-reduced-motion:reduce){.frow-invite-card{animation:none}}.frow-pop{z-index:60;border:1px solid var(--line);background:#1d1247;border-radius:16px;min-width:200px;padding:6px;animation:.12s ease-out frow-pop;position:fixed;transform:translate(-50%);box-shadow:0 18px 40px #00000080}.frow-pop:before{content:"";height:8px;position:absolute;top:-8px;left:0;right:0}.frow-pop button{color:#fff;text-align:left;border-radius:11px;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px;font-size:15px;font-weight:800;display:flex}.frow-pop button>span{text-align:center;width:22px;font-size:16px}.frow-pop button:hover,.frow-pop button:focus-visible{background:#ffffff14;outline:none}.frow-pop button.danger{color:#ff9db0}.frow-pop button.danger:hover,.frow-pop button.danger:focus-visible{color:#ffc2cb;background:#ff4d6d24}.frow-pop button:disabled{opacity:.5}.frow-pop p{margin:6px 10px 8px;font-size:14px}.frow-pop-row{gap:6px;display:flex}.frow-pop-row button{background:#ffffff0f;justify-content:center}.frow-pop-row button.danger{background:#ff4d6d29}@keyframes frow-pop{0%{opacity:0;transform:translate(-50%,-4px)}}