/* cg-friends.css (27 Oct 2026): Play with friends, the same in every game; follows the text color of the game it sits in */
.fr{display:grid;gap:14px;justify-items:center;text-align:center;width:100%;max-width:460px;margin:0 auto;padding:clamp(20px,3vw,32px) 0;color:inherit}
.fr-h{margin:0;font-size:clamp(24px,2.6vw,30px);font-weight:600;letter-spacing:-.02em}
.fr-t{margin:0;font-size:15px;line-height:1.5;opacity:.7;max-width:30em}
.fr-names{display:grid;gap:8px;width:100%;margin:4px 0 0;padding:0;list-style:none}
.fr-names li{display:flex;align-items:center;gap:8px}
.fr-names input{flex:1;min-width:0;min-height:46px;padding:0 14px;border:0;border-radius:12px;font:inherit;font-size:16px;color:inherit;
  background:color-mix(in srgb,currentColor 8%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 18%,transparent)}
.fr-names input:focus{outline:2px solid #19AAE3;outline-offset:1px}
.fr-dot{flex:none;width:12px;height:12px;border-radius:50%;background:var(--p)}
.fr-x{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:20px;opacity:.6;cursor:pointer}
.fr-acts{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:6px}
.fr-btn{min-height:48px;padding:0 24px;border:0;border-radius:999px;font:inherit;font-size:16px;font-weight:600;cursor:pointer;
  background:#141416;color:#fff;transition:transform .16s cubic-bezier(.23,1,.32,1)}
.fr-dark .fr-btn,.fr-on-dark .fr-btn{background:#fff;color:#141416}
.fr-btn:active{transform:scale(.97)}
.fr-btn:focus-visible,.fr-link:focus-visible{outline:2px solid #19AAE3;outline-offset:3px}
.fr-link{padding:0;border:0;background:none;color:inherit;font:inherit;font-size:15px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;opacity:.85}
.fr-pass{padding:clamp(40px,8vw,90px) 0}
.fr-pass .fr-dot{width:18px;height:18px}
.fr-pass-t{margin:0;font-size:clamp(24px,3vw,34px);font-weight:600;letter-spacing:-.02em}
.fr-win{margin:0;font-size:clamp(28px,3.4vw,40px);font-weight:600;letter-spacing:-.025em}
.fr-standings{display:grid;gap:8px;width:100%;margin:6px 0 0;padding:0;list-style:none;text-align:left}
.fr-standings li{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:color-mix(in srgb,currentColor 7%,transparent)}
.fr-standings li.is-first{box-shadow:inset 0 0 0 2px currentColor}
.fr-rank{width:18px;font-weight:600;opacity:.6;font-variant-numeric:tabular-nums}
.fr-standings b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}
.fr-de{font-size:13px;opacity:.65;font-variant-numeric:tabular-nums}
.fr-s{min-width:52px;text-align:right;font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}
.fr-s small{font-size:13px;font-weight:500;opacity:.6}
.fr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.fr p,.fr b{color:inherit!important}