.split-diagram{margin:18px auto;max-width:620px}.split-whole{display:flex;gap:12px;align-items:center;justify-content:center;color:#216f97;font-size:17px;font-weight:800}.split-whole b{display:grid;place-items:center;min-width:65px;min-height:56px;border-radius:18px;border:3px solid #c2e8f5;background:#e7f7ff;font-size:32px}.split-branches{text-align:center;word-spacing:115px;color:#74bdd5;font-size:27px;height:37px}.split-groups{display:grid;grid-template-columns:1fr 1fr;gap:15px}.split-group{background:#edf8ff!important;min-width:0}.split-group:nth-child(2){background:#fff3dc!important;border-color:#ffdda2}.split-group .count-objects{height:125px}.split-group .compact .count-object{width:38px;height:38px}.split-equation{text-align:center;font-size:27px;font-weight:800;color:#256d94;margin:15px 0}.split-equation span{display:inline-block;border-radius:12px;padding:3px 12px;background:#e2f5ff}.split-equation span:last-child{background:#fff1d0;color:#9c5c16}.split-unknown,.split-empty{display:grid;place-items:center;min-height:125px;font-size:52px;color:#639ab3}.split-empty{font-size:40px}.split-move-controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:18px 0}.split-tool{display:block;margin:18px auto}.split-merged{max-width:480px;margin:18px auto;text-align:center;border:2px solid #bfe3f5;background:#effaff;border-radius:20px;padding:12px}.split-merged>strong{font-size:21px;color:#236b90}.split-merged .count-objects{height:170px}.split-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.split-compare .split-group .compact .count-object{width:24px;height:24px}.split-compare .split-group .count-objects{height:100px}.split-part-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.split-part-inputs>section{padding:12px;background:#eff9ff;border-radius:18px;border:2px solid #cce7f2}.split-part-inputs>section:nth-child(2){background:#fff6e4;border-color:#faddaa}.split-number-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.split-number-grid button{min-height:43px;background:white;border:2px solid #c6e4f2;border-radius:12px;color:#216b90;font-size:21px}.split-number-grid .selected{background:#ffd38a;border-color:#efa737;color:#884a13}.split-tip .tip-dots{flex-wrap:wrap}.split-tip .tip-counter{flex-wrap:wrap}@media(max-width:760px){.split-groups{gap:10px}.split-group .compact .count-object{width:29px;height:29px}.split-group .count-objects{height:112px}.split-equation{font-size:24px}.split-compare{grid-template-columns:1fr}.split-compare .split-diagram{margin:7px 0;padding:10px;background:#f5fbff;border-radius:20px}.split-compare .split-group .compact .count-object{width:29px;height:29px}.split-part-inputs{gap:10px}.split-part-inputs>section{padding:9px}.split-number-grid{gap:5px;grid-template-columns:repeat(3,minmax(0,1fr))}.split-number-grid button{min-height:42px;font-size:20px}.split-branches{word-spacing:75px}.split-whole{font-size:16px}.split-tip h2{font-size:23px}.split-merged .count-object{width:43px;height:43px}}@media(max-width:360px){.split-group .compact .count-object{width:25px;height:25px}.split-compare .split-group .compact .count-object{width:25px;height:25px}}

.split-number-grid .correct{background:#d9f7e7;border-color:#58b886;color:#216a45}.split-number-grid .wrong{background:#fff0e9;border-color:#eca87d;color:#8d4a26}

.split-group .compact.many .count-object{width:min(17%,44px);height:auto;aspect-ratio:1}@media(max-width:760px){.split-big .split-groups{grid-template-columns:1fr}.split-big .split-branches{display:none}.split-big .split-group .compact.many .count-object{width:min(17%,44px)}.split-big .split-group .count-objects{height:130px}}

.split-play{margin:20px 0;padding:18px;border:2px solid #c9e6f3;border-radius:22px;background:#f4fbff}.split-play>p:first-child{text-align:center;font-weight:800;color:#2b7494}.split-total-picker{grid-template-columns:repeat(6,minmax(0,1fr));max-width:470px;margin:14px auto}.split-play .split-move-controls{margin-bottom:12px}@media(max-width:760px){.split-play{padding:12px}.split-total-picker{grid-template-columns:repeat(4,minmax(0,1fr))}}