/*
 * Auth Trigger — login box / avatar pill styles.
 * Originally inline in wq-auth-trigger.php, now a static file so the
 * browser caches it once across the whole site.
 *
 * Login box and avatar pill are styled identically to each game's
 * back-btn and topbar-icon: 40×40, 11px radius, themed background.
 * Per-game selectors (#cg, #cf, etc.) resolve the exact same CSS
 * variables each game already defines — no fallback chains needed.
 */

/* ── Shared shape (both states) ───────────────────────────────── */
.wq-login-box,
.wq-avatar-pill{
  width:40px!important;height:40px!important;
  border-radius:11px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:none!important;flex-shrink:0!important;
  padding:0!important;
  background:#f2f4f7!important;color:#1a6fa3!important;
}
.wq-login-box{cursor:pointer!important;transition:opacity .15s ease!important}
.wq-login-box:hover{opacity:.78!important}
.wq-login-box:active{opacity:.6!important}
.wq-login-box svg{pointer-events:none!important}
.wq-avatar-pill{cursor:default!important;font-size:.82rem!important;font-weight:700!important}

/* ── Per-game colours (matches back-btn / topbar-icon exactly) ── */
#cg  .wq-login-box,#cg  .wq-avatar-pill{background:var(--gbg)!important;color:var(--gd)!important}
#cq  .wq-login-box,#cq  .wq-avatar-pill{background:var(--gbg)!important;color:var(--gd)!important}
#wqr .wq-login-box,#wqr .wq-avatar-pill{background:var(--gbg)!important;color:var(--gd)!important}
#cf  .wq-login-box,#cf  .wq-avatar-pill{background:var(--bbg)!important;color:var(--bd)!important}
#hl  .wq-login-box,#hl  .wq-avatar-pill{background:var(--bbg)!important;color:var(--bd)!important}