/* Trivia answer boxes, shared by the TV and the phones. One colour + letter per answer so
   nobody has to rely on colour alone. */
.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ans{border:0;border-radius:12px;padding:14px 16px;color:#fff;display:flex;align-items:center;gap:12px;
  font:700 clamp(1rem,2vw,1.35rem)/1.2 var(--body);min-height:72px;text-align:left;position:relative;overflow-wrap:normal;word-break:normal;hyphens:manual;
  transition:opacity .25s,transform .15s}
.a0{background:#c8321f}
.a1{background:#2563b8}
.a2{background:#e8a317;color:#17202b}
.a3{background:#1d7f4e}
.ans .let{width:2em;height:2em;border-radius:8px;background:rgb(255 255 255 / .25);display:grid;place-items:center;font:800 1rem var(--display);flex:none}
.ans .txt{flex:1;min-width:0}
.ans .cnt{font:800 1.15rem var(--display);background:rgb(0 0 0 / .22);padding:2px 10px;border-radius:99px;flex:none}
.ans.wrong{opacity:.28}
.ans.right{box-shadow:0 0 0 4px var(--panel),0 0 0 8px var(--win)}