.friends-modal.svelte-11pvai6{background-color:#10101b;border-radius:16px;flex-direction:column;width:480px;max-width:90vw;height:500px;max-height:80vh;padding:24px;display:flex}.friends-header.svelte-11pvai6{flex-shrink:0;align-items:center;margin-bottom:16px;display:flex}.friends-title.svelte-11pvai6{color:#fff;margin:0 0 12px;font-family:Poppins,sans-serif;font-size:22px;font-weight:600}.friends-list.svelte-11pvai6{flex-direction:column;flex:1;gap:4px;min-height:0;margin-right:-10px;padding-right:10px;display:flex;overflow-y:auto}.friend-row.svelte-11pvai6{box-sizing:border-box;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:12px;padding:10px;text-decoration:none;display:flex}.friend-row.svelte-11pvai6:hover{background:#ffffff1f}.friend-name.svelte-11pvai6{color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;overflow:hidden}.relation-badge.svelte-11pvai6{color:#ffffff80;background:#ffffff14;border-radius:6px;flex-shrink:0;padding:4px 10px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.relation-badge.dim.svelte-11pvai6{opacity:.5}.relation-badge.friends.svelte-11pvai6,.relation-badge.requested.svelte-11pvai6{align-items:center;gap:5px;display:flex}.relation-badge.friends.svelte-11pvai6{color:#4ade80;background:#4ade801a}.badge-icon.svelte-11pvai6{background-color:currentColor;flex-shrink:0;width:14px;height:14px;-webkit-mask:url(/assets/friends.png) 50%/contain no-repeat;mask:url(/assets/friends.png) 50%/contain no-repeat}.stopwatch-icon.svelte-11pvai6{background-color:currentColor;flex-shrink:0;width:13px;height:13px;-webkit-mask:url(/assets/stopwatch.png) 50%/contain no-repeat;mask:url(/assets/stopwatch.png) 50%/contain no-repeat}.relation-badge.requested.svelte-11pvai6{color:#fbbf24;background:#fbbf241a}.add-btn.svelte-11pvai6{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:6px;flex-shrink:0;padding:4px 14px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.add-btn.svelte-11pvai6:hover{background:#ffffff2e}.empty.svelte-11pvai6{color:#fff6;text-align:center;padding:30px 0;font-family:Poppins,sans-serif;font-size:15px;font-weight:500}.overlay.svelte-xktohf{z-index:10;position:fixed;inset:0;overflow-y:auto}.top-bar.svelte-xktohf{justify-content:space-between;align-items:center;padding:15px;display:flex}.logo.svelte-xktohf{filter:brightness(0)saturate()invert()sepia()saturate(0%)hue-rotate(288deg)brightness(102%)contrast(102%);height:60px}.dots-btn.svelte-xktohf{z-index:5;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex;position:absolute;top:12px;right:12px}.dots-btn.svelte-xktohf:hover{background:#ffffff24}.card-menu.svelte-xktohf{z-index:50;background:#10101b;border:1px solid #ffffff1a;border-radius:10px;min-width:180px;padding:4px;position:absolute;top:52px;right:12px;box-shadow:0 8px 30px #00000080}.card-menu-item.svelte-xktohf{text-align:left;color:#ffffffd9;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:10px 14px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;display:block}.card-menu-item.svelte-xktohf:hover{background:#ffffff0f}.card-menu-item.danger.svelte-xktohf{color:#db5049}.card-menu-backdrop.svelte-xktohf{z-index:40;position:fixed;inset:0}.empty-state.svelte-xktohf{text-align:center;color:#fff9;padding:80px 20px;font-family:Poppins,sans-serif}.back-link.svelte-xktohf{color:#fff;margin-top:12px;display:inline-block}.profile-panel.svelte-xktohf{flex-direction:column;justify-content:center;max-width:500px;min-height:calc(100vh - 120px);margin:0 auto;padding:0 20px 60px;display:flex}.card.svelte-xktohf{background-color:#10101b;border-radius:14px;min-height:200px;padding:50px 20px 30px;position:relative;overflow:hidden}.profile-header.svelte-xktohf{flex-direction:column;align-items:center;display:flex}.avatar-wrap.svelte-xktohf{margin-bottom:14px}.avatar-btn.svelte-xktohf{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;position:relative}.pencil-overlay.svelte-xktohf{background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;bottom:0;right:-4px}.pencil-icon.svelte-xktohf{filter:invert();opacity:.8;width:14px;height:14px}.greeting.svelte-xktohf{color:#ffffffb3;text-align:center;font-family:Poppins,sans-serif;font-size:20px}.greeting.svelte-xktohf strong:where(.svelte-xktohf){color:#fff;font-weight:600}.bio-display.svelte-xktohf{color:#ffffff80;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;margin-top:8px;padding:4px 8px;font-family:Poppins,sans-serif;font-size:13px}.bio-display.svelte-xktohf:hover{background:#ffffff0d}.bio-text.svelte-xktohf{color:#fff9;text-align:center;margin-top:8px;font-family:Poppins,sans-serif;font-size:13px;line-height:1.4}.bio-edit.svelte-xktohf{flex-direction:column;gap:6px;width:100%;margin-top:10px;display:flex}.bio-input.svelte-xktohf{color:#fff;resize:vertical;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;outline:none;min-height:50px;padding:8px 12px;font-family:Poppins,sans-serif;font-size:13px}.bio-input.svelte-xktohf::placeholder{color:#ffffff4d}.bio-input.svelte-xktohf:focus{border-color:#ffffff40}.char-count.svelte-xktohf{color:#ffffff4d;text-align:right;font-family:Poppins,sans-serif;font-size:11px}.bio-actions.svelte-xktohf{justify-content:flex-end;gap:8px;display:flex}.btn-sm.svelte-xktohf{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:6px 16px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.btn-sm.svelte-xktohf:hover{background:#ffffff26}.btn-sm.primary.svelte-xktohf{background:var(--accent,#f5c842);color:#fff}.profile-actions.svelte-xktohf{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:380px;margin-top:18px;margin-left:auto;margin-right:auto;display:grid}.span-2.svelte-xktohf{grid-column:1/-1}.pill-btn.svelte-xktohf{color:#ffffffd9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex;position:relative}.pill-btn.svelte-xktohf:hover{background:#ffffff24}.pill-btn.svelte-xktohf strong:where(.svelte-xktohf){color:#fff;font-weight:600}.pill-icon.svelte-xktohf{filter:invert();opacity:.6;flex-shrink:0;width:15px;height:15px}.pill-btn.svelte-xktohf .request-badge.corner{border-radius:10px;min-width:20px;height:20px;top:-7px;right:-7px}.action-badge.svelte-xktohf{color:#fff9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;display:inline-flex}.action-badge.friends.svelte-xktohf{color:#4ade80;background:#4ade801a;border-color:#4ade8026;transition:background .15s,color .15s,border-color .15s;overflow:hidden}.action-badge.friends.svelte-xktohf:not(.fresh):hover{color:#db5049;background:#db50491f;border-color:#db504940}.friends-label.svelte-xktohf{justify-content:center;align-items:center;gap:5px;display:inline-flex}.check-icon.svelte-xktohf{background-color:currentColor;flex-shrink:0;width:12px;height:12px;-webkit-mask:url(/assets/check.png) 50%/contain no-repeat;mask:url(/assets/check.png) 50%/contain no-repeat}.action-btn.svelte-xktohf{color:#fff;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.action-btn.add.svelte-xktohf{color:#ffffffd9;background:#ffffff14;border-color:#ffffff1a;justify-content:center;align-items:center;gap:7px;display:inline-flex}.action-btn.add.svelte-xktohf:hover{background:#ffffff24}.action-btn.accept.svelte-xktohf{color:#4ade80;background:#4ade8033}.action-btn.accept.svelte-xktohf:hover{background:#4ade804d}.action-btn.requested.svelte-xktohf{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2426;overflow:hidden}.action-btn.requested.fresh.svelte-xktohf{animation:.4s cubic-bezier(.34,1.56,.64,1) svelte-xktohf-requested-in}@keyframes svelte-xktohf-requested-in{0%{color:#ffffffd9;background-color:#ffffff14;border-color:#ffffff1a;transform:scale(1)}30%{background-color:#fbbf242e;transform:scale(.95)}to{transform:scale(1)}}.requested-label.svelte-xktohf{justify-content:center;align-items:center;gap:6px;display:inline-flex}.stopwatch-icon.svelte-xktohf{background-color:currentColor;flex-shrink:0;width:13px;height:13px;-webkit-mask:url(/assets/stopwatch.png) 50%/contain no-repeat;mask:url(/assets/stopwatch.png) 50%/contain no-repeat}.bin-icon.svelte-xktohf{background-color:currentColor;flex-shrink:0;width:12px;height:12px;-webkit-mask:url(/assets/bin.png) 50%/contain no-repeat;mask:url(/assets/bin.png) 50%/contain no-repeat}.action-btn.requested.svelte-xktohf:not(.fresh):hover{color:#db5049;background:#db50491f;border-color:#db504940}.games-section.svelte-xktohf{border-top:1px solid #ffffff14;margin-top:20px;padding-top:20px}.games-header.svelte-xktohf{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.games-title.svelte-xktohf{color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:600}.view-all-link.svelte-xktohf{color:#fff6;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;text-decoration:none}.view-all-link.svelte-xktohf:hover{color:#fff}.no-games.svelte-xktohf{color:#fff6;text-align:center;padding:30px 0;font-family:Poppins,sans-serif;font-size:14px}.create-game-wrap.svelte-xktohf{justify-content:center;margin-top:-14px;padding-bottom:30px;display:flex}.games-list.svelte-xktohf{flex-direction:column;gap:8px;display:flex}.load-more.svelte-xktohf{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;width:100%;margin-top:10px;padding:10px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500}.load-more.svelte-xktohf:hover{background:#ffffff1a}.load-more.svelte-xktohf:disabled{opacity:.5;cursor:not-allowed}@media (width<=20em),screen and (orientation:portrait){.logo.svelte-xktohf{height:40px}.profile-panel.svelte-xktohf{padding:0 16px 40px}}