/* Loa's playtime: soft paper, sky blue, peach and grassy green. No external assets. */
.play-page{--ink:#243c50;--blue:#285f83;--paper:#fffdf7;background:#f5f7ed;color:var(--ink)}
.play-page .wrap{max-width:1200px}.play-page .site-header{padding-top:18px;padding-bottom:18px}.play-page .site-footer{margin-top:32px}
.play-intro{padding:12px 0 20px;display:flex;gap:20px;align-items:baseline;flex-wrap:wrap}.play-intro h1{font-family:ui-rounded,'Avenir Next',sans-serif;font-size:26px;margin:0;color:var(--ink);letter-spacing:-.8px}.play-intro h1 em{font-style:normal;color:#316f75}.play-intro p{font-size:15px;margin:0;color:#536679}
#play-app{font-family:ui-rounded,'Avenir Next','Trebuchet MS',sans-serif;color:var(--ink);scroll-margin-top:10px}#play-app *{box-sizing:border-box}#play-app [hidden]{display:none!important}#play-app button,#play-app a,#play-app select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}#play-app button{font-family:inherit;cursor:pointer;color:var(--ink)}#play-app button:disabled{opacity:.48;cursor:default}#play-app :focus-visible{outline:4px solid #205ac1;outline-offset:4px}#play-app h2,#play-app h3,#play-app p{color:inherit}#play-app h3{font-size:19px;letter-spacing:0}.lp-home,.lp-game,.lp-summary{background:var(--paper);border:1px solid #d6dfd8;border-radius:30px;overflow:hidden;box-shadow:0 9px 0 #dde5d9}
.lp-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;background:#fffdf7;border-bottom:1px solid #dce5dc;flex-wrap:wrap}.lp-brand{font-size:14px;font-weight:700}.lp-controls{display:flex;gap:8px;flex-wrap:wrap}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:9px 17px;border:2px solid #b6c8d0;border-radius:16px;background:white;text-decoration:none;color:var(--ink);font-size:16px;font-weight:750;line-height:1.3;box-shadow:0 3px 0 #dce4e5;transition:transform .15s,background .15s}.lp-btn:hover{background:#edf6f8}.lp-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #dce4e5}#play-app .lp-btn.primary{background:#285f83;border-color:#285f83;color:#fff;box-shadow:0 4px 0 #183d55}.lp-btn.primary:hover{background:#204e70}.lp-btn.lp-small{font-size:14px}.lp-controls .lp-btn{font-size:14px;padding:8px 12px}.lp-eyebrow{display:block;font-size:12px;letter-spacing:2px;font-weight:800;color:#456273}.lp-welcome{position:relative;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:20px;padding:40px;background:radial-gradient(ellipse at 85% 105%,#d2e6aa 0 24%,transparent 24.3%),radial-gradient(ellipse at 100% 100%,#a9cba8 0 35%,transparent 35.3%),#e6f3f5;overflow:hidden}.lp-welcome h2{font-size:clamp(32px,4vw,54px);line-height:1.08;letter-spacing:-1.5px;margin:14px 0 16px}.lp-welcome h2 em{font-style:normal;color:#2e7579}.lp-welcome p{font-size:18px;margin:0 0 20px}.lp-modes{display:flex;gap:10px;flex-wrap:wrap}.lp-modes .lp-btn{font-size:15px;min-height:52px}.lp-modes .active{background:#fff0bb;border-color:#b08b3a;box-shadow:0 3px 0 #c5a350}.lp-welcome .lp-subtle{font-size:14px;margin:12px 0 0}.lp-subtle{font-size:14px;color:#536676!important;line-height:1.5}.lp-hero-cast{display:flex;align-items:end;justify-content:center;position:relative;padding-top:24px}.lp-hero-cast .guide{width:52%;max-width:210px;position:relative;z-index:1}.lp-hero-cast .guide:nth-child(2){width:43%;transform:translateY(14px)}.lp-sun{position:absolute;right:2%;top:-10px;font-size:74px;color:#e8b042}.guide svg{display:block;width:100%;overflow:visible}.guide>span{display:block;text-align:center;font-size:14px;font-weight:800;margin-top:2px}.guide-happy{display:none}.guide .guide-wave{transform-origin:114px 116px}.guide-tail{transform-origin:114px 142px}.guide-head{transform-origin:80px 91px}.guide.wave .guide-wave{animation:wave 1.1s ease-in-out 3}.guide.wave .guide-tail{animation:wag .65s ease-in-out 4}.guide-eyes{transform-origin:80px 64px;animation:blink 7s infinite}.cheer .guide-happy{display:block}.cheer .guide-smile{display:none}.cheer .guide,.guide.cheer{animation:hooray .45s ease-in-out 3}.cheer .guide-wave,.guide.cheer .guide-wave{animation:wave .45s ease-in-out 3}.thinking .guide-head{transform:rotate(-7deg)}.thinking .guide-brow{transform:translateY(-3px)}
.lp-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 30px 15px}.lp-section-title h3{margin:0}.lp-section-title>span{font-size:14px;font-weight:750;color:#805411}.lp-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;padding:0 30px 30px}.lp-card{grid-column:span 2;border:2px solid #d5ddd3;border-radius:22px;display:flex;align-items:center;gap:16px;padding:22px 18px;min-height:142px;color:var(--ink);text-decoration:none;box-shadow:0 5px 0 #e1e7dc;transition:transform .15s}.lp-card:nth-child(-n+2){grid-column:span 3}.lp-card:hover{transform:translateY(-3px);border-color:#5c8da0}.lp-card-icon{font-size:38px;flex:none}.lp-card strong{display:block;font-size:21px;line-height:1.2}.lp-card small{display:block;font-size:13px;margin-top:10px;font-weight:600}.lp-card-arrow{font-size:22px;margin-left:auto}.peach{background:#ffefe4}.mint{background:#e5f2e5}.sky{background:#e9f3fc}.lilac{background:#f1edfb}.yellow{background:#fff5d3}.lp-home-bottom{border-top:1px solid #dce5dc;margin:0 30px;padding:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:35px}.lp-home-bottom h3{margin:0 0 15px}.lp-stickers{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.lp-stickers>span{font-size:35px;background:#fff5d3;border:2px dashed #d3b56d;border-radius:50%;width:58px;height:58px;display:grid;place-items:center}.lp-stickers p{font-size:14px;max-width:180px}.lp-parent-note{background:#f3f5ef;padding:20px;border-radius:18px}.lp-parent-note label{font-size:15px;font-weight:750}.lp-parent-note p{font-size:14px;line-height:1.55;margin-bottom:14px}.lp-parent-note a{font-size:14px;color:#285f83}.lp-parent-note select,.lp-dialog select{width:100%;min-height:48px;padding:8px 12px;font:inherit;border-radius:12px;border:2px solid #acbec7;margin-top:8px;background:white;color:#243c50}.lp-credit{font-size:11px!important;line-height:1.6;margin:0!important;padding:16px 26px;background:#f6f7f2;color:#52636d!important;text-align:center}.lp-credit a{color:#375c6b}
.lp-game-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 30px 12px}.lp-game-heading h2{font-size:30px;line-height:1.2;margin:8px 0;letter-spacing:-.6px}.lp-progress{display:flex;gap:8px;list-style:none;padding:0;margin:0}.lp-progress li{width:35px;height:35px;border-radius:50%;border:2px solid #c7d5d6;display:grid;place-items:center;font-size:14px;font-weight:800;background:#fff}.lp-progress .now{border-color:#285f83;background:#e0f1fb}.lp-progress .done{background:#ffedac;color:#835619;border-color:#d7af50}.lp-guide-row{display:flex;gap:20px;align-items:center;margin:0 30px 18px}.lp-mini-cast{display:flex;align-items:end;flex:none;width:138px}.lp-mini-cast .guide{width:76px}.lp-mini-cast .guide:nth-child(2){width:62px}.lp-mini-cast .guide>span{font-size:11px}.lp-guide-row>p{background:#eef5f5;padding:18px 24px;border-radius:4px 24px 24px 24px;font-size:21px;font-weight:650;margin:0;max-width:650px}.lp-board{border:1px solid #dfded4;border-radius:24px;margin:0 30px;padding:22px}.lp-equation{display:flex;align-items:center;justify-content:center;gap:16px;font-size:36px;font-weight:800;margin-bottom:22px}.lp-equation>span{min-width:36px;text-align:center}.lp-equation .part-a,.lp-equation .part-b,#total{padding:7px 17px;background:#fff;border-radius:16px;border:2px solid #b9d6e8}.lp-equation .part-b{border-color:#e3ba7c}.lp-groups{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.lp-group{border:2px solid #94bcd4;background:#f8fcff;padding:14px;border-radius:20px;min-width:270px;flex:1;max-width:410px;align-self:stretch}.lp-group.group-b{border:2px dashed #bd8744;background:#fffdf6}.lp-group h3{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px!important;margin:0 0 12px}.lp-group h3 b{font-size:22px;border-radius:50%;background:#e0eff9;min-width:36px;height:36px;text-align:center;line-height:36px}.lp-group.group-b h3 b{background:#ffebc9}.lp-group-plus{font-size:28px;font-weight:800}.lp-objects{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:7px;align-content:start}.lp-object{position:relative;min-height:48px;min-width:44px;border:2px solid #aac9dd;border-radius:13px;background:#fff;padding:4px;aspect-ratio:1;max-width:65px;justify-self:center;width:100%;transition:background .15s}.lp-object.group-b{border:2px dashed #ca9657;background:#fff9ec}.lp-object svg{display:block;width:100%;height:100%;max-height:47px}.lp-object.counted{background:#d7edd4;border-color:#448250}.lp-object .lp-count-mark{position:absolute;right:-3px;top:-7px;background:#285f4a;color:#fff;font-size:12px;font-weight:800;border-radius:50%;min-width:20px;line-height:20px;display:none}.lp-object.counted .lp-count-mark{display:block}.lp-object:nth-child(10n+6){margin-top:8px}.lp-object:nth-child(10n+7),.lp-object:nth-child(10n+8),.lp-object:nth-child(10n+9),.lp-object:nth-child(10n+10){margin-top:8px}.lp-combined{padding:16px;border:2px solid #b5b095;border-radius:20px;background:#fffdf7;margin-top:18px}.lp-combined.basket{background:repeating-linear-gradient(0deg,#fff8e6,#fff8e6 17px,#f7ecd1 18px,#f7ecd1 20px);border:3px solid #b68e57}.lp-combined h3{font-size:16px!important;margin:0 0 14px;text-align:center}.lp-all-objects{display:grid;grid-template-columns:repeat(10,minmax(44px,1fr));gap:8px;max-width:730px;margin:auto}.lp-groups.combined .lp-group{padding:8px 14px;min-width:0}.lp-groups.combined h3{margin:0}.lp-groups.combined .lp-group-plus{display:none}#packed-label{text-align:center;font-size:15px;margin:10px 0 0}.lp-help-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}.lp-help-row .lp-btn{font-size:16px}.lp-feedback{margin:18px 30px 8px;text-align:center;min-height:28px;font-size:18px;font-weight:650;line-height:1.5}.lp-answer-area{padding:8px 25px 20px;text-align:center}.lp-answer-label{margin:4px 0 14px;font-size:17px}.lp-answers{display:flex;gap:20px;justify-content:center}.lp-number{font-size:32px;min-width:86px;height:70px;border-color:#9bb5c6;border-radius:20px;box-shadow:0 5px 0 #c7d6df}.lp-next{text-align:center;margin:0 20px 22px}.lp-next .lp-btn{font-size:19px;min-height:56px}.lp-round-footer{padding:12px 26px;background:#fafbf6;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #dce5dc}.lp-round-footer>span{color:#805411;font-weight:750}.lp-listen{text-align:center;padding:10px 0}.lp-listen p{font-size:18px}.lp-listen-btn{min-height:64px;font-size:21px}.lp-letter-choices,.lp-word,.lp-letter-tray{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.lp-letter-choices{margin:22px 0}.lp-letter{min-width:76px;min-height:84px;font-size:48px;border-radius:20px;background:white;color:#243c50!important}.lp-word-zone{text-align:center;padding:16px 0}.lp-word-zone .lp-subtle{margin:22px 0 0}.lp-slot{display:flex;align-items:center;justify-content:center;width:80px;height:90px;border:3px dashed #b9a8ce;border-radius:17px;background:#fffdf8;color:#8a8195;font-size:22px}.lp-slot.filled{border-style:solid;background:#e4f3e2;color:#243c50;font-size:48px}.lp-letter-tray{margin-top:28px;gap:12px}.lp-letter-tray .lp-letter{min-width:64px;min-height:70px;font-size:36px}.lp-word-picture{margin:20px auto 0;max-width:170px;background:#fffdf7;border-radius:24px;padding:10px}.lp-word-picture svg{width:110px;height:110px;display:block;margin:auto}.lp-word-picture strong{display:block;font-size:28px}.lp-attempt{margin-top:20px}.lp-attempt .lp-btn{font-size:19px}.lp-self-report>.lp-btn{margin:5px}.lp-self-report>p{margin:8px}.sounding{background:#ffde78!important;outline:4px solid #be7d22!important;outline-offset:3px}.hinted{box-shadow:0 0 0 5px #eebf4b!important}.lp-summary-inner{text-align:center;padding:24px 20px 30px;background:radial-gradient(ellipse at top,#edf7f3,transparent 65%)}.lp-summary-cast{display:flex;justify-content:center;align-items:end;margin:auto auto 15px;max-width:260px}.lp-summary-cast .guide{width:140px}.lp-summary-cast .guide:nth-child(2){width:115px}.lp-summary-inner h2{font-size:34px;margin:12px 0 18px;letter-spacing:-1px}.lp-new-sticker{font-size:65px;display:grid;place-items:center;border:3px dashed #d6ac52;background:#fff4c6;border-radius:50%;width:110px;height:110px;margin:auto}.lp-stars{font-size:30px;color:#906019!important;letter-spacing:8px;margin:14px 0 0}.lp-summary-notes{padding:16px;line-height:1.8;background:#f0f5ed;border-radius:18px;max-width:600px;margin:18px auto!important}.lp-summary-notes small{font-size:13px}.lp-dialog{max-width:620px;width:calc(100% - 28px);max-height:85vh;overflow:auto;border:2px solid #98b6c6;border-radius:24px;padding:26px;background:#fffdf7;color:#243c50;font-family:inherit}.lp-dialog::backdrop{background:#233c50a6}.lp-dialog p{font-size:15px;line-height:1.6}.lp-dialog h2{margin:0 0 20px}.lp-dialog label{display:block;font-weight:750}.lp-dialog .lp-btn{margin-bottom:7px}.lp-dialog h3{margin-top:25px}
@keyframes wave{0%,100%{transform:rotate(0)}50%{transform:rotate(-18deg)}}@keyframes wag{50%{transform:rotate(-12deg)}}@keyframes blink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.08)}}@keyframes hooray{50%{transform:translateY(-10px) rotate(-3deg)}}
.lp-still *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){#play-app *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1000px){.lp-card{grid-column:span 3}.lp-card:last-child{grid-column:span 6}.lp-all-objects{grid-template-columns:repeat(5,minmax(44px,1fr));max-width:380px}.lp-bar .lp-brand{display:none}.lp-group-plus{display:none}}
@media(max-width:700px){.play-page .wrap{padding:0 14px}.play-page .site-header{padding:16px 0}.play-page .nav{gap:8px 14px}.play-intro{padding:12px 0 16px;gap:6px}.play-intro p{font-size:13px}.play-intro h1{font-size:23px}.lp-bar{padding:12px;gap:10px}.lp-controls{gap:6px;flex:1;justify-content:flex-end}.lp-controls .lp-btn{font-size:12px;padding:8px;min-height:46px}.lp-bar>a.lp-btn{font-size:14px;padding:9px}.lp-welcome{grid-template-columns:1fr;padding:25px 20px 18px;gap:0}.lp-welcome h2{font-size:38px}.lp-welcome p{font-size:16px}.lp-hero-cast{position:absolute;right:12px;top:24px;width:150px;opacity:.98;padding:0}.lp-hero-cast .guide>span{font-size:11px}.lp-welcome .lp-eyebrow{max-width:185px;letter-spacing:1.3px}.lp-welcome h2{max-width:220px;margin-top:14px}.lp-welcome>div:first-child{position:relative;z-index:2}.lp-welcome>div:first-child>p{max-width:210px}.lp-modes{margin-top:18px;gap:8px}.lp-modes .lp-btn{flex:1;min-width:140px;font-size:14px}.lp-sun{display:none}.lp-section-title{margin:24px 18px 14px}.lp-section-title span{font-size:12px}.lp-cards{padding:0 16px 22px;grid-template-columns:1fr;gap:12px}.lp-card,.lp-card:nth-child(-n+2),.lp-card:last-child{grid-column:auto;min-height:103px;padding:18px;gap:16px}.lp-card strong{font-size:21px}.lp-card small{font-size:13px;margin-top:6px}.lp-card-icon{font-size:34px}.lp-home-bottom{grid-template-columns:1fr;margin:0 18px;gap:18px}.lp-game-heading{margin:18px 15px 12px;flex-wrap:wrap;gap:5px}.lp-game-heading h2{font-size:27px}.lp-eyebrow{font-size:10px;letter-spacing:1.3px}.lp-progress{gap:7px}.lp-progress li{width:29px;height:29px;font-size:12px}.lp-guide-row{margin:0 14px 15px;gap:12px}.lp-mini-cast{width:85px}.lp-mini-cast .guide{width:47px}.lp-mini-cast .guide:nth-child(2){width:38px}.lp-mini-cast .guide>span{font-size:9px}.lp-guide-row>p{font-size:17px;padding:12px 14px;line-height:1.4}.lp-board{margin:0 12px;padding:14px 10px;border-radius:20px}.lp-equation{font-size:30px;gap:9px;margin-bottom:16px}.lp-equation>span{min-width:25px}.lp-equation .part-a,.lp-equation .part-b,#total{padding:6px 12px;border-radius:13px}.lp-groups{gap:14px}.lp-group{min-width:100%;padding:12px}.lp-objects{gap:7px}.lp-object{min-height:44px}.lp-groups.combined .lp-group{min-width:100%;padding:6px 12px}.lp-combined{padding:12px 8px}.lp-all-objects{gap:7px}.lp-help-row{gap:8px;margin-top:16px}.lp-help-row .lp-btn{font-size:14px;padding:9px 12px}.lp-feedback{margin:16px 16px 5px;font-size:16px}.lp-answer-area{padding:8px 14px 22px}.lp-answers{gap:14px}.lp-number{min-width:75px;height:67px}.lp-round-footer{padding:12px;font-size:13px}.lp-round-footer .lp-btn{font-size:12px;padding:8px 10px}.lp-credit{padding:13px 17px;font-size:10px!important}.lp-letter-choices,.lp-word{gap:14px}.lp-letter{min-width:68px;min-height:78px;font-size:43px}.lp-letter-tray{gap:10px}.lp-letter-tray .lp-letter{min-width:55px;min-height:62px;font-size:33px}.lp-slot{width:70px;height:80px}.lp-summary-inner h2{font-size:29px}.lp-summary-cast{max-width:220px}.lp-summary-notes{font-size:14px}.lp-listen p{font-size:17px}.lp-listen-btn{font-size:18px}}
@media(max-width:390px){.play-page .wrap{padding:0 8px}.lp-hero-cast{width:120px;right:8px;top:48px}.lp-welcome h2{font-size:33px;max-width:195px}.lp-welcome{padding:22px 16px 16px}.lp-controls{justify-content:flex-start}.lp-bar{gap:8px}.lp-controls .lp-btn{padding:8px 7px}.lp-board{margin:0 8px;padding:12px 8px}.lp-group{padding:10px 8px}.lp-object{min-width:44px}.lp-objects,.lp-all-objects{gap:5px}.lp-group h3{font-size:14px!important}}

/* Packed toys cannot intercept another tap; empty source slots keep all remaining toys still. */
.lp-source-slot{display:block;min-height:48px;aspect-ratio:1;max-width:65px;width:100%;justify-self:center}.lp-source-slot .lp-object{height:100%}.lp-object.packed{pointer-events:none}