:root{--hbe-garden:url(/images/worlds/bubble-garden.webp);--hbe-reading:url(/images/worlds/reading-cove.webp);--hbe-paper-shadow:0 5px 0 var(--blue-100), 0 18px 36px #173b5f1a}@media screen{body{background:linear-gradient(180deg,var(--blue-50),var(--cream) 720px)}.hbe-site-header{border-bottom-color:var(--blue-100);background:#fffffff5;box-shadow:0 3px 16px #173b5f0f}.hbe-site-header nav a{border-radius:12px}.hbe-site-header nav a:hover{background:var(--blue-50)}.hbe-site-footer{background:var(--cream)}.hbe-front-world{background:linear-gradient(180deg,var(--blue-50),var(--cream));padding-top:16px}.hbe-front-world>div:first-child{padding-block:20px 32px}.hbe-entry-panel[data-world]{isolation:isolate;background:var(--blue-50);box-shadow:0 6px 0 var(--blue-100),0 20px 40px #173b5f1f;border:1px solid #fff;padding-bottom:26px;position:relative}.hbe-entry-panel[data-world]:before{content:"";z-index:-1;background:var(--hbe-garden) center / cover;position:absolute;inset:0}.hbe-entry-panel[data-world=home]:before{background-image:var(--hbe-reading)}.hbe-entry-panel[data-world]>div{background:#ffffffe0;border-radius:24px;width:calc(100% - 40px);margin:20px auto;padding:24px}.hbe-entry-panel .hbe-entry-picture{box-shadow:0 5px 0 var(--blue-100),0 14px 26px #173b5f29;object-fit:contain;border-color:#fff}.hbe-entry-panel .hbe-entry-bubbles{display:none}.hbe-flow-card{border:1px solid var(--blue-100);background:linear-gradient(145deg,white,var(--blue-50));box-shadow:0 4px 0 var(--blue-50);border-radius:24px;padding:24px}.hbe-world-banner{isolation:isolate;border-radius:var(--panel-radius);box-shadow:var(--hbe-paper-shadow);background:var(--hbe-garden) center / cover;border:1px solid #fff;margin-bottom:32px;padding:clamp(24px,4vw,48px);position:relative;overflow:hidden}.hbe-world-banner[data-world=home]{background-image:var(--hbe-reading)}.hbe-world-banner:before{content:"";z-index:-1;background:#fffffff0;border-radius:24px;position:absolute;inset:12px 7%}.hbe-world-banner>p,.hbe-world-banner>h1{max-width:85%;margin-inline:auto;position:relative}.hbe-world-banner>p:last-child{margin-bottom:0}.hbe-world-banner>h1{font-size:clamp(26px,3vw,40px);line-height:1.3}.hbe-lesson-cover{box-shadow:var(--hbe-paper-shadow);background:linear-gradient(150deg,white,var(--blue-50));border-color:#fff;border-radius:28px;padding:12px 12px 0}[data-learning-world=home] .hbe-lesson-cover{background:linear-gradient(150deg,white,var(--gold-50))}.hbe-lesson-cover>img{aspect-ratio:7/4;object-fit:contain;background:var(--cream);border-radius:18px;height:auto}.hbe-lesson-cover>div{padding:20px 8px 24px}.hbe-lesson-cover h2{font-size:22px;line-height:1.3}.hbe-session-cover{box-shadow:0 4px 0 var(--blue-100),0 10px 24px #173b5f14}.hbe-session-picture{object-fit:contain;border-radius:12px;width:100%;height:auto;margin-bottom:6px}.hbe-home-welcome>div{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:8px;display:grid}.hbe-home-welcome:before{inset:12px}.hbe-home-picture{min-width:0}.hbe-home-picture img{object-fit:contain;width:100%;height:auto;box-shadow:var(--hbe-paper-shadow);border:6px solid #fff;border-radius:20px}.hbe-resource-sheet{border-color:var(--blue-100);border-left:7px solid var(--blue-600);box-shadow:4px 5px 0 var(--blue-100),0 14px 30px #173b5f0f;background:linear-gradient(135deg,var(--blue-50),white 42%);position:relative}.hbe-resource-sheet>div:first-child>svg{width:28px;height:28px}.hbe-pack-heading{background:linear-gradient(90deg,#fffffff5 10%,#ffffffe6 55%,transparent),var(--hbe-garden) center / cover}.hbe-console-heading{background:linear-gradient(90deg,white 55%,#ffffffb3),var(--hbe-garden) right center / cover;box-shadow:0 4px 0 var(--blue-100);border:1px solid #fff;border-radius:24px;padding:24px}[data-workspace-view]{background:linear-gradient(140deg,var(--blue-50),var(--cream))}[data-workspace-view]>div>h1{border-top:4px solid var(--blue-600);padding-top:20px}.hbe-login-world{background:linear-gradient(90deg,#ffffffa6,#ffffffd9,#ffffffa6),var(--hbe-reading) center / cover}.hbe-login-world>div:last-child{box-shadow:var(--hbe-paper-shadow);background:#fffffff5;border-radius:28px;padding:clamp(20px,3vw,36px)}html .hbe-console-preview{height:520px}.hbe-console-preview,.hbe-stage-view{container:hbe-canvas/inline-size}html .hbe-world-stage{isolation:isolate;color:var(--ink-900);background:var(--hbe-garden) center / cover;box-shadow:0 5px 0 var(--blue-100);border:1px solid #fff;padding:clamp(16px,3cqw,36px)}.hbe-world-stage:before{content:"";z-index:-1;background:#fffffff7;border-radius:28px;position:absolute;inset:16px 7%;box-shadow:0 8px 28px #173b5f1f}html .hbe-world-stage .hbe-slide-call{color:var(--blue-700);background:var(--gold-100);border:2px solid #fff;border-radius:99px;max-width:100%;margin-bottom:16px;padding:8px 22px;font-size:clamp(18px,2.6cqw,30px)}html .hbe-world-stage .hbe-slide-letter,html .hbe-world-stage .hbe-slide-word{color:var(--ink-900);text-shadow:none}html .hbe-world-stage .text-accent{color:var(--blue-700)}html .hbe-world-stage .hbe-slide-credit{color:var(--ink-700);background:#fffffff5;border-radius:99px;margin-top:16px;padding:6px 16px;font-size:12px}.hbe-world-stage[data-slide-slot="3"]:before,.hbe-world-stage[data-slide-slot="4"]:before{display:none}.hbe-world-stage .hbe-learning-card{border:2px solid var(--blue-100);width:min(80%,900px);height:55%;min-height:260px;max-height:70%;box-shadow:0 7px 0 var(--blue-100),0 20px 34px #173b5f1a;background:#fff;border-radius:28px;flex:0 auto;padding:24px}.hbe-world-stage[data-slide-slot="4"] .hbe-learning-card{gap:12px;height:auto;min-height:0;max-height:none;padding:20px}.hbe-world-stage .hbe-slide-word{line-height:1.4}.hbe-world-stage .hbe-slide-picture{width:min(24cqw,18vh,180px);height:min(24cqw,18vh,180px)}.hbe-console-preview .hbe-slide-word{font-size:clamp(44px,10cqw,90px)}.hbe-console-preview .hbe-slide-picture{width:min(24cqw,140px);height:min(24cqw,140px)}.hbe-world-stage .hbe-learning-card>button{border:2px solid var(--blue-200);box-shadow:0 3px 0 var(--blue-100)}.hbe-world-stage .hbe-learning-card>p.text-sm{color:var(--ink-700)}.hbe-world-stage .hbe-routine-card{gap:16px;width:85%}.hbe-world-stage .hbe-routine-card>p.font-heading{font-size:clamp(24px,4cqw,48px);line-height:1.2}.hbe-world-stage .hbe-routine-card .space-y-3>p{font-size:clamp(18px,3cqw,30px);line-height:1.4}html .hbe-world-stage .hbe-welcome-art{aspect-ratio:16/9;width:min(85%,400px);height:auto;max-height:42%;box-shadow:0 4px 0 var(--blue-100),0 12px 20px #173b5f1f;border:5px solid #fff;border-radius:18px;margin-bottom:14px}.hbe-world-stage .hbe-welcome-art img{object-fit:contain;border-radius:12px}html .hbe-world-stage .hbe-story-position{color:var(--blue-700)}html .hbe-world-stage .hbe-story-listen{color:var(--ink-700)}html .hbe-world-stage .hbe-story-response{color:var(--blue-700)}.hbe-world-stage .hbe-story{width:92%}.hbe-world-stage[data-story]:before{inset:10px 3%}.hbe-world-stage[data-media]:before{inset:10px}html .hbe-guided,html .hbe-workshop,html .hbe-play{background:linear-gradient(#ffffffa6,#ffffffbf),var(--hbe-garden) center / cover;border-color:var(--blue-100);box-shadow:var(--hbe-paper-shadow)}html .hbe-guided-stage{box-shadow:0 4px 0 var(--blue-100),0 10px 24px #173b5f14;background:#fff}html .hbe-play-body{background:#fffffff7;border-radius:20px;margin-block:16px;padding-inline:12px}html .hbe-guided-header,html .hbe-play-header{background:#fffffff5;border-radius:16px}html .hbe-guided-footer,html .hbe-guided-actions,html .hbe-play-footer{background:#fff;border-radius:14px}@container hbe-canvas (min-width:760px){.hbe-world-stage[data-slide-slot="0"]:not([data-media]){grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1.1fr 1fr;column-gap:32px;display:grid}html .hbe-world-stage[data-slide-slot="0"] .hbe-welcome-art{grid-area:2/1;width:100%;height:auto;max-height:100%;margin:0}.hbe-world-stage[data-slide-slot="0"]>.hbe-slide-call{grid-area:1/1/auto/-1;justify-self:center}.hbe-world-stage[data-slide-slot="0"]>.hbe-routine-card{grid-area:2/2;width:100%}.hbe-world-stage[data-slide-slot="0"]:before{display:none}.hbe-world-stage[data-slide-slot="0"]>.hbe-routine-card{box-shadow:var(--hbe-paper-shadow);background:#fff;border-radius:24px;padding:28px}.hbe-world-stage[data-slide-slot="0"]>.hbe-slide-credit{grid-area:3/1/auto/-1;justify-self:center}}@media (max-width:639px){.hbe-world-banner{padding:28px 16px}.hbe-world-banner:before{inset:12px}.hbe-world-banner>p,.hbe-world-banner>h1{max-width:100%}.hbe-world-banner>p{font-size:15px}.hbe-home-welcome>div{text-align:center;grid-template-columns:1fr}.hbe-home-picture{width:100%;max-width:340px;margin:auto}.hbe-console-heading{padding:20px}html .hbe-world-stage{padding:16px 12px}.hbe-world-stage:before{border-radius:20px;inset:10px 4%}.hbe-stage-view{height:min(640px,100dvh - 140px);min-height:460px}.hbe-world-stage .hbe-learning-card{width:88%;height:auto;min-height:240px;padding:24px 12px}html .hbe-world-stage{background-image:url(/images/worlds/bubble-garden-portrait.webp);background-size:cover}.hbe-entry-panel[data-world=classroom]:before{background-image:url(/images/worlds/bubble-garden-portrait.webp)}html .hbe-world-stage .hbe-welcome-art{width:min(90%,300px);max-height:39%}html .hbe-world-stage[data-slide-slot="0"] .hbe-slide-credit{font-size:12px}html .hbe-world-stage[data-slide-slot="0"] .hbe-slide-call{padding:6px 14px;font-size:18px}.hbe-world-stage .hbe-routine-card{gap:12px}}}