/* The book owns its art ratio: never crop a friend's ears or feet. */
.lb-home{display:grid;grid-template-columns:1.05fr 1fr;isolation:isolate;background:#0756d4;border:3px solid #fff;border-radius:32px;overflow:hidden;box-shadow:0 9px 0 #c993ba;margin:24px 0 36px;color:#fff}
.lb-home-copy{padding:clamp(24px,4vw,52px);align-self:center}.lb-label{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.12em;color:#153364;background:#eeff3e;padding:9px 13px;border-radius:11px}.lb-home h2{font-size:clamp(30px,3.3vw,49px);line-height:1.12;color:#fff;margin:20px 0 14px}.lb-home p{color:#fff;font-size:20px;line-height:1.5}.lb-home small{display:block;margin-top:20px;color:#e2f5ff;line-height:1.6}.lb-home-art{position:relative;background:#ddf6ff;min-width:0}.lb-home-art>img{width:100%;height:100%;object-fit:contain;display:block}.lb-bubble{position:absolute;top:7%;right:5%;background:#fff;color:#0b459f;border-radius:25px 25px 25px 4px;padding:12px 20px;font-size:clamp(24px,3vw,42px);font-weight:900;box-shadow:0 4px 0 #abcfe4}.lb-sticker{position:absolute;bottom:6%;right:5%;border:2px solid #fff;border-radius:12px;padding:8px 12px;background:#ffc4df;color:#123362;font-size:12px;font-weight:900;letter-spacing:.06em;transform:rotate(-4deg)}
.lb-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.lb-actions>a,.lb-page-controls a{text-decoration:none}.lb-home-link{color:#fff;display:inline-flex;align-items:center;gap:8px;font-weight:800;min-height:48px}.lb-heading{max-width:760px;margin:16px 0 28px}.lb-heading h1{margin-top:18px}.lb-heading p{font-size:19px;line-height:1.6}.lb-languages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.lb-language{background:#fff;border:2px solid #cbdcf0;border-radius:24px;padding:26px;color:#183662;text-decoration:none;box-shadow:0 6px 0 #d4c7dc}.lb-language>span{font-size:27px;font-weight:900}.lb-language h2{font-size:23px;margin:20px 0 9px}.lb-language p{font-size:16px;margin:0 0 14px}.lb-language strong{display:flex;align-items:center;gap:8px}.lb-language.ready{background:#085bd9;color:#fff;border-color:#fff}.lb-language.ready h2{color:#fff}.lb-language.ready strong{color:#ecff39}.lb-language.upcoming{background:#f6f5fb;box-shadow:none;color:#52617c}.lb-note{font-size:13px;line-height:1.7;color:#4e5e78;margin:18px 0 0}.lb-title h1{font-size:clamp(25px,3vw,38px);margin:14px 0 18px}.lb-progress{display:block;width:100%;height:10px;border:0;border-radius:12px;overflow:hidden;background:#d4dff7;margin-bottom:20px;accent-color:#115dd9}.lb-progress::-webkit-progress-bar{background:#d4dff7}.lb-progress::-webkit-progress-value{background:#115dd9}
.lb-book{display:grid;grid-template-columns:1fr 1fr;background:white;border:3px solid white;border-radius:28px;overflow:hidden;box-shadow:0 8px 0 #d9b2cf}.lb-picture{position:relative;align-self:center;min-width:0;background:#eefaff}.lb-picture>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}.lb-page-number{position:absolute;bottom:12px;left:12px;background:#fff;color:#174484;border:2px solid #c6dcf2;font-weight:900;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.lb-copy{padding:clamp(20px,3vw,40px);align-self:center;min-width:0}.lb-story{font-size:17px;line-height:1.6;color:#566882}.lb-copy h2{font-size:clamp(40px,4.2vw,64px);line-height:1.13;color:#0754c8;margin:18px 0;overflow-wrap:break-word}.lb-sentence{font-size:clamp(20px,2vw,27px);font-weight:800;color:#163661}.lb-audio-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 16px}.lb-audio-actions button{min-height:52px}.lb-meaning{border-top:1px solid #d8e4f1;padding:14px 0;color:#304d73}.lb-meaning summary{cursor:pointer;padding:5px 0;font-size:17px;font-weight:800;min-height:44px}.lb-meaning p{font-size:21px}.lb-invitation{padding:13px 16px;border-radius:14px;background:#ecf9ff;font-size:16px;line-height:1.5}.lb-status{min-height:24px;font-size:15px;line-height:1.5;color:#315477}.lb-page-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:25px 0}.lb-page-controls>span{white-space:nowrap;font-weight:800}.lb-page-controls button{min-height:52px}.lb-trio{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;min-width:0}.lb-trio img{width:calc((100% - 20px)/3);height:auto;aspect-ratio:1;object-fit:contain;border-radius:22px;border:3px solid #fff;box-shadow:0 5px 0 #b9d2df}
.lb-game,.lb-finish{padding:clamp(20px,4vw,42px);background:#fff;border:3px solid white;border-radius:28px;box-shadow:0 8px 0 #d5b1d0;text-align:center}.lb-game h1,.lb-finish h1{font-size:clamp(27px,3vw,40px);margin:20px 0 14px}.lb-game>p{font-size:18px}.lb-big-listen{margin:15px auto 25px;min-height:62px;font-size:21px}.lb-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:15px 0 22px}.lb-choice{padding:0;border:4px solid #dbe9ff;border-radius:24px;background:#effaff;overflow:hidden;min-width:0;box-shadow:0 6px 0 #bad4ed}.lb-choice img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.lb-choice:disabled{opacity:.75;filter:none}.lb-choice.lb-correct,.lb-match-image.lb-correct{opacity:1;border-color:#73cb8e;box-shadow:0 5px 0 #53a16d}.lb-try{border-color:#ffcee2}.lb-game>[data-book-read]{display:block;margin:20px auto 0}.lb-match{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:570px;margin:25px auto}.lb-word-list,.lb-image-list{display:grid;grid-template-rows:repeat(3,1fr);gap:16px}.lb-word{font-size:clamp(20px,3vw,32px);font-weight:900;color:#173e7c;background:#eef7ff;border:3px solid #c6dcf6;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:12px}.lb-word[aria-pressed=true]{background:#eeff3e;border-color:#0654ca;box-shadow:0 0 0 3px #0654ca}.lb-word.lb-correct{background:#dff7e8;border-color:#73cb8e;opacity:1}.lb-match-image{padding:0;border:4px solid #c6dcf6;border-radius:20px;overflow:hidden;background:#fff;min-width:0}.lb-match-image img{display:block;width:100%;height:auto;max-height:180px;aspect-ratio:1;object-fit:contain}.lb-finish .lb-trio{max-width:640px;margin:auto}.lb-finish-stars{font-size:50px;letter-spacing:12px;color:#e7b800;margin-top:20px}.lb-reward{display:inline-block;background:#eeff3e;padding:15px 20px;border-radius:16px;font-weight:900;line-height:1.5;margin:10px 0 25px}.lb-finish .lb-actions{justify-content:center}.lb-offline{max-width:700px;text-align:left;background:#f1f8ff;padding:22px;border-radius:20px;margin:26px auto 0}.lb-offline h2{font-size:22px}.lb-offline p{line-height:1.7}.lb-game button[hidden]{display:none}.lb-home a:focus-visible,.lb-language:focus-visible,.lb-game button:focus-visible,.lb-book button:focus-visible{outline:4px solid #ff8dbf;outline-offset:4px}
.lb-bubble{left:5%;right:auto}
@media(max-width:900px){.lb-home-copy{padding:24px}.lb-home .lb-actions{gap:10px}.lb-home .primary{font-size:16px}.lb-book{grid-template-columns:1fr}.lb-picture{max-width:480px;width:100%;margin:auto}.lb-copy{padding:22px}.lb-copy h2{font-size:46px}.lb-languages{grid-template-columns:repeat(2,minmax(0,1fr))}.lb-home h2{font-size:32px}}
@media(max-width:560px){.lb-home{grid-template-columns:1fr;position:relative;margin-top:16px}.lb-home-copy{padding:25px 22px}.lb-home h2{font-size:35px}.lb-home p{font-size:18px}.lb-home-art{max-height:280px;display:flex;justify-content:center}.lb-home-art>img{width:auto;max-width:100%;height:280px}.lb-home .lb-actions{align-items:flex-start;flex-direction:column}.lb-home small{margin-top:8px}.lb-languages{gap:12px}.lb-language{padding:20px 15px;border-radius:20px}.lb-language>span{font-size:21px}.lb-language h2{font-size:20px}.lb-language p{font-size:14px}.lb-title h1{font-size:26px}.lb-picture{max-width:360px}.lb-copy{padding:18px}.lb-copy h2{font-size:39px}.lb-story{font-size:16px;margin-top:0}.lb-audio-actions{gap:10px;margin:18px 0}.lb-audio-actions button{font-size:16px;padding:12px 15px}.lb-page-controls{gap:8px}.lb-page-controls button{padding:12px 14px;font-size:15px}.lb-page-controls>span{font-size:13px}.lb-choices{gap:9px}.lb-choice{border-width:3px;border-radius:17px}.lb-game{padding:23px 15px}.lb-game>p{font-size:16px}.lb-match{gap:14px}.lb-word{font-size:23px;gap:7px}.lb-finish{padding:24px 15px}.lb-finish .lb-trio{padding:0;gap:7px}.lb-finish .lb-trio img{width:calc((100% - 14px)/3);border-radius:15px}.lb-offline{padding:17px}.lb-finish .lb-actions{flex-direction:column}.lb-finish .lb-actions>*{width:100%;justify-content:center}}