app-mc-call-screen{z-index:80;animation:.25s cubic-bezier(.16,1,.3,1) app-mc-call-screen__mc-call-in;position:fixed;bottom:24px;right:24px}app-mc-call-screen .call{border-radius:var(--radius-xl);color:#fff;background:#1c1a3a;flex-direction:column;gap:14px;width:320px;padding:16px;display:flex;box-shadow:0 20px 50px #00000059}app-mc-call-screen .call__who{align-items:center;gap:12px;display:flex}app-mc-call-screen .call__avatar{background:var(--primary-gradient);width:48px;height:48px;font-size:var(--font-md);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}app-mc-call-screen .call__avatar.is-ringing{animation:1.5s ease-in-out infinite app-mc-call-screen__mc-ring}app-mc-call-screen .call__body{min-width:0}app-mc-call-screen .call__name{font-size:var(--font-base);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}app-mc-call-screen .call__status{font-size:var(--font-sm);color:#ffffffa6}app-mc-call-screen .call__timer{font-variant-numeric:tabular-nums;color:#7de2a5;font-weight:700}app-mc-call-screen .call__actions{justify-content:center;gap:14px;display:flex}app-mc-call-screen .call__actions--answer{grid-template-columns:1fr 1fr;gap:8px;display:grid}app-mc-call-screen .call__btn{border-radius:var(--radius-md);min-height:38px;font-family:inherit;font-size:var(--font-sm);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}app-mc-call-screen .call__btn app-icon{width:16px;height:16px}app-mc-call-screen .call__btn--danger{background:var(--color-error)}app-mc-call-screen .call__btn--accept{background:var(--color-success)}app-mc-call-screen .call__btn:hover{filter:brightness(.92)}app-mc-call-screen .round{color:#fff;cursor:pointer;width:44px;height:44px;transition:background var(--transition-fast);background:#ffffff24;border:none;border-radius:50%;place-items:center;display:grid}app-mc-call-screen .round:hover{background:#ffffff3d}app-mc-call-screen .round.is-on{color:#1c1a3a;background:#fff}app-mc-call-screen .round--danger{background:var(--color-error)}app-mc-call-screen .round--danger:hover{background:var(--color-error);filter:brightness(.92)}app-mc-call-screen .round:focus-visible{outline-offset:2px;outline:2px solid #fff}app-mc-call-screen .round app-icon{width:20px;height:20px}@keyframes app-mc-call-screen__mc-ring{0%,to{box-shadow:0 0 0 0 rgba(var(--primary-rgb), .55)}50%{box-shadow:0 0 0 8px rgba(var(--primary-rgb), 0)}}@keyframes app-mc-call-screen__mc-call-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
app-mc-passive-match-invite{z-index:90;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}app-mc-passive-match-invite .passive-invite{pointer-events:auto;background:#1a1a2e73;place-items:center;width:100%;height:100%;animation:.2s ease-out app-mc-passive-match-invite__mc-passive-fade-in;display:grid}app-mc-passive-match-invite .passive-invite__card{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:360px;display:flex}app-mc-passive-match-invite .passive-invite__lead{font-size:var(--font-sm);color:var(--text-secondary)}app-mc-passive-match-invite .passive-invite__lead strong{color:var(--text-primary)}app-mc-passive-match-invite .passive-invite__countdown{border-radius:var(--radius-full);background:var(--primary-light);font-size:var(--font-sm);color:var(--primary);align-items:center;gap:6px;padding:4px 12px;display:inline-flex}app-mc-passive-match-invite .passive-invite__countdown strong{font-variant-numeric:tabular-nums}app-mc-passive-match-invite .passive-invite__countdown app-icon{width:14px;height:14px}app-mc-passive-match-invite .passive-invite__actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:8px;display:grid}@keyframes app-mc-passive-match-invite__mc-passive-fade-in{0%{opacity:0}to{opacity:1}}