.arithmetic-scene{height:clamp(280px,43svh,410px)}.arithmetic-scene .journey-destination{top:32%;height:35%;padding:12px}.arithmetic-operation .journey-source{min-height:67px;bottom:5%;padding:7px;gap:13px}.arithmetic-operation .journey-source .journey-piece{height:62px;width:72px;max-width:76px}.arithmetic-operation .journey-destination .journey-piece{height:67px;max-width:83px}.arithmetic-operation .journey-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.arithmetic-operation .journey-slots .journey-piece{flex:0 1 17%}.arithmetic-story{position:absolute;top:7%;left:23%;right:7%;text-align:center;background:#fffae9e8;padding:8px 13px;border-radius:15px;font-weight:800;font-size:17px;line-height:1.35}.tray-caption{position:absolute;top:-23px;left:22%;right:22%;background:#fff8e6e8;padding:2px 7px;border-radius:8px;font-size:11px;font-weight:750;text-align:center}.arithmetic-answers{display:flex;justify-content:center;align-items:center;gap:12px;min-height:94px}.quantity-answer{position:relative;background:#fffaf0;border:2px solid #c6d8ba;box-shadow:0 4px 0 #b2c29e44;border-radius:18px;width:30%;max-width:200px;min-height:77px;padding:7px 10px;display:flex;align-items:center;justify-content:center;gap:9px}.answer-objects{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;width:75%;min-height:45px}.answer-objects .journey-piece{display:inline-block;width:30px;height:34px;padding:0;flex-shrink:0}.answer-number{font-weight:850;font-size:25px;color:#567855}.empty-answer{background:radial-gradient(ellipse,#fffdf2 53%,#cfdcba 59%,#f0f3e3 72%);border:1px solid #bdccaa;width:61px;height:39px;min-height:0;border-radius:50%}.quantity-answer:focus-visible,.arithmetic-plate:focus-visible{outline:4px solid #dda652;outline-offset:3px}.arithmetic-pair{position:absolute;left:6%;width:88%;top:32%;display:flex;align-items:center;justify-content:center;gap:25px}.arithmetic-plate{width:46%;min-height:133px;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:1px;background:radial-gradient(ellipse,#fffdf1 55%,#d2dfbd 60%,#fffbed 73%);border:2px solid #bfcfa7;border-radius:40%;padding:13px 16px;box-shadow:0 7px 0 #82754b24}.arithmetic-plate .journey-piece{height:59px;width:60px;max-width:29%;padding:1px}.arithmetic-compare .journey-source{min-height:63px;bottom:5%}.arithmetic-compare .journey-source .journey-piece{width:65px;height:61px}.arithmetic-compare .arithmetic-pair:has([data-dropzone]){top:22%}.arithmetic-compare .arithmetic-pair:has([data-dropzone]) .arithmetic-plate{min-height:114px}.arithmetic-answers button:hover:not(:disabled){border-color:#86ad8e;background:#f7faed}.arithmetic-operation .journey-destination .journey-piece.counting-now{outline:4px solid #e2ae52}.arithmetic-compare button.arithmetic-plate:hover:not(:disabled){outline:3px solid #ddad58}.arithmetic-compare .journey-source{gap:10px}body[data-arithmetic-mode] #helper{flex:0 0 36px;width:36px;height:36px;border-radius:50%;border:1px solid #d9ddbd;background:#fff3ce;font-size:20px;padding:0}body[data-arithmetic-mode] .journey-instruction h2{font-size:clamp(18px,2.4vw,24px)}body[data-arithmetic-mode] .journey-feedback{margin:5px 0;min-height:24px}body[data-arithmetic-mode] #answer-area{min-height:93px}body[data-arithmetic-mode="compare"] #answer-area{min-height:0}body[data-arithmetic-mode] .journey-gesture{margin-top:0}.arithmetic-scene .counting-now{transform:translateY(-4px) scale(1.05)}
@media(max-width:650px){.arithmetic-scene{height:clamp(250px,39svh,340px);border-width:3px}.arithmetic-scene .journey-destination{top:31%;height:34%;padding:7px;left:10%;width:80%}.arithmetic-operation .journey-destination .journey-piece{height:47px;max-width:52px}.arithmetic-operation .journey-source{bottom:4%;min-height:58px;padding:4px;gap:4px}.arithmetic-operation .journey-source .journey-piece{height:46px;width:49px}.arithmetic-story{font-size:13px;left:20%;right:5%;padding:6px 8px;top:7%}.tray-caption{font-size:10px;top:-20px}.arithmetic-answers{gap:7px;min-height:82px;align-items:stretch;padding:7px 0}.quantity-answer{padding:5px 4px;min-height:67px;border-radius:14px;gap:2px;width:31.5%}.answer-objects{width:75%;min-height:41px}.answer-objects .journey-piece{width:22px;height:25px}.answer-number{font-size:21px}.empty-answer{width:39px;height:29px;min-height:0}.arithmetic-pair{gap:12px;left:4%;width:92%;top:32%}.arithmetic-plate{width:47%;min-height:109px;padding:8px 9px;border-radius:37%}.arithmetic-plate .journey-piece{height:42px;width:43px;max-width:30%}.arithmetic-compare .arithmetic-pair:has([data-dropzone]){top:23%}.arithmetic-compare .arithmetic-pair:has([data-dropzone]) .arithmetic-plate{min-height:98px}.arithmetic-compare .journey-source{min-height:54px;bottom:5%;gap:7px}.arithmetic-compare .journey-source .journey-piece{height:48px;width:53px}body[data-arithmetic-mode] #answer-area{min-height:82px}body[data-arithmetic-mode="compare"] #answer-area{min-height:0}body[data-arithmetic-mode] main{padding-bottom:15px}body[data-arithmetic-mode] .journey-instruction{min-height:52px}body[data-arithmetic-mode] .journey-instruction h2{font-size:18px}.arithmetic-scene .orchard-destination:before{border-width:6px}.arithmetic-operation .mini-plate{min-height:0}}
.arithmetic-scene{background-position:center top}.arithmetic-operation.celebrating .arithmetic-story{background:#fff4cc}
body[data-arithmetic-mode="subtract"] .arithmetic-operation .journey-source .journey-piece{opacity:.58}body[data-arithmetic-mode="subtract"] .arithmetic-operation .journey-source .journey-piece:hover{opacity:1}