.early-host .wg-headcopy,.early-host .wg-badge,.early-host .wg-note,.early-host .wg-meta,.early-host .wg-footer{display:none!important}.mlw-clear .early-host .wg-header{padding:0!important;background:transparent!important;justify-content:flex-end}.mlw-clear .early-host .wg-area{padding:10px!important;background:transparent!important}.el-game{width:min(100%,1000px);margin:auto;color:var(--mlw-text,#344258)}.el-game svg{width:100%;height:100%;display:block;stroke:none}.el-guide{display:flex;align-items:center;justify-content:center;gap:15px}.el-guide>span{display:block;width:90px;height:115px;flex-shrink:0;filter:drop-shadow(3px 5px 1px #586d8133)}.el-guide h3{font-size:clamp(23px,2vw,38px);max-width:650px!important;line-height:1.3}.el-progress{display:flex;gap:17px;justify-content:center;margin:12px auto 20px}.el-progress>span{font-size:28px;color:#c4cbd1;filter:drop-shadow(0 3px 0 #586d811a)}.el-progress>span.on{color:#e6bc58}.el-scene{text-align:center;perspective:1000px}.el-aquarium{display:flex;align-items:center;justify-content:center;gap:13px;position:relative;flex-wrap:wrap;min-height:230px;padding:25px;background:linear-gradient(#d8f0f4,#94ccde);border:6px solid #e5f5f3;border-radius:35px;box-shadow:0 9px 0 #77a6ae44,inset 0 -20px 25px #68b1c733;overflow:hidden}.el-object{position:relative;padding:0!important;width:128px;height:120px!important;min-height:80px;border-radius:25px;background:transparent;border:3px solid transparent!important;transition:opacity .3s,translate .4s,scale .3s}.el-object b{position:absolute;right:4px;top:3px;width:28px;height:28px;background:#4a987d;border-radius:50%;color:white;line-height:28px;font-size:19px;box-shadow:0 3px 0 #347460}.el-object:not(.counted) b{display:none}.el-object.counted{border-color:#5fae92!important;background:#effef64d}.el-aquarium>i{position:absolute;bottom:4%;left:10%;width:9px;height:9px;border:2px solid #ffffff70;border-radius:50%;pointer-events:none}.el-aquarium>i:nth-last-child(2){left:47%;bottom:13%;width:15px;height:15px}.el-aquarium>i:last-child{left:81%;bottom:9%}.el-play-tip{font-size:15px;margin:16px auto;color:var(--mlw-muted,#6a7886)}.el-ball-table{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:22px;min-height:230px;padding:26px 20px;background:repeating-linear-gradient(0deg,#f6e6c7 0 53px,#eeddbb 53px 55px);border:3px solid #e3cfaa;border-radius:30px;box-shadow:0 9px 0 #ae986e2b;transform:rotateX(5deg)}.el-ball-table>b{font-size:38px;color:#98886d}.el-ball-group{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:45%;transition:translate .7s}.el-ball-group>svg{height:105px;width:105px;max-width:31%;min-width:60px}.el-ball-table.gathered{gap:7px}.el-ball-table.gathered>b{display:none}.el-ball-table.gathered .el-ball-group{max-width:47%}.el-take-away{gap:8px}.el-take-away .taken{opacity:.18!important;scale:.55;translate:0 -40px}.el-gather{display:block;margin:17px auto;min-height:47px;font-size:15px!important}.el-answers{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px auto 15px}.el-answers>button{display:grid;place-items:center;min-height:73px;min-width:76px;padding:7px 15px;font-size:31px;font-weight:800;border:2px solid #aeabc5!important;border-radius:20px;background:linear-gradient(#fffdf2,#f3eedc);color:#655581;box-shadow:0 7px 0 #a49ab745,0 12px 15px #6e668812}.el-answers>button:disabled{opacity:.5}.el-game button:focus-visible{outline:4px solid #4091c4;outline-offset:4px}.el-answers>button:hover:not(:disabled){border-color:#68a28c!important}.el-beads{display:flex;justify-content:center;align-items:center;gap:18px;position:relative;margin:30px auto;padding:28px 14px;border-radius:25px;background:linear-gradient(#f1e5f1,#dfd9ec);box-shadow:0 7px 0 #aa9abb33}.el-beads:before{content:"";position:absolute;left:5%;right:5%;height:6px;background:#b79792}.el-bead{height:88px;width:88px;border-radius:50%;background:var(--bead);box-shadow:inset -9px -10px 0 #0000000d,0 6px 0 #8a778629;display:grid;place-items:center;position:relative;color:#fff8e3;font-size:31px;font-weight:800;border:3px solid #fff5}.el-bead.el-hole{border:3px dashed #b8a0bf;background:#fff9e5;box-shadow:none;color:#a78baa}.el-answers .el-bead{height:57px;width:57px;font-size:24px}.el-letter-picture{display:grid;grid-template-columns:minmax(100px,210px) auto;align-items:center;justify-content:center;gap:14px 35px;background:linear-gradient(145deg,#fff6db,#edd8ae);padding:25px;border-radius:30px;box-shadow:0 7px 0 #bba17233;color:#69537e}.el-letter-picture>svg{width:210px;height:180px}.el-letter-picture>strong{font-size:110px;line-height:1;font-family:'Trebuchet MS',sans-serif;text-shadow:0 6px 0 #b7a2c22b}.el-letter-picture>span{grid-column:1/-1;font-size:23px;font-weight:800;letter-spacing:.16em}.el-typing{max-width:520px;margin:19px auto;font-size:14px;text-align:center;color:var(--mlw-muted,#667487)}.el-typing>summary{cursor:pointer;min-height:44px;padding:10px}.el-form{display:flex;align-items:end;justify-content:center;gap:10px;padding-top:12px}.el-form label{display:flex;flex-direction:column;text-align:left;gap:5px}.el-input{width:180px;max-width:100%;min-height:51px;font-size:23px;padding:7px 12px;border:2px solid #b5a9c8;border-radius:15px;background:var(--mlw-surface,#fff);color:var(--mlw-text,#344258)}.el-form>button{min-height:51px;font-size:14px!important}.el-success-copy{text-align:center;color:var(--mlw-text,#344258);font-size:20px;font-weight:700;margin:18px auto}.el-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:15px auto}.el-actions button{min-height:50px;font-size:17px!important}.el-finished{text-align:center;padding:40px 20px}.el-finished h3{margin-bottom:22px}.el-finished button{margin:8px}.el-hint{text-align:center;font-size:15px;color:var(--mlw-muted,#667487)}
@media(min-width:1800px){.el-game{max-width:1400px}.el-guide>span{width:130px;height:160px}.el-aquarium,.el-ball-table{min-height:330px}.el-object{width:180px;height:165px!important}.el-ball-group>svg{height:155px;width:155px}.el-answers>button{min-width:105px;min-height:92px;font-size:42px}.el-bead{width:130px;height:130px;font-size:46px}.el-letter-picture>svg{width:300px;height:260px}.el-letter-picture{grid-template-columns:300px auto}.el-letter-picture>strong{font-size:165px}.el-play-tip,.el-typing,.el-success-copy{font-size:21px}}
@media(max-width:600px){.el-guide{gap:8px}.el-guide>span{width:58px;height:75px}.el-guide h3{font-size:20px}.el-progress{margin:4px auto 12px;gap:12px}.el-progress>span{font-size:21px}.el-aquarium,.el-ball-table{min-height:155px;padding:17px 7px;border-radius:22px;gap:7px}.el-object{width:73px;height:78px!important;min-height:65px}.el-object b{width:22px;height:22px;line-height:22px;font-size:14px;top:0;right:0}.el-ball-group>svg{height:72px;min-width:44px}.el-ball-table>b{font-size:24px}.el-play-tip{font-size:12px;margin:11px auto}.el-gather{font-size:12px!important;min-height:42px;margin:12px auto}.el-answers{gap:9px;margin-top:17px}.el-answers>button{min-width:48px;min-height:54px;padding:5px 10px;font-size:25px;border-radius:15px;box-shadow:0 5px 0 #a49ab735}.el-beads{gap:10px;padding:22px 8px;margin:16px auto}.el-bead{width:53px;height:53px;font-size:23px}.el-answers .el-bead{height:43px;width:43px;font-size:20px}.el-letter-picture{grid-template-columns:125px auto;gap:8px 20px;padding:16px}.el-letter-picture>svg{height:115px;width:125px}.el-letter-picture>strong{font-size:80px}.el-letter-picture>span{font-size:19px}.el-typing{font-size:12px}.el-form{align-items:stretch;flex-direction:column}.el-input{width:100%;min-height:48px}.el-form>button{min-height:45px}.el-success-copy{font-size:16px}.el-actions{gap:8px}.el-actions button{font-size:13px!important;min-height:45px}.el-take-away .taken{translate:0 -20px}}
@media(prefers-reduced-motion:no-preference){.el-aquarium .el-object:not(.counted){animation:el-fish-swim 3s ease-in-out infinite}.el-aquarium .el-object:nth-child(2n){animation-delay:-1.5s}.el-correct .el-guide>span{animation:el-little-hop .6s ease-in-out 3}.el-aquarium>i{animation:el-bubble 3s ease-in infinite}.el-aquarium>i:last-child{animation-delay:-1.7s}@keyframes el-fish-swim{50%{translate:0 -8px;rotate:3deg}}@keyframes el-little-hop{50%{translate:0 -13px;rotate:6deg}}@keyframes el-bubble{to{translate:0 -150px;opacity:0}}}
body.motion-off .el-game *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.el-game *{animation:none!important;transition:none!important}}

/* v5.5: three little scenes per lesson and visible actions instead of a quiz wall. */
.early-host .wg-status{display:none!important}
.early-host{scroll-margin-top:8px}
.el-place{display:table;margin:3px auto 10px;padding:7px 18px;border-radius:99px;background:var(--mlw-surface,#fff8eb);border:1px solid #b1c3c455;color:var(--mlw-muted,#617482);font-size:14px;font-weight:700;letter-spacing:.02em}
.el-guide{min-height:92px}.el-guide h3{margin:8px 0!important}.el-guide>span{width:75px;height:95px}
.el-world-water{background:radial-gradient(ellipse at 15% 100%,#b6d6b9 0 12%,transparent 12.5%),radial-gradient(ellipse at 85% 105%,#91bbc4 0 16%,transparent 16.5%),linear-gradient(#e4f5f8,#a8d5df)!important}
.el-world-meadow{background:radial-gradient(ellipse at 13% 135%,#a5c799 0 42%,transparent 42.4%),radial-gradient(ellipse at 83% 146%,#c5dcab 0 48%,transparent 48.4%),linear-gradient(#e2f2ee,#e6efd0)!important;border-color:#d8e6c4!important}
.el-world-sky{background:radial-gradient(ellipse at 3% 100%,#dfd9ed 0 24%,transparent 24.5%),radial-gradient(ellipse at 100% 110%,#e9e4f2 0 27%,transparent 27.5%),linear-gradient(#aab8d4,#d2cfe4)!important;border-color:#ece7f4!important}
.el-world-picnic{background:repeating-linear-gradient(0deg,#fff4de99 0 40px,#e7baa333 40px 80px),repeating-linear-gradient(90deg,#f6e6cc 0 40px,#f3d9c3 40px 80px)!important;border-color:#e6cdb7!important}
.el-world-play{background:radial-gradient(ellipse at 50% 130%,#b9c9b8 0 50%,transparent 50.5%),linear-gradient(#ebefd6,#d7e1b9)!important;border-color:#e0e4c9!important}
.el-world-forest{background:radial-gradient(ellipse at 15% -20%,#c8d4b1 0 36%,transparent 36.4%),radial-gradient(ellipse at 90% -10%,#d9dfbb 0 28%,transparent 28.4%),linear-gradient(#e9ecd9,#d4d7b5)!important;border-color:#e3e5d0!important}
.el-aquarium{isolation:isolate}.el-aquarium>i{z-index:-1}.el-object{touch-action:manipulation;cursor:pointer}.el-object:disabled{cursor:default;opacity:1!important}.el-object.counted{border-color:#65a990!important;box-shadow:0 4px 0 #4b977b27;background:#fff8!important}
.el-count-trail{display:flex;justify-content:center;gap:10px;margin:19px auto 0;min-height:35px}.el-count-trail>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;border:2px dashed #b1c5c5;color:#809598;background:var(--mlw-surface,#ffffff88);font-size:20px;font-weight:800}.el-count-trail>span.on{background:#b4d6bd;color:#3d705d;border:2px solid #74ad91;box-shadow:0 3px 0 #6f9f7e33}
.el-ball-group{position:relative;min-width:125px;min-height:126px;align-items:center;gap:4px;max-width:44%;padding:18px 8px 10px;background:#fff7;border:3px dashed #a9bcb1;border-radius:30px}.el-group-tag{position:absolute;left:9px;top:-15px;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font-size:18px;font-weight:800;background:#fff8e8;color:#617f74;box-shadow:0 3px 0 #839d8922}.el-small-object{display:block;flex:0 1 100px;min-width:56px;max-width:130px;width:105px;height:105px}.el-small-object>svg{display:block;width:100%;height:100%}.el-together{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;padding:15px;min-width:min(85%,400px);border:3px solid #91b594;border-radius:35px;background:#fff8;box-shadow:0 5px 0 #809d7e22}.el-ball-table.gathered{padding:25px 15px}.el-gather:disabled{opacity:1!important;color:var(--mlw-muted,#697e74)!important;background:#d9e8d9!important;border-color:#a9c2aa!important;box-shadow:0 3px 0 #71967422!important}.el-gather span{font-size:23px;vertical-align:middle;margin-left:9px}.el-gather:disabled span{display:none}
.el-feeding{padding:13px 18px 20px;border:4px solid #e1e8d3;border-radius:32px;box-shadow:0 8px 0 #94aa8424}.el-animal{display:flex;align-items:center;justify-content:center;gap:24px;min-height:155px;margin:0 auto 4px}.el-animal>svg{width:178px;height:145px;flex-shrink:0;filter:drop-shadow(0 7px 3px #7d8d7133)}.el-food-wish{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;max-width:280px;padding:13px;border-radius:25px;background:#fff9;box-shadow:0 4px 0 #7e957e22}.el-food-wish>span{display:block;width:46px;height:45px;border:2px dashed #a3b4a0;border-radius:13px;background:#fff7}.el-food-wish>span>svg{opacity:.22;filter:grayscale(1)}.el-food-wish>span.on{border:2px solid #83ad8a;background:#e2f0d8}.el-food-wish>span.on>svg{opacity:1;filter:none}.el-feeding .el-take-away{min-height:155px;padding:13px 8px;border:2px solid #b7c7a955;border-radius:25px;background:#fff8!important;box-shadow:inset 0 3px 0 #8da17d14;transform:none}.el-take-away .taken{opacity:0!important;scale:.5;translate:0 -35px;pointer-events:none}
.el-necklace-friend{width:85px;height:95px;margin:0 auto -30px;position:relative;z-index:1;filter:drop-shadow(0 6px 3px #8f7b9733)}.el-beads{padding-top:39px}.el-show-pattern .el-bead-0,.el-show-pattern .el-bead-1{outline:5px solid #ffffffb3;outline-offset:3px}.el-show-pattern .el-bead-2{outline:5px solid #d6c494;outline-offset:3px}
.el-letter-picture{grid-template-columns:minmax(110px,230px) minmax(130px,320px);gap:30px;background:linear-gradient(145deg,#fff6db,#f0dfbc);position:relative;border:3px solid #e6cfaa}.el-post-picture{display:flex;flex-direction:column;align-items:center;gap:5px;transform:rotate(-3deg);padding:12px;background:#fff8e8;border:2px solid #e7d4af;border-radius:18px;box-shadow:0 6px 0 #bba17222}.el-post-picture>svg{width:100%;height:165px;max-width:210px}.el-post-picture>span{font-size:20px;font-weight:800;letter-spacing:.15em}.el-letter-delivery{display:flex;align-items:center;justify-content:center;gap:14px}.el-letter-delivery>strong{font-size:95px;line-height:1;font-family:'Trebuchet MS',sans-serif;color:#79638f;text-shadow:0 5px 0 #b4a0c22b}.el-letter-slot{display:grid;place-items:center;width:82px;height:98px;border:3px dashed #b4a0c1;border-radius:17px;background:#fff8ec;box-shadow:inset 0 5px 0 #bbaaac17;color:#b5a2bd;font-size:54px;font-weight:800}.el-letter-slot.filled{border:3px solid #90ae8f;background:#d9eacd;color:#63856b;box-shadow:0 5px 0 #8aaa7933}.el-letter-help .el-letter-delivery>strong{outline:4px solid #fff8e9;outline-offset:6px;border-radius:10px}
.el-answers>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:100px;min-height:95px;padding:10px 17px;touch-action:manipulation}.el-answers>button>strong{font-size:35px;line-height:1}.el-answer-dots{display:flex;align-items:center;justify-content:center;gap:3px;min-height:10px;flex-wrap:wrap;max-width:64px}.el-answer-dots>i{width:9px;height:9px;border-radius:50%;background:#8d83a9}.el-answer-dots>em{font-style:normal;font-size:15px;line-height:9px}.el-answer-letter{font-size:42px;line-height:1}.el-answers>button.el-chosen:disabled{opacity:1!important;background:#d9eccf!important;border-color:#83af8c!important;color:#4d7b60!important;box-shadow:0 7px 0 #8aaf7a44,0 0 0 5px #c8e2b54d}.el-answers>button.el-chosen .el-answer-dots>i{background:#6f9676}.el-help{display:block;margin:10px auto;min-height:45px!important;padding:6px 17px!important;border-radius:20px!important;font-size:14px!important;background:var(--mlw-surface,#fff9ef)!important;color:var(--mlw-muted,#6a7d86)!important;box-shadow:0 3px 0 #9aaaba22!important;border:1px solid #b0c3c166!important}.el-help>span{font-size:24px;vertical-align:middle;margin-right:8px}.el-success-copy{display:flex;align-items:center;justify-content:center;gap:10px;max-width:680px;padding:13px 20px;border-radius:20px;background:#c7dfb82e}.el-success-copy>span{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;border-radius:50%;background:#a9ce9c;color:#fff;font-size:23px}.el-hint:empty{display:none}
@media(min-width:1800px){.el-place{font-size:18px}.el-guide>span{width:105px;height:130px}.el-small-object{width:145px;height:145px;max-width:160px;flex-basis:145px}.el-ball-group{min-height:180px;min-width:180px}.el-together{min-width:min(85%,650px)}.el-group-tag{width:40px;height:40px;font-size:25px;top:-20px}.el-animal{min-height:210px}.el-animal>svg{width:245px;height:200px}.el-food-wish{max-width:405px}.el-food-wish>span{width:65px;height:65px}.el-feeding .el-take-away{min-height:205px}.el-post-picture>svg{height:230px;max-width:280px}.el-letter-picture{grid-template-columns:300px 420px}.el-post-picture>span{font-size:27px}.el-letter-delivery>strong{font-size:140px}.el-letter-slot{width:115px;height:135px;font-size:78px}.el-answers>button{min-width:120px;min-height:118px}.el-answers>button>strong{font-size:46px}.el-answer-letter{font-size:55px}.el-answer-dots{max-width:85px;gap:5px}.el-answer-dots>i{width:12px;height:12px}.el-help{font-size:18px!important}.el-necklace-friend{width:115px;height:135px;margin-bottom:-45px}.el-beads{padding-top:50px}.el-count-trail>span{width:44px;height:44px;font-size:26px}}
@media(max-width:600px){.el-place{font-size:11px;margin-bottom:5px;padding:5px 12px}.el-guide{min-height:70px}.el-guide>span{width:54px;height:70px}.el-aquarium{padding:13px 5px}.el-count-trail{gap:7px;margin-top:13px;min-height:29px}.el-count-trail>span{width:29px;height:29px;font-size:17px}.el-small-object{width:58px;height:62px;min-width:35px;max-width:73px;flex-basis:58px}.el-ball-group{min-width:80px;min-height:93px;padding:12px 4px 5px;border-width:2px;border-radius:20px;gap:0}.el-group-tag{width:23px;height:23px;top:-12px;font-size:14px}.el-ball-table{gap:8px;padding:22px 7px 12px;min-height:150px}.el-together{min-width:90%;padding:8px;border-width:2px;border-radius:22px;gap:0}.el-ball-table.gathered{padding:18px 7px}.el-gather{margin-bottom:5px;max-width:100%}.el-gather span{font-size:18px;margin-left:4px}.el-feeding{padding:7px 7px 12px;border-width:3px;border-radius:23px}.el-animal{min-height:112px;gap:10px;margin-bottom:3px}.el-animal>svg{width:112px;height:100px}.el-food-wish{gap:3px;padding:7px;max-width:158px;border-radius:17px}.el-food-wish>span{width:35px;height:35px;border-radius:10px}.el-feeding .el-take-away{min-height:104px;padding:8px 2px;gap:0}.el-take-away .el-object{width:54px;height:67px!important;min-height:58px}.el-necklace-friend{width:64px;height:74px;margin-bottom:-25px}.el-beads{padding-top:32px}.el-letter-picture{grid-template-columns:minmax(80px,135px) minmax(100px,160px);gap:12px;padding:12px 10px}.el-post-picture{padding:7px;border-radius:13px}.el-post-picture>svg{height:100px;max-width:120px}.el-post-picture>span{font-size:14px;letter-spacing:.08em}.el-letter-delivery{gap:9px}.el-letter-delivery>strong{font-size:61px}.el-letter-slot{width:50px;height:66px;border-width:2px;border-radius:12px;font-size:36px}.el-answers>button{min-width:70px;min-height:78px;gap:5px;padding:8px 10px}.el-answers>button>strong{font-size:31px}.el-answer-letter{font-size:36px}.el-answer-dots{max-width:46px;gap:2px}.el-answer-dots>i{width:7px;height:7px}.el-help{min-height:42px!important;font-size:12px!important;margin:7px auto}.el-help>span{font-size:22px}.el-success-copy{padding:10px 12px;font-size:14px;gap:8px}.el-success-copy>span{width:25px;height:25px;font-size:19px}}
@media(prefers-reduced-motion:no-preference){.el-world-meadow .el-object:not(.counted){animation:el-chick-play 2.7s ease-in-out infinite}.el-world-sky .el-object:not(.counted){animation:el-star-glow 3.2s ease-in-out infinite}.el-together .el-small-object{animation:el-bring-together .65s cubic-bezier(.2,.8,.3,1) both;animation-delay:calc(var(--order)*.07s)}.el-food-wish>span.on{animation:el-food-arrive .45s ease-out both}.el-fed>svg{animation:el-fed-happy .65s ease-in-out 2}.el-correct .el-letter-slot.filled,.el-correct .el-bead-3{animation:el-picture-delivered .6s cubic-bezier(.2,.8,.3,1) both}.el-correct .el-chosen{animation:el-answer-found .5s ease-out}.el-helped .el-hole{animation:el-help-glow 1.5s ease-in-out 3}@keyframes el-chick-play{50%{translate:0 -6px;rotate:-3deg}}@keyframes el-star-glow{50%{scale:1.06;filter:drop-shadow(0 0 10px #fff0b3)}}@keyframes el-bring-together{from{opacity:.4;translate:0 -20px;rotate:-12deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes el-food-arrive{from{scale:.4;translate:0 20px;opacity:0}to{scale:1;translate:0 0;opacity:1}}@keyframes el-fed-happy{50%{translate:0 -6px;rotate:4deg}}@keyframes el-picture-delivered{from{scale:.3;rotate:-20deg;opacity:0}to{scale:1;rotate:0deg;opacity:1}}@keyframes el-answer-found{50%{translate:0 -7px;scale:1.06}}@keyframes el-help-glow{50%{box-shadow:0 0 0 8px #e6d59344}}}
body.motion-off .el-game *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.el-game *{animation:none!important;transition:none!important}}


/* A laptop uses its width for the answers, keeping the play picture and controls together. */
@media(min-width:950px){
.el-game{display:grid;grid-template-columns:minmax(0,1fr) minmax(205px,24%);column-gap:24px;row-gap:10px;align-items:start}
.el-place{grid-column:1/-1;grid-row:1;margin:0 auto;padding:5px 16px}
.el-guide{grid-column:1/-1;grid-row:2;min-height:70px}.el-guide>span{width:56px;height:70px}.el-guide h3{font-size:clamp(24px,2vw,33px);margin:3px 0!important}
.el-progress{grid-column:1/-1;grid-row:3;margin:0 auto 6px;gap:13px}.el-progress>span{font-size:24px}
.el-scene{grid-column:1;grid-row:4/9;min-width:0;align-self:start}
.el-answers{grid-column:2;grid-row:4;gap:7px;align-self:center;margin:0;flex-wrap:nowrap;padding-top:10px}
.el-answers>button{min-width:60px;min-height:84px;padding:9px 8px;flex:1}.el-answers>button>strong{font-size:32px}.el-answers .el-bead{width:48px;height:48px;font-size:21px}
.el-help{grid-column:2;grid-row:5;margin:0 auto;max-width:100%}
.el-typing{grid-column:2;grid-row:6;margin:0 auto;width:100%;max-width:100%;font-size:12px}.el-typing>summary{padding:8px 0;min-height:38px}.el-form{flex-direction:column;align-items:stretch;width:100%;padding-top:7px}.el-input{width:100%}.el-form>button{font-size:13px!important}
.el-success-copy{grid-column:2;grid-row:5;font-size:17px;flex-direction:column;text-align:center;padding:10px;margin:0;width:100%}
.el-actions{grid-column:2;grid-row:6;flex-direction:column;gap:9px;width:100%;margin:0}.el-actions button{width:100%;font-size:14px!important}
.el-hint{grid-column:1/-1;grid-row:10;margin:0 auto;font-size:13px}
.el-letter-picture{grid-template-columns:minmax(110px,220px) minmax(130px,280px);gap:20px}.el-letter-delivery{gap:12px}.el-letter-delivery>strong{font-size:85px}.el-letter-slot{width:72px;height:92px;font-size:50px}
}
@media(min-width:1800px){
.el-game{width:min(100%,1600px);max-width:1600px;grid-template-columns:minmax(0,1fr) minmax(280px,24%);column-gap:35px;row-gap:14px}.el-guide>span{width:86px;height:108px}.el-guide h3{font-size:37px}.el-place{font-size:18px}.el-progress>span{font-size:31px}
.el-answers{gap:10px;padding-top:18px}.el-answers>button{min-width:82px;min-height:108px}.el-answers>button>strong{font-size:44px}.el-answers .el-bead{width:66px;height:66px;font-size:29px}
.el-typing{font-size:16px}.el-success-copy{font-size:22px;padding:17px}.el-actions button{font-size:18px!important;min-height:60px}.el-help{font-size:17px!important}.el-letter-picture{grid-template-columns:minmax(150px,290px) minmax(200px,360px);gap:24px}.el-letter-delivery>strong{font-size:130px}.el-letter-slot{width:100px;height:128px;font-size:73px}
}
@media(min-width:950px) and (max-height:850px){
.el-game{row-gap:6px}.el-place{font-size:12px;padding:3px 12px}.el-guide{min-height:54px}.el-guide>span{width:44px;height:54px}.el-guide h3{font-size:25px}.el-progress{margin-bottom:4px}.el-progress>span{font-size:21px}
.el-aquarium,.el-ball-table{min-height:200px}.el-object{width:110px;height:104px!important;min-height:85px}.el-small-object{width:95px;height:95px;flex-basis:95px;min-width:50px}.el-ball-group{min-height:114px;min-width:112px}.el-ball-table{padding:21px 14px}.el-ball-table.gathered{padding:21px 14px}.el-together{padding:10px}
.el-feeding{padding:8px 13px 14px}.el-animal{min-height:125px;gap:15px}.el-animal>svg{width:145px;height:119px}.el-food-wish{padding:9px;max-width:255px}.el-food-wish>span{width:39px;height:39px}.el-feeding .el-take-away{min-height:126px;padding:8px 5px}
.el-play-tip{font-size:13px;margin:10px auto}.el-gather{min-height:43px;margin:11px auto;font-size:13px!important}.el-count-trail{margin-top:12px;min-height:29px}.el-count-trail>span{width:29px;height:29px;font-size:17px}
.el-post-picture>svg{height:140px}.el-post-picture>span{font-size:17px}.el-letter-picture{padding:16px}.el-necklace-friend{width:70px;height:80px;margin-bottom:-25px}.el-beads{margin:15px auto;padding-top:32px;padding-bottom:22px}.el-bead{width:70px;height:70px;font-size:28px}
}
body.motion-off .el-game *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.el-game *{animation:none!important;transition:none!important}}

/* v5.8: touch a living picture first; one short invitation and a visible model. */
.el-tap-cue{position:absolute;right:0;bottom:-6px;display:block;width:42px;height:47px;color:#71618b;pointer-events:none;z-index:2;filter:drop-shadow(0 3px 1px #78678833)}
.el-object .el-object-spark{display:none;position:absolute;left:7%;top:3%;font-size:31px;color:#c99037;pointer-events:none;text-shadow:0 2px #fff8da}
.el-object.counted .el-object-spark{display:block}.el-object.counted>svg{filter:drop-shadow(0 4px 3px #739b8633)}
.el-object.counted{background:linear-gradient(#fff8,#efffd844)!important}.el-object b{z-index:2}
.el-join-group{appearance:none;border:3px dashed #95b29d!important;position:relative;display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;max-width:43%;min-height:140px!important;min-width:100px!important;gap:4px;padding:15px 9px!important;cursor:pointer;color:#59766b;box-shadow:0 7px 0 #8eae9133;touch-action:manipulation}
.el-join-group:hover{background:#fff9!important;border-color:#71a58a!important}.el-join-group:active{translate:0 4px;box-shadow:0 3px 0 #8eae9133}
.el-join-group .el-tap-cue{right:-6px;bottom:-8px}.el-join-arrow{font-size:38px;color:#7d9c83;flex-shrink:0}
.el-count-together{width:108px;max-width:28%;height:106px!important;min-height:80px;flex:0 1 108px}.el-together{min-height:151px}
.el-count-together b{right:0;top:0}.el-count-together .el-object-spark{font-size:25px;left:0}
.el-animal{position:relative}.el-animal-heart{display:none;position:absolute;left:calc(50% - 80px);top:4px;color:#c98694;font-size:29px;text-shadow:0 3px #fff6df;pointer-events:none}.el-fed .el-animal-heart,.el-just-fed .el-animal-heart{display:block}
.el-feeding .el-take-away{position:relative}.el-food-wish>span{position:relative;overflow:visible}.el-take-away .taken{visibility:hidden}
.el-nothing-left{position:absolute;left:50%;top:50%;translate:-50% -50%;width:90px;height:63px;display:grid;place-items:center;border:4px solid #cabda1;border-radius:50%;background:#fff8e8;box-shadow:inset 0 0 0 7px #e4d9bc,0 5px 0 #a7997a22;color:#8e816d;font-size:33px;font-weight:800}
.el-pattern-gift{display:flex;align-items:end;justify-content:center;gap:40px;min-height:125px}.el-pattern-gift .el-necklace-friend{margin:0;width:100px;height:118px}
.el-perle-wish{display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-width:112px;min-height:125px;padding:9px 15px!important;border:2px solid #cebdcf!important;border-radius:24px;background:#fff8e9;color:#74637e;box-shadow:0 6px 0 #b49bb72b;font-size:14px!important;font-weight:700;touch-action:manipulation}
.el-perle-wish:disabled{opacity:1}.el-perle-wish .el-preview-bead{width:65px;height:65px;font-size:26px;box-shadow:inset -6px -6px 0 #0000000d,0 4px 0 #8a778629}.el-perle-wish .el-tap-cue{right:-14px;bottom:7px}.el-pattern-gift+.el-beads{padding-top:21px;margin-top:17px}
.el-hole>span{color:var(--bead);font-size:35px;opacity:.65}.el-hole{box-shadow:inset 0 0 0 6px #fff9e5!important}
.el-letter-picture .el-post-picture{appearance:none;position:relative;color:#79638f;cursor:pointer;min-width:0;touch-action:manipulation;border:2px solid #e7d4af!important}.el-post-picture:disabled{opacity:1!important;cursor:default}.el-post-picture .el-tap-cue{right:1px;bottom:15px}.el-letter-delivery{position:relative;gap:9px}
.el-post-arrow{font-size:28px;color:#ad9a91}.el-letter-outline{color:transparent;-webkit-text-stroke:2px #b9a9c2;opacity:.65}.el-letter-slot.filled{position:relative}.el-letter-slot.filled:before{content:"";position:absolute;left:4px;right:4px;bottom:5px;height:6px;border-radius:50%;background:#7b9c6b22}.el-post-stamp{position:absolute;right:13px;top:13px;display:grid;place-items:center;width:38px;height:38px;color:#729077;border:3px double #93ae95;border-radius:50%;rotate:12deg;font-size:22px;font-weight:800}
.el-letter .el-answers>button{border:3px dotted #b4a2c0!important;border-radius:13px;box-shadow:0 6px 0 #9c85a733}.el-pattern .el-answers>button{min-height:100px}
.el-ready:not(.el-correct) .el-answers{padding:10px;border-radius:24px;background:#b6d5b329;outline:2px solid #b1cda947;outline-offset:3px}.el-ready .el-play-tip{color:var(--mlw-text,#526c5e);font-weight:700}
@media(max-width:600px){
 .el-tap-cue{width:33px;height:38px;right:-5px;bottom:-5px}.el-object .el-object-spark{font-size:21px;left:1px;top:2px}.el-join-group{min-width:85px!important;min-height:108px!important;padding:13px 5px 8px!important;gap:0;max-width:43%}.el-join-arrow{font-size:25px}.el-ball-table:not(.gathered){gap:8px}.el-count-together{width:70px;flex-basis:70px;min-width:52px;max-width:30%;height:77px!important;min-height:70px}.el-together{min-height:105px}.el-count-together .el-object-spark{font-size:18px;left:0}.el-feeding .el-take-away{gap:4px}.el-take-away .el-object{width:72px;height:76px!important;min-height:72px;flex-shrink:0}.el-pattern-gift{min-height:98px;gap:30px}.el-pattern-gift .el-necklace-friend{width:76px;height:90px}.el-perle-wish{min-width:91px;min-height:102px;padding:7px 12px!important;border-radius:20px;font-size:12px!important;gap:5px}.el-perle-wish .el-preview-bead{width:51px;height:51px;font-size:22px}.el-perle-wish .el-tap-cue{right:-14px;bottom:6px}.el-pattern-gift+.el-beads{padding-top:18px;margin-top:13px}.el-hole>span{font-size:24px}.el-animal-heart{left:calc(50% - 63px);top:0;font-size:24px}.el-nothing-left{width:68px;height:48px;font-size:25px;border-width:3px;box-shadow:inset 0 0 0 5px #e4d9bc,0 4px 0 #a7997a22}.el-post-arrow{font-size:19px}.el-letter-delivery{gap:5px}.el-letter-delivery>strong{font-size:53px}.el-letter-slot{width:46px;min-width:46px;height:62px;font-size:35px}.el-post-stamp{width:29px;height:29px;font-size:17px;top:7px;right:7px}.el-pattern .el-answers>button{min-height:85px}.el-ready:not(.el-correct) .el-answers{padding:7px}
}
@media(min-width:1800px){.el-tap-cue{width:56px;height:63px}.el-count-together{width:150px;flex-basis:150px;height:145px!important;min-height:100px}.el-together{min-height:205px}.el-join-group{min-height:190px!important}.el-pattern-gift{min-height:170px;gap:65px}.el-pattern-gift .el-necklace-friend{width:145px;height:168px}.el-perle-wish{min-width:150px;min-height:166px;font-size:19px!important}.el-perle-wish .el-preview-bead{width:95px;height:95px;font-size:37px}.el-pattern-gift+.el-beads{padding-top:30px}.el-hole>span{font-size:50px}.el-post-arrow{font-size:38px}}
@media(prefers-reduced-motion:no-preference){
 .el-tap-cue{animation:el-show-tap 1.9s ease-in-out 3}.el-just-touched{animation:el-touched-hop .6s cubic-bezier(.2,.8,.3,1)!important}.el-just-touched .el-object-spark{animation:el-little-spark .7s ease-out both}.el-just-joined .el-together{animation:el-groups-hug .65s ease-out both}.el-new-food>svg{animation:el-feed-little-friend .6s cubic-bezier(.2,.7,.3,1) both}.el-just-fed>svg{animation:el-animal-chew .65s ease-in-out both}.el-just-fed .el-animal-heart{animation:el-thank-you .8s ease-out both}.el-demo-now .el-preview-bead,.el-demo-now .el-post-picture{animation:el-example-show .65s ease-in-out both}.el-demo-now .el-letter-slot{animation:el-example-show .65s ease-in-out both}.el-ready:not(.el-correct) .el-answers{animation:el-answer-invitation .8s ease-out both}.el-correct .el-post-stamp{animation:el-stamp-letter .55s ease-out both}
 @keyframes el-show-tap{0%,40%,100%{translate:0 0;rotate:-8deg}65%{translate:-5px -7px;rotate:0deg}80%{translate:-2px -3px;rotate:-3deg}}
 @keyframes el-touched-hop{0%,100%{translate:0 0;scale:1}35%{translate:0 -15px;rotate:-6deg;scale:1.08}65%{translate:0 -4px;rotate:5deg;scale:1.03}}
 @keyframes el-little-spark{from{opacity:0;scale:.2;translate:0 12px}45%{opacity:1;scale:1.25}to{opacity:.8;scale:1;translate:0 0}}
 @keyframes el-groups-hug{from{scale:.86;rotate:-2deg}55%{scale:1.04;rotate:1deg}to{scale:1;rotate:0deg}}
 @keyframes el-feed-little-friend{from{translate:-35px 100px;scale:.7;rotate:-18deg;opacity:.3}70%{translate:0 -5px;scale:1.08;rotate:6deg}to{translate:0 0;scale:1;rotate:0deg;opacity:1}}
 @keyframes el-animal-chew{20%,60%{scale:1.03 .96;rotate:-2deg}40%,80%{scale:.99 1.03;rotate:2deg}}
 @keyframes el-thank-you{from{opacity:0;translate:0 15px;scale:.2}55%{opacity:1;translate:0 -7px;scale:1.15}to{opacity:1;translate:0 0;scale:1}}
 @keyframes el-example-show{35%{scale:1.12;rotate:-6deg}70%{scale:1.04;rotate:4deg}to{scale:1;rotate:0deg}}
 @keyframes el-answer-invitation{from{outline-color:#b1cda900;scale:.98}55%{outline-color:#9ec28a;scale:1.015}to{outline-color:#b1cda947;scale:1}}
 @keyframes el-stamp-letter{from{opacity:0;scale:2;rotate:-12deg}65%{opacity:1;scale:.9;rotate:12deg}to{scale:1;rotate:12deg}}
}
body.motion-off .el-game *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.el-game *{animation:none!important;transition:none!important}}
