/* A bright paper playground inside the existing illustrated world. */
.rl-game .rl-scene{background:#ffe9c9;isolation:isolate;overflow:auto;overscroll-behavior:contain;color:var(--ink)}
.rl-paper{position:absolute;inset:40px 12px 12px;z-index:-1;border-radius:24px;background:#fffdf7e6;border:6px solid #e5b98a;box-shadow:0 8px 26px #69502e24;pointer-events:none}
.rl-room{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 12px 12px,#ffffff66 3px,transparent 4px) 0 0/34px 34px,linear-gradient(#ffe7c7,#ffd9b0)}
.rl-room .rl-floor{position:absolute;left:0;right:0;bottom:0;height:16%;background:repeating-linear-gradient(90deg,#d6a676 0 22%,#c99766 22% 22.6%);box-shadow:inset 0 6px 0 #b9875c}
.rl-bunting{position:absolute;left:4%;right:4%;top:4px;display:flex;justify-content:space-between;height:34px;background:linear-gradient(#b98a5e,#b98a5e) 0 4px/100% 2px no-repeat}
.rl-bunting i{width:12%;max-width:44px;height:30px;margin-top:5px;clip-path:polygon(0 0,100% 0,50% 100%);font:800 13px/22px inherit;font-style:normal;text-align:center;color:#fff;background:#f08a7e;animation:rl-flag 2.6s ease-in-out infinite alternate;transform-origin:50% 0}
.rl-bunting i:nth-child(2n){background:#7cc4a4;animation-delay:-.8s}.rl-bunting i:nth-child(3n){background:#f2c25b;animation-delay:-1.5s}.rl-bunting i:nth-child(5n){background:#8db6e8}
@keyframes rl-flag{to{rotate:6deg}}
@media(prefers-reduced-motion:reduce){.rl-bunting i{animation:none}}
.rl-main{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;min-height:100%;padding:52px 22px 18px;box-sizing:border-box}
.rl-main button{font-family:inherit;color:var(--ink)}
.rl-icon{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.rl-action .rl-icon{pointer-events:none}.rl-action-play,.rl-action-listen{color:#fff;background:#7a4cc2}.rl-game .rl-action-play,.rl-game .rl-action-listen,.rl-game .rl-action-clear{min-width:64px;min-height:64px}.rl-action-play .rl-icon,.rl-action-listen .rl-icon,.rl-action-clear .rl-icon{width:34px;height:34px}.rl-action-play .rl-icon path{fill:currentColor}
.rl-game .toy-footer{flex-wrap:wrap;background:#fff8e8;gap:8px;padding:8px}
.rl-game .rl-action{min-width:52px;min-height:52px;padding:10px 12px;border-radius:16px;font-size:clamp(14px,3.5vw,18px);font-weight:700}
.rl-nav{display:flex;align-items:center;justify-content:center;gap:12px}
.rl-position{font-size:clamp(15px,4vw,21px);font-weight:700;min-width:64px;text-align:center;font-variant-numeric:tabular-nums}
.rl-type-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;z-index:1}
.rl-game .rl-tab{min-width:58px;min-height:48px;padding:8px 12px;background:#f4e9ff;box-shadow:none;border-radius:14px;font-size:19px;font-weight:700}
.rl-game .rl-tab[aria-pressed="true"]{background:#7a4cc2;color:#fff}
.rl-letter-stage{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;max-width:640px}
.rl-game .rl-glyph{min-width:62px;min-height:66px;line-height:1.1;border-radius:18px;background:#ffe28a;font-size:clamp(32px,10vw,58px);font-weight:800;padding:12px;color:#59404c}
.rl-game .rl-model{width:clamp(116px,35vw,200px);height:clamp(116px,32vw,190px);font-size:clamp(76px,22vw,132px);background:#e7f1ff;color:#245da2;box-shadow:none}
.rl-model .rl-icon{width:72px;height:72px}
.rl-answers{display:grid;grid-template-columns:repeat(3,minmax(62px,1fr));justify-content:center;gap:12px;width:min(100%,440px)}
.rl-answers[data-answers="2"]{grid-template-columns:repeat(2,minmax(62px,1fr));max-width:280px}
.rl-answers[data-answers="4"]{grid-template-columns:repeat(2,minmax(62px,1fr));max-width:340px}
.rl-game .rl-correct{background:#b9ecc7;color:#24643b;box-shadow:inset 0 0 0 3px #459a63}
.rl-game .rl-example{gap:12px;background:transparent;box-shadow:none;padding:4px 10px;min-height:64px;flex-wrap:wrap}
.rl-example-picture{display:block;width:clamp(72px,23vw,120px);height:clamp(72px,23vw,120px)}
.rl-example-picture .art-img{width:100%;height:100%;object-fit:contain}
.rl-example-word{font-size:clamp(23px,6vw,36px);font-weight:700;text-align:center}
.rl-progress{position:relative;align-self:center;margin-top:auto;color:#725a66;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}
.rl-number-display{display:flex;align-items:center;gap:16px;width:100%;justify-content:center;flex:1}
.rl-number-model,.rl-counter{font-size:clamp(54px,20vw,116px);color:#245da2;line-height:1.1}
.rl-number-objects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(52vw,230px)}
.rl-count-picture{display:block;width:100%;aspect-ratio:1}.rl-count-picture .art-img{width:100%;height:100%;object-fit:contain}
.rl-number-choices{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;width:min(100%,620px)}
.rl-number-choices .rl-glyph{min-width:58px;min-height:60px}
.rl-count-collection{display:grid;grid-template-columns:repeat(3,minmax(64px,1fr));gap:10px;width:min(100%,500px)}
.rl-game .rl-fruit-button{position:relative;min-width:64px;min-height:80px;padding:8px;background:#f8eacc;border-radius:18px}
.rl-fruit{display:block;width:100%;height:clamp(54px,17vw,90px)}.rl-fruit .art-img{width:100%;height:100%;object-fit:contain}
.rl-count-mark{position:absolute;right:5px;top:4px;font-size:24px;font-weight:800;color:#245d3e;background:#d7f3d3;border-radius:50%;min-width:30px}
.rl-count-mark:empty{display:none}.rl-fruit-button[data-counted="true"]{background:#d7f3d3}
.rl-matching{display:grid;grid-template-columns:minmax(64px,100px) minmax(0,1fr);gap:20px;width:min(100%,600px);flex:1}
.rl-match-numbers,.rl-match-groups{display:grid;gap:12px;align-content:start}
.rl-match-numbers .rl-glyph{min-height:88px}
.rl-game .rl-match-group{display:flex;gap:3px;flex-wrap:wrap;justify-content:center;align-content:center;min-height:88px;background:#e5efff;border-radius:18px;padding:8px}
.rl-match-picture{display:block;width:clamp(22px,7vw,44px);height:clamp(22px,7vw,44px)}.rl-match-picture .art-img{width:100%;height:100%;object-fit:contain}
.rl-game .rl-selected{background:#c9b0ef;color:#433055;box-shadow:inset 0 0 0 3px #8054b8}
.rl-game button:disabled{opacity:.65;cursor:default}.rl-game .rl-correct:disabled{opacity:1}
.rl-name-maya{position:relative;width:clamp(100px,32vw,180px);height:clamp(130px,38vw,220px);inset:auto}
.rl-name-slots,.rl-name-letters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.rl-name-slot{display:grid;place-items:center;width:clamp(52px,16vw,88px);min-height:clamp(62px,18vw,96px);background:#ece6fa;border-radius:16px;color:#b1a0c1;font-size:clamp(40px,12vw,70px);font-weight:800}
.rl-name-slot.rl-filled{background:#b9ecc7;color:#24643b}
.rl-trace-paper{width:min(100%,min(72vh,540px));aspect-ratio:1;max-width:540px;flex:none;background:#fff;border-radius:22px;box-shadow:inset 0 0 0 2px #d3dce8;overflow:hidden}
.rl-trace-svg{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;overflow:visible}
.rl-guide-path,.rl-ink-path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:6}
.rl-guide-path{stroke:#e4e9f2}.rl-guide-path.rl-active-stroke{stroke:#b8cde9}
.rl-trace-guides[data-level="2"] .rl-guide-path:not(.rl-active-stroke){stroke:#f0f3f8}
.rl-trace-guides[data-level="3"] .rl-guide-path:not(.rl-active-stroke){stroke:transparent}
.rl-trace-guides[data-level="3"] .rl-active-stroke{stroke:#e4e9f2}
.rl-ink-path{stroke:#398956;pointer-events:none}.rl-start-dot{fill:#e95675;stroke:#fff;stroke-width:1.4;pointer-events:none}
.rl-stroke-number{fill:#8d3f59;font-size:7px;font-weight:800;pointer-events:none;paint-order:stroke;stroke:#fff;stroke-width:1.5}
.rl-trace-hint{font-size:clamp(14px,3.7vw,18px);font-weight:600;color:#6b5969;text-align:center;margin:0;max-width:38ch}
.rl-game button:focus-visible{outline:4px solid #245da2;outline-offset:3px}
@media(min-width:760px){.rl-main{padding:24px 32px}.rl-answers{grid-template-columns:repeat(3,1fr)}.rl-number-objects{grid-template-columns:repeat(5,1fr);width:340px}.rl-count-collection{grid-template-columns:repeat(5,minmax(64px,1fr))}.rl-trace-paper{width:min(52vh,460px)}.rl-name-maya{max-height:180px}}
@media(max-height:650px){.rl-main{gap:9px;padding-top:14px}.rl-game .rl-model{width:110px;height:110px;font-size:74px}.rl-example-picture{width:64px;height:64px}.rl-game .rl-glyph{min-height:54px;min-width:54px;padding:8px;font-size:34px}.rl-trace-paper{width:min(100%,52vh)}.rl-name-maya{height:100px;width:100px}.rl-progress{font-size:14px}}

.rl-special-example{position:relative}.rl-example-maya{position:relative;inset:auto;width:100%;height:100%}.rl-special-example:has(.rl-mini-xylophone){display:grid;place-items:center}.rl-mini-xylophone{height:90%;width:100%;display:flex;align-items:center;gap:3%;transform:rotate(-10deg)}.rl-mini-xylophone i{width:18%;border-radius:7px;box-shadow:0 3px 5px #43374d22}.rl-special-example:has(>.art-img:nth-child(2)){display:flex;align-items:center}.rl-special-example>.art-img:nth-child(2),.rl-special-example:has(>.art-img:nth-child(2))>.art-img{width:50%;height:90%}

.rl-special-example[data-kind="cloud"]{background:#bde1f3;border-radius:16px;overflow:hidden}.rl-special-example[data-kind="cloud"] .sc-cloud{animation:none}

@media(max-height:650px){.rl-game .rl-glyph.rl-model{font-size:74px}}