.math-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:790px;margin:12px auto;align-items:stretch}.math-card{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px;padding:16px;background:#fff;border:3px solid #a9d6ed;border-bottom:7px solid #479cce;border-radius:25px;cursor:pointer;color:#253753;font:inherit;position:relative}.math-card:nth-child(2){border-color:#d3b7fa;border-bottom-color:#9660df}.math-card:hover{transform:translateY(-2px)}.math-art{display:flex;align-items:center;justify-content:center;width:180px;height:180px;font-size:90px;flex-shrink:0;max-width:100%;transform:scale(var(--object-scale,1));transform-origin:center bottom}.math-art.atlas{background-size:400% 400%;background-repeat:no-repeat;background-color:white;clip-path:inset(1% round 12px)}.math-art svg{width:100%;height:100%}.math-group{display:flex;justify-content:center;align-items:flex-end;min-height:180px;width:100%}.math-group.multiple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;justify-items:center;max-width:270px}.multiple .math-art{width:70px;height:70px}.math-label{font-weight:700;font-size:20px}.math-feedback{min-height:30px;text-align:center;color:#147a47;font-weight:700}.math-chip{border:2px solid #a0b9d9;border-bottom-width:5px;border-radius:14px;background:#f4f9ff;padding:10px 20px;font:inherit;cursor:pointer;min-width:50px;min-height:44px}.math-labels,.math-palette{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.math-palette .math-chip{border-color:var(--paint);color:#203049;background:#fff}.math-palette [aria-pressed=true]{outline:3px solid #173f85;outline-offset:3px}.math-card.right,.math-chip.right{border-color:#19b560;background:#effdf4}.math-card.wrong{animation:mathshake .25s}.paint-target:not(.painted) .math-group{filter:grayscale(1);opacity:.65}.paint-target.painted{background:color-mix(in srgb,var(--paint) 20%,white);border-color:var(--paint)}.paint-target.painted .math-group{filter:grayscale(1) sepia(1)}.paint-target.painted .math-group:after{content:'';position:absolute;inset:14px 15px 45px;background:var(--paint);mix-blend-mode:color;pointer-events:none;border-radius:15px}.paint-name{color:var(--paint);font-weight:800}.math-scene{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:700px;background:linear-gradient(#d5f5ff 60%,#d7f2ae 60%);padding:8px 25px;border-radius:20px;font-size:46px}.math-scene .finish{display:flex;gap:20px}.math-reference{margin:auto;max-width:240px}.math-reference .math-art{width:65px;height:65px}.math-reference .math-group{min-height:65px}.equal-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;width:100%;max-width:800px;margin:auto}.equal-col{display:grid;gap:10px}.equal-grid .math-card{padding:6px;min-height:100px}.equal-grid .math-group{min-height:65px}.equal-grid .math-art{width:65px;height:65px}.equal-grid .selected{outline:4px solid #edab21}.equal-grid button:disabled{opacity:.5;border-color:#1cad5b}.caterpillar{display:flex;align-items:center;font-size:23px;letter-spacing:-9px}.near-demo{display:flex;font-size:37px;gap:3px}.near-demo span{margin-left:28px}.plate,.empty-plate{border:6px solid #adc4d7;border-radius:50%;background:#e6f3fb;padding:8px;font-size:65px}.empty-plate{width:50px;height:45px}.van{position:relative;font-size:100px}.van small{position:absolute;top:15px;left:37px;font-size:27px}.cupboard{display:inline-flex;align-items:center;justify-content:center;border:7px solid #c276ae;background:#f9dbe8;width:95px;height:140px;font-size:35px}#gameScr .gbody{gap:8px}#gameScr .qbig{font-size:23px}.math-card:focus-visible,.math-chip:focus-visible{outline:4px solid #192e80;outline-offset:3px}@keyframes mathshake{50%{transform:translateX(5px)}}
@media(max-width:650px){.math-row{gap:10px;margin:5px auto}.math-card{padding:8px}.math-art{width:120px;height:140px;font-size:65px}.math-group{min-height:140px}.multiple .math-art{width:38px;height:38px}.math-group.multiple{max-width:135px}.math-label{font-size:15px}.math-chip{padding:8px 12px}.math-scene{font-size:30px;padding:8px 12px}.equal-grid{gap:14px}.equal-grid .math-art{width:38px;height:45px}.equal-grid .math-card{min-height:92px}.math-labels{gap:6px}#gameScr .qbig{font-size:19px}.drawn .caterpillar{font-size:17px}.paint-name{font-size:14px}}
@media(max-height:650px) and (min-width:651px){.math-art{width:125px;height:125px}.math-group{min-height:125px}.multiple .math-art{width:46px;height:46px}.math-card{padding:8px}.math-scene{font-size:28px}.equal-grid .math-card{min-height:72px}.equal-grid .math-art{width:45px;height:45px}.equal-grid .math-group{min-height:45px}}