.fc{width:100%}
.fc-prog{font:400 13px var(--mono);margin:4px 0 8px}
.fc-card{perspective:900px;-webkit-perspective:900px;height:clamp(210px,36vh,290px)}
.fc-in{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}
.fc-card.on .fc-in{transform:rotateY(180deg)}
.fc-face{position:absolute;inset:0;padding:14px 16px;border:2px solid var(--navy);border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;gap:8px;overflow:auto;box-shadow:4px 4px 0 var(--navy)}
.fc-front{background:var(--paper)}.fc-front b{font:800 16px Syne,sans-serif}.fc-front span{font:400 14px/1.45 var(--mono)}
.fc-back{transform:rotateY(180deg);color:var(--navy)}.fc-back.ok{background:#7bd34a}.fc-back.bad{background:#ff8fa8}
.fc-v{font:800 20px Syne,sans-serif}.fc-back b{font:800 16px Syne,sans-serif}.fc-back span{font:400 14px/1.45 var(--mono)}
.fc-ch{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.fc-ch button{font:400 14px var(--mono);padding:10px 4px;border:2px solid var(--navy);background:var(--paper);border-radius:10px;min-height:48px}
.fc-ch button:disabled{opacity:.45}.fc-ch button.picked{background:var(--navy);color:#fff;opacity:1}
.fc-end{border:2px solid var(--navy);border-radius:12px;background:var(--gold);padding:18px;text-align:center}.fc-end b{font:800 42px Syne,sans-serif}.fc-end p{font:400 14px/1.45 var(--mono);margin:6px 0}
@media(prefers-reduced-motion:reduce){.fc-in{transition:none}}