/* The home carries a symbolic day and a shared dream along the whole page. */
.hud,.hud.hud-docked{--daylight-color:#f5b57d;left:22px;bottom:18px;width:350px;max-width:calc(100vw - 44px);padding:12px 16px 10px;background:#081a2df5;border:1px solid #e7c49c40;border-radius:5px;box-shadow:0 8px 30px #0002;color:var(--cream);backdrop-filter:blur(12px)}
.hud-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hud .hud-label,.hud-docked .hud-label{margin:0;font-size:8px;letter-spacing:.18em;line-height:1.4;color:#afbec5;font-weight:600}
.hud-subtitle{margin:4px 0 0;font:italic 15px/1.2 Georgia,serif;letter-spacing:-.015em;color:#f1dfca}
.hud-day{width:78px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:2px}
.hud-day svg{display:block;width:78px;height:18px;overflow:visible}
.hud-horizon{fill:none;stroke:#b7c5c34d;stroke-width:2}
.hud-day-arc{fill:none;stroke:#b7c5c36e;stroke-width:2;stroke-dasharray:5 7}
#hud-sun{fill:var(--daylight-color);filter:drop-shadow(0 0 10px var(--daylight-color))}
#hud-daylight{font-size:7px;letter-spacing:.1em;line-height:1.2;color:var(--daylight-color);white-space:nowrap}
.hud .hud-main,.hud-docked .hud-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin:11px 0 10px}
.hud .hud-moment{min-width:0}.hud #hud-state{font:600 23px/1.05 'Barlow Condensed',sans-serif;letter-spacing:.005em;min-height:2.1em;display:flex;align-items:center;overflow-wrap:anywhere}
.hud .hud-dream{align-items:flex-end;gap:3px}
.hud .hud-dream small{font-size:7px;letter-spacing:.12em;color:#aebfc4;line-height:1.3}
.hud .hud-dream strong{display:flex;align-items:baseline;gap:5px;font:600 30px/1 'Barlow Condensed',sans-serif;font-variant-numeric:tabular-nums;color:var(--daylight-color);white-space:nowrap}
.hud .hud-dream i{font:500 11px/1 'Barlow Condensed',sans-serif;color:#aebfc4}
.hud .hud-track{height:2px;background:#ffffff20}.hud .hud-track span{background:var(--daylight-color)}
.hud .hud-foot,.hud-docked .hud-foot{font-size:9px;letter-spacing:.025em;line-height:1.3;margin-top:7px;opacity:1;color:#aebfc4}
@media(max-width:800px){
  .hud,.hud.hud-docked{left:12px;bottom:max(10px,env(safe-area-inset-bottom));width:340px;max-width:calc(100vw - 24px);padding:10px 13px 9px}
  .hud .hud-main,.hud-docked .hud-main{margin:9px 0 8px;gap:12px}
  .hud #hud-state{font-size:22px}.hud .hud-dream strong{font-size:28px}.hud-subtitle{font-size:14px}
  .hud .hud-foot,.hud-docked .hud-foot{margin-top:6px}
}
@media(max-width:360px){.hud-day,.hud-day svg{width:60px}.hud .hud-label{font-size:7px}.hud-subtitle{font-size:13px}.hud #hud-state{font-size:20px}.hud .hud-dream strong{font-size:26px}}