/* scenes/nightcamp.css -- the night camp of the night monsters guide (scenes/nightcamp.js) */
.gscene-nightcamp .gscene-stage {
  height: clamp(420px, 66vh, 640px);
  background:
    radial-gradient(1.5px 1.5px at 9% 14%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 23% 31%, #dfe8ff 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 41% 9%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 58% 24%, #fff 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 74% 12%, #cfe0ff 50%, transparent 51%), radial-gradient(1px 1px at 88% 28%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 33% 19%, #fff 50%, transparent 51%), radial-gradient(1.2px 1.2px at 66% 6%, #fff 50%, transparent 51%),
    radial-gradient(ellipse 60% 40% at 80% 8%, rgba(220, 230, 255, 0.16), transparent 70%),
    linear-gradient(180deg, #050816 0%, #0c1430 45%, #1a2147 100%);
}
.nc-sky { position: absolute; inset: 0; opacity: 0; pointer-events: none;
  background: radial-gradient(ellipse 70% 50% at 20% 92%, rgba(255, 196, 120, 0.85), transparent 70%), linear-gradient(180deg, #4f86d6 0%, #8fbdf0 55%, #f3d3a3 100%); }
.nc-ui { position: absolute; left: 0; right: 0; bottom: 0; z-index: 4; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px 16px;
  padding: 16px 18px; background: linear-gradient(180deg, transparent, rgba(6, 9, 20, 0.82) 50%); pointer-events: none; }
.nc-ui > * { pointer-events: auto; }
.nc-phase { margin: 0; display: flex; flex-direction: column; line-height: 1.2; max-width: 34rem; }
.nc-phase b { font: 800 clamp(1.15rem, 2.6vw, 1.6rem) var(--display); color: #fff; }
.nc-phase span { font: 700 0.9rem/1.4 var(--display); color: var(--muted); }
.gscene-nightcamp [data-phase="dawn"] .nc-phase b, .gscene-nightcamp [data-phase="day"] .nc-phase b { color: var(--gold); }
.nc-btn { flex: none; --face: var(--gold); --side: #9a6f12; --text-c: #2a1d00; }
@media (max-width: 560px) { .nc-ui { padding: 12px; } .nc-phase span { font-size: 0.82rem; } }