/* Flag Quiz only: the answer buttons and the flag credit. Everything else comes from ../shared/game.css. */
.answers{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.answers.six{grid-template-columns:repeat(3,1fr)}
.answer{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 12px;text-align:left;cursor:pointer;
  font:700 16px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;color:var(--ink);background:var(--panel);
  border:2px solid var(--line);border-radius:12px;touch-action:manipulation;transition:transform .08s ease,border-color .12s,background .12s}
.answer[hidden]{display:none}
.answer .num{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#ffffff12;
  font:11px ui-monospace,Menlo,monospace;color:var(--muted)}
.answer .label{min-width:0;overflow-wrap:anywhere}
.answer:hover{border-color:#5a4a8a}
.answer:active{transform:scale(.97)}
.answer:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.answer.right{border-color:var(--jax);background:#a6ff0026;color:#e9ffd0}
.answer.right .num{background:var(--jax);color:var(--night)}
.answer.wrong{border-color:var(--flint);background:#ff2e6326;color:#ffd0dc}
.answer.wrong .num{background:var(--flint);color:var(--night)}
.answer.dim{opacity:.45}
.credit{margin:-2px 0 0;text-align:center;font:600 11px "Plus Jakarta Sans",system-ui,sans-serif;color:var(--muted)}
.credit a{color:var(--muted)}
canvas#world:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media (max-width:560px){
  .answers.six{grid-template-columns:1fr 1fr}
  .answer{min-height:46px;font-size:14px;padding:6px 10px;gap:8px}
  .answer .num{width:20px;height:20px;font-size:10px}
}
@media (prefers-reduced-motion:reduce){.answer{transition:none}.answer:active{transform:none}}
.zone-banner{top:auto;bottom:5%}