/* Connection status follows the active game, including after live game changes. */
body[data-game="quick-choice"]{--connection-bg:#103f70;--connection-ink:#edf7ff;--connection-border:#73c9f0;--connection-dot:#bce77d;--connection-font:'Sora',Arial,sans-serif;--connection-radius:12px}
body[data-game="finance-circle"]{--connection-bg:#782237;--connection-ink:#fff0cb;--connection-border:#d7af65;--connection-dot:#bde59a;--connection-font:'Nunito',Arial,sans-serif;--connection-radius:999px;--connection-shadow:0 3px 0 #371524}
body[data-game="the-final-offer"]{--connection-bg:linear-gradient(#303a47,#141c28);--connection-ink:#f1f4f9;--connection-border:#aeb8c5;--connection-dot:#9fe2ba;--connection-font:'Sora',Arial,sans-serif;--connection-radius:8px;--connection-shadow:0 3px 0 #03070b}
body[data-game="price-check"]{--connection-bg:#1d4939;--connection-ink:#fff1d4;--connection-border:#b5cb94;--connection-dot:#bde96c;--connection-font:'Sora',Arial,sans-serif;--connection-radius:0;--connection-shadow:3px 3px 0 #071d1b}
body[data-game="candy-bingo"]{--connection-bg:#fff1f8;--connection-ink:#802858;--connection-border:#d987b5;--connection-dot:#33764f;--connection-font:'Nunito',Arial,sans-serif;--connection-radius:999px;--connection-shadow:0 3px 0 #c87ca8}
body[data-game="money-chase"]{--connection-bg:#254e36;--connection-ink:#eff6d9;--connection-border:#9cc85c;--connection-dot:#bde96c;--connection-font:'Nunito',Arial,sans-serif;--connection-radius:12px;--connection-shadow:0 3px 0 #153523}
body[data-game="fraud-detection"]{--connection-bg:#132a3d;--connection-ink:#ffe29b;--connection-border:#edb844;--connection-dot:#a7dbbb;--connection-font:'Sora',Arial,sans-serif;--connection-radius:5px;--connection-shadow:0 3px 0 #071621}
body[data-game="investing"]{--connection-bg:#103644;--connection-ink:#d8fff0;--connection-border:#68c7ce;--connection-dot:#8ae5bb;--connection-font:'Nunito',Arial,sans-serif;--connection-radius:8px;--connection-shadow:0 3px 0 #03131e}
body[data-game="needs-vs-wants"]{--connection-bg:#155795;--connection-ink:#ffffff;--connection-border:#ff3035;--connection-dot:#ffffff;--connection-font:'Nunito',Arial,sans-serif;--connection-radius:12px;--connection-shadow:0 3px 0 #0d355c}
body[data-game="credit-challenge"]{--connection-bg:#1a5632;--connection-ink:#ffffff;--connection-border:#ffc629;--connection-dot:#bde7ab;--connection-font:'Source Sans 3',Arial,sans-serif;--connection-radius:10px;--connection-shadow:0 3px 0 #103a24}
body[data-game="budget-challenge"]{--connection-bg:#fff8eb;--connection-ink:#733858;--connection-border:#efaec0;--connection-dot:#34754d;--connection-font:'Nunito',Arial,sans-serif;--connection-radius:999px;--connection-shadow:0 3px 0 #914d71}

body[data-page="play"][data-game] .controller-bar > .connection{
  display:inline-flex;align-items:center;gap:8px;max-width:100%;
  padding:7px 12px;border:2px solid var(--connection-border,#8aafc0);
  border-radius:var(--connection-radius,12px);
  background:var(--connection-bg,#143b54);color:var(--connection-ink,#effbf7);
  box-shadow:var(--connection-shadow,none);
  font:800 12px/1.35 var(--connection-font,Arial,sans-serif);
  text-shadow:none;white-space:nowrap;
}
body[data-page="play"][data-game] .connection > .dot{
  width:8px;height:8px;background:#bd7a14;border:1px solid currentColor;
  box-shadow:none;
}
body[data-page="play"][data-game] .connection > .dot.online{
  background:var(--connection-dot,#bde96c);border:0;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--connection-dot,#bde96c) 18%,transparent);
}
@media(max-width:420px){
  body[data-page="play"][data-game] .controller-bar > .connection{padding:6px 9px;font-size:11px}
}