/* bg-atmos 2026-10-13: site-wide dark atmospheric background. Remove this file's <link> to revert. */
html{background:#171b22!important;color-scheme:dark light}
html body{background:transparent!important}
html::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:url(/img/hero/sports-lines-dark.svg?v=atm3) center top/560px 560px repeat,radial-gradient(120% 90% at 50% 0%,#1d232c 0%,#171b22 55%,#12161c 100%)}
#atm{position:fixed;right:clamp(8px,2vw,28px);bottom:clamp(8px,2vh,24px);width:clamp(170px,22vw,320px);aspect-ratio:300/180;z-index:-1;pointer-events:none;color:#d6ece0;opacity:.2;transition:opacity .4s}
#atm svg{display:block;width:100%;height:100%;overflow:visible}
#atm .hit{pointer-events:all;cursor:pointer}
#atm.act{opacity:.38}
#atm .gold{color:#f0c27a}
#atm [data-s]{display:none}
#atm[data-mode=b] [data-s=b],#atm[data-mode=f] [data-s=f]{display:inline}
@media (max-width:719px){#atm{width:150px;opacity:.18}}
html body::before{display:none}
/* text that sits directly on the page background -> light */
.top,.top .lede,.top p,.top h1,.crumbs,.crumbs a,.dash .crumbs a,.top .season{color:#e9eef3}
.top .lede,.top p{color:#b9c4cf}
.dash h1 .season{color:#d7c08a}
/* main tourism / omades pages: content on a light panel */
body>main.wrap{background:#fff;border-radius:24px;padding-top:.5rem;padding-bottom:2rem;margin-top:1.5rem;box-shadow:0 30px 80px -40px rgb(0 0 0/.8)}
.site-header{background:transparent!important}
.site-footer{background:rgb(4 8 13/.6)!important}
/* hub country sections & footers: light panels so dark ink stays AA */
.country,body>footer{background:#fff;border-radius:22px;padding:18px 22px}
.country .flag-names,.country p{color:#4a5562}

/* contrast fixes on dark page bg */
body>.ol-footnote,body>.ol-asof,body>p.ol-footnote *{color:#b9c4cf!important}
main .ol-asof,main .ol-footnote{color:#5a6470!important}
#a-net{transform-box:fill-box;transform-origin:50% 0}
#a-head,#a-kh{transform-box:fill-box;transform-origin:50% 50%}