/* Rangooo India Quiz */
.qz{--ink:#16202C;--muted:#5A6573;--line:#E7E7E1;--acc:#145C63;max-width:860px;margin:0 auto;padding:8px 20px 48px;color:var(--ink);font-family:Inter,system-ui,sans-serif}
.qz h1,.qz h2{font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-.01em;margin:0}
.qz .crumb{font-size:13px;color:var(--muted);margin:8px 0 6px}.qz .crumb a{color:inherit;text-decoration:none}
.qz-hero{padding:28px;border-radius:30px;background:radial-gradient(70% 90% at 100% 0%,#FFD9E4,transparent 60%),radial-gradient(70% 90% at 0% 100%,#D6F0DC,transparent 60%),#FFF8EE}
.qz-kick{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#B5541B;margin-bottom:10px}
.qz-hero h1{font-size:clamp(32px,5vw,54px);line-height:1.05}
.qz-hero p{font-size:16px;line-height:1.55;color:#3A4654;max-width:52ch;margin:12px 0 18px}
.qz-teams{display:inline-flex;padding:4px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.qz-teams button{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:none;font:600 14px Inter,system-ui,sans-serif;color:var(--muted);cursor:pointer}
.qz-teams button[aria-pressed="true"]{background:var(--acc);color:#fff}
.qz-h2{font-size:28px;margin:32px 0 14px}
.qz-rounds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.qz-round{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:120px;padding:16px;border-radius:22px;border:1px solid var(--line);background:#fff;color:var(--ink);text-align:left;cursor:pointer;font-family:inherit;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}
.qz-round:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(22,32,44,.1)}.qz-round:active{transform:scale(.97)}
.qz-round.mix{background:radial-gradient(rgba(255,255,255,.09) 1.2px,transparent 1.4px) 0 0/14px 14px,linear-gradient(135deg,#34407A,#5A68A8);color:#fff;border:0}.qz-round.mix .qz-sub{color:#C9D3E0}
.qz-ic{font-size:30px;line-height:1}
.qz-round b{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:20px;margin-top:auto}
.qz-sub{font-size:13px;color:var(--muted)}
.qz-play{margin-top:16px;padding:24px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(22,32,44,.06)}
.qz-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--muted);font-weight:600}
.qz-board{display:flex;gap:8px}
.qz-team{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#F4F1EA;font-size:13px}
.qz-team b{font-size:16px;color:var(--ink)}.qz-team.on{background:#16202C;color:#fff}.qz-team.on b{color:#FFD58A}
.qz-bar{height:6px;border-radius:6px;background:#F1EEE6;margin:14px 0 20px;overflow:hidden}
.qz-bar i{display:block;height:100%;width:var(--p,0);background:linear-gradient(90deg,#C98B2E,#C8587A);border-radius:6px;transition:width .4s}
.qz-q{font-size:clamp(22px,3vw,30px);line-height:1.25}
.qz-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.qz-opt{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 14px;border-radius:18px;border:1.5px solid var(--line);background:#FBFAF6;color:var(--ink);text-align:left;font:500 16px/1.3 Inter,system-ui,sans-serif;cursor:pointer;transition:transform .15s,background .15s,border-color .15s}
.qz-opt:hover:not([disabled]){border-color:var(--acc);background:#F1F8F8}.qz-opt:active:not([disabled]){transform:scale(.98)}
.qz-l{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);font-weight:700;font-size:13px;color:var(--muted)}
.qz-opt.right{background:#E3F5E9;border-color:#2E9E6B}.qz-opt.right .qz-l{background:#2E9E6B;color:#fff;box-shadow:none}
.qz-opt.wrong{background:#FDECEC;border-color:#E5484D;animation:qzShake .35s}.qz-opt.wrong .qz-l{background:#E5484D;color:#fff;box-shadow:none}
.qz-opt[disabled]{cursor:default}
@keyframes qzShake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.qz-fact{margin:18px 0 0;padding:14px 16px;border-radius:16px;font-size:15px;line-height:1.5}
.qz-fact.yes{background:#E3F5E9;color:#14532D}.qz-fact.no{background:#FFF4E6;color:#7A3E0A}
.qz-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;margin-top:16px;border-radius:999px;border:0;background:var(--acc);color:#fff;font:600 15px/1 Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer}
.qz-btn.ghost{background:#fff;color:var(--acc);box-shadow:inset 0 0 0 1.5px rgba(20,92,99,.3)}
.qz-opt:focus-visible,.qz-btn:focus-visible,.qz-round:focus-visible,.qz-teams button:focus-visible{outline:3px solid #E8590C;outline-offset:2px}
.qz-end{margin-top:16px;padding:40px 24px;border-radius:28px;text-align:center;background:radial-gradient(70% 90% at 50% 0%,#FFE3C2,transparent 60%),#FFF8EE}
.qz-end h2{font-size:clamp(28px,4vw,44px)}
.qz-endbtns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}
.qz-spark{position:fixed;z-index:60;width:8px;height:8px;border-radius:50%;pointer-events:none;animation:qzSpark .75s ease-out forwards}
@keyframes qzSpark{to{transform:translate(var(--dx),var(--dy)) scale(.3);opacity:0}}
.qz-conf{position:fixed;z-index:60;top:-12px;width:9px;height:14px;border-radius:2px;pointer-events:none;animation:qzFall 2.8s ease-in forwards}
@keyframes qzFall{to{transform:translateY(105vh) rotate(var(--r));opacity:.9}}
@media (max-width:760px){
  .qz{padding:4px 14px 32px}
  .qz-hero{padding:22px 18px;border-radius:24px}
  .qz-rounds{grid-template-columns:1fr 1fr;gap:10px}
  .qz-round{min-height:104px;padding:14px}
  .qz-play{padding:18px 14px;border-radius:22px}
  .qz-opts{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.qz-opt.wrong{animation:none}.qz-round,.qz-opt{transition:none}}