/* Sky tab styles. Loaded in the order base, weather, sky, about. */
.sky-scene{position:relative;isolation:isolate;overflow:hidden}
.sky-scene::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--scene-image,none);background-size:cover;background-position:center;background-repeat:no-repeat;filter:var(--picture-filter)}
#visibleTonightCard::before{background-position:72% center}
#visibleTonightCard{min-height:270px;padding:30px}
.sky-score,.sat-list{position:relative;overflow:hidden;isolation:isolate;background-color:#0d0c31;background-image:none!important}
.sky-score::before,.sat-list::before{content:"";position:absolute;inset:0;z-index:-1;background-repeat:no-repeat;background-position:center;background-size:cover;transform:scale(1.06);filter:var(--picture-filter)}
.sky-score::before{background-image:url('/api/sky-image?name=conditions&v=3')}
.sat-list{padding:16px 18px;display:grid;gap:8px;font-size:.85rem}
.sat-list::before{background-image:url('/api/sky-image?name=iss&v=1')}
.sat-list::before{filter:brightness(.6) var(--picture-filter)}
#satList{display:grid;gap:8px}
.sat-list small{color:var(--muted)}
.sat-credit{margin-top:6px}
#planetBars:empty{display:none}
.pbars{margin-top:14px}.pbar-rows{display:grid;gap:8px}
.pbar{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;font-size:.85rem;font-weight:700;color:#f1edff}
.pbar-track{position:relative;display:block;height:14px;border-radius:7px;background:rgba(255,255,255,.1);overflow:hidden}
.pbar-track:before{content:"";position:absolute;top:0;bottom:0;left:var(--bl);width:var(--bw);background:rgba(200,160,255,.16)}
.pbars-now .pbar-track:after{content:"";position:absolute;top:-1px;bottom:-1px;left:var(--now);width:2px;background:#fff;box-shadow:0 0 2px #000}
.pbar-track i{position:absolute;top:2px;bottom:2px;border-radius:5px;background:#c69cff}
.pbar-axis{display:flex;justify-content:space-between;margin:6px 0 0 82px;font-size:.8rem;color:#e9e4f7}
.pbar-key{display:block;margin-top:4px;color:var(--muted)}
.moon-row{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;align-items:center}.moon-row-icon{grid-row:span 2;color:#f1edff;filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 3px rgba(0,0,0,.8))}
.iss-graphic{list-style:none;color:#f1edff;padding:6px 0 10px}.iss-graphic svg{display:block;width:min(240px,70%);height:auto;filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 3px rgba(0,0,0,.8))}
.sky-hero{padding:30px;margin-top:10px;background:linear-gradient(135deg,rgba(72,38,112,.74),rgba(20,28,66,.7))}
.sky-hero h2{font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.06em;margin:8px 0}
.sky-hero p{max-width:620px;color:#ddd4ee;line-height:1.55;margin:0}
.sky-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:18px}
.sky-score{padding:25px}
.sky-score b{display:block;font-size:2rem;letter-spacing:-.05em;margin:10px 0}
.sky-score p{color:#d4cae6;line-height:1.5;margin:0}
.sky-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.sky-fact{padding:18px}
.sky-fact{position:relative}
.sky-fact>span{padding-right:44px}
.fact-icon{position:absolute;top:16px;right:16px;width:28px;height:28px;color:var(--ink)}
.sky-data-row,.tonight-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;align-items:start}.sky-data-row{align-items:stretch}.data-col{display:flex;flex-direction:column;gap:18px;min-width:0}.data-col>.data-tile:last-child{flex:1}
.tonight-row{align-items:stretch}.tonight-row>section{margin-top:0;min-width:0;display:flex;flex-direction:column}.tonight-row>section>.card{flex:1}
.data-tile{padding:20px}
.data-tile>b{display:block;font-size:1.05rem;margin-bottom:6px}
.data-tile p+p{margin-top:8px}.viz-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,44%);gap:16px;align-items:center}.viz{min-width:0}.viz-svg{display:block;width:100%;height:auto;color:var(--ink)}.viz-wide{margin-top:14px}.viz-ring{fill:none;stroke:var(--muted);stroke-width:1.5}.viz-grid{fill:none;stroke:var(--muted);stroke-width:1;opacity:.55}.viz-dir,.viz-tick{fill:currentColor;font-size:11px}.viz-alt{color:var(--ink);fill:currentColor;font-size:11px;paint-order:stroke fill;stroke:#0d0c31;stroke-width:3px;stroke-linejoin:round}.viz-planet circle{fill:rgb(var(--accent-rgb))}.viz-planet text,.viz-moon text{color:#241a42;fill:currentColor;font-size:10px;font-weight:700}.viz-moon circle{fill:#f1edff}.viz-sun{fill:none;stroke:var(--ink);stroke-width:2}.viz-band{fill:rgba(255,255,255,.14)}.viz-bar{fill:rgb(var(--accent-rgb))}.viz-track{fill:rgba(255,255,255,.1)}.viz-tw1{fill:rgba(241,237,255,.55)}.viz-tw2{fill:rgba(241,237,255,.75)}.viz-tw3{fill:rgba(241,237,255,.9)}.viz-dark{fill:#f1edff}.viz-moonup{fill:rgb(var(--accent-rgb))}.viz-now-halo{stroke:#f1edff;stroke-width:5;stroke-linecap:round}
.viz-now{stroke:#0d0c31;stroke-width:2;stroke-linecap:round}.viz-nowhead{fill:var(--ink)}@media(max-width:720px){.viz-body{grid-template-columns:1fr}.viz-body .viz-svg{max-width:300px;margin:0 auto}}.data-tile p+.times-list{margin-top:12px}
.data-tile p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.5}
.data-note{display:block;color:var(--muted);font-size:.72rem;margin-top:10px;line-height:1.4}
.times-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.times-list li{display:grid;gap:2px;font-size:.86rem}
.times-list strong{font-size:.95rem}
.times-list span{color:var(--muted)}
@media(max-width:720px){.sky-data-row,.tonight-row{grid-template-columns:1fr}}
.sky-fact span{display:block;color:var(--muted);font-size:.76rem;margin-bottom:8px}
.sky-fact b{font-size:1rem}
@media(max-width:720px){.sky-grid{grid-template-columns:1fr}.sky-facts{grid-template-columns:repeat(2,1fr)}}
.sky-hero h2,.sky-score b{font-family:Orbitron,"Segoe UI",sans-serif}
.sky-hero h2{font-size:clamp(1.85rem,4.5vw,3.2rem);letter-spacing:-.04em}
.sky-score b{font-size:1.55rem}
.sky-score-layout{display:flex;justify-content:space-between;gap:20px;align-items:center}
.condition-visual{text-align:center;min-width:120px}
.condition-ring{--clarity:50%;width:90px;height:90px;border-radius:50%;display:grid;place-items:center;margin:auto;background:radial-gradient(circle at center,#1a1d50 57%,transparent 59%),conic-gradient(#d3adff var(--clarity),rgba(216,198,255,.16) 0);box-shadow:0 0 24px rgba(194,136,255,.18)}
.condition-ring span{font-family:Orbitron,"Segoe UI",sans-serif;font-size:1.05rem}
.condition-visual small{display:block;margin-top:8px;color:var(--muted);font-size:.72rem}
.planet-list{display:grid;grid-template-columns:repeat(5,1fr);overflow:auto}
.planet{padding:18px;min-width:148px;border-right:1px solid var(--line)}
.planet:last-child{border:0}
.planet strong{font-family:Orbitron,"Segoe UI",sans-serif;font-size:.85rem}
.planet b{display:block;font-size:1rem;margin:10px 0 4px}
.planet small{color:var(--muted);font-size:.76rem}
@media(max-width:720px){.sky-grid{grid-template-columns:1fr}.sky-score-layout{align-items:flex-start}.condition-visual{min-width:95px}.condition-ring{width:76px;height:76px}}
.sky-score-layout{position:relative;z-index:1}
.on-picture .pic-credit,.sat-credit.on-picture{text-shadow:var(--ink-shadow),0 0 2px #000,0 0 3px #000,0 0 4px #000}
:where(.on-picture){position:relative}
.on-picture{isolation:isolate;paint-order:stroke fill;-webkit-text-stroke:3px rgba(0,0,0,.6);text-shadow:var(--ink-shadow)}
#skyView .tile-text,#skyView .sky-score-layout>div:first-child,#skyView .sat-list>#satList,#skyView .sat-list>.sat-credit,#skyView .condition-visual>small,#skyView #visibleTonightCard>div{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;padding:0}
.condition-ring{position:relative;overflow:hidden;isolation:isolate}
.condition-ring img{position:absolute;inset:11%;width:78%;height:78%;border-radius:50%;object-fit:cover;z-index:-1;filter:var(--picture-filter)}
.condition-ring::after{content:"";position:absolute;inset:11%;border-radius:50%;background:rgba(6,8,30,.68);z-index:0}
.condition-ring span{position:relative;z-index:1;text-shadow:0 1px 8px #08051d}
.sat-list,.sky-scene{min-height:clamp(170px,20vw,240px)}
.sat-list{align-content:end}
#visibleTonightCard>div{display:inline-block;max-width:min(100%,560px);padding:14px 16px}
.tile-text,.sky-score-layout>div:first-child,.sat-list>#satList,.sat-list>.sat-credit{background:rgba(6,8,30,var(--panel-alpha,.8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:14px 16px}
.condition-visual>small{background:rgba(6,8,30,var(--panel-alpha,.8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:3px 10px}
.tile-text{display:inline-block;max-width:min(100%,440px)}
.sky-score-layout>div:first-child{max-width:340px}
.sat-list>#satList,.sat-list>.sat-credit{width:fit-content;max-width:100%}
.sat-list>.sat-credit{margin-top:0;padding:8px 14px}
.pic-credit{display:block;color:#f5f1ff;font-size:.72rem;line-height:1.4;margin-top:10px}
#visibleTonightCard>div{background:rgba(6,8,30,var(--panel-alpha,.8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px}
.sky-status{margin:0 0 14px;padding:12px 16px;font-size:.9rem;line-height:1.4}
.cams-credit{display:flex;flex-wrap:wrap;align-items:center;column-gap:.4em;margin:10px 0 0;font-size:.8rem;line-height:1.45;color:#e9e4f7}.cams-credit a{display:inline-flex;align-items:center;min-height:44px;color:#dbc5ff;text-decoration:underline}