/* Scenery changes only: controls, learning panels and live meters retain their readable palette. */
.night-sky{display:none;position:absolute;inset:0;width:100%;height:48%;pointer-events:none;z-index:1}main[data-period=night] .night-sky{display:block}main[data-period=night] .voyage-hero>img,main[data-period=night] .sakurajima-scene .world>image{filter:brightness(.38) saturate(.65)}main[data-period=night] .voyage-hero:after{background:linear-gradient(#11203940,transparent 40%,#071c32e8)}main[data-period=night] .bay-glints{opacity:.65;stroke:#cce6ef}.clock-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 0 0}.clock-bar>div:first-child{margin-right:auto}.clock-bar span{display:block;font-size:10px;color:#607a7a}.clock-bar b{display:block;font-size:16px;font-variant-numeric:tabular-nums}.clock-switch{display:flex;gap:3px;padding:3px;background:#e3eadd;border-radius:14px}.clock-switch button{min-width:48px;min-height:44px;padding:7px;background:transparent;font-size:13px;color:#36534d}.clock-switch button[aria-pressed=true]{background:#274e5b;color:#fff7dd;border-radius:11px}.clock-bar .clock-tides{background:none;border:0;color:#305b60;font-size:12px;padding:8px;min-height:44px}.tide-fiction{font-size:12px!important;line-height:1.6;padding:12px;background:#e8eee2;border-radius:12px;color:#37584e}.tide-select{display:flex;align-items:center;gap:12px;font-size:12px}.tide-select select{width:auto;flex:1}.tide-dashboard{display:grid;gap:12px}.tide-dashboard svg,#tideChart svg{width:100%;height:auto;display:block}.tide-dashboard>div,#tideChart{min-width:0}#tideChart{background:#fffdf2;border-radius:18px;padding:6px}.tide-grid path{stroke:#d8e3d9;stroke-dasharray:3 5}.tide-grid text,.tide-ticks text,.tide-unit{font:12px system-ui;fill:#3f625e}.tide-time-label{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin:18px 0 4px}.tide-time-label output{font-size:22px;font-weight:750;font-variant-numeric:tabular-nums}#tideSlider{width:100%;min-height:48px;accent-color:#236b80;touch-action:pan-y}.tide-jumps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.tide-jumps button{font-size:12px;min-height:48px;padding:8px 2px;background:#e1e9df;color:#234b4f}.tide-caption{background:#e7eee5;border-radius:14px;padding:14px;margin:14px 0}.tide-caption b{font-size:17px}.tide-caption p{margin:5px 0}.tide-caption span{font-size:13px}.tide-table{width:100%;border-collapse:collapse;margin:18px 0;color:#294d50;font-variant-numeric:tabular-nums;font-size:14px}.tide-table caption{text-align:left;font-size:12px;padding-bottom:10px}.tide-table th,.tide-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #c5d6cb}.tide-table .current-event{background:#d4e5d6}.tide-answer-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tide-answer-options button{font-size:14px;min-height:52px}#tideFeedback{min-height:48px}@media(min-width:650px){#app[data-view=tides],#app[data-view=tideQuiz]{max-width:750px;margin:auto}.tide-dashboard{grid-template-columns:1fr 1fr;align-items:center}}@media(max-width:350px){.clock-bar{gap:6px}.clock-bar .clock-tides{font-size:11px;padding:8px 3px}.clock-switch button{min-width:44px}.tide-jumps{gap:4px}.tide-jumps button{font-size:11px}}@media(prefers-reduced-motion:reduce){.night-sky{animation:none}}
.night-note{font-size:11px;color:#49696c;line-height:1.6;margin:8px 0 0}.tide-caption small{display:block;font-size:10px;margin-top:6px}
/* Keep the decorative moon behind live status and meters. */
.sakurajima-scene .night-sky{z-index:0}
main[data-period=night] .sakurajima-scene .fight-hud,main[data-period=night] .sakurajima-scene .scene-topline,main[data-period=night] .sakurajima-scene .scene-message{z-index:2}