/* Seven tactile worlds, arranged on the permanent playroom rug. */
.question-panel.mini-open{left:9%;right:9%;bottom:20px;width:auto;height:27%;min-height:260px;max-height:330px;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;overflow:visible}
.mini-open .question-top{display:none}.mini-open .close-game{top:0;left:0;z-index:12;width:36px;height:36px;background:#fffdf5;box-shadow:0 3px 10px #203c3033}
.adventure{height:100%;min-height:0;display:grid;grid-template-rows:30px auto minmax(0,1fr) 28px;gap:4px;direction:rtl;isolation:isolate}
.adventure-heading{display:flex;align-items:center;justify-content:center;gap:12px;padding-inline:42px;color:#244e40}.adventure-heading>strong{background:#fff9e9f5;padding:4px 16px;border:1px solid #ead9b3;border-radius:24px;box-shadow:0 4px 12px #26403322;font-size:15px}
.adventure-listen{border:1px solid #fff6c8;background:#245e4b;color:#fff6cf;width:33px;height:33px;border-radius:50%;font-size:22px;box-shadow:0 3px 0 #133c2f}
.adventure-prompt{justify-self:center;max-width:96%;margin:0;background:#fffdf2f2;padding:4px 14px;border-radius:13px;font-size:13px;font-weight:750;color:#285244;line-height:1.35;text-align:center}
.adventure-stage{position:relative;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:7px;overflow:visible;padding:3px 8px}
.adventure-status{align-self:center;text-align:center;justify-self:center;max-width:100%;font-size:11px;line-height:1.25;color:#2f5949;background:#fffdf1e8;padding:5px 12px;border-radius:12px;min-height:24px}
.adventure-bank{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;z-index:4;max-width:100%}
.toy-art{display:block;width:67px;height:67px;filter:drop-shadow(0 5px 3px #3c47352b)}.toy-art svg,.bridge-traveler svg,.rescued-toy svg,.served-item svg,.memory-toy svg,.factory-robot svg,.feeling-prop svg{width:100%;height:100%;display:block}
.toy-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:76px;min-height:81px;border:1px solid #fffaf2;border-bottom:4px solid #d5bd88;border-radius:20px;background:linear-gradient(145deg,#fffef9,#f5e7c8);padding:3px 7px 5px;color:#244c3e;box-shadow:0 5px 11px #41392026;touch-action:none;transition:box-shadow .15s,filter .15s;cursor:grab}
.toy-button:hover,.letter-toy:hover,.shape-choice:hover{filter:brightness(1.07);box-shadow:0 7px 16px #45361340}.toy-label{font-size:11px;font-weight:750;line-height:1.15;max-width:100px;text-align:center}.toy-held{z-index:30!important;cursor:grabbing!important;filter:drop-shadow(0 13px 7px #183d3b55);animation:none!important}.drop-ready{outline:3px dashed #e5ad3b;outline-offset:5px}.toy-retry{animation:toy-retry .4s ease}.toy-collected{visibility:hidden}.adventure-won .adventure-status{background:#dcf6d5;color:#245b37;font-weight:800}.adventure-won::after{content:'✦ · ✧ · ✦';position:absolute;pointer-events:none;left:15%;right:15%;top:35%;text-align:center;font-size:34px;color:#edb948;animation:sparkle-rise 1.7s ease both}
.word-river{position:relative;width:min(580px,100%);height:108px;flex:1;max-height:140px;min-height:75px;border-radius:40% 48% 40% 45%;background:repeating-linear-gradient(170deg,#75cdd8 0 12px,#9edee1 13px 17px,#67c2d0 18px 30px);box-shadow:inset 0 0 0 7px #eff8d77a,0 7px 0 #aab69a50;display:flex;align-items:center;justify-content:center;padding:0 55px;overflow:hidden}
.river-ripple{position:absolute;inset:20% 3%;border-top:3px dashed #e4ffff9a;border-bottom:2px dashed #e4ffff9a;animation:river-drift 4s linear infinite}.letter-bridge{display:flex;gap:5px;z-index:2;direction:rtl}.bridge-plank{display:grid;place-items:center;width:45px;height:49px;border:2px dashed #f4dfa6;border-radius:7px;background:#fff9da30;font-size:31px;font-weight:900;color:#5d3b23}.bridge-plank.placed{border:2px solid #9c6538;background:linear-gradient(90deg,#eabe7c,#fae1a4 40%,#dca860);box-shadow:0 5px 0 #775333,0 7px 8px #17424644;animation:plank-in .35s ease}.bridge-traveler{position:absolute;right:0;top:5%;width:61px;height:61px;z-index:3;filter:drop-shadow(0 4px 3px #2645323a)}.bridge-complete .bridge-traveler{animation:bridge-cross 1.8s ease both}.letter-toy{width:49px;height:51px;display:grid;place-items:center;border:2px solid #fff6d1;border-bottom:5px solid #ab7938;border-radius:14px;background:linear-gradient(145deg,#fff0b6,#f3ca73);font-size:30px;font-weight:900;color:#244d41;box-shadow:0 5px 8px #5a412b2b;touch-action:none}.letter-toy:disabled{opacity:.25;box-shadow:none}
.rescue-meadow{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;flex:1}.rescue-toy{border-radius:50% 50% 22% 22%;background:linear-gradient(#f4ffeb,#d8edbd);animation:toy-bob 3.6s ease-in-out infinite;animation-delay:calc(var(--i)*-.7s)}.rescue-basket{position:relative;width:115px;height:69px;display:flex;align-items:center;justify-content:center}.rescue-basket>.toy-art{position:absolute;width:110px;height:80px}.rescue-basket strong{z-index:1;background:#fff4c7;border-radius:50%;padding:3px 10px;font-size:23px;color:#8d5c2b}.rescued-toy{position:absolute;width:48px;height:48px;top:-20px;left:32px;z-index:3;animation:plank-in .4s ease}
.rhyme-band{display:flex;justify-content:center;align-items:center;gap:20px;width:min(470px,100%);background:radial-gradient(ellipse,#eedba5bd,transparent 70%);flex:1}.rhyme-singer,.rhyme-partner{display:flex;align-items:center;flex-direction:column;justify-content:center;min-width:76px;min-height:76px;border-bottom:8px solid #a67643;border-radius:15px;background:linear-gradient(transparent 50%,#f1cea0 50%);font-size:13px}.rhyme-partner{border:2px dashed #d0a955;border-bottom:7px solid #a67643}.rhyme-partner>span:not(.toy-art){font-size:35px;color:#b27840}.music-notes{font-size:24px;color:#bf9240;opacity:.35}.band-playing .music-notes{opacity:1;animation:toy-bob .65s infinite}.band-playing .rhyme-singer,.band-playing .rhyme-partner{animation:band-dance .45s ease-in-out infinite alternate}
.cafe-counter{display:flex;align-items:center;justify-content:center;width:100%;gap:30px;flex:1;border-bottom:9px solid #b98352;border-radius:7px;background:linear-gradient(transparent 75%,#edcf95 75%)}.cafe-customer{position:relative;display:flex;align-items:center}.cafe-customer>.toy-art{width:80px;height:80px}.order-bubble{position:absolute;top:-8px;right:56px;direction:ltr;border-radius:15px 15px 3px 15px;background:white;border:1px solid #e4ce9c;padding:5px 9px;font-size:12px;white-space:nowrap}.cafe-tray{position:relative;min-width:135px;height:69px;border:5px solid #c99250;border-radius:50%;background:#f9dfa6;box-shadow:inset 0 0 0 3px #e3b772;display:flex;justify-content:center;align-items:center}.tray-label{position:absolute;bottom:5px;font-size:10px;color:#775838}.served-item{width:47px;height:47px;z-index:2;animation:plank-in .4s}.cafe-conveyor{display:flex;gap:13px;justify-content:center;background:repeating-linear-gradient(90deg,#90a8a0 0 15px,#6f8982 16px 19px);border-radius:19px;padding:4px 12px 7px;border-bottom:5px solid #516e63}.cafe-item{animation:arrive-toy 1s ease both;animation-delay:calc(var(--i)*.15s)}
.pattern-factory{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:3px}.factory-robot{width:67px;height:67px;filter:grayscale(.7);opacity:.7}.pattern-belt{display:flex;direction:ltr;align-items:center;justify-content:center;gap:10px;min-height:45px;padding:5px 13px;border-radius:16px;border-bottom:6px solid #6b7f75;background:repeating-linear-gradient(90deg,#9fb2a7 0 17px,#829a8e 18px 21px)}.pattern-part{display:inline-block;width:28px;height:28px;flex:none;border:2px solid #ffffffb3;box-shadow:inset 0 -4px #0002,0 3px 3px #293c3b33;background:#42a2d3;border-radius:50%}.part-gold{background:#efbb43}.part-coral{background:#ef7c69}.part-star{background:#edbd4e;border-radius:0;clip-path:polygon(50% 0,61% 35%,100% 38%,70% 61%,80% 100%,50% 77%,20% 100%,30% 61%,0 38%,39% 35%)}.part-moon{background:#bd9cda;box-shadow:inset 9px -3px #784b9c}.part-triangle{background:#e27760;border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%)}.pattern-socket{display:grid;place-items:center;width:34px;height:34px;border:2px dashed white;border-radius:9px;color:#fff;font-size:24px}.shape-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:76px;height:64px;background:#fff6dd;border:2px solid white;border-bottom:4px solid #d1b77a;border-radius:17px;touch-action:none}.factory-working .factory-robot{filter:none;opacity:1;animation:robot-dance .45s ease-in-out infinite alternate}.pattern-hint .pattern-part{animation:part-pulse .8s ease;animation-delay:calc(var(--i)*.12s)}
.memory-room{display:flex;justify-content:center;align-items:center;gap:9px;padding:9px 12px 17px;border:2px solid #ddc79d;border-bottom:9px solid #b98656;border-radius:24px 24px 8px 8px;background:linear-gradient(#fff9df,#e4eacb);width:100%;min-height:85px;flex:1;max-height:125px}.memory-toy{width:64px;height:64px;flex:0 1 64px;min-width:0;filter:drop-shadow(0 5px 3px #3d452e30)}.memory-missing{visibility:hidden}.memory-found{animation:plank-in .5s}.memory-curtain{position:absolute;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;background:#273d55;color:#fff4b7;border-radius:20px;opacity:0;pointer-events:none;transition:opacity .22s;font-size:20px}.memory-curtain.closed{opacity:1}.adventure-ready{padding:11px 22px;border-radius:18px;border:2px solid #fff6c9;border-bottom:4px solid #174b39;background:#34725a;color:#fff9dc;font-size:15px;font-weight:750;min-height:46px}.adventure-memory .adventure-bank{gap:6px}.adventure-memory .toy-button{min-width:52px;min-height:65px;padding:2px 4px}.adventure-memory .toy-art{width:48px;height:48px}
.feeling-theater{position:relative;display:flex;align-items:center;justify-content:center;gap:22px;width:100%;flex:1;min-height:100px;background:radial-gradient(ellipse at 50% 90%,#ead6a887,transparent 70%)}.feeling-puppet{position:relative;width:94px;height:113px}.puppet-ear{position:absolute;top:2px;width:31px;height:31px;border:6px solid #d8a271;border-radius:50%;background:#eec6a2}.puppet-ear.left{left:2px}.puppet-ear.right{right:2px}.puppet-face{position:absolute;z-index:3;left:9px;top:11px;width:77px;height:66px;border:2px solid #b68057;border-radius:44%;background:radial-gradient(ellipse at 40% 24%,#f9d5a9,#d59b65);box-shadow:inset 0 -5px #b77b4133}.puppet-eye{position:absolute;top:22px;width:7px;height:10px;background:#4a3328;border-radius:50%}.puppet-eye.left{left:18px}.puppet-eye.right{right:18px}.puppet-cheek{position:absolute;top:34px;width:13px;height:7px;border-radius:50%;background:#e68e7e88}.puppet-cheek.left{left:8px}.puppet-cheek.right{right:8px}.puppet-mouth{position:absolute;bottom:11px;left:29px;width:15px;height:9px;border-top:3px solid #724a35;border-radius:50%}.mood-surprised .puppet-mouth{border:3px solid #724a35;width:10px;height:13px;left:32px}.puppet-body{position:absolute;bottom:0;left:19px;width:56px;height:54px;border-radius:22px 22px 15px 15px;background:linear-gradient(135deg,#65b7ac,#328b80);border-bottom:7px solid #226d63}.puppet-arm{position:absolute;top:69px;width:20px;height:35px;border-radius:12px;background:#dda875;transform-origin:top}.puppet-arm.left{left:8px;rotate:15deg}.puppet-arm.right{right:8px;rotate:-15deg}.feeling-prop{width:65px;height:65px;align-self:flex-end;rotate:-12deg}.mood-happy .puppet-mouth{border-top:0;border-bottom:3px solid #724a35}.help-hug .puppet-arm.left{rotate:-65deg}.help-hug .puppet-arm.right{rotate:65deg}.help-breathe .feeling-puppet{animation:calm-breath 3s ease-in-out infinite}.help-help .puppet-arm.right{rotate:-140deg;animation:wave-hand .6s infinite alternate}.emotion-choice{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:77px;padding:7px 13px;border:2px solid #fff4d1;border-bottom:4px solid #c7ac77;border-radius:19px;background:#fff8e5;color:#305747}.emotion-choice strong{font-size:12px}.emotion-face{position:relative;width:38px;height:38px;border-radius:50%;background:#f0cb68;box-shadow:inset 0 -4px #c4963433}.emotion-face::before{content:'';position:absolute;top:12px;left:10px;width:4px;height:5px;border-radius:50%;background:#72512b;box-shadow:14px 0 #72512b}.emotion-face::after{content:'';position:absolute;left:13px;bottom:6px;width:12px;height:6px;border-top:2px solid #72512b;border-radius:50%}.emotion-surprised .emotion-face::after{border:2px solid #72512b;width:7px;height:9px;left:14px}.emotion-angry .emotion-face{background:#eda684}
@keyframes toy-bob{50%{transform:translateY(-5px) rotate(2deg)}}@keyframes toy-retry{30%{transform:rotate(-5deg)}65%{transform:rotate(5deg)}}@keyframes plank-in{from{transform:translateY(-18px) scale(.7);opacity:0}to{transform:none;opacity:1}}@keyframes bridge-cross{to{right:calc(100% - 60px);transform:translateY(15px)}}@keyframes river-drift{to{translate:20px 0}}@keyframes band-dance{to{transform:translateY(-5px) rotate(5deg)}}@keyframes arrive-toy{from{transform:translateX(-45px);opacity:0}to{transform:none;opacity:1}}@keyframes robot-dance{to{transform:translateX(12px) rotate(12deg)}}@keyframes part-pulse{50%{transform:scale(1.25);filter:brightness(1.3)}}@keyframes sparkle-rise{from{opacity:0;transform:translateY(20px)}35%{opacity:1}to{opacity:0;transform:translateY(-70px)}}@keyframes calm-breath{50%{transform:scale(1.08)}}@keyframes wave-hand{to{rotate:-110deg}}
@media(max-width:900px){.question-panel.mini-open{left:5%;right:5%;bottom:12px;height:39%;min-height:285px;max-height:350px;padding:0}.adventure{grid-template-rows:31px auto minmax(0,1fr) 27px;gap:3px}.adventure-heading>strong{font-size:13px;padding:4px 11px}.adventure-prompt{font-size:12px;padding:4px 9px}.adventure-stage{padding:2px 3px;gap:6px}.toy-art{width:54px;height:54px}.toy-button{min-width:69px;min-height:72px;padding:3px 5px;border-radius:17px}.toy-label{font-size:10px}.adventure-bank{gap:7px}.word-river{min-height:70px;height:89px;padding:0 40px}.bridge-plank{width:37px;height:43px;font-size:27px}.letter-bridge{gap:3px}.bridge-traveler{width:49px;height:49px}.letter-toy{width:43px;height:46px;font-size:27px}.rescue-meadow{gap:10px}.rescue-basket{height:58px}.rhyme-band{gap:12px}.rhyme-singer,.rhyme-partner{min-height:62px;min-width:64px}.cafe-counter{gap:12px}.cafe-customer>.toy-art{width:67px;height:67px}.cafe-tray{min-width:110px;height:57px}.order-bubble{right:45px;font-size:11px}.cafe-conveyor{gap:7px;padding:3px 8px 5px}.pattern-belt{gap:6px;padding:5px 8px}.pattern-part{width:25px;height:25px}.factory-robot{height:51px;width:51px}.shape-choice{height:58px;width:68px}.memory-room{gap:5px;padding:7px 7px 14px}.memory-toy{width:50px;height:50px}.adventure-memory .toy-art{width:40px;height:40px}.adventure-memory .toy-button{min-width:47px;min-height:58px}.adventure-memory .toy-label{font-size:9px}.adventure-memory .adventure-bank{gap:4px}.adventure-status{font-size:10px;max-width:96%;padding:4px 8px}.feeling-puppet{transform:scale(.88);transform-origin:bottom center}.feeling-theater{min-height:85px}.feeling-prop{height:50px;width:50px}}
@media(max-height:700px){.question-panel.mini-open{height:43%;min-height:260px;bottom:9px}.adventure-stage{gap:3px}.adventure-prompt{font-size:11px}.toy-art{width:44px;height:44px}.toy-button{min-height:60px}.word-river{max-height:90px}.adventure-heading>strong{font-size:12px}.feeling-puppet{transform:scale(.75)}}
@media(prefers-reduced-motion:reduce){.adventure *,.adventure::after{animation:none!important;transition:none!important}.bridge-complete .bridge-traveler{right:calc(100% - 60px)}}

@media(min-width:901px) and (max-height:850px){.question-panel.mini-open{height:205px;min-height:0;bottom:10px}.adventure-heading{justify-content:flex-end;padding-left:45px}.adventure-prompt{justify-self:end;max-width:320px}.adventure-stage{flex-direction:row;gap:20px}.word-river{height:84px;max-height:90px}.adventure-bank{flex-wrap:nowrap}.pattern-factory{flex-direction:row}.feeling-theater{max-width:260px;min-height:80px}.feeling-puppet{transform:scale(.75);transform-origin:center}.memory-room{max-width:450px}.rhyme-band{max-width:400px}.rescue-meadow{max-width:450px}.cafe-counter{max-width:400px}.adventure-status{font-size:11px}}

@media(min-width:701px) and (max-width:900px){.question-panel.mini-open{height:280px;min-height:280px;max-height:280px;bottom:12px}.cafe-customer>.toy-art{width:55px;height:55px}.cafe-tray{height:50px}.feeling-theater{min-height:75px}.feeling-puppet{height:95px;transform:scale(.75);transform-origin:center}}

@media(max-width:360px){.adventure-words .adventure-bank{gap:4px}.letter-toy{width:39px}}

/* One fixed, higher character anchor for every room and game. */
.play-layout .dragon-panel .dragon-model{transform:translateY(-90px) scale(1.05)!important;transform-origin:center center}
@media(max-width:700px){.play-layout .dragon-panel .dragon-model{transform:translateY(-38px) scale(1.05)!important}}
@media(max-width:700px) and (max-height:700px){.play-layout .dragon-panel .dragon-model{transform:translateY(-47px) scale(1.05)!important}}
.part-green{background:#5fba86}.part-purple{background:#a178c7}.part-square{background:#74aaca;border-radius:4px}.part-diamond{background:#db91b0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-radius:0}
.part-up,.part-right,.part-down,.part-left{background:#326e96;clip-path:polygon(50% 0,100% 45%,70% 45%,70% 100%,30% 100%,30% 45%,0 45%);border-radius:0}
.part-right{rotate:90deg}.part-down{rotate:180deg}.part-left{rotate:270deg}
.pattern-belt{gap:clamp(3px,1vw,8px)}.pattern-belt .pattern-part{width:clamp(19px,3.4vw,28px);height:clamp(19px,3.4vw,28px)}
.memory-room.memory-covered{position:relative;background:repeating-linear-gradient(90deg,#286553 0 22px,#327660 23px 45px);border-color:#dfbb70}
.memory-covered>.memory-toy{visibility:hidden}.memory-room.memory-covered::after{content:'מי נעלם?';position:absolute;inset:0;display:grid;place-items:center;color:#fff2c7;font-size:22px;font-weight:800}
@media(max-width:700px){.shape-choice{width:61px}.adventure-patterns .adventure-bank{gap:5px}}

/* Arithmetic occupies the same lower rug zone as the other games. */
.play-layout .question-panel.arithmetic-open{left:10%;right:10%;bottom:18px;height:245px;min-height:0;max-height:none;padding:34px 0 0}
.question-panel.arithmetic-open .question-top{top:0;right:50%;transform:translateX(50%);white-space:nowrap;height:27px}
.question-panel.arithmetic-open .close-game{top:0;left:0}
.question-panel.arithmetic-open #arithmetic-view{height:100%;grid-template-rows:minmax(90px,1fr) auto;gap:3px}
.question-panel.arithmetic-open .counting-scene{min-height:0;overflow:hidden}
.question-panel.arithmetic-open .counting-instruction{position:relative;display:block;top:auto;font-size:11px;line-height:16px;padding:2px 9px;box-shadow:none}
.question-panel.arithmetic-open .counting-road{left:8%;right:8%;bottom:4px;height:calc(100% - 27px);padding:5px;grid-template-columns:1fr 28px 1fr}
.question-panel.arithmetic-open .counting-road::before{display:none}
.question-panel.arithmetic-open .car-group{gap:6px 8px;padding:5px;max-height:none}
.question-panel.arithmetic-open .counting-vehicle{width:35px;height:21px}
.question-panel.arithmetic-open .counting-vehicle.bus{width:45px;height:24px}
.question-panel.arithmetic-open .vehicle-window{left:9px;width:14px;height:6px}
.question-panel.arithmetic-open .wheel{width:8px;height:8px;bottom:-4px;border-width:2px}
.question-panel.arithmetic-open .road-sign{width:27px;height:27px;font-size:17px}
.question-panel.arithmetic-open .arithmetic-controls{width:min(330px,100%);padding:4px 9px;border-radius:16px;min-width:0}
.question-panel.arithmetic-open .equation{display:flex;justify-content:center;width:100%;font-size:27px;padding:0;gap:8px}
.question-panel.arithmetic-open .answer-label{display:none}
.question-panel.arithmetic-open .answer-row{display:flex;gap:5px;justify-content:center}
.question-panel.arithmetic-open .answer-row input{width:135px;min-width:0}
.question-panel.arithmetic-open .answer-row button{width:130px;padding:4px;font-size:12px}
.question-panel.arithmetic-open .answer-row input,.question-panel.arithmetic-open .answer-row button{height:37px;min-height:37px}
.question-panel.arithmetic-open .feedback{height:auto;min-height:19px;line-height:19px;font-size:10px;margin:0}
.question-panel.arithmetic-open .subtraction-scene .counting-road{display:flex;justify-content:center}
.subtraction-scene .car-group-a{width:100%;max-width:540px;align-content:center}
.subtraction-scene #car-group-b,.subtraction-scene .road-sign{display:none}
.question-panel.arithmetic-open .subtraction-scene .counting-vehicle{animation:subtraction-arrive 1.6s ease-out both;animation-delay:0s}
.question-panel.arithmetic-open .subtraction-scene .counting-vehicle.departing{animation:subtraction-arrive 1.6s ease-out both,subtraction-leave 1.8s ease-in 3.6s forwards}
@keyframes subtraction-arrive{from{transform:translateX(300px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes subtraction-leave{from{transform:translateX(0);opacity:1}to{transform:translateX(-600px);opacity:0;visibility:hidden}}
@media(max-width:700px){.play-layout .question-panel.arithmetic-open{left:6%;right:6%;bottom:13px;height:290px;padding-top:30px}.question-panel.arithmetic-open .counting-road{left:1%;right:1%}.question-panel.arithmetic-open .car-group{gap:6px}.question-panel.arithmetic-open .counting-vehicle{width:31px;height:19px}.question-panel.arithmetic-open .counting-vehicle.bus{width:39px;height:22px}}
@media(max-width:700px) and (max-height:700px){.play-layout .question-panel.arithmetic-open{height:245px;bottom:9px}}
@media(prefers-reduced-motion:reduce){.question-panel.arithmetic-open .subtraction-scene .counting-vehicle{animation:none}.question-panel.arithmetic-open .subtraction-scene .counting-vehicle.departing{animation:subtraction-leave .01s step-end 2s forwards}}

.question-panel.arithmetic-open .equation{min-height:39px;align-items:center;margin-bottom:3px}
.question-panel.arithmetic-open .question-mark{height:30px;min-height:30px;line-height:30px;min-width:32px}
.question-panel.arithmetic-open .answer-row input,.question-panel.arithmetic-open .answer-row button{height:40px;min-height:40px}

/* Native keyboard-free arithmetic, with touch targets inside the rug. */
.play-layout .question-panel.arithmetic-open{height:350px}
.question-panel.arithmetic-open .arithmetic-controls{width:min(390px,100%)}
.answer-keypad{direction:ltr;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:6px}
.answer-keypad button{height:44px;min-width:0;padding:0;border:1px solid #d5ddcb;border-bottom:3px solid #b9ccb8;border-radius:10px;background:#fffef6;color:#194c3e;font-size:23px;font-weight:800;touch-action:manipulation}
.answer-keypad button:active{background:#deecd6;transform:translateY(1px)}
.answer-keypad button[data-key="clear"],.answer-keypad button[data-key="backspace"]{background:#f4e9d3;font-size:17px}
.question-panel.arithmetic-open .answer-row input{caret-color:transparent;background:white;font-size:24px;cursor:default}
@media(max-width:700px){.play-layout .question-panel.arithmetic-open{height:350px;left:4%;right:4%}}
@media(max-height:700px){.play-layout .question-panel.arithmetic-open{height:310px}.question-panel.arithmetic-open #arithmetic-view{grid-template-rows:minmax(65px,1fr) auto}.question-panel.arithmetic-open .equation{min-height:30px;font-size:24px;margin:0}.answer-keypad{gap:4px;margin-top:4px}}