/* Base visual dos jogos de aprender (play/aprender-kit.js). */
.ap .toy-scene{isolation:isolate;background:#bfe6f5;touch-action:manipulation}
.ap .toy-footer:empty{display:none}
.ap button{font-family:inherit;color:var(--ink);-webkit-tap-highlight-color:transparent}
.ap-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.ap-backdrop>i{position:absolute;display:block;font-style:normal}
.ap-wall{inset:0 0 28%;background:radial-gradient(circle at 12px 12px,#ffffff55 3px,transparent 4px) 0 0/34px 34px,linear-gradient(#ffe7c7,#ffd9b0)}
.ap-floor{inset:72% 0 0;background:repeating-linear-gradient(90deg,#d6a676 0 22%,#c99766 22% 22.6%),linear-gradient(#d9ab7c,#c8956a);box-shadow:inset 0 6px 0 #b9875c}
.ap-rug{left:16%;right:16%;bottom:3%;height:15%;border-radius:50%;background:radial-gradient(ellipse,#bfe0f6 0 45%,#9dcbec 46% 60%,#bfe0f6 61%);opacity:.9}
.ap-window{right:6%;top:6%;width:min(24%,150px);aspect-ratio:1;border:7px solid #fff6e7;border-radius:14px;background:linear-gradient(#9bd8f5,#d4f0fb);overflow:hidden}
.ap-window b{position:absolute;left:12%;bottom:14%;width:55%;height:24%;border-radius:999px;background:#fff;box-shadow:16px -9px 0 -2px #fff;animation:ap-cloud 9s ease-in-out infinite alternate}
.ap-window::before,.ap-window::after{content:"";position:absolute;background:#fff6e7}.ap-window::before{left:47%;top:0;bottom:0;width:7%}.ap-window::after{top:47%;left:0;right:0;height:7%}
@keyframes ap-cloud{to{translate:38% 0}}
.ap-tiles{inset:0 0 34%;background:linear-gradient(90deg,#ffffff66 2px,transparent 2px) 0 0/40px 40px,linear-gradient(#ffffff66 2px,transparent 2px) 0 0/40px 40px,linear-gradient(#e3f4f1,#cdebe6)}
.ap-counter{left:0;right:0;bottom:0;height:34%;background:linear-gradient(#f3d3a6 0 14%,#d79f6a 14% 18%,#e8b885 18%);box-shadow:inset 0 -10px 0 #c88f5c}
.ap-classroom{inset:0 0 18%;background:radial-gradient(circle at 10px 10px,#ffffff66 3px,transparent 4px) 0 0/32px 32px,linear-gradient(#ffeccf,#ffdcb5)}
.ap-bg-paper .ap-floor{inset:82% 0 0}
.ap-bunting{left:3%;right:3%;top:4px;display:flex!important;justify-content:space-between;height:36px;background:linear-gradient(#b98a5e,#b98a5e) 0 4px/100% 2px no-repeat}
.ap-bunting b{width:11%;max-width:44px;height:30px;margin-top:5px;clip-path:polygon(0 0,100% 0,50% 100%);font:800 13px/22px inherit;text-align:center;color:#fff;background:#f08a7e;animation:ap-flag 2.6s ease-in-out infinite alternate;transform-origin:50% 0}
.ap-bunting b:nth-child(2n){background:#7cc4a4;animation-delay:-.8s}.ap-bunting b:nth-child(3n){background:#f2c25b;animation-delay:-1.5s}.ap-bunting b:nth-child(5n){background:#8db6e8}
@keyframes ap-flag{to{rotate:6deg}}
.ap-barn{left:3%;top:24%;width:min(30%,200px);aspect-ratio:1.1;background:linear-gradient(#e2574b,#c94a3f);clip-path:polygon(0 38%,50% 0,100% 38%,100% 100%,0 100%);box-shadow:inset 0 0 0 6px #fff6e8}
.ap-barn::after{content:"";position:absolute;left:32%;right:32%;bottom:0;height:46%;background:#4a2620;border:5px solid #fff6e8;border-bottom:0}
.ap-platform{left:0;right:0;top:56%;height:9%;background:linear-gradient(#d9c7aa,#c3ad8b);box-shadow:0 -6px 0 #eadcc4}
.ap-rails{left:0;right:0;top:76%;height:7%;background:repeating-linear-gradient(90deg,#8a5a3b 0 10px,transparent 10px 34px),linear-gradient(transparent 20%,#8d939b 20% 32%,transparent 32% 68%,#8d939b 68% 80%,transparent 80%)}
.ap-awning{left:0;right:0;top:0;height:13%;background:repeating-linear-gradient(90deg,#ef6f6c 0 50px,#fff6ea 50px 100px);border-radius:0 0 22px 22px;box-shadow:0 6px 0 #00000014}
.ap-stall{left:4%;right:4%;bottom:0;height:30%;border-radius:20px 20px 0 0;background:repeating-linear-gradient(90deg,#c78a54 0 18px,#b97b47 18px 20px);box-shadow:inset 0 10px 0 #dba573}
.ap-moon{right:10%;top:6%;width:min(16%,90px);aspect-ratio:1;border-radius:50%;background:#fff3c4;box-shadow:0 0 40px #fff3c488}
.ap-stars{position:absolute;z-index:30;top:8px;right:8px;display:flex;gap:4px;padding:4px 10px;border-radius:999px;background:#ffffffc8;box-shadow:0 3px 10px #4b373914;pointer-events:none}
.ap-stars>i{display:block;width:clamp(20px,6cqw,30px);aspect-ratio:1}
.ap-star{width:100%;height:100%;fill:#e9e1d6;stroke:#cdbfae;stroke-width:1.4;stroke-linejoin:round}
.ap-stars>i.on .ap-star{fill:#ffc93b;stroke:#e3a015}
.ap-flyer{position:absolute;z-index:60;display:grid;place-items:center;pointer-events:none}
.ap-flyer .art-img{width:100%;height:100%;object-fit:contain}
.ap-bubble{position:absolute;z-index:25;left:3%;top:3%;min-width:86px;min-height:86px;width:clamp(86px,20cqmin,130px);aspect-ratio:1;padding:8px;border:0;border-radius:50% 50% 50% 12%;background:#fffdf6;box-shadow:0 6px 16px #4b373926,inset 0 0 0 4px #ffd36d;display:grid;place-items:center;font-size:clamp(44px,12cqmin,76px);font-weight:800;color:#3f6fb5;line-height:1}
.ap-bubble .art-img{width:100%;height:100%;object-fit:contain}
.ap-bubble:active{scale:.96}
.ap-bg-paper~.ap-stars,.ap-stars.ap-low{top:44px}
.ap-buddy{position:absolute;z-index:4;bottom:2%;width:clamp(70px,18cqmin,150px);aspect-ratio:.62;pointer-events:none}.ap-buddy.ap-left{left:1%}.ap-buddy.ap-right{right:1%}
@container (max-aspect-ratio:3/4){.ap-buddy{width:clamp(76px,22cqw,120px)}}
.ap-glyph{font-weight:800;line-height:1;color:#59404c;font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.ap-window b,.ap-bunting b{animation:none}}

/* Figuras dos jogos novos no menu e portas das áreas Comida e Histórias. */
.nav-find-glyph{left:8%;right:auto;bottom:12%;font-size:56px;color:#5f8fd0}
.nav-find>.art-img{width:62%;left:4%}
.nav-count-train{left:auto;right:4%;top:0;color:#c0573f}
.nav-play .nav-right-object{left:56%;width:42%;height:52%}
.nav-card{position:absolute;left:30%;top:6%;width:48%;height:88%;border-radius:10px;background:#fffdf6;box-shadow:inset 0 0 0 4px #8fce6a,0 3px 6px #4b373922;display:grid;place-items:center;padding:6%;rotate:6deg}
.nav-card .art-img{position:static;width:100%;height:100%;object-fit:contain}
.nav-card-back{left:18%;rotate:-8deg;background:radial-gradient(circle,#ffffff66 2px,transparent 3px) 0 0/10px 10px,#5fb6e6;box-shadow:inset 0 0 0 4px #fffaf0}
.nav-peek{position:absolute;left:34%;top:4%;width:46%;height:56%}.nav-peek .art-img{width:100%;height:100%;object-fit:contain}
.nav-mini>svg+.nav-peek{z-index:-1}
.nav-mini{isolation:isolate}
.ar-comida{background:radial-gradient(circle,#fff6 2px,transparent 2.5px) 0 0/18px 18px,linear-gradient(#fde3d8,#f8cdbd)}
.ar-table{position:absolute;left:-4%;right:-4%;bottom:0;height:30%;background:linear-gradient(#f9d9a8 0 18%,#e8b97f 18%);box-shadow:inset 0 6px 0 #fff0d4}
.ar-food{bottom:16%;width:34%;height:52%;transform-origin:50% 100%;animation:ar-hop 2.4s ease-in-out infinite}
.ar-food-a{left:6%}.ar-food-b{left:34%;animation-delay:.3s;bottom:20%}.ar-food-c{left:62%;animation-delay:.6s}
.ar-historias{background:radial-gradient(circle,#fff6 2px,transparent 2.5px) 0 0/18px 18px,linear-gradient(#e6e8fa,#cfd4f2)}
.ar-book{position:absolute;left:12%;right:12%;bottom:8%;height:60%;display:flex;gap:2%;filter:drop-shadow(0 4px 4px #4b373926)}
.ar-book i{flex:1;background:#fffdf6;border-radius:10px 4px 4px 10px;box-shadow:inset 0 0 0 3px #8e8fd0;transform-origin:100% 50%}
.ar-book i+i{border-radius:4px 10px 10px 4px;transform-origin:0 50%;animation:ar-page 3.6s ease-in-out infinite}
@keyframes ar-page{0%,60%,100%{transform:none}75%{transform:perspective(200px) rotateY(-40deg)}}
.ar-story{left:16%;bottom:24%;width:30%;height:44%;animation:ar-hop 2.6s ease-in-out infinite;transform-origin:50% 100%}
.ar-story-b{left:56%;bottom:26%;width:26%;height:38%;animation:ar-nod 3s ease-in-out infinite;transform-origin:50% 100%}