.ab{display:grid;gap:.375rem}.ab-card{display:grid;gap:.5rem}.ab-num{display:flex;align-items:center;gap:.75rem;height:clamp(2.75rem,12cqi,3.5rem)}.ab-num .readout{flex:none}.ab-say{flex:1;min-width:0;color:var(--text-2);font-size:var(--fs-sm);line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.ab-say.is-err{color:var(--text-1);font-weight:500}.ab-box{height:clamp(15rem,100svh - 20.875rem,26rem);display:grid;place-items:center;-webkit-tap-highlight-color:transparent}.ab-svg{display:block;touch-action:pan-y;user-select:none;-webkit-user-select:none}.ab-svg[data-style=soroban]{touch-action:none}.fr{fill:var(--bg-1);stroke:var(--text-2);stroke-width:4}.rl{stroke:var(--border-strong);stroke-width:3}.rg{fill:none;stroke-width:3}.rod{outline:0;cursor:pointer}.rod:focus-visible .rg{stroke:var(--accent)}.bd{transition:transform var(--dur-3) var(--ease)}.still .bd{transition:none}.bd ellipse{fill:var(--accent);stroke:var(--accent);stroke-width:2}.b2 ellipse{fill:var(--bg-1);stroke:var(--text-2);stroke-width:4}.bd path{fill:var(--bg-3);stroke:var(--border-strong);stroke-width:2;stroke-linejoin:round}.bd.on path{fill:var(--accent);stroke:var(--accent)}.beam{fill:var(--text-2)}.ud{fill:var(--bg-1)}.lab,.pl{text-anchor:middle}.lab{fill:var(--text-1);font-size:18px;font-weight:600}.pl{fill:var(--text-2);font-size:11px}.ab-act{display:flex;justify-content:center;gap:.5rem}.ab-act .input{flex:1 0 5.5rem}.ab-act .btn{flex:0 1 10rem;padding-inline:.625rem}.ab-row{display:flex;gap:.5rem;align-items:center}.ab-row>input{flex:1}@media(width<48em){.app[data-layout=stage]{padding-top:.5rem}}@media(width<40em){.ab-box{margin-inline:-1rem}}@media(width>=64em){.app>.look{grid-row:1/span 2}.app>.touch{grid-area:1/2}.app>.rail{grid-area:2/2/span 2}.app>.extras{grid-column:1}}