/* India Quiz: one button language with Paheli (teal primary, white outlined secondary, tinted+ringed selected, off-grey disabled),
   check and replay icons so right/wrong never rely on colour alone, readable labels, and a night variant for the studio screens.
   Loaded after consistency.css; prem.css still loads last, so the few colours it forces with !important are matched with higher specificity.
   Undo: delete this file, theme.js and their tags in index.html. */
html body .qz{--qz-accent:#145C63;--qz-accent-hover:#0F474D;--qz-on-accent:#fff;--qz-tint:rgba(20,92,99,.08);--qz-hover-tint:rgba(20,92,99,.12);--qz-sec-ink:#145C63;--qz-surface:#fff;--qz-opt-ink:#3A4654;--qz-opt-ring:rgba(22,32,44,.14);--qz-off-bg:#E4E7EB;--qz-off-ink:#56606D;--qz-ok:#2F7A4F;--qz-ok-ink:#1F5E3B;--qz-ok-bg:#EAF4EE;--qz-miss:#B4652A;--qz-miss-ink:#8A4A1C;--qz-miss-bg:#FBEFE2}
/* labels */
html body .qz-end .qz-kick{color:var(--qz-accent)!important}
html body .qz-round.mix{background:radial-gradient(rgba(255,255,255,.09) 1.2px,transparent 1.4px) 0 0/14px 14px,linear-gradient(135deg,#0F474D,#145C63)}
html body .qz-round.mix .qz-sub{color:#fff}
/* primary and secondary */
html body .qz-btn{min-height:48px;background:var(--qz-accent);color:var(--qz-on-accent);box-shadow:none;transition:background .15s,transform .12s}
html body .qz-btn:hover:not([disabled]){background:var(--qz-accent-hover)}
html body .qz-btn:active:not([disabled]){transform:scale(.98)}
html body .qz-btn.ghost{background:var(--qz-surface);color:var(--qz-sec-ink);box-shadow:inset 0 0 0 1.5px var(--qz-accent)}
html body .qz-btn.ghost:hover{background:var(--qz-hover-tint)}
html body .qz-btn[disabled]{background:var(--qz-off-bg);color:var(--qz-off-ink);box-shadow:none;cursor:default;opacity:1}
/* selected (one tint, one ring, one tick) */
html body .qz-teams{background:var(--qz-surface);box-shadow:inset 0 0 0 1px var(--qz-opt-ring)}
html body .qz-teams button{color:var(--qz-opt-ink)}
html body .qz-teams button[aria-pressed="true"]{background:var(--qz-tint);color:var(--qz-sec-ink);box-shadow:inset 0 0 0 2px var(--qz-accent)}
html body .qz-teams button[aria-pressed="true"]::before{content:"\2713";margin-right:6px;font-weight:700}
html body .qz-teams button:not([aria-pressed="true"]):hover{background:var(--qz-hover-tint)}
/* answers: white card, ringed; right = green tick, wrong = amber replay (same as Paheli); the rest go quiet */
html body .qz-opt{background:var(--qz-surface);border-color:var(--qz-opt-ring);color:var(--qz-opt-ink)}
html body .qz-opt:hover:not([disabled]){border-color:var(--qz-accent);background:var(--qz-hover-tint)}
html body .qz-opt[disabled]:not(.right):not(.wrong){background:#F1F3F5;border-color:transparent;color:var(--qz-off-ink)}
html body .qz-opt.right{background:var(--qz-ok-bg);border-color:var(--qz-ok);color:var(--qz-ok-ink)}
html body .qz-opt.right .qz-l{background:var(--qz-ok);color:#fff}
html body .qz-opt.wrong{background:var(--qz-miss-bg);border-color:var(--qz-miss);color:var(--qz-miss-ink)}
html body .qz-opt.wrong .qz-l{background:var(--qz-miss-ink);color:#fff}
html body .qz-opt.right::after,html body .qz-opt.wrong::after{margin-left:auto;flex:none;font-weight:700;font-size:20px;line-height:1}
html body .qz-opt.right::after{content:"\2713";color:var(--qz-ok-ink)}
html body .qz-opt.wrong::after{content:"\21BA";color:var(--qz-miss-ink)}
html body .qz-fact.yes{background:var(--qz-ok-bg);color:var(--qz-ok-ink)}
html body .qz-fact.no{background:var(--qz-miss-bg);color:var(--qz-miss-ink)}
html body .qz-fact.yes::before{content:"\2713\00a0";font-weight:700}
html body .qz-fact.no::before{content:"\21BA\00a0";font-weight:700}
html body .qz-bar i{background:var(--qz-accent)}
/* motion */
@media (prefers-reduced-motion:reduce){
  html body .qz-btn,html body .qz-opt,html body .qz-round,html body .qz-teams button{transition:none!important;animation:none!important}
  html body .qz-btn:active,html body .qz-opt:active,html body .qz-round:active,html body .qz-round:hover{transform:none!important}
}
/* ---------- night (studio screens only; the page behind them keeps the site look) ---------- */
html[data-qz-theme="dark"] body .qz-play:not([hidden]),html[data-qz-theme="dark"] body .qz-end:not([hidden]){--qz-accent:#4FB3C4;--qz-accent-hover:#6BC6D4;--qz-on-accent:#0B1218;--qz-tint:rgba(79,179,196,.16);--qz-hover-tint:rgba(79,179,196,.22);--qz-sec-ink:#7FCBD8;--qz-surface:#18222D;--qz-opt-ink:#DCE4EA;--qz-opt-ring:#34445A;--qz-off-bg:#243140;--qz-off-ink:#97A5B3;--qz-ok:#6CC08F;--qz-ok-ink:#9BDDB5;--qz-ok-bg:#16281F;--qz-miss:#E0A06A;--qz-miss-ink:#F2BE91;--qz-miss-bg:#2A2118;color-scheme:dark;color:#E9EEF2;background:#0F1720!important;background-color:#0F1720!important;--muted:#9BA8B5;--ink:#E9EEF2;--line:#263341}
html[data-qz-theme="dark"] body .qz-play .s2-back,html[data-qz-theme="dark"] body .qz-end .s2-back{background:#18222D;color:#E9EEF2;box-shadow:0 0 0 1px #34445A}
html[data-qz-theme="dark"] body .qz-play .s2-title,html[data-qz-theme="dark"] body .qz-end .s2-title{color:#E9EEF2}
html[data-qz-theme="dark"] body .qz-play .qz-top{color:#B7C3CE}
html[data-qz-theme="dark"] body .qz-play .qz-q,html[data-qz-theme="dark"] body .qz-end h2{color:#E9EEF2}
html[data-qz-theme="dark"] body .qz-play .qz-team{background:#18222D;color:#DCE4EA}
html[data-qz-theme="dark"] body .qz-play .qz-team b{color:#E9EEF2}
html[data-qz-theme="dark"] body .qz-play .qz-team.on{background:#4FB3C4;color:#0B1218}
html[data-qz-theme="dark"] body .qz-play .qz-team.on b{color:#0B1218}
html[data-qz-theme="dark"] body .qz-play .qz-bar{background:#243140}
html[data-qz-theme="dark"] body .qz-play .qz-l{background:#0F1720;color:#DCE4EA;box-shadow:inset 0 0 0 1.5px #34445A}
html[data-qz-theme="dark"] body .qz-play .qz-opt.right .qz-l{background:var(--qz-ok);color:#0B1218;box-shadow:none}
html[data-qz-theme="dark"] body .qz-play .qz-opt.wrong .qz-l{background:var(--qz-miss);color:#0B1218;box-shadow:none}
html[data-qz-theme="dark"] body .qz-play .qz-opt[disabled]:not(.right):not(.wrong){background:#1B2632;color:#97A5B3}
html[data-qz-theme="dark"] body .qz-end .qz-kick{color:#7FCBD8!important}
html[data-qz-theme="dark"] body .qz-end .qz-btn.ghost,html[data-qz-theme="dark"] body .qz-play .qz-btn.ghost{background:transparent;color:#7FCBD8}
html[data-qz-theme="dark"] body .qz-opt:focus-visible,html[data-qz-theme="dark"] body .qz-btn:focus-visible,html[data-qz-theme="dark"] body .s2-back:focus-visible{outline-color:#F2A65A}
