/* Dark homepage. Loaded last, so it overrides the light surfaces. */
:root { color-scheme: only dark; --page: #072319; --surf: #0f3729; --surf-2: #144434; --ink: #f1efe6; --soft: #a9b8ad; --sage: rgb(255 255 255 / .11); --text-on-gold: #1b2a20; --bar: #7fb796; }
html, body { background: var(--page); }
body::before { opacity: .05; }
.nav, .nav.solid { background: rgb(7 35 25 / .9); color: #faf9f5; backdrop-filter: blur(12px); box-shadow: 0 1px 0 var(--sage); }
.pill { background: rgb(255 255 255 / .1); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .08); }
.menu div { background: var(--surf-2); }
.menu a { color: var(--ink); }
.dash { background: linear-gradient(180deg, var(--surf-2), var(--surf)); box-shadow: 0 0 0 1px rgb(255 255 255 / .08), 0 50px 90px -34px rgb(0 0 0 / .7); }
.dside { background: #0c3024; border-right-color: var(--sage); }
.dside li.on { background: rgb(255 255 255 / .12); color: #faf9f5; }
.tag { border-color: var(--sage); }
.stat, .card { background: rgb(255 255 255 / .05); border-color: var(--sage); box-shadow: none; }
.stat.gold { background: rgb(229 164 0 / .16); border-color: rgb(229 164 0 / .38); }
.bars i { background: linear-gradient(180deg, #86b99a, #5b8f73); }
.bars .now i { background: linear-gradient(180deg, #f3bc2e, #e5a400); }
#donut circle:nth-child(1) { stroke: #e9e4d0; }
#legend li:nth-child(1) i { background: #e9e4d0 !important; }
.spot svg { stroke: var(--gold); }
.tl-cards li { background: var(--surf); border-color: var(--sage); box-shadow: 0 16px 28px -18px rgb(0 0 0 / .7); }
.plus { color: #6fd8a8; }
.wave-bg { stroke: rgb(255 255 255 / .12); }
.node { box-shadow: 0 0 0 3px var(--page); }
.sp { background: var(--surf); border-color: var(--sage); box-shadow: 0 -18px 40px -30px rgb(0 0 0 / .8), 0 30px 50px -40px rgb(0 0 0 / .8); }
.sp.tint { background: var(--surf-2); }
.sp.dark { background: linear-gradient(135deg, #0c3024, #1a4630); border-color: rgb(229 164 0 / .3); }
.lines li { border-top-color: var(--sage); }
.share i { background: #e9e4d0; }
.share i + i { background: var(--gold); }
.live { background: var(--surf); border-color: var(--sage); box-shadow: none; }
.seg { background: rgb(255 255 255 / .07); }
.seg.line { background: none; border-bottom-color: var(--sage); }
.glider { background: rgb(255 255 255 / .15); box-shadow: none; }
.seg.line .glider { background: var(--gold); }
.track { background: rgb(255 255 255 / .1); }
.track i { background: var(--bar); }
.band { background: radial-gradient(70% 140% at 10% 50%, #1a5540, transparent 70%), var(--surf); box-shadow: 0 0 0 1px rgb(229 164 0 / .22); }
footer { border-top-color: var(--sage); }