/* GLIDE-specific styles. Shared components (screens, panels, buttons, leaderboard,
   name input, HUD, nav, logo) come from ../play/style.css. */

#glide-canvas { display: block; width: 100vw; height: 100vh; }

.calib { display: flex; flex-direction: column; gap: 12px; align-items: center; width: 100%; }
.calib.hidden { display: none; }

.cal-note {
  font-size: 40px; font-weight: 900; color: var(--gold);
  text-shadow: 0 0 12px var(--gold); min-height: 46px;
}
.cal-meter {
  position: relative; width: 16px; height: 150px;
  background: #10141f; border: 1px solid var(--dim);
}
.cal-dot {
  position: absolute; left: -4px; width: 24px; height: 8px;
  background: var(--green); box-shadow: 0 0 10px var(--green);
  bottom: 50%; transition: bottom 0.05s linear;
}
.cal-range { color: var(--neon); letter-spacing: 2px; text-shadow: 0 0 6px var(--neon); }
.cal-row { display: flex; gap: 10px; }