.quick{gap:8px;width:100%;max-width:min(560px,100%);margin-inline:auto;display:grid}.quick-hud{justify-content:space-between;gap:8px;font-size:12px;font-weight:700;display:flex}.quick-score{color:var(--accent,#2f6bff)}.quick-stage{aspect-ratio:1;box-sizing:border-box;contain:layout paint;background:#f4f6fb;border:3px solid #1d2440;border-radius:6px;width:min(100%,62svh);margin-inline:auto;padding:6px;position:relative}.quick-grid{gap:4px;width:100%;height:100%;display:grid}.quick-cell{cursor:pointer;background:#fff;border:2px solid #d5dbe8;border-radius:4px;place-items:center;min-width:0;min-height:0;padding:10%;display:grid}.quick-cell:disabled{cursor:default}.quick-cell:not(:disabled):hover,.quick-cell:focus-visible{border-color:#2f6bff;outline:none}.quick-cell svg{width:100%;height:100%;display:block}.quick-cell[data-state=odd]{background:#eafff3;border-color:#19a35b;box-shadow:inset 0 0 0 3px #19a35b}.quick-cell[data-state=miss]{background:#fff0ef;border-color:#e5403a}.quick-cell[data-ai=true]{position:relative}.quick-cell[data-ai=true]:after{content:"AI";color:#fff;background:#1d2440;border-radius:2px;padding:2px 3px;font-size:10px;line-height:1;position:absolute;top:2px;right:2px}.quick-overlay{text-align:center;background:#f4f6fbd1;place-content:center;justify-items:center;gap:10px;padding:16px;display:grid;position:absolute;inset:0}.quick-overlay p{max-width:28ch;margin:0;font-size:12px;line-height:1.5}.quick-play,.quick-again,.quick-next{font:inherit;color:#1d2440;cursor:pointer;background:#ffd447;border:3px solid #1d2440;border-radius:6px;padding:10px 20px;font-size:24px;font-weight:700;box-shadow:0 4px #1d2440}.quick-next{padding:4px 10px;font-size:12px;box-shadow:0 2px #1d2440}.quick-again{background:#fff;padding:6px 12px;font-size:12px}.quick-final{font-size:24px;font-weight:800}.quick-caption{min-height:3em;font-size:12px;line-height:1.5}@media print{.quick{display:none}}