/* Eco Playground — original illustrated islands, lightweight CSS interactions. */
body:has(.english-portal){background:#fff9ed;color:#214b42}
main:has(.english-portal){background:radial-gradient(ellipse at 6% 6%,#fce8c9 0,transparent 33%),#fff9ed}
.english-portal{max-width:1230px;padding-top:24px;padding-bottom:60px}
.english-spotlight{position:relative;grid-template-columns:1fr 1.15fr;gap:10px;background:linear-gradient(125deg,#e9f0d6,#eef7e3 50%,#d4ece5);border-radius:36px;border:1px solid #d4e4cb;padding:40px 40px 32px;color:#214b42;box-shadow:0 16px 0 -9px #e4ebd2}
.english-spotlight .english-eyebrow{display:inline-block;color:#4a735c;font-size:10px;letter-spacing:1.7px;background:#fff9;padding:9px 12px;border-radius:8px;transform:rotate(-2deg)}
.english-spotlight h1{font-size:clamp(34px,3.6vw,50px);line-height:1.25;letter-spacing:-2.2px;margin:24px 0 18px;color:#214b42}
.english-spotlight h1 em{font-style:normal;color:#ed805a;text-shadow:0 2px #fff8}
.english-spotlight p{font-size:14px;color:#537365;line-height:1.85;max-width:400px}
.english-spotlight small{color:#678274;font-size:11px}.english-hero-actions{gap:8px;margin:22px 0 14px}
.english-hero-actions a,.english-hero-actions button{background:#fff9;color:#345b4e;border:1px solid #b4ccbb;min-height:48px;border-radius:14px;font-size:12px;transition:transform .18s,box-shadow .18s}
.english-hero-actions .english-primary{background:#235f50;color:#fff8e7;box-shadow:0 4px 0 #164537;border:0}
.english-hero-actions a:hover,.english-hero-actions button:hover{transform:translateY(-2px)}
.eco-adventure-map{position:relative;width:100%;min-width:0;aspect-ratio:600/430;isolation:isolate}
.eco-adventure-map svg{display:block;width:100%;height:100%;overflow:visible}.eco-map-caption{position:absolute;top:0;left:50%;transform:translateX(-50%) rotate(3deg);white-space:nowrap;font-size:9px;letter-spacing:2px;color:#568174}
.eco-map-stop{position:absolute;border:1px solid #fef8ea;background:#fffaf0;color:#2a5b50;border-radius:20px;padding:8px 12px;font:700 12px system-ui;min-height:44px;cursor:pointer;box-shadow:0 5px 0 #45877425;transition:transform .18s,box-shadow .18s;white-space:nowrap}
.eco-map-stop:hover{transform:translateY(-5px) rotate(-2deg);box-shadow:0 9px 0 #45877422}.stop-forest{left:14%;top:69%}.stop-sky{right:6%;top:40%}.stop-ocean{right:20%;bottom:0}
.eco-radio{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e6ddca;border-radius:22px;padding:17px 22px;margin:22px 0 36px;box-shadow:0 5px 0 #ebdfc63d;color:#345c4b}
.eco-radio-disc{position:relative;display:grid;place-items:center;flex-shrink:0;width:49px;height:49px;border-radius:50%;background:repeating-radial-gradient(circle,#254e45 0 3px,#346051 4px 5px);border:4px solid #eddab0;color:#ffe9b7}.eco-radio-disc b{display:grid;place-items:center;background:#fca17c;width:20px;height:20px;border-radius:50%;color:#304d42;font-size:12px}
.eco-radio>div{display:grid;gap:5px;flex:1;min-width:0}.eco-radio>div>b{font-size:11px;letter-spacing:1.5px}.eco-radio>div>span{font-size:12px;line-height:1.4;color:#72806a}
.eco-radio button{min-height:46px;border:0;border-radius:14px;padding:10px 18px;color:#fff9ed;background:#2b6554;font:700 12px system-ui;cursor:pointer}.eco-radio small{font-size:10px;color:#857d68}.eco-radio[data-state=playing] button{background:#f1e8d4;color:#4d6655}
.english-portal .english-family-heading h2{color:#214b42;font-size:31px}.english-portal .english-family-heading p{color:#6a7d69}.english-portal .english-family-heading a{color:#396b54}.english-family-heading{margin-top:28px}
.english-game-tools{color:#214b42}.english-category button,.english-recent{background:#fff8;color:#406753;border-color:#d6dec6}.english-category button[aria-pressed=true]{background:#2c6552;color:#fff9eb;border-color:#2c6552}.english-filter-count{color:#687e68}
.english-family-grid{gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.english-family-card{border-radius:25px;border:1px solid #e3dfcd;box-shadow:0 6px 0 #e4deca77;background:#fffefa;transition:transform .2s,box-shadow .2s}
.english-family-card:hover{transform:translateY(-6px) rotate(-.7deg);box-shadow:0 13px 0 #dedbc966}
.english-family-art{height:165px;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#ffffff80 0 22%,transparent 23%),linear-gradient(145deg,#fff9,var(--family-color));isolation:isolate}
.english-family-art:before{content:'';position:absolute;width:165px;height:72px;border-radius:50%;background:#fff5;transform:rotate(-18deg);box-shadow:0 12px 0 #254b4220,0 20px 0 -5px #254b4212;top:77px;left:calc(50% - 82px);z-index:-1}
.english-family-art:after{content:'✦';position:absolute;color:#fff9;font-size:38px;right:19px;top:17px;transform:rotate(12deg)}
.english-family-art>span{font-size:65px;transform:translateY(-6px);filter:drop-shadow(0 10px 2px #274b3220)}.english-family-art>small{background:#fff8;padding:5px 8px;border-radius:9px;opacity:1;font-size:10px;color:#527360}
.english-family-copy{padding:21px}.english-family-copy h3{font-size:20px}.english-family-copy small{color:#8c7453}.english-family-copy p{font-size:12px;min-height:43px}.english-family-copy b{color:#31674d;border-top:1px dashed #dce0ce}
html.eco-game-open .eco-adventure-map *,html.eco-game-open .eco-radio-disc{animation-play-state:paused!important}
@media(min-width:801px) and (prefers-reduced-motion:no-preference){html:not(.eco-lite) .eco-map-plane,html:not(.eco-lite) .eco-map-boat{animation:island-bob 5s ease-in-out infinite}html:not(.eco-lite) .cloud-one{animation:island-drift 8s ease-in-out infinite}.eco-radio[data-state=playing] .eco-radio-disc{animation:radio-spin 9s linear infinite}}
@keyframes island-bob{50%{transform:translateY(-7px)}}@keyframes island-drift{50%{transform:translateX(10px)}}@keyframes radio-spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.english-spotlight{padding:28px;grid-template-columns:1fr 1fr}.english-spotlight h1{font-size:36px}.eco-radio small{display:none}.eco-map-stop{font-size:10px;padding:7px 9px}.english-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.english-portal{padding:14px 12px 34px}.english-spotlight{grid-template-columns:1fr;padding:23px 22px 17px;border-radius:27px;gap:14px}.english-spotlight h1{font-size:35px;letter-spacing:-1.8px;margin:17px 0 12px}.english-spotlight p{font-size:13px;margin:0}.english-spotlight .english-eyebrow{font-size:8px;letter-spacing:1px}.english-hero-actions{margin:15px 0 10px}.english-hero-actions a,.english-hero-actions button{font-size:11px;padding:9px 10px;min-height:44px}.eco-adventure-map{max-width:360px;justify-self:center}.eco-map-caption{font-size:7px}.eco-map-stop{font-size:10px;min-height:44px}.eco-radio{gap:10px;padding:13px 12px;border-radius:18px;margin:17px 0 25px}.eco-radio-disc{width:39px;height:39px;border-width:3px}.eco-radio>div>b{font-size:9px;letter-spacing:.8px}.eco-radio>div>span{font-size:10px}.eco-radio button{font-size:10px;padding:8px 12px;flex-shrink:0}.english-portal .english-family-heading h2{font-size:25px}.english-family-grid{gap:13px}.english-family-art{height:128px}.english-family-art:before{width:125px;left:calc(50% - 62px);top:57px}.english-family-art>span{font-size:53px}.english-family-copy{padding:14px}.english-family-copy h3{font-size:17px}.english-family-copy p{min-height:63px}.english-family-copy b{font-size:11px}}
@media(max-width:400px){.english-family-grid{grid-template-columns:1fr}.english-family-card{grid-template-columns:108px 1fr}.english-family-art{height:100%;min-height:180px}.english-family-copy p{min-height:0}.english-spotlight h1{font-size:31px}.eco-radio>div>b{font-size:8px}}
@media(prefers-reduced-motion:reduce){.eco-adventure-map *,.eco-radio-disc,.english-family-card,.eco-map-stop{animation:none!important;transition:none!important}}

/* Aurora Word Universe: layered light, cached Canvas and restrained compositor effects. */
body:has(.english-portal){background:#070b1c;color:#f0f5ff}main:has(.english-portal){background:radial-gradient(ellipse at 10% 5%,#34235c66,transparent 45%),#070b1c}
.english-portal{max-width:1340px}.english-spotlight{background:radial-gradient(ellipse at 87% 10%,#45308566,transparent 55%),radial-gradient(ellipse at 10% 90%,#07565b55,transparent 60%),#0d132c;color:#edf3ff;border:1px solid #777ee744;box-shadow:inset 0 1px #bebaff33,0 24px 70px #0004;overflow:hidden;min-height:440px;grid-template-columns:1fr 1.2fr}
.english-spotlight:before{content:'';position:absolute;left:5%;right:5%;top:0;height:1px;background:linear-gradient(90deg,transparent,#67f5d5,#ca98ff,transparent)}
.english-spotlight .english-eyebrow{color:#9bead7;background:#23485255;border:1px solid #66dec644;transform:none;letter-spacing:2px}.english-spotlight h1{color:#f4f5ff;font-size:clamp(34px,3.7vw,52px);letter-spacing:-2.4px;line-height:1.28}.english-spotlight h1 em{color:#b8a0ff;text-shadow:none;background:linear-gradient(115deg,#88f3d9,#e0cbff 60%,#9bb3ff);background-clip:text;-webkit-text-fill-color:transparent}.english-spotlight p{color:#b4bfd7}.english-spotlight small{color:#91a9cc;letter-spacing:2px;font-size:10px}
.english-hero-actions a,.english-hero-actions button{background:#1c2846;color:#e8f2ff;border:1px solid #7895cb55}.english-hero-actions .english-primary{background:linear-gradient(120deg,#83f3d1,#a5b9ff);color:#102c36;box-shadow:0 0 28px #69f4ce20}.english-hero-actions a:hover,.english-hero-actions button:hover{border-color:#92efd9;box-shadow:0 0 22px #74eaca25}
.eco-adventure-map{min-height:0}.eco-adventure-map svg{display:none}.eco-aurora-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;pointer-events:none}.eco-map-caption{color:#9caccf;font-size:8px;top:3%;letter-spacing:3px}.eco-map-stop{background:#101d3beb;color:#c3fff0;border:1px solid #72dfc675;box-shadow:0 0 22px #52edc719;border-radius:13px;min-height:44px}.stop-forest{left:3%;top:70%}.stop-sky{right:2%;top:29%}.stop-ocean{right:15%;bottom:0}
.eco-radio{background:linear-gradient(100deg,#121d36,#17172e);color:#e2e8ff;border-color:#47537366;box-shadow:none}.eco-radio>div>span{color:#adbbd5}.eco-radio button{background:#304566;color:#e1fff4;border:1px solid #92cbb94d}.eco-radio small{color:#92a5c5}.eco-radio[data-state=playing] button{color:#9befd6;background:#214439}
.english-portal .english-family-heading h2{color:#e7edff}.english-portal .english-family-heading p{color:#9baac9}.english-portal .english-family-heading a{color:#9de3d6}.english-portal .english-eyebrow{color:#96bfe5}.english-category button,.english-recent{background:#101d33;color:#b9cbe5;border-color:#34465f}.english-category button[aria-pressed=true]{background:#97e8d1;color:#163b36}.english-filter-count{color:#9babc5}
.english-family-card{background:#121b31;border:1px solid #3f4d704d;box-shadow:0 8px 30px #0003;contain:layout style;content-visibility:auto;contain-intrinsic-size:auto 360px;position:relative}.english-family-card:hover{transform:translateY(-7px);border-color:#83e3d999;box-shadow:0 12px 36px #5680f122}.english-family-art{height:175px;background:radial-gradient(ellipse at 50% 120%,var(--family-color),transparent 68%),linear-gradient(135deg,#142838,#10142c)}.english-family-art:before{background:#bcddff12;border:1px solid #b9e4ff55;box-shadow:0 0 24px #b9e4ff22,0 14px 0 #93d6ff0b}.english-family-art>span{filter:drop-shadow(0 12px 9px #030710);transition:transform .25s}.english-family-card:hover .english-family-art>span{transform:translateY(-13px) scale(1.12) rotate(-5deg)}.english-family-art:after{color:#aeedff88}.english-family-art>small{background:#111d3799;color:#bdcfed}.english-family-copy h3{color:#eef3ff}.english-family-copy small{color:#9ecbd9}.english-family-copy p{color:#a9b8ce}.english-family-copy b{color:#a4efda;border-color:#465c7533}
.eco-voice-status{font-size:11px;color:#e1dbff;margin:0;line-height:1.5}.en-vocabulary article{content-visibility:auto;contain-intrinsic-size:auto 260px}.en-more-words{display:block;margin:24px auto;min-height:48px;padding:12px 24px;border:1px solid #62866e;border-radius:12px}
html.eco-game-open .english-portal{visibility:hidden}html.eco-game-open .english-portal *{animation-play-state:paused!important}
@media(max-width:1000px){.english-spotlight{grid-template-columns:1fr 1fr}.english-spotlight h1{font-size:36px}}
@media(max-width:680px){.english-spotlight{grid-template-columns:1fr;gap:8px;padding:23px 22px 17px;min-height:0}.english-spotlight h1{font-size:34px;letter-spacing:-1.9px}.eco-adventure-map{max-width:380px}.english-spotlight p{font-size:13px}.english-spotlight small{font-size:8px;letter-spacing:1.3px}.english-family-art{height:128px}.english-family-card{contain-intrinsic-size:auto 300px}.eco-map-caption{font-size:6px;letter-spacing:2px}}
@media(max-width:400px){.english-spotlight h1{font-size:29px}.english-family-card{contain-intrinsic-size:auto 210px}.english-family-art{height:100%}}
@media(prefers-reduced-motion:reduce){.english-family-card,.english-family-card *{transition:none!important}.english-family-card:hover{transform:none}}