.challenge-dialog{border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-panel);color:var(--site-text);padding:22px 22px 18px;max-width:340px;width:calc(100vw - 32px);box-shadow:0 18px 48px #0f1e1838;font:inherit}.challenge-dialog::backdrop{background:#0f1e186b}.challenge-dialog .confirm-dialog-title{color:var(--site-heading);font-size:1.05rem;font-weight:600;margin:0 0 14px}.challenge-dialog-fields{display:grid;gap:10px;margin:0 0 14px}.challenge-dialog-field{width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--site-border);border-radius:var(--site-radius-sm);background:var(--site-panel);color:var(--site-text);font:inherit;cursor:pointer}.challenge-dialog-field:focus-visible{border-color:var(--site-accent);outline:3px solid var(--site-focus)}.challenge-dialog-error{margin:0 0 12px;color:#b4504f;font-size:.86rem;line-height:1.4}.challenge-dialog .confirm-dialog-actions{display:flex;gap:10px;justify-content:flex-end}.challenge-dialog .confirm-dialog-actions button{min-height:36px;padding:6px 16px;border:1px solid var(--site-border);border-radius:var(--site-radius-sm);background:var(--site-panel);color:var(--site-text);font:inherit;cursor:pointer}.challenge-dialog .confirm-dialog-actions .confirm-dialog-confirm{border-color:var(--site-accent);background:var(--site-accent);color:#fff}.challenge-dialog .confirm-dialog-actions button:hover:not(:disabled),.challenge-dialog .confirm-dialog-actions button:focus-visible{outline:3px solid var(--site-focus)}.challenge-dialog .confirm-dialog-actions button:disabled{opacity:.6;cursor:default}.user-card-popover{position:fixed;z-index:60;pointer-events:auto}.user-card{width:300px;max-width:calc(100vw - 16px);background:var(--site-panel);color:var(--site-text);border:1px solid var(--site-border);border-radius:var(--site-radius);box-shadow:var(--site-shadow, 0 8px 24px rgba(0, 0, 0, .18));overflow:hidden;font-size:.9rem}.user-card-header{display:flex;align-items:center;gap:.4rem;padding:.7rem .8rem;border-bottom:1px solid var(--site-border-soft, var(--site-border))}.user-card-dot{width:.5rem;height:.5rem;border-radius:50%;background:#6aa84f;flex:0 0 auto}.user-card-name{font-weight:600;font-size:1.05rem;color:var(--site-heading, var(--site-text));text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-name:hover{color:var(--site-link, var(--site-accent))}.user-card-badge{font-size:.65rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--site-accent-strong, var(--site-accent));border:1px solid currentColor;border-radius:var(--site-radius-sm);padding:.05rem .3rem}.user-card-playing{margin-left:auto;color:var(--site-muted);font-size:.95rem}.user-card-ratings{display:grid;grid-template-columns:1fr 1fr;gap:.2rem .9rem;padding:.6rem .8rem}.user-card-rating{display:flex;align-items:center;gap:.4rem}.user-card-rating-icon{display:inline-flex;width:20px;height:20px;flex:0 0 auto}.user-card-rating-icon svg{width:100%;height:100%;display:block}.user-card-rating-value{font-variant-numeric:tabular-nums;font-weight:600;color:var(--site-text)}.user-card-actions{display:flex;gap:.4rem;padding:.5rem .8rem;border-top:1px solid var(--site-border-soft, var(--site-border))}.user-card-action{flex:1;text-align:center;padding:.35rem .5rem;border:1px solid var(--site-border);border-radius:var(--site-radius-sm);background:var(--site-panel-soft, transparent);color:var(--site-text);font-size:.82rem;font-weight:600;text-decoration:none;cursor:pointer}.user-card-action:hover{background:var(--site-hover, var(--site-accent-soft))}.user-card-action:disabled{opacity:.6;cursor:default}.user-card-action-active{border-color:var(--site-accent);color:var(--site-accent-strong, var(--site-accent))}.user-card-footer{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem .8rem;border-top:1px solid var(--site-border-soft, var(--site-border));color:var(--site-muted);font-size:.78rem}
