.scene-adventures[hidden]{display:none!important}.scene-adventures{color:#fff5db}.sa-world{position:relative;isolation:isolate;min-height:min(820px,calc(100dvh - 80px));border-radius:24px;overflow:hidden;background:#101c28 var(--sa-image) center/cover;box-shadow:0 25px 85px #07121c99}.sa-world:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 5%,#0914230a 40%,#0a1623b2 100%),linear-gradient(0deg,#08131ba8,transparent 55%)}.sa-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 22px;background:#071621a8;backdrop-filter:blur(9px)}.sa-top span{font-weight:800;letter-spacing:.03em}.sa-top button,.sa-actions button,.sa-feedback button,.sa-hear{border:1px solid #f3ca8566;border-radius:11px;background:#172a34d9;color:#fff1d4;font-weight:700;padding:10px 14px;cursor:pointer}.sa-menu,.sa-panel{width:min(620px,calc(100% - 38px));margin:clamp(28px,4vh,62px) clamp(18px,4vw,68px) 36px auto;padding:clamp(22px,3vw,36px);border:1px solid #f7d39666;border-radius:22px;background:#10202ad9;box-shadow:0 24px 70px #03121c7d;backdrop-filter:blur(13px)}.sa-kicker{color:#ffda93;font-weight:750;line-height:1.6}.sa-menu h1,.sa-panel h1{margin:5px 0 14px;color:#fff7dd;font:850 clamp(27px,3.6vw,42px)/1.3 "Noto Serif SC",serif}.sa-menu>p:not(.sa-kicker){color:#e7ddc9;line-height:1.65}.sa-chapters{display:grid;gap:11px;margin-top:24px}.sa-chapters button{display:grid;gap:5px;text-align:left;padding:17px;border:1px solid #dbbb8066;border-radius:14px;background:#142935ed;color:#fff2d6;cursor:pointer;transition:transform .15s,background .15s}.sa-chapters button:hover,.sa-choices button:hover:not(:disabled){transform:translateY(-2px);background:#294049}.sa-chapters span{color:#ffd797;font:700 14px "Noto Serif SC",serif}.sa-chapters strong{font-size:20px}.sa-chapters small{color:#cfd5ca;line-height:1.4}.sa-chapters em{color:#f4c77e;font-size:13px;font-style:normal}.sa-progress{display:flex;justify-content:space-between;gap:12px;padding:0 0 14px;border-bottom:1px solid #f6d6a244;color:#f5d394;font-weight:750}.sa-hear{margin:0 0 22px}.sa-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sa-choices button{min-height:120px;display:grid;align-content:center;justify-items:center;gap:8px;padding:12px;border:1px solid #d0b47b77;border-radius:16px;background:#203540e8;color:#fff3db;cursor:pointer;transition:transform .15s,background .15s}.sa-choices button strong{font:850 25px "Noto Serif SC",serif}.sa-choices button small{color:#efd9af;font-size:12px}.sa-choices button.correct{border-color:#8ce0a6;background:#1d543e}.sa-choices button.wrong{border-color:#ea9b8d;background:#703a34}.sa-feedback{margin:19px 0;padding:17px;border:1px solid #88cda87a;border-radius:14px;background:#154237dc}.sa-feedback.no{background:#463324;border-color:#e8ae78}.sa-feedback p{line-height:1.6}.sa-feedback button,.sa-actions button:last-child{background:linear-gradient(135deg,#efd38b,#c7883d);color:#221a18;border:0}.sa-help{margin-top:20px;color:#f9d596}.sa-help summary{cursor:pointer}.sa-vocab{margin-top:18px;padding:12px;border:1px solid #f4d59755;border-radius:13px;background:#11242ad4}.sa-vocab h3{margin:2px 0 12px;color:#ffdc9e;font-size:15px}.sa-vocab>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sa-vocab button{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #f4d59733;border-radius:10px;background:#273943;color:#fff3da;text-align:left;cursor:pointer}.sa-vocab button b{font:800 17px "Noto Serif SC",serif}.sa-vocab button small{flex:1;color:#e6cfaa}.sa-result{text-align:center}.sa-score{font:850 36px "Noto Serif SC",serif;color:#ffd895}.sa-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:19px}@media(max-width:700px){.sa-world{min-height:calc(100dvh - 105px);background-position:36% center}.sa-world:before{background:linear-gradient(0deg,#091822d9 0%,#09182265 75%,#09182233)}.sa-top{flex-wrap:wrap;padding:12px}.sa-menu,.sa-panel{width:calc(100% - 24px);margin:26vh auto 20px;padding:19px}.sa-choices{grid-template-columns:1fr}.sa-choices button{min-height:72px;display:flex;justify-content:space-between}.sa-choices button strong{font-size:22px}.sa-vocab>div{grid-template-columns:1fr}}
.sa-visual{display:flex;align-items:center;gap:18px;margin:17px 0;padding:16px;border:1px solid #f8d59575;border-radius:15px;background:#0d2630d9}.sa-visual>span{display:grid;place-items:center;width:80px;height:72px;flex:none;border:2px solid #ffe2a46e;border-radius:15px;background:#1c423d;color:#ffe6a6;font:800 42px "Noto Serif SC",serif}.sa-visual>div{display:grid;gap:3px}.sa-visual small{color:#efdaa9}.sa-visual strong{color:#fff5d5;font:800 24px "Noto Serif SC",serif}.sa-visual div>span{color:#d7e3d3;font-size:13px}.sa-school .sa-visual>span{background:#254057}.sa-school .sa-choices button{border-radius:7px 20px 7px 20px}.sa-tower .sa-visual>span{background:#20376b}.sa-tower-board i{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:6px;border:1px solid #c9c2a370;border-radius:50%;background:#19263e;color:#cabf9e;font-style:normal}.sa-tower-board i.lit{background:#d6a743;color:#1c2533;box-shadow:0 0 18px #f8cd7c}.sa-tower .sa-choices button{clip-path:polygon(0 10%,90% 0,100% 85%,10% 100%)}.sa-celebrate .sa-visual{box-shadow:0 0 30px #f9d37880}.sa-garden .sa-choices button.correct{box-shadow:0 0 28px #93d99b88}@media(max-width:700px){.sa-visual>span{width:58px;height:58px;font-size:34px}.sa-visual{padding:10px}}
/* Adventure and finance play modes use the full viewport like Doudou Café. */
body[data-current-view="games"]:has(.games-page:is([data-games-screen="adventure"],[data-games-screen="finance"])){overflow:hidden}
body[data-current-view="games"] .games-page:is([data-games-screen="adventure"],[data-games-screen="finance"]){position:fixed;inset:0;z-index:1000;margin:0;padding:10px;max-width:none;width:100%;height:100dvh;box-sizing:border-box;overflow:auto;background:#081923}
.games-page:is([data-games-screen="adventure"],[data-games-screen="finance"])::before{display:none}
.games-page[data-games-screen="adventure"] .scene-adventures{width:100%;min-height:calc(100dvh - 20px)}
.games-page[data-games-screen="adventure"] .sa-world{min-height:calc(100dvh - 20px)}
.games-page[data-games-screen="finance"] .virtual-exchange{max-width:none;width:100%;padding:4px 0 28px}
.games-page[data-games-screen="finance"] .vx-stage{min-height:calc(100dvh - 95px)}
@media(max-width:700px){body[data-current-view="games"] .games-page:is([data-games-screen="adventure"],[data-games-screen="finance"]){padding:4px}.games-page[data-games-screen="adventure"] .sa-world{min-height:calc(100dvh - 8px)}.games-page[data-games-screen="finance"] .vx-stage{min-height:calc(100dvh - 110px)}}