.friend-toasts{z-index:45;flex-direction:column;gap:10px;display:flex;position:fixed;top:14px;right:18px}.friend-toast{border:1px solid var(--accent-border);background:var(--felt-card);max-width:340px;box-shadow:var(--shadow);color:var(--text-h);border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;animation:.35s cubic-bezier(.16,1,.3,1) friend-toast-in;display:flex}.friend-toast .toast-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.7rem;font-weight:700}.friend-toast .toast-name{font-weight:800}.friend-toast .toast-name a{color:inherit}.friend-toast .toast-actions{gap:10px;margin-top:6px;display:flex}@keyframes friend-toast-in{0%{opacity:0;transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.friend-toast{animation:none}}.presence-dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.presence-online{background:var(--status-online)}.presence-in-game{background:var(--accent);box-shadow:0 0 6px var(--accent-border)}.presence-in-queue{background:var(--text-h);--live-ring:#f2efe64d;animation:2.6s ease-out infinite presence-live}.presence-offline{border:1.5px solid var(--text-muted);box-sizing:border-box;background:0 0}.presence-counts{font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:inline-flex}.presence-counts-room{color:var(--text-h);--live-ring:#f2efe64d;font-size:.85rem}.presence-counts-cta{color:var(--accent);--live-ring:#ffd16659;font-size:.78rem;font-weight:600}.presence-live-dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px;animation:2.6s ease-out infinite presence-live}@keyframes presence-live{0%{box-shadow:0 0 0 0 var(--live-ring)}60%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.presence-live-dot,.presence-in-queue{animation:none}}.profile-actions{flex-wrap:wrap;align-self:flex-start;align-items:center;gap:10px;margin-left:auto;display:flex}.profile-actions .social-error{flex-basis:100%}.profile-presence{color:var(--text-muted);align-items:center;gap:7px;margin:4px 0 0;font-size:.8rem;display:flex}.friends-page{max-width:760px}.friends-page .page-head h1{margin-bottom:8px}.friends-page .page-lede{color:var(--text-muted);margin:0 0 24px}.add-friend{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.invite-new{border:1px solid var(--border);background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:28px;padding:14px 16px;display:flex}.invite-new-text{flex-direction:column;gap:2px;min-width:0;display:flex}.invite-new-title{color:var(--text-h);font-weight:700}.invite-new-note{color:var(--text-muted);font-size:.85rem}.invite-new .button-ghost{flex-shrink:0}@media (width<=560px){.invite-new{flex-direction:column;align-items:stretch}}.add-friend label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:.8rem;font-weight:700}.add-friend-results{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.add-friend-results li{border-bottom:1px solid #f2efe614;align-items:center;gap:10px;padding:8px 0;display:flex}.add-friend-results li:last-child{border-bottom:none}.add-friend-results .player-names{flex:1;min-width:0}.add-friend-results .button-gold{flex-shrink:0;padding:6px 12px;font-size:.85rem}.add-friend-state{color:var(--text-muted);flex-shrink:0;font-size:.85rem}.add-friend input{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text-h);font:inherit;border-radius:8px;flex:1;padding:9px 12px;font-size:.9rem}.add-friend input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.social-error{color:var(--error);margin:0;font-size:.85rem}.social-section{margin-bottom:28px}.social-section h2{align-items:center;gap:10px;margin:0 0 12px;font-size:22px;display:flex}.count-chip{background:var(--accent-bg);border:1px solid var(--accent-border);min-width:22px;height:22px;color:var(--accent);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:.75rem;font-weight:700;display:inline-flex}.social-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.social-row{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.friend-presence{width:96px;color:var(--text-muted);flex:none;align-items:center;gap:7px;font-size:.8rem;display:inline-flex}.friend-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-h);flex:1;font-weight:700;text-decoration:none;overflow:hidden}.friend-name:hover{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.friend-since{color:var(--text-muted);font-size:.8rem}.social-row .row-actions{gap:8px;margin-left:auto;display:flex}.social-empty{border:1px dashed var(--border);color:var(--text-muted);border-radius:10px;margin:0;padding:20px 16px}.social-empty a{color:var(--accent)}.button-danger{font:inherit;cursor:pointer;border:1px solid var(--error);color:var(--error);background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:9px 16px;font-size:.9rem;font-weight:700;display:inline-flex}.button-danger:hover{background:#f2efe60f}.icon-button{border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{color:var(--text-h);background:#f2efe60f}.icon-button-danger:hover{border-color:var(--error);color:var(--error);background:#ffb4bc1f}dialog.confirm-modal{box-sizing:border-box;z-index:50;background:0 0;border:none;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:18px;position:fixed;inset:0}dialog.confirm-modal[open]{justify-content:center;align-items:center;display:flex}dialog.confirm-modal::backdrop{background:var(--scrim)}.confirm-dialog{box-sizing:border-box;border:1px solid var(--border);background:var(--felt-card);width:100%;max-width:360px;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:12px;padding:22px 24px;display:flex}.confirm-dialog h2{margin:0;font-size:1.05rem}.confirm-dialog p{color:var(--text-muted);margin:0;font-size:.9rem}.friends-page .skel-row{background:#f2efe617;border-radius:10px;height:54px;animation:1.4s ease-in-out infinite social-skel-pulse;display:block}@keyframes social-skel-pulse{50%{opacity:.45}}@media (width<=899px){.friend-toasts{align-items:stretch;left:18px}.friend-toast{max-width:none}.social-row{flex-wrap:wrap;row-gap:8px}.friend-since{display:none}.row-actions .button-gold,.row-actions .button-ghost{min-height:44px}.row-actions .icon-button{width:40px;height:40px}}