@font-face{font-family:Michroma;font-display:swap;src:url(/assets/fonts/michroma-latin.woff2?v=2610291510) format("woff2")}
:root{--a:#2de2e6;--b:#8aa3b2;--fg:#d8e6ee;--line:#1b2a3a;--bg:#05070d;--card:#0c1420cc}*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at top,#0d1b2a 0%,var(--bg) 60%) fixed var(--bg);color:var(--fg);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:13px;letter-spacing:.08em;line-height:1.6}
a{color:var(--a)}header{text-align:center;padding:2rem 1rem 1rem;border-bottom:1px solid var(--line)}header img{filter:drop-shadow(0 0 8px #2de2e688)}
h1{font-family:Michroma,system-ui,sans-serif;color:var(--a);font-weight:400;font-size:min(1.4rem,5vw);letter-spacing:.2em;margin:.6rem 0 .2rem;text-shadow:0 0 12px #2de2e688}
.k,h2{font-family:Michroma,system-ui,sans-serif;text-transform:uppercase;font-size:.62rem;letter-spacing:.35em;color:var(--b);font-weight:400}h2{margin:0 0 .7rem;color:var(--a);opacity:.75}
#clk{color:var(--a)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;max-width:1200px;margin:1.4rem auto;padding:0 14px}
.p{border:1px solid var(--line);border-radius:4px;padding:1rem;background:var(--card);box-shadow:0 0 14px #2de2e614,inset 0 0 0 1px #2de2e60a}
.w{grid-column:1/-1}.big{font-size:1.6rem;text-shadow:0 0 10px #2de2e699}.s{color:var(--b);font-size:.62rem;margin:.3rem 0 0}
ul{list-style:none;margin:0;padding:0}li{padding:.2rem 0;border-bottom:1px solid #1b2a3a;font-size:.68rem}li:last-child{border:0}
.bars{display:flex;align-items:flex-end;gap:2px;height:50px;margin:.4rem 0}.bars i{flex:1;background:var(--a);opacity:.8;box-shadow:0 0 4px var(--a)}
.p img.f{width:100%;border:1px solid var(--line);border-radius:3px}iframe{width:100%;height:520px;border:1px solid var(--line);background:#000}
footer{text-align:center;padding:2rem;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase}.off{opacity:.45}

.tt{display:flex;align-items:center;justify-content:center;gap:1rem}.tt h1{white-space:nowrap}
.eye{width:30px;height:30px;border:1px solid var(--a);background:radial-gradient(#0c1420,#05070d);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #2de2e655;animation:bl 7s infinite;padding:0;flex:none;border-radius:75% 15%;transform:rotate(45deg) scale(.8)}
.eye i{width:12px;height:12px;border-radius:50%;background:var(--a);box-shadow:0 0 6px var(--a)}.eye+h1+.eye{animation-delay:3.3s}
.eye.on{animation:none}.eye.on i{animation:pu 1s ease-in-out infinite}
@keyframes bl{0%,94%,100%{transform:rotate(45deg) scale(.8)}97%{transform:rotate(45deg) scale(.8,.08)}}
@keyframes pu{50%{transform:scale(1.5);box-shadow:0 0 14px var(--a)}}
#cry{grid-column:1/-1}.crow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.cr{border:1px solid var(--line);border-radius:4px;padding:.6rem;display:flex;flex-direction:column;gap:.15rem;min-width:0}.cr b{color:var(--a);font-family:Michroma,system-ui,sans-serif;letter-spacing:.15em}.cr .pr{font-size:1rem;color:var(--fg)}.cr svg{width:100%;height:24px}@media(max-width:760px){.crow{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}.up{color:var(--a)}.dn{color:#f68a12}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.5rem;box-shadow:0 0 5px currentColor}

#fng{grid-column:1/-1}.fg{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.fg .v{font-family:Michroma,system-ui,sans-serif;font-size:2rem}.fg .bar{flex:1;min-width:160px;height:10px;border:1px solid var(--line);border-radius:5px;background:linear-gradient(90deg,#f68a12,#8aa3b2,#2de2e6);position:relative}.fg .bar i{position:absolute;top:-4px;width:3px;height:16px;background:var(--fg);border-radius:2px}.fg svg{width:140px;height:32px}.fg .m{color:#8aa3b2;font-size:.8rem}

.grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row dense;align-items:stretch}
#tz{order:0}#cry{grid-column:span 3;order:1}#iss{order:2}#fng{grid-column:span 1;order:3}#fng .fg{flex-direction:column;align-items:stretch;gap:.6rem}#fng .fg svg{width:100%}
#sun{order:4}#kp{order:5}#aur{order:6}#moon{order:7}
#neo{order:9;grid-column:span 2}
#grid{order:10;grid-column:span 2}#radio{order:11;grid-column:span 2}#map{order:12;grid-column:1/-1}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}#cry,#fng,#neo{grid-column:1/-1}#grid,#radio{grid-column:span 1}#fng .fg{flex-direction:row;align-items:center}#fng .fg svg{width:140px}}
@media(max-width:620px){.grid{grid-template-columns:1fr}.grid>.p{grid-column:1/-1!important}}
#grid{grid-column:span 3}#radio{grid-column:span 1}#grid ul{columns:3;column-gap:1.4rem}#grid li{break-inside:avoid}
@media(max-width:1000px){#grid{grid-column:1/-1}#radio{grid-column:1/-1}#grid ul{columns:2}}
@media(max-width:620px){#grid ul{columns:1}}

.pop{float:right;color:var(--a,#2de2e6);text-decoration:none}.pop:hover{opacity:.7}.surl{font:11px/1.4 monospace;color:#8aa3b2;word-break:break-all}.surl code{color:#2de2e6}.surl button{margin-left:.4rem;background:none;border:1px solid #1b2a3a;color:#2de2e6;font:10px monospace;padding:0 5px;border-radius:4px;cursor:pointer}

#tz{grid-column:1/-1;order:0}.tzr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.tc{border:1px solid var(--line);border-radius:4px;padding:.6rem;display:flex;flex-direction:column;gap:.15rem;min-width:0}.tc b{color:var(--b);font-family:Michroma,system-ui,sans-serif;letter-spacing:.15em;font-size:.62rem}.tc .t{font-size:1.1rem;color:var(--fg);font-variant-numeric:tabular-nums}.tc .s{margin:0}.tc.hi{border-color:var(--a);box-shadow:0 0 10px #2de2e633}.tc.hi b,.tc.hi .t{color:var(--a)}.tc.hi .t{text-shadow:0 0 8px #2de2e699}@media(max-width:1000px){.tzr{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:620px){.tzr{grid-template-columns:repeat(2,minmax(0,1fr))}}

#radHist ul ul{columns:1;margin:.2rem 0 .6rem .6rem}#radHist ul{columns:1}#band th{font-weight:400;color:#8aa3b2;text-align:left}#band td{padding:2px 4px}#alrt ul,#lnch ul,#quake ul{columns:1}

#issCrew ul,#radHist ul{margin-top:.2rem}#issPos+#issCrew:not(:empty),#radNow+#radHist:not(:empty){border-top:1px solid var(--line);margin-top:.6rem;padding-top:.5rem}