/* Small, playable city scenes. Teaching text stays in the DOM. */
.learning-card:has(.play-scene){padding:22px 24px 14px;background:#fffdf5}
.game-heading{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:650px;gap:16px;flex-shrink:0}
.game-heading>div:first-child{flex:1;text-align:left;min-width:0}
.game-heading .quiz-title{font-size:20px;line-height:1.5;margin:4px 0 0}
.game-heading .game-toolbar{flex-shrink:0;position:static}
.learning-card:has(.play-scene)>.quiz-feedback{font-size:12px;min-height:20px;margin-top:8px;line-height:1.5}
.play-scene{width:100%;max-width:650px;position:relative;border-radius:20px;isolation:isolate;overflow:hidden;margin-top:9px;background:linear-gradient(#e5f1ef 0%,#f5f5dd 75%);border:1px solid #d7e4d8}
.scene-sky{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.scene-sky:before{content:'';position:absolute;width:46px;height:46px;background:#f7d484;border:7px solid #fff4c855;border-radius:50%;top:22px;right:24px;box-shadow:0 0 0 10px #ffecac33}
.scene-sky i{position:absolute;left:7%;top:20px;width:65px;height:17px;background:#fffefa;border-radius:20px;opacity:.9}
.scene-sky i:before{content:'';position:absolute;width:28px;height:28px;border-radius:50%;background:inherit;left:10px;bottom:0}
.scene-sky i:nth-child(2){left:67%;top:55px;transform:scale(.7);opacity:.6}
.scene-instruction{position:relative;font-size:13px;font-weight:600;padding:14px 12px 0;line-height:1.6;color:#496e61}
.scene-instruction>span{display:block;font-size:10px;font-weight:400;color:#778b7b}
.game-toolbar{min-height:0;font-size:12px;color:#6a7a6c;display:flex;justify-content:center}
.game-toolbar:empty{display:none}
.game-toolbar strong{font-size:23px;color:#357c68;margin-left:8px}
.game-listen{min-height:44px;padding:8px 17px;border-radius:24px;background:#e7f0dc;color:#286e5b;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;box-shadow:0 3px 0 #c4d7b2}
.play-scene .choices{width:100%;margin:0}
.village-street{display:flex;justify-content:center;gap:27px;padding:30px 24px 16px;background:linear-gradient(transparent 87%,#d3dcb9 87%);border-bottom:4px solid #a3b991}
.play-scene .mail-house{position:relative;width:115px;min-width:70px;min-height:125px;padding:8px 10px;background:#ffe2b7;border:3px solid #fff7e4;box-shadow:0 5px 0 #b49d77;border-radius:8px 8px 14px 14px;display:flex;flex-direction:column;align-items:center;gap:5px;overflow:visible}
.mail-house:disabled{opacity:1}
.house-roof{position:absolute;top:-24px;left:-10%;width:120%;height:28px;border-radius:6px 6px 4px 4px;background:#ce8059;clip-path:polygon(15% 0,85% 0,100% 90%,99% 100%,1% 100%,0 90%);box-shadow:0 5px 0 #b17954}
.house-window{display:grid;place-items:end center;width:43px;height:39px;background:#fff6de;border:3px solid #bda875;border-radius:25px 25px 6px 6px;overflow:hidden}
.resident{height:60px;width:55px;overflow:visible}
.house-window .resident{height:38px;width:35px;transition:transform .3s}
.house-sign{background:#fff9e9;border-radius:10px;padding:0 10px;min-width:56px;font-size:32px;line-height:1.4;box-shadow:0 2px 0 #c9ac7f;color:#477560}
.mail-slot{width:39px;height:7px;border-radius:8px;background:#8d7760;border-bottom:2px solid #f6edd5;margin-top:3px}
.house-1{background:#d3e6d6!important}.house-1 .house-roof{background:#6f9c85}
.house-2{background:#dde4ef!important}.house-2 .house-roof{background:#858faa}
.mail-house:hover,.mail-house.drop-ready{transform:translateY(-5px);box-shadow:0 7px 0 #b49d77,0 0 0 4px #f0b64c88}
.play-scene .mail-house.correct{background:#e9efb7!important;border-color:#f9cc69;box-shadow:0 5px 0 #a6b075,0 0 0 4px #ffebaa}
.mail-house.correct:after{content:'✓';position:absolute;top:-35px;right:-12px;width:28px;height:28px;border-radius:50%;background:#317e66;color:white;font:700 20px/28px Arial;z-index:1}
.mail-house.correct .resident{animation:resident-cheer .65s ease 2}
.mail-house.correct .mail-slot{background:#de9853}
.mail-house.correct .house-window{background:#ffe69b;box-shadow:0 0 20px #f7d36e}
.mail-counter{min-height:67px;background:#f4dfb5;display:flex;align-items:center;justify-content:center;gap:15px;padding:9px 14px;background-image:repeating-linear-gradient(0deg,transparent 0 22px,#c6a47718 22px 23px)}
.delivery-letter.target-envelope{min-width:94px;min-height:52px;margin:0;padding:7px 14px;gap:12px;box-shadow:0 4px 0 #c5ad82;transform:rotate(-5deg);border:2px solid #e5caa0;background:#fff9e7;touch-action:none;user-select:none;cursor:grab;display:flex;justify-content:center;align-items:center}
.delivery-letter.target-envelope>span{font-size:26px;line-height:1}
.delivery-letter svg{width:28px;height:28px;color:#c18b4e}
.delivery-letter:disabled{opacity:.6;cursor:default}
.counter-label{font-size:11px;color:#8d7755}
.drag-ghost{position:fixed!important;z-index:100!important;pointer-events:none!important;margin:0!important;transform:translate(-50%,-50%) rotate(-7deg)!important;opacity:.95!important;box-shadow:0 12px 22px #304c403b!important;transition:none!important}
.being-dragged{opacity:.3!important}
.train-scene{padding-bottom:12px;background:linear-gradient(#e4edf2,#f3f1db)}
.train-track{padding:36px 20px 27px;position:relative;overflow:hidden}
.train-track:after{content:'';position:absolute;left:0;right:0;bottom:17px;height:12px;background:repeating-linear-gradient(90deg,transparent 0 12px,#a69b823b 12px 20px);border-top:3px solid #9baca0;border-bottom:3px solid #9baca0;z-index:-1}
.train-scene .build-envelope{display:flex;align-items:center;justify-content:center;gap:9px;border:0;background:none;box-shadow:none;padding:0;margin:0;min-height:60px;overflow:visible;max-width:none}
.engine{width:73px;height:65px;border-radius:18px 21px 8px 8px;background:#3d8777;color:#fff1b1;border:3px solid #fff4d1;box-shadow:0 6px 0 #c29859;position:relative;display:grid;place-items:center}
.engine svg{width:39px;height:39px}
.engine:before{content:'';position:absolute;width:13px;height:20px;background:#487b71;top:-15px;left:12px;border-radius:3px}
.engine:after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#445c58;left:8px;bottom:-12px;box-shadow:35px 0 #445c58;border:3px solid #93aea0}
.train-scene .slot{position:relative;min-width:60px;width:75px;height:58px;border:2px dashed #c3ac7b;border-radius:8px;background:#fffae8;color:#99a389;font-size:29px;line-height:1;box-shadow:0 5px 0 #bda16f;cursor:pointer}
.train-scene .slot:after{content:'';position:absolute;bottom:-14px;left:8px;width:12px;height:12px;background:#52665a;border:2px solid #96ab96;border-radius:50%;box-shadow:32px 0 #52665a}
.train-scene .slot.filled{background:#f7d386;color:#45694f;border-style:solid;border-color:#e3b465}
.train-scene .slot.drop-ready{background:#ffe4a2;outline:4px solid #edae4599;outline-offset:2px}
.train-scene .build-tokens{gap:10px;padding:0 14px;flex-wrap:wrap}
.train-scene .build-tokens .choice{min-width:48px;min-height:49px;font-size:25px;padding:5px 13px;background:#fffdf2;border-color:#d7dec9;box-shadow:0 4px 0 #c3cdb5;border-radius:11px;touch-action:none;user-select:none;cursor:grab}
.train-scene .undo-train{font-size:11px;padding:5px 13px;margin-top:10px;min-height:44px;background:transparent;color:#6e8773}
.undo-train svg{width:16px;height:16px}
.train-scene.is-solved .build-envelope{animation:train-depart 1.8s ease-in-out forwards}
.train-scene.is-solved .engine{background:#be894e}
.tone-scene{padding:0 16px 20px}
.tone-destination{font-size:12px;margin-top:5px;color:#617e71}
.tone-scene .tone-routes{display:flex;gap:12px;justify-content:center;padding-top:15px}
.tone-scene .tone-route{min-width:0;max-width:175px;flex:1;border:2px solid #fff7e0;border-radius:16px;background:#fffdf0c9;box-shadow:0 5px 0 #b9c5a8;min-height:146px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 7px 8px;gap:5px}
.tone-route>.pinyin{font-size:30px;color:#3f7b67;line-height:1.4}
.track-picture{position:relative;display:block;width:100%;max-width:158px;height:78px}
.track-picture>svg{width:100%;height:100%;overflow:visible}
.track-shadow{fill:none;stroke:#c5cfb6;stroke-width:11;stroke-linecap:round}
.track-line{fill:none;stroke:#8b9f85;stroke-width:2;stroke-dasharray:3 5;stroke-linecap:round}
.track-car,.track-station{display:grid;place-items:center;position:absolute;font-style:normal;left:0;top:5%;width:27px;height:27px;border-radius:7px;background:#488978;color:#fff0c0;box-shadow:0 3px 0 #31675b;transition:none}
.track-car svg{width:19px;height:19px}
.track-station{left:auto;right:-2%;top:3%;background:#fff0b3;box-shadow:0 3px 0 #d9bf7d;color:#a88843;width:24px;height:24px}
.track-station svg{width:16px;height:16px}
[data-tone="2"] .track-car{top:57%}
[data-tone="3"] .track-car{top:9%}
[data-tone="4"] .track-station{top:65%}
[data-tone="5"] .track-car{top:32%;left:23%}
[data-tone="5"] .track-station{top:32%;right:15%}
.tone-route.correct{background:#fff2b9!important;border-color:#e7bf66!important}
.tone-route.correct:after{content:none}
.tone-route.correct .track-car{animation:game-tram-flat 1.5s ease-in-out forwards}
.tone-route.correct[data-tone="2"] .track-car{animation-name:game-tram-up}
.tone-route.correct[data-tone="3"] .track-car{animation-name:game-tram-dip}
.tone-route.correct[data-tone="4"] .track-car{animation-name:game-tram-down}
.tone-route.correct[data-tone="5"] .track-car{animation-name:game-tram-light}
.tone-route:disabled{opacity:1}.tone-scene.is-solved .tone-route:not(.correct){opacity:.48}
.city-growth{display:block;text-align:left;background:#fff9e9ed;box-shadow:0 5px 15px #34472b24;border:1px solid #fff4cd;border-radius:15px;padding:11px 14px;margin-top:19px;color:#4d785e}
.city-growth>span{font-size:10px;display:block;color:#8a8569}.city-growth svg{width:15px;height:15px}
.city-growth strong{font-size:12px;display:block;margin-top:5px}.city-growth strong svg{margin-left:12px}
.city-lights{display:flex;justify-content:center;gap:6px;margin-top:7px}
.city-lights i{position:static!important;display:block;width:7px;height:7px;border-radius:50%;background:#d5d8c7;box-shadow:inset 0 1px 1px #7a896333}
.city-lights i.lit{background:#e7b748;box-shadow:0 0 8px #eabf67}
.city-level-1 .pin-disc,.city-level-2 .pin-disc,.city-level-3 .pin-disc{background:#ffefbe}
.city-level-3 .pin-disc{box-shadow:0 0 30px #ffef9c,inset 0 0 0 1px #e4c880,0 4px 0 #b2965f}
.collection-intro{background:#edf0dc;padding:15px 20px;border-radius:15px;font-size:13px;line-height:1.8}
.collection-intro small{display:block;color:#829078;font-size:11px;margin-top:4px}
.collection-district{margin-top:25px}
.collection-district>h3{font-size:16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}
.collection-district>h3>span{font-size:11px;font-weight:400;color:#8a977e}
.postcard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.postcard{background:#fffef5;border:1px solid #e3dbc6;border-radius:12px;overflow:hidden;box-shadow:0 5px 0 #e6ddc9;position:relative;text-align:left}
.postcard-picture{height:124px;background:linear-gradient(#e0eee0,#f0edca);position:relative;overflow:hidden;border-bottom:1px solid #dddac2;display:flex;align-items:flex-end;justify-content:center}
.postcard-picture:after{content:'';position:absolute;bottom:-48px;left:-10%;width:120%;height:90px;border-radius:50%;background:#9bb889;z-index:0}
.postcard-picture>.resident{width:85px;height:94px;z-index:1;position:relative;margin-bottom:8px}
.postcard-stamp{position:absolute;top:9px;right:10px;border:2px dotted #aba784;background:#fffbe1aa;padding:5px;color:#768967;transform:rotate(9deg)}
.postcard-stamp svg{width:18px;height:18px}
.postcard-sun{position:absolute;top:16px;left:26px;width:27px;height:27px;border-radius:50%;background:#f9d381;box-shadow:0 0 0 7px #f8dd9e55}
.postcard-garden{position:absolute;left:10px;bottom:5px;display:flex;gap:3px;z-index:1;color:#fff7c7;transform:rotate(-8deg)}
.postcard-garden svg{width:22px;height:22px}
.postcard-copy{padding:14px 14px 17px}.postcard-copy small{font-size:9px;color:#9a967c}.postcard-copy h3{font-size:16px;margin:7px 0;color:#4a715c}.postcard-copy p{font-size:12px;line-height:1.8;color:#849079}
.district-1 .postcard-picture{background:linear-gradient(#ede7d4,#f5d7b5)}.district-1 .postcard-picture:after{background:#b3ae88}
.district-2 .postcard-picture{background:linear-gradient(#d9edf0,#d6e9dd)}.district-2 .postcard-picture:after{background:#80a8a5}
.district-3 .postcard-picture{background:linear-gradient(#646f90,#a9b4c5)}.district-3 .postcard-picture:after{background:#718594}
.postcard.locked .postcard-picture{filter:grayscale(.9);opacity:.5}.postcard.locked .postcard-copy h3{color:#929981}
.adventure-completion{padding:15px 25px 30px;min-height:calc(100svh - 91px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}
.adventure-completion h1{font-size:32px;margin:7px 0 10px}.adventure-completion p{margin:0}
.adventure-completion .completion-heading>p{font-size:13px;color:#89937c;line-height:1.6}
.completion-reward{width:330px;max-width:100%;transform:rotate(-3deg)}
.completion-reward .postcard{box-shadow:0 7px 0 #e4d6bb,0 15px 40px #72805618;border:5px solid #fffef4}
.completion-reward .postcard-picture{height:150px}.completion-reward .postcard-picture>.resident{height:115px;width:103px}
.completion-reward .postcard-copy{padding:14px 19px 19px}.completion-reward .postcard-copy p{font-size:13px;line-height:1.7;color:#7b876f}
.completion-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;z-index:1}.adventure-completion .primary{margin:0}
.completion-medal{background:#fff9e7;border:2px solid #e7d7a6;border-radius:22px;padding:30px;max-width:480px}
.completion-medal>svg{display:block;width:55px;height:55px;color:#d8a64a;margin:0 auto 14px;fill:#f6df92}
.completion-medal strong{display:block;font-size:18px;margin-bottom:12px}.completion-medal p{font-size:13px;color:#8a967d;line-height:1.7}
@keyframes resident-cheer{50%{transform:translateY(-6px) rotate(6deg)}}
@keyframes train-depart{0%,20%{transform:translateX(0)}100%{transform:translateX(120%)}}
@keyframes game-tram-flat{to{left:83%}}
@keyframes game-tram-up{to{left:83%;top:0}}
@keyframes game-tram-dip{45%{left:38%;top:66%}100%{left:83%;top:0}}
@keyframes game-tram-down{to{left:83%;top:65%}}
@keyframes game-tram-light{to{left:68%}}
@media(max-width:1000px){.learning-card:has(.play-scene){padding:13px 15px 10px}.play-scene{margin-top:7px}.village-street{gap:18px;padding-top:33px;padding-bottom:16px}.play-scene .mail-house{width:95px;min-height:121px;padding:8px}.house-window{height:38px;width:40px}.house-window .resident{height:37px;width:35px}.house-sign{font-size:26px}.mail-counter{min-height:61px}.scene-instruction{font-size:11px;padding-top:10px}.scene-instruction>span{font-size:9px}.tone-scene .tone-route{min-height:125px}.train-track{padding-top:26px;padding-bottom:26px}.city-growth{margin-top:12px;padding:8px 10px}.city-growth strong{font-size:10px}.city-growth>span{font-size:9px}.postcard-grid{gap:10px}.postcard-copy{padding:10px}.postcard-copy h3{font-size:14px}}
@media(max-height:600px) and (orientation:landscape){.learning-card:has(.play-scene){padding:9px 14px 7px}.scene-instruction{font-size:10px;padding-top:7px}.scene-instruction>span{display:none}.play-scene{margin-top:5px;border-radius:14px}.village-street{padding:27px 20px 13px;gap:20px}.play-scene .mail-house{min-height:99px;width:83px;gap:4px;padding:6px}.house-roof{height:21px;top:-19px}.house-window{height:28px;width:33px;border-width:2px}.house-window .resident{height:28px;width:27px}.house-sign{font-size:23px;min-width:45px}.mail-slot{height:6px;width:30px}.mail-counter{min-height:54px;padding:6px 12px}.delivery-letter.target-envelope{min-height:42px;min-width:83px;padding:5px 10px}.delivery-letter.target-envelope>span{font-size:22px}.game-listen{padding:5px 13px;font-size:11px}.train-track{padding:25px 15px 25px}.engine{height:51px;width:55px}.engine svg{width:31px;height:31px}.engine:after{width:12px;height:12px;bottom:-10px;box-shadow:24px 0 #445c58}.train-scene .slot{height:46px;min-width:48px;width:59px;font-size:26px}.train-scene .slot:after{left:6px;box-shadow:25px 0 #52665a}.train-scene .build-tokens .choice{min-height:44px;font-size:23px;padding:3px 11px}.train-scene .undo-train{margin-top:4px;padding:3px 10px}.train-scene{padding-bottom:2px}.tone-scene{padding-bottom:15px}.tone-scene .tone-routes{padding-top:10px;gap:9px}.tone-scene .tone-route{min-height:112px;padding:5px}.tone-route>.pinyin{font-size:26px}.track-picture{height:65px}.city-growth>span{display:none}.city-growth{margin-top:10px}.adventure-completion{gap:14px;padding-top:3px}.adventure-completion h1{font-size:24px}.completion-reward{width:390px;transform:rotate(-2deg)}.completion-reward .postcard{display:flex}.completion-reward .postcard-picture{width:150px;height:142px;flex-shrink:0}.completion-reward .postcard-copy{padding:14px}.completion-reward .postcard-copy p{font-size:11px}.completion-actions .soft{font-size:12px}.completion-medal{padding:18px 28px}.completion-medal>svg{width:35px;height:35px}}
@media(max-height:400px) and (orientation:landscape){.lesson-layout:has(.play-scene){grid-template-columns:85px 1fr;gap:10px}.guide-bubble{font-size:8px}.guide-character{height:120px}.learning-card:has(.play-scene){padding:6px 10px}.learning-card:has(.play-scene) .card-eyebrow{display:none}.learning-card:has(.play-scene) .quiz-title{font-size:12px;line-height:1.4;margin:0 0 3px}.game-toolbar{position:absolute;right:10px;top:5px;z-index:1}.game-listen{min-height:44px;min-width:44px;width:44px;padding:7px;font-size:0;gap:0}.game-listen svg{width:24px;height:24px}.learning-card:has(.game-listen) .quiz-title{padding-right:43px;align-self:stretch}.scene-instruction{font-size:9px;padding-top:6px}.scene-sky:before{width:25px;height:25px;top:9px;right:8px;border-width:3px}.village-street{padding:22px 20px 10px;gap:28px}.play-scene .mail-house{min-height:68px;width:74px;padding:5px;gap:4px}.house-window{display:none}.house-roof{height:19px;top:-17px}.house-sign{font-size:25px}.mail-counter{padding:3px 8px;min-height:47px;gap:12px}.delivery-letter.target-envelope{min-height:40px;height:40px;padding:4px 10px;min-width:78px}.counter-label{font-size:9px}.play-scene{margin-top:3px}.play-scene .scene-sky i{transform:scale(.6)}.quiz-feedback{font-size:9px;line-height:1.5;margin-top:4px}.train-track{padding-top:17px;padding-bottom:23px}.engine{height:42px;width:50px}.engine:before{height:14px;top:-10px}.train-scene .slot{height:42px;width:58px;min-width:45px;font-size:25px}.train-scene .build-tokens{gap:7px;padding:0 8px}.train-scene .build-tokens .choice{font-size:21px;padding:2px 10px;min-width:44px;min-height:44px}.train-scene .undo-train{margin-top:0;min-height:44px;font-size:10px}.game-toolbar>span{font-size:8px}.game-toolbar strong{font-size:15px}.learning-card:has(.train-scene) .quiz-title{align-self:stretch;padding-right:72px}.tone-scene .tone-route{min-height:98px;gap:0}.tone-route>.pinyin{font-size:24px}.tone-scene .tone-routes{padding-top:6px}.tone-scene{padding-bottom:12px}.track-picture{height:59px}.city-growth{padding:5px 8px;max-width:160px;margin-top:6px}.city-growth strong{margin:0;font-size:9px}.city-growth svg{width:12px}.city-lights{margin-top:5px}.city-lights i{width:5px;height:5px}.adventure-completion{gap:10px}.adventure-completion .completion-heading .eyebrow{font-size:9px;margin-bottom:5px}.adventure-completion h1{font-size:21px;margin:4px 0 6px}.completion-reward .postcard-picture{height:112px;width:124px}.completion-reward .postcard-picture>.resident{height:87px}.completion-reward .postcard-copy{padding:10px 14px}.completion-reward .postcard-copy h3{font-size:15px;margin:5px 0}.completion-reward .postcard-copy p{font-size:10px}.completion-actions .primary{min-height:44px;padding:8px 15px;font-size:12px}.adventure-completion>.back-link{padding:6px;min-height:32px}}
@media(orientation:portrait) and (max-width:800px){.allow-portrait .postcard-grid{grid-template-columns:1fr}.allow-portrait .postcard{display:flex}.allow-portrait .postcard-picture{width:110px;height:auto;min-height:135px;flex-shrink:0}.allow-portrait .postcard-copy{padding:15px}.allow-portrait .postcard-copy h3{font-size:15px}.allow-portrait .collection-district>h3{font-size:14px}.allow-portrait .scene-instruction>span{display:block}.allow-portrait .play-scene .mail-house{width:78px;min-width:60px;padding:7px}.allow-portrait .village-street{gap:14px;padding-left:12px;padding-right:12px}.allow-portrait .house-sign{font-size:26px;padding:0 7px;min-width:44px}.allow-portrait .tone-scene{padding-left:8px;padding-right:8px}.allow-portrait .tone-scene .tone-routes{gap:7px}.allow-portrait .tone-route>.pinyin{font-size:24px}.allow-portrait .train-track{padding-left:8px;padding-right:8px}.allow-portrait .engine{width:48px}.allow-portrait .train-scene .slot{width:53px;min-width:40px}.allow-portrait .train-scene .build-envelope{gap:7px}.allow-portrait .city-growth{max-width:200px}.allow-portrait .adventure-completion h1{font-size:25px}.allow-portrait .completion-reward .postcard{display:block}.allow-portrait .completion-reward .postcard-picture{width:100%;height:160px}.allow-portrait .completion-actions{gap:10px}.allow-portrait .completion-actions .primary{width:100%}.allow-portrait .completion-medal{padding:22px 18px}}
.no-motion .mail-house.correct .resident,.no-motion .train-scene.is-solved .build-envelope,.no-motion .tone-route.correct .track-car{animation:none!important}
.no-motion .train-scene.is-solved .slot{background:#d9e9bf}
.paused .play-scene *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.play-scene *{animation:none!important;transition:none!important}.train-scene.is-solved .slot{background:#d9e9bf}}
@media(min-height:401px) and (max-height:600px) and (orientation:landscape){
 .scene-world:has(.play-scene) .topbar{height:68px;padding-top:10px;padding-bottom:10px}
 .lesson-layout:has(.play-scene){height:calc(100svh - 80px);margin-top:0}
 .lesson-layout:has(.play-scene) .lesson-main{gap:10px}
 .game-heading .quiz-title{font-size:18px;margin-top:2px}
 .game-heading .card-eyebrow{font-size:9px}
}
@media(max-height:400px) and (orientation:landscape){
 .game-heading{height:24px;gap:0}
 .game-heading .game-toolbar{position:absolute;right:10px;top:5px;z-index:2}
 .game-heading>div:first-child{width:100%}
 .learning-card:has(.play-scene)>.quiz-feedback{font-size:9px;min-height:14px;margin-top:3px}
 .mail-scene{display:grid;grid-template-columns:88px 1fr}
 .mail-scene .scene-instruction{grid-column:1/-1;padding-right:44px}
 .mail-scene .village-street{grid-column:2;grid-row:2;padding:24px 18px 12px 4px;gap:18px;border-bottom:0;background:none}
 .mail-scene .mail-counter{grid-column:1;grid-row:2;flex-direction:column;justify-content:center;padding:4px 1px 0 9px;background:none;min-height:0;gap:7px}
 .mail-scene .counter-label{font-size:8px}
 .mail-scene .delivery-letter.target-envelope{min-width:68px;width:68px;min-height:44px;gap:5px;padding:5px}
 .mail-scene .delivery-letter svg{width:22px;height:22px}
 .train-scene{display:grid;grid-template-columns:1fr 80px;padding-bottom:4px}
 .train-scene .scene-instruction,.train-scene .train-track{grid-column:1/-1}
 .train-scene .train-track{padding-top:14px;padding-bottom:20px}
 .train-scene .build-envelope{min-height:44px}
 .train-scene .build-tokens{grid-column:1;gap:6px;justify-content:center}
 .train-scene .undo-train{grid-column:2;font-size:9px;padding:4px;align-self:center}
 .tone-scene{padding-bottom:8px}
 .tone-scene .tone-route{min-height:89px;padding-top:3px;padding-bottom:3px}
 .tone-scene .track-picture{height:53px}
}