:root{
  --bg:#07111f;--card:#0e1b2d;--card2:#11243b;--text:#f8fafc;--muted:#a9b7ca;
  --accent:#58c4dd;--gold:#f5c451;--line:rgba(255,255,255,.10)
}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#000;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;overflow:hidden}
body{overscroll-behavior:none}.screen{width:100vw;height:100vh;height:100dvh;background:var(--bg);display:grid;grid-template-rows:13fr 79fr 8fr;overflow:hidden}
.topbar{display:grid;grid-template-columns:24fr 31fr 45fr;gap:clamp(4px,.55vmin,12px);padding:clamp(5px,.6vmin,12px);background:linear-gradient(180deg,#06101d,#081726)}
.top-card{min-width:0;border:1px solid var(--line);border-radius:clamp(8px,1vmin,20px);padding:clamp(8px,1.1vmin,20px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,var(--card2),var(--card));box-shadow:0 7px 25px rgba(0,0,0,.22)}
.clock-card{align-items:flex-start}.clock{font-size:clamp(28px,5.1vmin,78px);font-weight:800;line-height:.95;letter-spacing:-.045em}.date{margin-top:.45em;font-size:clamp(11px,1.65vmin,27px);font-weight:650;color:#dbeafe;text-transform:capitalize}
.eyebrow{font-size:clamp(8px,1.15vmin,19px);font-weight:800;letter-spacing:.09em;color:#9edff0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weather-main{display:flex;align-items:center;gap:.32em;line-height:1}.weather-icon{font-size:clamp(28px,4.2vmin,68px)}.weather-temp{font-size:clamp(28px,4.1vmin,68px);font-weight:850;letter-spacing:-.04em}.small{font-size:clamp(8px,1.05vmin,17px);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.32em}
.fx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(3px,.45vmin,8px);margin-top:.4em}.fx-grid>div{border-radius:clamp(6px,.7vmin,12px);padding:clamp(5px,.65vmin,11px);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);text-align:center;min-width:0}.fx-grid b{display:block;font-size:clamp(10px,1.3vmin,21px);letter-spacing:.07em}.fx-grid span{display:block;margin-top:.15em;font-size:clamp(12px,1.45vmin,25px);font-weight:800;color:var(--gold);white-space:nowrap}
.stage{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 30%,#13233a 0,#050a10 70%);display:flex;align-items:center;justify-content:center}.slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 900ms ease;object-position:center center;background:#03070c}.slide.current{opacity:1}body[data-fit="contain"] .slide{object-fit:contain}body[data-fit="cover"] .slide{object-fit:cover}.empty-state{z-index:0;text-align:center;color:#dbe7f5;padding:2rem}.plane{font-size:clamp(42px,8vmin,110px);opacity:.8}.empty-title{font-size:clamp(24px,4vmin,54px);font-weight:850;letter-spacing:.04em}.empty-sub{font-size:clamp(12px,1.6vmin,24px);color:#91a4bb;margin-top:.5em}.brand-pill{position:absolute;right:1.5%;bottom:2%;z-index:4;background:rgba(3,8,15,.62);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.35em .8em;font-size:clamp(8px,.9vmin,15px);font-weight:800;letter-spacing:.05em;color:#e5edf6}
.ticker{display:grid;grid-template-columns:auto 1fr;align-items:center;background:#07101c;border-top:1px solid rgba(255,255,255,.12);overflow:hidden}.ticker-label{height:100%;display:flex;align-items:center;padding:0 clamp(12px,1.5vmin,28px);background:linear-gradient(90deg,#0d6d7d,#0f8ca0);font-size:clamp(11px,1.35vmin,22px);font-weight:900;letter-spacing:.08em;white-space:nowrap;z-index:2}.ticker-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.ticker-track{display:flex;width:max-content;will-change:transform;animation:ticker 70s linear infinite}.ticker-track span{font-size:clamp(13px,1.55vmin,25px);font-weight:650;white-space:nowrap;padding-left:4vmin;padding-right:4vmin;color:#f4f7fb}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-aspect-ratio:9/16){.topbar{grid-template-columns:24fr 31fr 45fr}}