/* Eco Earth stationery: static, scroll-attached SVG; no overlay DOM or render loop. */
html[data-eco-theme=white]{--earth-art:url('/assets/eco-earth-white-20261008.svg');--earth-wash:#e7f2ed}
html[data-eco-theme=dark]{--earth-art:url('/assets/eco-earth-dark-20261008.svg');--earth-wash:#102a2c}
html[data-eco-theme] body{
 background-color:var(--ct-bg)!important;
 background-image:var(--earth-art)!important;
 background-size:max(100%,1600px) auto!important;
 background-position:center 40px!important;
 background-repeat:repeat-y!important;
 background-attachment:scroll!important;
}
/* Keep decoration on the page, not on question panels, cards or playable surfaces. */
html[data-eco-theme] main:has(.english-portal),
html[data-eco-theme] .arcade-home{background:transparent!important}
html[data-eco-theme][data-eco-quality] body:has(.game-shell),
html[data-eco-theme][data-eco-quality] body:has(.game-modal){background-image:none!important}
html[data-eco-quality=low][data-eco-theme] body{
 background-image:linear-gradient(145deg,var(--earth-wash),var(--ct-bg) 650px)!important;
 background-size:100% 1000px!important;
 background-repeat:no-repeat!important;
}
@media(max-width:760px){
 html[data-eco-theme] body{background-size:1000px 750px!important;background-position:calc(100% + 210px) 56px!important}
 html[data-eco-quality=low][data-eco-theme] body{background-size:100% 850px!important;background-position:0 0!important}
}
@media(min-width:1800px){html[data-eco-theme] body{background-size:max(100%,1920px) auto!important}}
@media print,(forced-colors:active){html[data-eco-theme][data-eco-quality] body{background-image:none!important}}