@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#183f3a;background:#f4f7ef}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #d8872c;outline-offset:4px}header{height:100px;max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{font-family:Outfit,sans-serif;font-size:27px;font-weight:700;text-decoration:none;color:#183f3a}.brand span{display:block;font-size:10px;letter-spacing:4px;margin-left:30px}.stats{display:flex;align-items:center;gap:24px;font-size:14px}.stats>span{background:#e9eedf;padding:12px 18px;border-radius:30px}.stats button{border:0;background:none;color:#183f3a}main{max-width:1400px;margin:auto;padding:0 5%}.intro{display:grid;grid-template-columns:44% 56%;align-items:center;min-height:490px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#537466}h1{font-family:Outfit,sans-serif;font-size:clamp(40px,4.8vw,67px);line-height:1.06;letter-spacing:-2px;font-weight:600;margin:22px 0}h1 em{font-style:normal;color:#4c8c62}p{font-size:15px;line-height:1.8;color:#657a70}.primary{border:0;background:#214f40;color:white;border-radius:12px;padding:17px 22px;font-weight:600;box-shadow:0 6px 0 #d9e0d1}.primary span{margin-left:30px}.small{font-size:11px;color:#7a8b7e;margin-top:20px}.world{position:relative;height:480px;background:radial-gradient(ellipse,#e1ecdc,transparent 68%)}canvas{width:100%;height:100%;display:block}.world-label{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;letter-spacing:1.5px;font-weight:700}.world-label i{display:inline-block;background:#77ab73;width:6px;height:6px;border-radius:50%;margin-right:7px}.world-label span{display:block;text-align:center;letter-spacing:0;font-weight:400;margin-top:7px;color:#7a8b7e}.section-title{display:flex;align-items:end;justify-content:space-between;margin:22px 0}h2{font-family:Outfit;font-size:27px;font-weight:500;letter-spacing:-.7px;margin:9px 0}.section-title>span{font-size:12px;color:#748578}#islands{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.island{background:#fffdf8;border:1px solid #e0e5da;border-radius:18px;padding:20px;text-align:left;color:#183f3a;transition:transform .2s,box-shadow .2s}.island:hover{transform:translateY(-5px);box-shadow:0 10px 25px #234f4010}.card-top{display:flex;justify-content:space-between;align-items:center}.icon{font-size:26px;background:var(--tint);width:49px;height:49px;display:grid;place-items:center;border-radius:14px}.unit{font-size:9px;letter-spacing:1.5px;color:#7c8b7c}.island h3{font-family:Outfit;font-size:18px;font-weight:600;margin:17px 0 7px}.island p{font-size:11px;margin:0;min-height:35px;line-height:1.6}.progress{background:#edf0e6;height:5px;border-radius:10px;margin:17px 0 9px;overflow:hidden}.progress i{display:block;background:#729d67;height:100%;border-radius:10px}.card-bottom{display:flex;justify-content:space-between;font-size:10px;color:#809077}footer{padding:35px 0;font-size:10px;line-height:1.8;color:#829083}footer a{color:inherit}dialog{border:0;border-radius:24px;padding:25px;width:min(660px,94vw);max-height:90vh;color:#183f3a;background:#fffef9;box-shadow:0 30px 100px #12382d40}dialog::backdrop{background:#16372e88;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#6d816a}.close{border:0;background:#eef1e7;border-radius:50%;width:34px;height:34px;font-size:24px;color:#214f40}.skills{display:grid;gap:10px;margin:20px 0}.skill{border:1px solid #dce4d4;padding:15px;border-radius:12px;background:white;color:#214f40;text-align:left;display:flex;justify-content:space-between;gap:12px}.skill span{font-size:12px;color:#7c8a72}.question{font-family:Outfit;font-size:28px;line-height:1.4;margin:22px 0}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option{border:2px solid #e2e8d9;border-radius:12px;padding:18px;background:white;color:#214f40;font-size:19px}.option:hover{border-color:#729d67}.option:disabled{cursor:default}.correct{background:#e0f0da;border-color:#79a46a}.wrong{background:#fff0e8;border-color:#cc9578}.hint{border:0;background:none;color:#748b58;padding:18px 0;text-decoration:underline}.feedback{padding:15px;border-radius:12px;background:#eef3e7;font-size:14px;line-height:1.7;margin:15px 0}.next{width:100%;margin-top:8px}.badge{font-size:45px}.note{font-size:12px;color:#77866e;line-height:1.6}.bar{height:7px;background:#e5ebdd;border-radius:9px;margin-top:18px}.bar i{display:block;height:100%;background:#7ea66c;border-radius:9px}#fallback{position:absolute;top:45%;left:10%;width:80%;text-align:center}@media(max-width:800px){header{height:85px}.intro{grid-template-columns:1fr 1fr;min-height:400px}h1{font-size:43px}.world{height:390px}#islands{grid-template-columns:repeat(2,1fr)}.eyebrow{font-size:8px}.intro p{font-size:12px}.stats{gap:10px}.stats button{font-size:11px}}@media(max-width:540px){.intro{display:flex;flex-direction:column;align-items:stretch}.intro>div:first-child{padding-top:20px}h1{font-size:49px}.world{height:300px;margin-top:-10px}.stats>span{padding:9px;font-size:11px}.brand{font-size:22px}.stats button{display:none}.section-title{align-items:start}.section-title>span{font-size:10px;max-width:90px;text-align:right}h2{font-size:22px}.island{padding:15px}.island h3{font-size:16px}.world-label{bottom:4px}.options{grid-template-columns:1fr 1fr}}

/* Phone and touchscreen ergonomics */
html{ -webkit-text-size-adjust:100%; } body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
button,a,summary{touch-action:manipulation}button{min-height:44px}select{min-height:48px;font-size:16px}button{overflow-wrap:anywhere}button:active{filter:brightness(1.12)}
@media(pointer:coarse){button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hint{min-height:48px}}

@media(max-width:700px){header{padding:12px 4%;height:auto;min-height:76px;gap:10px}.stats{gap:6px;flex-wrap:wrap;justify-content:flex-end}.stats button{display:block;font-size:12px;min-height:44px;padding:8px}.stats>span{font-size:12px}.brand{flex-shrink:0;font-size:22px}.brand span{font-size:8px;letter-spacing:2px}.intro{display:flex;flex-direction:column;align-items:stretch;min-height:0}.intro>div:first-child{padding-top:18px}.intro p{font-size:15px}.eyebrow{font-size:10px;line-height:1.6}.world{height:260px}.small{font-size:12px}.island{min-width:0;padding:16px}.island p{font-size:13px;min-height:44px}.unit,.card-bottom{font-size:11px}.section-title>span{font-size:12px}.skill{font-size:16px;align-items:center;min-height:64px;gap:10px}.skill span{flex-shrink:0;font-size:12px}.close{height:48px;width:48px;flex-shrink:0}.modal-head{font-size:12px;gap:10px}.question{font-size:24px}.option{min-height:64px;font-size:22px;padding:14px}.note,.feedback{font-size:15px}.hint{font-size:15px;padding:12px 0}.primary{min-height:54px;font-size:16px}.next{position:sticky;bottom:0;z-index:1}dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:18px;overscroll-behavior:contain;scroll-padding:20px}.modal-head{position:sticky;top:-18px;background:#fffef9;padding:8px 0;z-index:2}.world-label{font-size:9px}footer{font-size:12px}h1{font-size:46px}}
@media(max-width:350px){#islands{grid-template-columns:1fr}.brand{font-size:19px}.stats>span{padding:8px}.options{grid-template-columns:1fr}}
@media(max-height:500px) and (orientation:landscape){dialog{max-height:calc(100dvh - 12px)}.world{height:230px}.question{font-size:21px;margin:12px 0}}

/* K–12 grade selection */
header{position:relative;flex-wrap:wrap;gap:10px}.grade-picker{display:flex;align-items:center;gap:8px;margin:0;font-size:10px;letter-spacing:1px;flex-shrink:0;color:inherit}.grade-picker select{min-height:44px;width:142px;max-width:45vw;margin:0;padding:8px 10px;border:1px solid #73878c;border-radius:8px;font-size:16px;background:#22343d;color:#f0ecd8}.read-question{display:block;min-height:44px;margin:0 0 12px;padding:8px 12px;font-size:14px;background:transparent;border:1px solid #73878c;border-radius:8px;color:inherit}.no-speech .read-question{display:none}.quiz h3,.question{overflow-wrap:anywhere}.quiz .chip,.quiz .pill{line-height:1.7}
@media(max-width:650px){header{padding:8px 12px;min-height:68px;gap:6px}.grade-picker{font-size:8px;gap:5px}.grade-picker select{width:127px;font-size:16px}.grade-picker>span{display:none}.edition{display:none}.top-right>span{display:none}.top-right{gap:4px}.quiz h3,.question{font-size:21px}.read-question{font-size:14px}.quiz{padding-bottom:14px}}
header{height:auto;min-height:100px}.grade-picker select{background:#fffdf8;color:#214f40}.read-question{color:#214f40}.stats{margin-left:auto}@media(max-width:650px){.stats{order:3;width:100%;justify-content:space-between}.grade-picker{margin-left:auto}header{min-height:110px}.question{font-size:23px}}
@media(max-height:520px) and (orientation:landscape){body[data-mode]:not([data-mode="menu"]) header{display:flex;position:fixed;right:4px;top:4px;width:190px;background:#17242b;z-index:20;justify-content:center;padding:0;min-height:44px}body[data-mode]:not([data-mode="menu"]) header>*:not(.grade-picker){display:none}body[data-mode]:not([data-mode="menu"]) .grade-picker select{height:44px}}