.m24{display:grid;gap:12px;justify-items:center;max-width:520px;margin:0 auto}.m24-head{min-height:2.6em;text-align:center;display:grid;place-items:center;padding:0 6px}.m24-yes{color:var(--good);font-size:1.2rem}.m24-dots{display:flex;gap:8px}.m24-dot{width:12px;height:12px;border-radius:50%;background:var(--surface-2);border:2px solid var(--border)}.m24-dot.cur{border-color:var(--accent)}.m24-dot.ok{background:var(--good);border-color:var(--good)}.m24-dot.miss{background:var(--muted);border-color:var(--muted)}.m24-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:380px;padding:14px;border-radius:var(--radius);background:radial-gradient(ellipse at 50% 30%,var(--table),var(--table-2))}.m24-card{appearance:none;aspect-ratio:5 / 4;border-radius:14px;border:3px solid transparent;background:var(--card-face);color:var(--card-black);font:inherit;font-weight:800;cursor:pointer;display:grid;place-items:center;box-shadow:0 3px #00000040;transition:transform .12s,border-color .12s,opacity .2s;touch-action:manipulation;min-width:0}.m24-num{font-size:clamp(2rem,11vw,3.2rem);font-variant-numeric:tabular-nums;line-height:1}.m24-num.m24-long{font-size:clamp(1.4rem,7vw,2.2rem)}.m24-card:hover:not(:disabled){transform:translateY(-2px)}.m24-card.m24-sel{border-color:var(--focus);transform:translateY(-3px);box-shadow:0 0 0 3px var(--focus),0 3px #00000040}.m24-card.m24-hint{border-color:var(--good)}.m24-card.m24-empty{background:transparent;border:2px dashed rgb(255 255 255 / .25);box-shadow:none;cursor:default}.m24-card.m24-win{background:var(--good);color:#fff;animation:m24-pop .5s ease-out}.m24-card:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@keyframes m24-pop{0%{transform:scale(.8)}60%{transform:scale(1.08)}to{transform:scale(1)}}.m24-shake{animation:m24-shake .4s}@keyframes m24-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.m24-ops{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:380px}.m24-op{appearance:none;border:2px solid var(--border);background:var(--surface);color:var(--accent);border-radius:12px;font:inherit;font-size:1.8rem;font-weight:800;min-height:56px;cursor:pointer;touch-action:manipulation}.m24-op:hover:not(:disabled){background:var(--surface-2)}.m24-op.m24-on{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.m24-op.m24-hint{border-color:var(--good);box-shadow:0 0 0 2px var(--good)}.m24-op:disabled{opacity:.5;cursor:default}.m24-work{min-height:1.3em;text-align:center;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.m24-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.m24-answer{font-size:1.4rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){.m24-shake,.m24-card.m24-win{animation:none}}