.eco-quality-control{display:grid;gap:7px;border:1px solid var(--ct-line,#688d86);border-radius:12px;padding:10px;min-width:0;color:var(--ct-ink,#eaffeb)}
.eco-quality-control legend{font-size:17px;font-weight:800}
.eco-quality-control label{display:grid;gap:5px}
.eco-quality-control select{width:100%;min-height:44px;border:1px solid var(--ct-line,#688d86);border-radius:8px;background:var(--ct-panel,#163340);color:var(--ct-ink,#effff6);padding:8px;font:600 16px system-ui}
.eco-quality-control p,.eco-quality-control small{font-size:13px;line-height:1.5;margin:0;color:inherit}
.eco-experience-panel>div{max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box}
/* Restrict costly decoration, never hide answers, collision objects or input feedback. */
html[data-eco-quality=medium] .game-card,html[data-eco-quality=medium] .english-family-card,html[data-eco-quality=medium] .game-modal{backdrop-filter:none!important}
html[data-eco-quality=medium] .hero *,html[data-eco-quality=medium] .game-card *{filter:none!important}
html[data-eco-quality=medium] .eco-space-canvas,html[data-eco-quality=medium] .eco-earth-canvas{display:none!important}
html[data-eco-quality=low] .hero *,html[data-eco-quality=low] .game-card *,html[data-eco-quality=low] .english-family-card *,html[data-eco-quality=low] .eco-brand *{animation:none!important;filter:none!important;backdrop-filter:none!important}
html[data-eco-quality=low] .sky-stage-fx,html[data-eco-quality=low] .wb-stage-fx{display:none!important}
html[data-eco-quality=low] .game-modal,html[data-eco-quality=low] .canvas-field{box-shadow:none!important}
@media(prefers-reduced-motion:reduce){.game-card *,.english-family-card *,.hero *{animation:none!important}}