.topbar .daily-planet{pointer-events:auto;display:flex;align-items:center;gap:9px;text-align:left;min-width:0;max-width:calc(100% - 49px);padding:10px 11px;border:1px solid #b5d5e43d;border-radius:16px;background:#080e18c9;backdrop-filter:blur(16px);color:#e1e9f1;cursor:pointer;font-family:Exo,sans-serif;box-shadow:0 6px 24px #0003}
.daily-planet:focus-visible{outline:2px solid #8DAED4;outline-offset:4px}
.daily-planet:disabled{cursor:default}
.daily-planet-mini{width:44px;height:44px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 8px #aecbdb15);animation:daily-orbit 8s ease-in-out infinite alternate}
.daily-planet-copy{min-width:0;display:block}
.daily-planet .eyebrow{display:block;font-size:7px;letter-spacing:.11em;color:#b7c6d6}
.daily-planet strong{display:block;font-size:12px;font-weight:550;color:#e1e9f1;margin:5px 0 6px;overflow-wrap:anywhere}
.daily-planet small{display:block;font:8px/1.4 Oxanium,Exo,sans-serif;color:#a2b4c6;font-variant-numeric:tabular-nums}
.daily-planet.is-visited{border-color:#91bfa340}
@keyframes daily-orbit{from{transform:translateY(-1px) rotate(-3deg)}to{transform:translateY(2px) rotate(3deg)}}
@media(max-width:350px){.topbar .daily-planet{gap:6px;padding:9px 8px}.daily-planet-mini{width:33px;height:33px}.daily-planet strong{font-size:11px}.daily-planet .eyebrow{font-size:6px}.daily-planet small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.daily-planet-mini{animation:none}}
.app:not([data-view="home"]) .daily-planet-mini{animation-play-state:paused}
.daily-planet-info{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#a6b8c9;font:9px/1.4 Oxanium,Exo,sans-serif;margin:0 0 6px}
.daily-planet-info [data-daily-progress]{color:#9cbfac;white-space:nowrap}
.daily-planet.is-complete{border-color:#91bfa36b}
.topbar .daily-planet{min-width:0;flex:1;max-width:290px}
.daily-planet-copy{flex:1}
.daily-planet strong{line-height:1.3;margin-bottom:5px}
@media(max-width:350px){.daily-planet-info{font-size:8px;gap:5px}.topbar .daily-planet{max-width:100%}}

/* The same thin frosted material as the planet controls. */
.app[data-view="home"] .topbar .daily-planet,
.app[data-view="home"] .arcade-entry{
  background:transparent;
  border:1px solid rgba(239,248,252,.25);
  box-shadow:none;
  -webkit-backdrop-filter:blur(22px);
  backdrop-filter:blur(22px);
  color:#f0f4f6;
  text-shadow:0 1px 3px #14233388;
}
.app[data-view="home"] .topbar .daily-planet:hover,
.app[data-view="home"] .arcade-entry:hover{
  background:transparent;
  border-color:rgba(239,248,252,.4);
  box-shadow:none;
}
.app[data-view="home"] .daily-planet strong{color:#f0f4f6}
.app[data-view="home"] .daily-planet .eyebrow,
.app[data-view="home"] .daily-planet small,
.app[data-view="home"] .daily-planet-info{color:#d4e0e9}