/* Accounting business gameplay: no external fonts/images, fluid widths, tap-friendly input. */
#play[data-oc-a02] .a01-note{font-size:.95rem;line-height:1.6;margin:10px 0 15px;color:var(--ml-copy)}
#play[data-oc-a02] .a01-tasks{display:grid;gap:14px}
#play[data-oc-a02] .a01-panel{border:1px solid var(--ml-line);border-radius:12px;background:var(--ml-surface);padding:17px;min-width:0}
#play[data-oc-a02] .a01-panel h3{margin:0 0 9px;border-bottom:1px solid var(--ml-line);padding-bottom:8px}
#play[data-oc-a02] .a01-context{margin:9px 0;font-weight:700;line-height:1.7;overflow-wrap:anywhere;color:var(--ml-ink)}
#play[data-oc-a02] .a01-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr));gap:12px;margin-top:14px}
#play[data-oc-a02] .a01-field{display:grid;gap:7px;font-weight:650;min-width:0}
#play[data-oc-a02] .a01-field :is(input,select){width:100%;min-width:0;max-width:100%;min-height:45px;border:1px solid var(--ml-line);border-radius:9px;padding:10px;background:var(--ml-surface);color:var(--ml-ink);font:inherit}
#play[data-oc-a02] :is(input,button,select):focus-visible{outline:3px solid #0b83d3;outline-offset:2px}
#play[data-oc-a02] .a01-tip{font-size:.84rem;line-height:1.55;margin:12px 0 0;color:var(--ml-copy)}
@media(max-width:480px){#play[data-oc-a02] .a01-panel{padding:12px}#play[data-oc-a02] .a01-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr))}}
