#plugin_abacus .abacus-module { max-width: 480px; margin-inline: auto; }
#plugin_abacus .abacus-controls { display: flex; justify-content: center; align-items: center; height: 34px; }
#plugin_abacus .abacus-total { display: flex; justify-content: center; align-items: center; height: 32px; font-size: 1.5em; font-variant-numeric: tabular-nums; }
#plugin_abacus .abacus-stage { display: block; width: 100%; height: 144px; touch-action: none; user-select: none; }
#plugin_abacus .abacus-bead { cursor: grab; outline: none; transition: transform 150ms ease-out; }
#plugin_abacus .abacus-bead:active { cursor: grabbing; }
#plugin_abacus .abacus-hint { height: 40px; margin: 0; display: flex; justify-content: center; align-items: end; text-align: center; font-size: .85em; }
@media (prefers-reduced-motion: reduce) { #plugin_abacus .abacus-bead { transition: none; } }