.en-hero{padding:32px;border-radius:24px;background:linear-gradient(100deg,#edf4ffbb,#e7f8ed99),url('/public/assets/images/adventure-atlas-islands.webp') center/cover;min-height:200px;margin-bottom:24px;color:#15345b}.en-hero h1{font-size:clamp(24px,4vw,38px)}.en-worlds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.en-world{display:block;text-decoration:none;color:#18304c}.en-world>span{font-size:34px}.en-world h2{font-size:18px}.en-world p{font-size:14px}.en-word-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;margin:16px 0}.en-word-grid article{padding:16px;background:white;border:1px solid #dae5ef;border-radius:16px;display:flex;flex-direction:column;gap:8px}.en-word-grid article[hidden]{display:none}.en-levels{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin:24px 0}.en-level{border:1px solid #d1dfee;border-radius:12px;background:#fff;color:#234e82;padding:12px 4px;display:grid;gap:5px;min-height:64px;cursor:pointer}.en-level:disabled{background:#e9eef5;color:#506078;cursor:not-allowed;opacity:1}.en-level small{font-size:11px}.en-ranking{list-style:none;padding:0;display:grid;gap:10px}.en-ranking li{display:grid;grid-template-columns:1fr auto;gap:6px;padding:16px;background:white;border-radius:16px}.en-ranking small{grid-column:1;grid-row:2}.en-game{width:min(1100px,calc(100% - 16px));height:calc(100dvh - 16px);max-width:none;max-height:none;border:0;border-radius:24px;background:#f7fbff;color:#17365a;padding:clamp(12px,2vw,24px)}.en-game[open]{display:flex;flex-direction:column;gap:10px}.en-game::backdrop{background:#122747c9}.en-game header,.en-game footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.en-game header{font-size:14px}.en-game .ds-btn{padding:10px 14px;min-height:42px;font-size:14px}.en-game-content,#en-game-content{flex:1;min-height:0;overflow:auto;display:grid;align-content:center;gap:14px}#en-question h2{font-size:clamp(20px,3vw,32px);line-height:1.25;margin:0 0 8px}#en-options{display:flex;flex-wrap:wrap;gap:10px;align-items:center}#en-options label{display:flex;gap:8px;align-items:center;flex:1 1 200px}.en-choice{flex:1 1 35%;min-height:48px;padding:12px;border:1px solid #bacce1;background:#fff;color:#193b64;border-radius:12px;font:inherit;cursor:pointer}.en-choice[aria-pressed=true]{background:#2450ae;color:#fff}.en-choice:disabled{opacity:.65}.en-choice:focus-visible,.en-level:focus-visible{outline:3px solid #a16207;outline-offset:3px}.en-swatch{display:inline-block;width:36px;height:28px;border:1px solid #64748b;border-radius:7px;vertical-align:middle;margin-right:8px}.en-passage{max-height:26dvh;overflow:auto;background:#fff;padding:12px;border-radius:12px}.en-sound{font-size:12px}#en-feedback{max-height:20dvh;overflow:auto;margin:0;font-size:14px}#en-feedback:empty{display:none}.en-game input,.en-game select{font-size:16px;max-width:100%;padding:10px;border:1px solid #aabdce;border-radius:10px}.en-selection{flex-basis:100%;margin:0}.en-landing{font-family:system-ui,sans-serif;color:#17365a;background:#fbfcff;margin:0}.en-landing main{max-width:1200px;margin:auto;padding:24px}.en-landing header{position:sticky;top:0;background:#fffef8f5;z-index:10;padding:12px 5%;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e0e7ef}.en-landing header nav{display:flex;gap:16px;align-items:center}.en-landing a{color:#234f9d}.en-landing .ds-btn{color:#fff}.en-landing .ds-btn.secondary{color:#234f9d}.en-landing section{margin-bottom:48px}.en-landing h1{font-size:clamp(30px,5vw,54px);line-height:1.1}.en-public-hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.en-demo{padding:30px;border-radius:28px;background:linear-gradient(130deg,#e8ebff,#ddf8ed);text-align:center}.en-demo button{margin:5px}.en-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.en-price-grid article{padding:24px;background:white;border:1px solid #d5e0ed;border-radius:24px}.en-price-grid strong{display:block;font-size:30px}.en-landing details{padding:16px;background:#fff;border:1px solid #dce4f0;border-radius:12px;margin:10px 0}.en-landing footer{padding:24px 5% 110px}.en-sticky{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#173b73;color:white;display:flex;align-items:center;gap:20px;border-radius:18px;box-shadow:0 8px 30px #16375b33;z-index:15;max-width:calc(100% - 24px);width:max-content}.en-sticky a{background:#fff;color:#153f85;padding:12px 18px;border-radius:12px;font-weight:700}.en-public-menu{display:none}@media(max-width:800px){.en-worlds{grid-template-columns:repeat(2,minmax(0,1fr))}.en-public-hero,.en-price-grid{grid-template-columns:1fr}.en-levels{grid-template-columns:repeat(5,minmax(0,1fr))}.en-landing header nav{display:none}.en-landing header nav.is-open{display:flex;position:fixed;inset:64px 10px auto;padding:20px;background:white;box-shadow:0 10px 30px #153c7330;border-radius:18px;flex-direction:column}.en-public-menu{display:block}.en-sticky{font-size:12px;gap:8px}.en-sticky a{padding:10px}.en-world{padding:16px!important}.en-world h2{font-size:16px}}@media(max-height:500px) and (min-width:600px){#en-game-content{grid-template-columns:1fr 1fr;align-items:center}.en-passage{max-height:36dvh}.en-choice{padding:8px;min-height:40px}.en-game[open]{gap:6px}.en-game header,.en-game footer{flex-wrap:nowrap}#en-feedback{max-height:13dvh}}@media(prefers-reduced-motion:reduce){.en-landing *{scroll-behavior:auto!important}}

.en-hero-image{max-width:100%;height:auto}.en-landing .appearance-icon{vertical-align:middle}.en-landing main{padding-bottom:100px}.en-landing header a{white-space:nowrap}.en-landing header{font-size:14px}
.en-word-grid article small{display:block}.en-worlds a:hover{border-color:#9db8d5;box-shadow:0 8px 24px #1e4a7910}.en-level:hover:not(:disabled){background:#eaf4ff}.en-world:focus-visible{outline:3px solid #a16207;outline-offset:3px}.en-landing header strong{display:flex;gap:8px;align-items:center}.en-public-menu{min-height:44px}.en-public-menu:focus-visible{outline:3px solid #a16207}
.en-worlds .ds-panel{margin:0}.en-symbol{display:block;font-size:clamp(30px,6vw,52px);line-height:1.2;margin-bottom:6px}.en-game .en-symbol{font-size:clamp(30px,6vh,52px)}.en-worlds{margin-bottom:24px}.en-hero{background-image:linear-gradient(100deg,#edf4ffed,#e7f8edb8),url('/public/assets/images/adventure-atlas-islands.webp')}

.en-library-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.en-library-tabs a{padding:10px 14px;border:1px solid #c4d3e5;border-radius:12px;text-decoration:none;background:#fff;color:#234773;font-weight:650}.en-library-tabs a[aria-current=page]{background:#234f9d;color:white;border-color:#234f9d}.en-library-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.en-library-filter .en-library-search{grid-column:1/-1}.en-library-filter label{min-width:0}.en-library-filter input,.en-library-filter select{width:100%;box-sizing:border-box;font-size:16px}.en-library-pagination{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0}.en-word-grid h2{font-size:20px;line-height:1.3;overflow-wrap:anywhere}.en-word-grid details{font-size:15px}.en-word-grid article[lang=en],.en-word-grid [lang=en]{overflow-wrap:anywhere}#en-library-results[aria-busy=true]{opacity:.65}.en-library-tabs a:focus-visible{outline:3px solid #a16207;outline-offset:3px}

.en-library-filter label{display:grid;gap:6px}.en-library-filter input,.en-library-filter select{min-height:46px;padding:11px 12px;border:1px solid #bfcee2;border-radius:12px;background:#f7faff;color:#17365a;font:inherit;font-size:16px}.en-library-filter input::placeholder{color:#586d86}.en-library-filter input:focus-visible,.en-library-filter select:focus-visible{outline:3px solid #a16207;outline-offset:2px}#en-library-results[data-library=readings] .en-word-grid,#en-library-results[data-library=patterns] .en-word-grid,#en-library-results[data-library=dialogues] .en-word-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}

.en-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.en-visual-caption{font-size:14px;line-height:1.2}.en-count-dots{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;color:#234f9d;font-size:22px}.en-match-board{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}.en-match-column{display:grid;gap:8px}.en-match-column .en-choice{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;font-size:16px}.en-match-column .en-symbol{font-size:32px}.en-pair-state{font-size:11px}.en-match-column .en-visual-caption{font-size:12px}#en-question>.en-visual{padding:8px}#en-question>.en-visual .en-symbol{font-size:60px}@media(max-height:500px){.en-match-column .en-symbol{font-size:26px}.en-match-column .en-choice{padding:6px;min-height:44px}.en-match-column .en-visual{gap:2px}.en-count-dots{font-size:18px}#en-question>.en-visual .en-symbol{font-size:44px}}
.en-match-column .en-choice{display:grid;grid-template-columns:14px minmax(0,1fr);padding:7px;gap:4px;overflow-wrap:anywhere}.en-match-column .en-pair-state{grid-column:1/-1}.en-match-column .en-visual{min-width:0;gap:2px}.en-match-column .en-symbol{font-size:28px;line-height:1}.en-match-column .en-visual-caption{font-size:11px}.en-match-column .en-count-dots{font-size:16px}.en-match-column>button>span{min-width:0}
.en-game header{flex-wrap:nowrap;font-size:12px}.en-game header strong,.en-game header>span{white-space:nowrap}.en-game header .ds-btn{font-size:12px;padding:7px 9px;min-height:38px}.en-match-column .en-count-dots{line-height:1}.en-match-column .en-choice{padding:6px;gap:2px}.en-match-column .en-pair-state{font-size:10px;line-height:1.2}.en-choice[aria-pressed=true] .en-count-dots{color:inherit}#en-game-content{align-content:start}.en-match-column .en-symbol{margin:0}
@media(max-height:500px) and (min-width:600px){.en-match-column .en-visual{flex-direction:row;gap:4px}.en-match-column .en-choice{padding:4px;min-height:40px}.en-match-column .en-swatch{width:24px;height:18px;margin:0}.en-match-column .en-count-dots{font-size:14px;gap:1px}.en-match-board{gap:8px}.en-match-column{gap:5px}.en-game .en-selection{font-size:13px}}
.en-match-board{position:relative;column-gap:48px;align-items:stretch}.en-match-column{grid-auto-rows:1fr;align-self:stretch}.en-match-column .en-choice{position:relative;z-index:2;width:100%;height:100%;box-sizing:border-box;grid-template-rows:auto 1fr auto;align-content:center}.en-match-column:last-child .en-choice{grid-template-rows:auto 1fr auto}.en-match-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}.en-match-lines path{fill:none;stroke-width:3;stroke-linecap:round}.en-match-column .en-choice[data-connected=true]{border:2px solid var(--en-pair-color)}.en-match-column .en-choice[aria-pressed=true]{outline:2px solid var(--en-pair-color);outline-offset:1px}.en-sound-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.en-sound-controls label{display:flex;align-items:center;gap:4px;font-size:12px}.en-read-question{font-size:12px!important;min-height:34px!important;padding:6px 10px!important;margin:4px 0}.en-match-column .en-choice small{line-height:1.1}
@media(max-width:400px){.en-match-board{column-gap:34px}.en-match-column .en-choice{font-size:14px;padding:5px}.en-match-column .en-visual-caption{font-size:10px}.en-match-column .en-symbol{font-size:24px}.en-match-column .en-pair-state{font-size:10px}}
@media(max-height:500px) and (min-width:600px){.en-match-board{column-gap:36px}.en-match-column .en-choice{padding:4px}.en-sound-controls label{font-size:11px}}
#en-voice-status{margin:0;font-size:11px;line-height:1.3}#en-voice-status:empty{display:none}.en-match-column .en-choice:focus-visible{outline:3px solid #a16207;outline-offset:2px}

/* A shared visual slot keeps emoji, colour and counting cards aligned. */
#en-options.en-visual-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;width:100%;--en-visual-slot:clamp(38px,8dvh,64px)}
#en-options.en-visual-options>.en-choice{display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:clamp(110px,20dvh,148px);margin:0;padding:10px}
#en-options.en-visual-options .en-visual{display:grid;grid-template-rows:var(--en-visual-slot) minmax(2.4em,auto);justify-items:center;align-items:center;align-content:center;gap:6px;width:100%;min-width:0}
#en-options.en-visual-options .en-symbol{display:grid;place-items:center;height:var(--en-visual-slot);line-height:1;margin:0;font-size:var(--en-visual-slot)}
#en-options.en-visual-options .en-swatch{margin:0;justify-self:center;align-self:center}
#en-options.en-visual-options .en-count-dots{margin:0;align-self:center;justify-self:center;line-height:1;font-size:18px}
#en-options.en-visual-options .en-visual-caption{align-self:start;text-align:center;line-height:1.2;font-size:14px;overflow-wrap:anywhere;min-width:0;max-width:100%}
@media(max-height:500px) and (min-width:600px){#en-options.en-visual-options{--en-visual-slot:32px;gap:8px}#en-options.en-visual-options>.en-choice{min-height:94px;padding:8px}#en-options.en-visual-options .en-visual{gap:4px}}

.en-public-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.en-public-hero>*{min-width:0;max-width:100%}.en-public-hero h1{overflow-wrap:anywhere}@media(max-width:800px){.en-public-hero{grid-template-columns:minmax(0,1fr)}}

/* The child home shares Adventure Atlas surfaces and spacing with Sempoa/Logika. */
.en-home-worlds .en-world{display:flex;flex-direction:column;min-width:0;margin:0}
.en-home-worlds .en-world-art{display:grid;place-items:center;width:100%;height:88px;border-radius:12px;background-color:var(--world-soft);font-size:2.4rem;line-height:1}
.en-world-warna,.en-world-makanan,.en-world-cerita{--world-color:#d09c3a;--world-soft:#fff4dc}
.en-world-keluarga,.en-world-alam,.en-world-tubuh{--world-color:#399b82;--world-soft:#e5f7ef}
.en-world-rumah,.en-world-sekolah,.en-world-kota{--world-color:#5599cc;--world-soft:#e8f4ff}
.en-world-percakapan,.en-world-multiverse,.en-world-misi{--world-color:#9470c9;--world-soft:#f1eafa}
.en-home-worlds .ds-world-progress{margin-top:auto;padding-top:8px}
.en-home-worlds .en-continue{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left}
.en-home-worlds .en-continue h2{margin:5px 0}.en-home-worlds .en-continue p{margin:0}.en-home-worlds .en-continue .ds-adventure-action{margin:0;flex-shrink:0}
@media(max-width:650px){.en-home-worlds .en-world-art{height:70px;font-size:2rem}.en-home-worlds .en-continue{align-items:flex-start;flex-direction:column;gap:12px}}

/* One local generated illustration sheet: twelve square scenes, no external requests. */
.en-scene{display:block;aspect-ratio:1;background-image:url('../images/english-world-scenes.webp');background-size:400% 300%;background-repeat:no-repeat;border-radius:16px;flex-shrink:0}
.en-scene-warna{background-position:0% 0%}.en-scene-keluarga{background-position:33.333333% 0%}.en-scene-rumah{background-position:66.666667% 0%}.en-scene-sekolah{background-position:100% 0%}
.en-scene-alam{background-position:0% 50%}.en-scene-makanan{background-position:33.333333% 50%}.en-scene-tubuh{background-position:66.666667% 50%}.en-scene-kota{background-position:100% 50%}
.en-scene-percakapan{background-position:0% 100%}.en-scene-cerita{background-position:33.333333% 100%}.en-scene-multiverse{background-position:66.666667% 100%}.en-scene-misi{background-position:100% 100%}
.en-home-worlds .en-world-art.en-scene{width:100%;height:auto;max-width:280px;margin-inline:auto;background-color:var(--world-soft);border-radius:12px}
.en-world-heading{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:26px;align-items:start}
.en-world-heading>.en-scene{width:100%;max-width:220px}.en-world-heading-copy{min-width:0}.en-world-heading-copy h1{overflow-wrap:anywhere}.en-world-heading-copy details{margin-top:14px}.en-world-heading-copy .en-word-grid{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}
@media(max-width:650px){.en-world-heading{grid-template-columns:minmax(0,1fr);gap:16px}.en-world-heading>.en-scene{width:min(160px,52%);justify-self:center}.en-world-heading-copy h1{font-size:1.35rem}}
