/* Zelda trivia quiz. Theme-aware. */
.zq-card{max-width:640px;margin:10px auto 26px;border:1px solid var(--zx-line);border-radius:16px;background:var(--zx-card);padding:22px 24px;box-shadow:0 6px 22px rgba(0,0,0,.12);color:var(--zx-ink)}
.zq-intro,.zq-end{text-align:center}
.zq-tri{width:74px;height:65px;display:block;margin:0 auto 10px}
.zq-intro h3,.zq-end h3{margin:6px 0}
.zq-go,.zq-next,.zq-share{background:#2b7a4b;color:#fff;border:0;border-radius:10px;padding:11px 22px;font-weight:700;font-size:15px;cursor:pointer;margin-top:10px}
.zq-go:hover,.zq-next:hover{background:#1d5a36}.zq-share{background:#9c7424}.zq-share:hover{background:#7d5c1b}
.zq-top{display:flex;justify-content:space-between;font-size:13px;font-weight:700;opacity:.75}
.zq-bar{height:6px;border-radius:3px;background:color-mix(in srgb,var(--zx-green) 15%,transparent);margin:8px 0 16px;overflow:hidden}.zq-bar i{display:block;height:100%;background:#dcb45c;transition:width .3s}
.zq-q{font-size:20px;line-height:1.35;margin:0 0 14px}
.zq-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.zq-opt{text-align:left;border:2px solid var(--zx-line);border-radius:10px;background:var(--zx-bg);color:var(--zx-ink);padding:11px 14px;font-size:15px;font-weight:600;cursor:pointer;transition:border-color .15s,transform .1s}
.zq-opt:hover:not(:disabled){border-color:#2b7a4b;transform:translateY(-1px)}
.zq-opt:disabled{cursor:default}
.zq-opt.ok{border-color:#2f9a5c;background:color-mix(in srgb,#2f9a5c 18%,var(--zx-bg))}
.zq-opt.no{border-color:#c8553d;background:color-mix(in srgb,#c8553d 16%,var(--zx-bg))}
.zq-fact{margin:14px 0 0;border-radius:10px;padding:10px 14px;font-size:14px;line-height:1.5}
.zq-fact.ok{background:color-mix(in srgb,#2f9a5c 12%,transparent);border-left:4px solid #2f9a5c}
.zq-fact.no{background:color-mix(in srgb,#c8553d 10%,transparent);border-left:4px solid #c8553d}
.zq-next{float:right}.zq-card:after{content:"";display:block;clear:both}
.zq-label{text-transform:uppercase;letter-spacing:.1em;font-size:12px;opacity:.7;margin:0}
.zq-score{font-size:64px;font-weight:900;line-height:1;color:#dcb45c}.zq-score small{font-size:24px;opacity:.7}
.zq-best{font-size:13px;opacity:.8}.zq-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
@media (max-width:560px){.zq-opts{grid-template-columns:1fr}.zq-q{font-size:18px}.zq-card{padding:18px}}