:root{--vfg-cyan:#0891b2;--vfg-dark:#0f172a;--vfg-border:#dbe4ee;--vfg-good:#047857;--vfg-bad:#b91c1c}
.vfg-shell{width:min(1060px,calc(100% - 1.5rem));margin-inline:auto}.vfg-hidden{display:none!important}.vfg-panel{background:#fff;border:1px solid var(--vfg-border);border-radius:1.5rem;box-shadow:0 18px 50px rgba(15,23,42,.08)}
.vfg-hud{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}.vfg-stat{padding:.72rem .5rem;background:#fff;border:1px solid var(--vfg-border);border-radius:1rem;text-align:center}.vfg-stat span{display:block;font-size:.7rem;font-weight:800;text-transform:uppercase;color:#64748b}.vfg-stat strong{display:block;margin-top:.15rem;color:var(--vfg-dark)}
.vfg-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.vfg-choice{padding:1rem;border:2px solid #cbd5e1;border-radius:1rem;background:#fff;font-weight:800;text-align:left;transition:.15s}.vfg-choice:hover:not(:disabled){border-color:var(--vfg-cyan);transform:translateY(-1px)}.vfg-choice.correct{border-color:#10b981;background:#ecfdf5}.vfg-choice.wrong{border-color:#ef4444;background:#fef2f2}.vfg-choice:disabled{cursor:default}
.vfg-primary,.vfg-secondary{border:0;border-radius:.9rem;font-weight:900;padding:.85rem 1.25rem}.vfg-primary{background:var(--vfg-cyan);color:#fff}.vfg-secondary{background:#fff;color:#334155;border:1px solid #cbd5e1}.vfg-primary:disabled{opacity:.45}.vfg-input{width:100%;border:2px solid #cbd5e1;border-radius:1rem;padding:1rem;font-size:1.15rem;font-weight:700}.vfg-input:focus{outline:none;border-color:var(--vfg-cyan);box-shadow:0 0 0 4px rgba(8,145,178,.14)}
.vfg-timer{display:inline-flex;align-items:center;justify-content:center;min-width:5.4rem;padding:.6rem .9rem;border-radius:999px;background:#ecfeff;color:#0e7490;font-weight:900}.vfg-timer.danger{background:#fef2f2;color:#dc2626}.vfg-found{display:flex;flex-wrap:wrap;gap:.5rem}.vfg-chip{padding:.45rem .7rem;border-radius:999px;background:#ecfdf5;color:#047857;font-weight:800}.vfg-note{padding:1rem;border-radius:1rem;background:#f8fafc;border:1px solid #e2e8f0}.vfg-family-list{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.vfg-family-item{padding:.75rem;border-radius:.85rem;background:#f8fafc;border:1px solid #e2e8f0}.vfg-family-item.found{background:#ecfdf5;border-color:#a7f3d0}.vfg-message{min-height:1.5rem;font-weight:800;text-align:center}.vfg-good{color:var(--vfg-good)}.vfg-bad{color:var(--vfg-bad)}
.vfg-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.vfg-result{padding:1rem;border:1px solid var(--vfg-border);border-radius:1rem;text-align:center;background:#fff}.vfg-result span{display:block;font-size:.72rem;text-transform:uppercase;font-weight:800;color:#64748b}.vfg-result strong{font-size:1.35rem;color:var(--vfg-dark)}
@media(max-width:760px){.vfg-hud{grid-template-columns:repeat(2,1fr)}.vfg-choice-grid,.vfg-family-list{grid-template-columns:1fr}.vfg-results{grid-template-columns:repeat(2,1fr)}}
.vfg-save-box{max-width:680px;margin-inline:auto;padding:1rem;border:1px solid var(--vfg-border);border-radius:1rem;background:#f8fafc}
.vfg-leaderboard{width:100%;border-collapse:collapse;min-width:680px}.vfg-leaderboard th,.vfg-leaderboard td{padding:.85rem .8rem;border-bottom:1px solid #e2e8f0;text-align:left}.vfg-leaderboard th{background:#0f172a;color:#fff;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.vfg-leaderboard tbody tr:nth-child(even){background:#f8fafc}.vfg-leaderboard td:first-child{font-weight:900;color:#0e7490}.vfg-leaderboard td:nth-child(3){font-weight:900;color:#0f172a}.vfg-leaderboard td[colspan]{text-align:center;color:#64748b}