.scene{aspect-ratio:1.48}.intro>p{font-size:11px;max-width:265px;text-align:right}.scene-heading{inset:24px 28px auto}.scene-heading h2{font-size:32px}.time>span#time{font-size:46px}.time>span#seconds{font-size:14px;letter-spacing:0;color:#e0e4e6;margin-left:6px}#date{color:#c7d1d5;font-size:10px}#sky-description{font-size:12px;max-width:280px}.sample-tag{top:113px;left:28px;font-size:9px}.shade{background:linear-gradient(180deg,#041521c7,#04152150 23%,#04152114 63%,transparent 80%,#041521c4)}.path-layer{position:absolute;left:26px;right:26px;top:145px;height:37%;color:#edf2f0}.path-legend{display:flex;gap:19px;align-items:center;font-size:10px;color:#e0e7e6}.path-legend span{display:flex;align-items:center;gap:6px}.path-legend i{width:17px;height:2px;background:#efc77e}.path-legend i.moon-key{height:0;background:none;border-top:2px dashed #c2d5ef}#paths-toggle{margin-left:auto;font-size:10px;min-height:28px;padding:4px 8px;background:#071d2980;border-color:#bbcacf50}#solar-chart{width:100%;height:calc(100% - 32px);overflow:visible;filter:drop-shadow(0 1px 2px #001018)}.river-readout{left:28px;right:28px;bottom:19px}.river-readout strong{font-size:20px}.river-readout #water-temperature{font-size:17px}.time-controls{padding:17px 28px;background:#10242c;border-bottom:1px solid var(--line)}.preview-label{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.08em;color:var(--amber)}#preview-time{letter-spacing:0;color:#cbd8d9;font-size:11px}#back-now{margin-left:auto;min-height:28px;padding:4px 8px;font-size:10px}input[type=range]{width:100%;accent-color:var(--amber);margin:17px 0 7px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.instruments{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#0f222a;padding:22px 16px}.instrument{display:flex;align-items:center;gap:11px;min-width:0;padding:0 14px;border-right:1px solid var(--line)}.instrument:last-child{border:none}.instrument>svg{width:70px;height:70px;flex-shrink:0}.instrument p{margin:3px 0;color:#b6c9cd;font-size:10px}.instrument .instrument-label{font-size:8px;letter-spacing:.1em;margin:0 0 6px;color:#91a9ae}.instrument strong{font-size:18px;font-weight:450;white-space:nowrap}.instrument small{font-size:8px;color:#87a0a6;display:block}.moon-disc{width:52px;height:52px;flex-shrink:0;display:grid;place-items:center;font-size:43px;filter:grayscale(1);color:#d4deeb}.flow-instrument>div{width:100%}.flow-instrument strong{font-size:16px}#flow-sparkline{width:100%;height:26px;display:block;margin:4px 0}.event-strip{display:flex;gap:0;padding:16px 28px;justify-content:space-between;background:#0b1d25;flex-wrap:wrap}.event-strip>div{min-width:75px}.event-strip span{display:block;color:#9db3ba;font-size:9px}.event-strip strong{font-weight:500;font-size:11px;color:#e3c69b}.forecast-details,.lab{margin-top:20px;border-bottom:1px solid var(--line);padding-bottom:17px}.forecast-details summary,.lab summary{cursor:pointer;color:#e0e9e5;font-size:12px}.forecast-details summary span,.lab summary span{font-size:10px;color:var(--muted);margin-left:10px}.forecast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:12px;padding-top:18px}.forecast-grid article{border-left:1px solid #37525b;padding-left:13px}.forecast-grid h3{font-size:10px;color:var(--amber);margin:0 0 8px}.forecast-grid strong{font-size:19px;font-weight:450}.forecast-grid p{font-size:10px;margin:4px 0;color:#b8cbd0}.lab .controls{margin-bottom:0}.notes{margin-top:18px}.disclosure{font-size:10px;line-height:1.7;color:#81999e;margin-top:18px;max-width:900px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}html[data-preview=true] #scene-mode{color:#ffdb9b}html[data-preview=true] .time{color:#ffdb9b}#solar-chart text{font-family:system-ui,sans-serif}.time-controls #back-now[disabled]{opacity:.4}.instruments svg text{font-family:system-ui,sans-serif;font-size:10px;fill:#a3bac3}.instrument svg line,.instrument svg path{stroke-linecap:round}@media(max-width:1100px){.instruments{grid-template-columns:repeat(2,1fr);gap:25px 0}.instrument:nth-child(2){border:none}.instrument>svg{width:65px;height:65px}.instrument strong{font-size:19px}.instrument small{font-size:9px}.instrument .instrument-label{font-size:9px}}@media(max-width:650px){.scene{aspect-ratio:.70}.scene-heading{inset:20px 17px auto;gap:10px}.scene-heading h2{font-size:24px}.scene-heading .location{font-size:10px}.time>span#time{font-size:31px}.time>span#seconds{font-size:10px;display:inline-block;margin-left:3px}.time>small{font-size:9px}.time p#sky-description{font-size:10px;max-width:125px}#date{font-size:9px}.sample-tag{left:17px;top:114px;font-size:8px}.path-layer{left:15px;right:15px;top:154px;height:30%}.path-legend{gap:10px;font-size:8px;flex-wrap:wrap}.path-legend i{width:12px}#paths-toggle{font-size:8px;min-height:24px;padding:2px 4px}.river-readout{left:17px;right:17px;bottom:20px;gap:13px}.river-readout>div{padding-right:12px}.river-readout strong{font-size:18px}.river-readout #water-temperature{font-size:13px}.river-readout span{font-size:7px;letter-spacing:.07em}.river-readout>div:last-child strong{font-size:15px}.time-controls{padding:15px 17px}.preview-label{font-size:8px;gap:7px}#preview-time{font-size:9px}#back-now{font-size:9px;min-height:34px}.range-labels{font-size:8px}.instrument{padding:0 10px;gap:7px}.instrument>svg{width:49px;height:49px}.instrument strong{font-size:15px}.instrument .instrument-label{font-size:7px}.instrument p{font-size:9px}.instrument small{font-size:8px}.moon-disc{width:42px;height:42px;font-size:35px}.instruments{padding:20px 8px;gap:23px 0}.event-strip{padding:14px 17px;gap:14px}.event-strip>div{min-width:65px}.event-strip span{font-size:8px}.event-strip strong{font-size:10px}.forecast-details summary span,.lab summary span{display:block;margin:5px 0 0 15px}.lab .control-group{width:100%;flex:auto}.notes{font-size:10px}}@media(max-width:360px){.scene{aspect-ratio:.60}.scene-heading h2{font-size:20px}.scene-heading{left:13px;right:13px}.time>span#time{font-size:27px}.time>span#seconds{font-size:9px}.time>small{font-size:8px}.path-layer{top:158px}.path-legend{font-size:7px;gap:7px}#paths-toggle{margin-left:0}.river-readout{left:13px;right:13px;gap:9px}.river-readout>div{padding-right:9px}.river-readout strong{font-size:15px}.river-readout>div:last-child strong{font-size:13px}.instrument>svg{width:40px;height:40px}.instrument strong{font-size:13px}.instrument small{font-size:7px}.instrument .instrument-label{font-size:6.5px}.flow-instrument strong{font-size:13px}}

#paths-toggle[aria-pressed=true]{color:#e7efec;background:#071d2999} html[data-preview=true] .time{color:#fff} .time{display:flex;justify-content:flex-end;align-content:flex-start;align-items:baseline;flex-wrap:wrap;max-width:300px}.time #time{order:1}.time #seconds{order:2}.time #period{order:3}.time p{width:100%;order:4}.time p#sky-description{order:5}.scene-heading>div:first-child{flex-shrink:0}@media(max-width:650px){.time{max-width:155px}.scene-heading>div:first-child{flex-shrink:1}}

@media(max-width:650px){.scene{aspect-ratio:auto;height:720px}.scene canvas{height:460px}.scene .shade{height:460px;bottom:auto}.path-layer{top:460px;left:0;right:0;height:260px;padding:17px 16px;background:#102530}.path-legend{font-size:9px;gap:10px}#solar-chart{height:211px}.river-readout{bottom:280px}.path-legend #paths-toggle{margin-left:auto}.path-legend i{width:13px}}@media(max-width:360px){.scene{height:690px}.scene canvas{height:430px}.scene .shade{height:430px}.path-layer{top:430px;padding:15px 12px}.path-legend{font-size:8px;gap:9px}}

@media(max-width:650px){.path-legend{min-height:38px;align-content:flex-start}.path-layer #solar-chart{height:calc(100% - 42px)}.instrument #moon-illumination{white-space:normal;line-height:1.25}.instrument #moon-phase{overflow-wrap:normal}.instrument .instrument-label{line-height:1.5}}

#scene-mode{line-height:1.4;max-width:calc(100% - 34px)}@media(max-width:360px){.scene-heading>div:first-child{min-width:126px}.scene-heading h2{font-size:19px}.scene-heading .eyebrow{font-size:8px;letter-spacing:.13em}.scene-heading .location{font-size:9px}.time{max-width:110px}.time #date{font-size:8px}.sample-tag{top:132px}}



.smart-gauge{position:absolute;left:28px;top:64%;width:320px;padding:14px 16px;border:1px solid #b9d4d453;border-radius:8px;background:#09212bea;box-shadow:0 4px 18px #00101830;color:#e9f1ee}.smart-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.smart-heading>span{font-size:9px;letter-spacing:.12em;color:#b6cbd0}.smart-heading strong{font-size:19px;font-weight:550;white-space:nowrap}.smart-track{position:relative;height:15px;margin-top:15px;border-radius:3px;background:#48616b;border:1px solid #ffffff33}.smart-track>span{position:absolute;top:-5px;width:3px;height:24px;background:#fff;box-shadow:0 0 0 2px #071c28;transform:translateX(-50%)}.smart-track>span:before{content:"";position:absolute;top:-5px;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid white}.smart-zones{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.08em;margin-top:7px;color:#e6eee7}.smart-zones span:nth-child(2){color:#83d8a5}.smart-gauge p{font-size:10px;margin:9px 0 0;color:#c8dadb}@media(max-width:650px){.smart-gauge{top:174px;left:17px;right:17px;width:auto;padding:10px 12px}.smart-heading strong{font-size:17px}.smart-heading>span{font-size:8px}.smart-track{height:12px;margin-top:12px}.smart-gauge p{font-size:9px}.smart-zones{font-size:7px}.smart-track>span{height:21px}}@media(min-width:651px) and (max-width:900px){.path-layer{top:132px;height:34%}.smart-gauge{top:65%;width:290px;padding:10px 12px}.smart-heading strong{font-size:17px}}


/* Upright staff: larger readings higher on the river gauge. */
.smart-gauge{top:auto;bottom:85px;width:164px;height:232px;padding:12px}.smart-heading{display:block}.smart-heading>span{font-size:8px}.smart-heading strong{display:block;margin-top:5px;font-size:20px}.smart-track{position:absolute;left:16px;top:67px;bottom:45px;width:32px;height:auto;margin:0;border-radius:2px;background-image:repeating-linear-gradient(to top,transparent 0 12px,#ffffff66 12px 13px)}.smart-track>span{left:-5px;top:auto;width:43px;height:3px;transform:translateY(50%)}.smart-track>span:before{top:-4px;left:-6px;border:5px solid transparent;border-left:6px solid white}.smart-zones{position:absolute;top:67px;bottom:45px;left:58px;right:8px;margin:0;display:block;font-size:9px}.smart-zones span{position:absolute;left:0}.smart-zones #smart-low{bottom:0}.smart-zones #smart-high{top:0}.smart-zones #smart-optimal{transform:translateY(50%);color:#8ce6af}.smart-gauge p{position:absolute;bottom:10px;left:12px;right:10px;font-size:9px;line-height:1.4}.smart-track:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to top,transparent 0 11px,#09212b88 11px 12px);width:40%}@media(max-width:650px){.smart-gauge{top:169px;bottom:auto;left:17px;right:auto;width:139px;height:214px;padding:10px}.smart-heading strong{font-size:16px}.smart-track,.smart-zones{top:62px;bottom:44px}.smart-track{width:28px;left:13px}.smart-track>span{width:38px;height:3px}.smart-zones{left:49px;font-size:8px}.smart-heading>span{font-size:7px}.smart-gauge p{font-size:8px;left:10px}}@media(min-width:651px) and (max-width:900px){.smart-gauge{width:150px;height:190px;bottom:75px;top:auto}.smart-track,.smart-zones{top:61px;bottom:42px}}

/* Bare river staff anchored to the animated waterline, with no opaque panel. */
.smart-gauge{background:none;border:0;box-shadow:none;border-radius:0;padding:0;width:240px;height:172px;bottom:auto;pointer-events:none;text-shadow:0 1px 3px #001018,0 0 7px #001018}.smart-heading{position:absolute;top:0;left:0}.smart-heading strong{font-size:20px}.smart-track{left:5px;top:54px;bottom:auto;height:118px;width:30px;box-shadow:0 1px 5px #00101880}.smart-zones{left:47px;top:54px;bottom:auto;height:118px;right:auto;width:80px}.smart-gauge p{top:58px;left:125px;bottom:auto;right:auto;width:112px;margin:0;font-size:10px;color:#fff}.smart-heading>span{color:#eef7f5}.smart-zones span{color:#fff}@media(max-width:650px){.smart-gauge{width:160px;height:130px;padding:0}.smart-track{top:50px;left:3px;width:25px;height:80px}.smart-zones{top:50px;left:40px;height:80px;width:80px}.smart-heading strong{font-size:16px}.smart-gauge p{display:none}.smart-track>span{width:35px}} 

.clock>.river-readout{position:relative;left:auto;right:auto;bottom:auto;padding:14px 28px;margin:0;background:#10242c;border-bottom:1px solid var(--line)}@media(max-width:650px){.clock>.river-readout{padding:14px 17px}}

.smart-gauge{left:auto;right:28px}@media(max-width:650px){.smart-gauge{left:auto;right:17px}}

.smart-gauge .smart-track{left:auto;right:0}.smart-gauge .smart-zones{left:auto;right:42px;text-align:right}.smart-gauge .smart-zones span{left:auto;right:0}.smart-gauge .smart-heading{left:auto;right:0;text-align:right}.smart-gauge p{left:0;right:auto;width:105px}@media(max-width:650px){.smart-gauge .smart-zones{right:36px}}

/* Tie the desktop astronomical horizon to the painted distant treeline. */
@media(min-width:651px){.path-layer{left:10px;right:158px;top:145px;bottom:12px;height:auto}.path-layer #solar-chart{height:calc(100% - 32px)}}
.smart-gauge .smart-heading strong{margin-top:0}.smart-gauge .smart-heading p{position:static;display:block;width:150px;margin:4px 0 0 auto;font-size:9px;line-height:1.35;text-align:right}.scene[data-daylight=true] .shade{background:linear-gradient(180deg,#04152165,transparent 28%,transparent 100%)}@media(max-width:650px){.smart-gauge .smart-heading p{display:block;width:145px;font-size:8px;margin-top:3px}}

.clock-nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:18px 0;font-size:12px}.clock-nav a{color:#c5d9df}.live-motion{display:flex;justify-content:flex-end;background:#10242c;padding:4px 20px}.live-motion button{font-size:10px;padding:4px 8px;min-height:26px}.embedded .masthead,.embedded .intro,.embedded .clock-nav{display:none}.embedded main{max-width:none;padding:0;margin:0}.compact .instruments,.compact .event-strip,.compact .forecast-details{display:none}.compact .notes,.compact .disclosure{font-size:9px;padding:0 14px}.scene-heading h2{max-width:520px}@media(max-width:650px){.scene-heading h2{font-size:19px;max-width:165px}}

/* Fixed river-height staff: zero at scene bottom, scale maximum at high-water line. */
.smart-gauge .smart-track,.smart-gauge .smart-zones{top:0;bottom:auto}
.smart-gauge .smart-heading{top:-58px}
.smart-gauge .smart-zones #smart-low{bottom:3px}
.smart-gauge .smart-zones #smart-high{top:2px}

/* Hide page scrollbars without disabling wheel, touch or keyboard scrolling. */
html,body{scrollbar-width:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}

.river-history{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}

/* Native range keeps the path marker draggable by mouse/touch and keyboard. */
#path-scrubber{position:absolute;z-index:5;appearance:none;-webkit-appearance:none;margin:0;padding:0;height:44px;background:transparent;cursor:ew-resize;touch-action:none;border:0}
#path-scrubber::-webkit-slider-runnable-track{height:1px;background:transparent}
#path-scrubber::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:44px;height:24px;margin-top:-12px;border-radius:5px;background:transparent;border:0;box-shadow:none}
#path-scrubber::-moz-range-track{background:transparent}
#path-scrubber::-moz-range-thumb{width:44px;height:24px;border-radius:5px;background:transparent;border:0}
#path-scrubber:focus{outline:none}
#path-scrubber:focus-visible + #path-scrubber-label{text-decoration:underline;text-underline-offset:4px}
#path-scrubber-label{position:absolute;z-index:6;transform:translateX(-50%);pointer-events:none;white-space:nowrap;font:9px/17px system-ui;color:white;text-shadow:0 1px 3px #14212a;background:#ac594d;border:1px solid #f7d8ba80;border-radius:999px;padding:2px 8px;box-shadow:0 1px 5px #0008}
#heading-conditions{color:#e8eeed}

#heading-flow{font-size:.6em;white-space:nowrap;font-family:system-ui,sans-serif;font-weight:450}

/* Warm yellow labels stay legible over bright clouds and moving water. */
.scene .eyebrow,.scene .location,.scene #heading-conditions,.scene #heading-flow,
.scene .time small,.scene #seconds,.scene #date,.scene #sky-description,
.scene .sample-tag,.scene .path-legend,.scene #paths-toggle,
.scene .smart-heading p,.scene .smart-zones span,.scene #path-scrubber-label{
  color:#ffff00;text-shadow:0 1px 3px #061722,0 0 5px #06172299;
}
.scene #solar-chart text,.scene .river-history text{fill:#ffff00}

/* Feather black behind yellow lettering for contrast against sky and water. */
.scene .eyebrow,.scene .location,.scene #heading-conditions,.scene #heading-flow,
.scene .time small,.scene #seconds,.scene #date,.scene #sky-description,
.scene .sample-tag,.scene .path-legend,.scene #paths-toggle,
.scene .smart-heading p,.scene .smart-zones span,.scene #path-scrubber-label{
  -webkit-text-stroke:.25px #514812;paint-order:stroke fill;
  text-shadow:0 1px 1px #000,0 0 3px #000,0 0 6px #000000f0,0 0 10px #000000c0;
}
.scene #solar-chart text,.scene .river-history text{
  stroke:#514812;stroke-width:.35px;paint-order:stroke fill;
  filter:drop-shadow(0 0 2px black) drop-shadow(0 0 4px #000000cc);
}

/* Compact current instruments beside the clock; the lower instrument panel is unchanged. */
.scene-heading h2,.scene .time #time{
  text-shadow:0 1px 2px #000,0 0 5px #000,0 0 10px #000000e6,0 0 17px #000000b3;
}
.scene-heading{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:start}
.scene-heading>div:first-child{min-width:0}
.header-instruments{display:flex;gap:10px;text-align:center;padding-top:1px;color:#ffff00;text-shadow:0 1px 1px #000,0 0 3px #000,0 0 6px #000,0 0 10px #000c}
.mini-instrument{width:70px;min-width:0;line-height:1.2}
.mini-instrument>span{display:block;font:600 7px/1.3 system-ui;letter-spacing:.1em}
.mini-instrument>svg,.mini-instrument>#mini-moon-disc{display:block;width:48px;height:48px;margin:3px auto;filter:drop-shadow(0 0 3px #000) drop-shadow(0 0 6px #000c)}
.mini-instrument svg text{fill:#ffff00;font:11px system-ui}
.mini-instrument svg circle,.mini-instrument svg path{stroke-width:2}
.mini-instrument svg [stroke="#52717d"]{stroke:#d5e3e6}
.mini-instrument strong{display:block;font:500 10px/1.4 system-ui;white-space:nowrap}
.mini-instrument small{display:block;font:8px/1.3 system-ui;margin-top:2px}
.mini-instrument>#mini-moon-disc{font:40px/48px system-ui;filter:grayscale(1) drop-shadow(0 0 5px #000)}
@media(min-width:1001px){.scene-heading .time{width:195px}.scene-heading h2{font-size:30px}}
@media(max-width:1000px){
  .scene-heading{grid-template-columns:minmax(0,1fr) auto;gap:10px 14px}
  .scene-heading>div:first-child{grid-column:1 / -1}
  .header-instruments{justify-content:flex-start;gap:12px}
  .scene-heading .time{width:190px;max-width:190px}
  .scene-heading h2{font-size:28px}.scene-heading .location{margin:5px 0}
  .scene-heading .eyebrow{margin-bottom:5px}
  .sample-tag{top:213px}
}
@media(min-width:651px) and (max-width:1000px){.path-layer{top:239px;height:calc(100% - 253px)}}
@media(max-width:650px){
  .scene-heading{gap:12px 8px}.scene-heading h2{font-size:24px}
  .header-instruments{gap:6px}.mini-instrument{width:59px}
  .mini-instrument>svg,.mini-instrument>#mini-moon-disc{width:42px;height:42px}
  .mini-instrument>#mini-moon-disc{font-size:35px;line-height:42px}
  .mini-instrument strong{font-size:9px}.mini-instrument small{font-size:7px}
  .scene-heading .time{width:120px;max-width:120px}
  .sample-tag{top:215px}
}
@media(max-width:380px){.header-instruments{gap:3px}.mini-instrument{width:50px}.scene-heading .time{width:105px;max-width:105px}}
/* Retain sky clearance and the bank-aligned horizon when the header wraps. */
@media(min-width:651px) and (max-width:1000px){.scene{min-height:570px}}

/* Color cues apply only to the compact header instruments. */
#mini-wind{color:#ffd1d1}
#mini-pressure{color:#ffe5f7}
#mini-moon{color:#e1f4ff}
.header-instruments svg text{fill:currentColor}
.header-instruments svg [stroke]{stroke:currentColor}
.header-instruments svg [fill]:not([fill="none"]){fill:currentColor}
.header-instruments #mini-moon-disc{filter:grayscale(1) sepia(1) saturate(3) hue-rotate(165deg) drop-shadow(0 0 3px #000) drop-shadow(0 0 6px #000c)}
.scene #heading-flow{-webkit-text-stroke:.25px #101b19}
.path-legend i{filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 4px #000);box-shadow:0 0 5px 1px #000b}

.header-instruments .mini-instrument>span,.header-instruments .mini-instrument strong,.header-instruments .mini-instrument small{font-weight:700}

/* Enlarge the clock within its existing header slot, without moving the paths below. */
.scene-heading .time{position:relative;display:block;width:250px;max-width:250px;height:107px}
.scene-heading .time #time{position:absolute;top:-5px;right:32px;font-size:96px;line-height:.9;white-space:nowrap}
.scene-heading .time #seconds{position:absolute;top:46px;right:0;margin:0;font-size:15px}
.scene-heading .time #period{position:absolute;top:65px;right:0;margin:0;font-size:11px}
.scene-heading .time #date{position:absolute;top:83px;right:0;margin:0;white-space:nowrap}
.scene-heading .time #sky-description{position:absolute;top:102px;right:0;margin:0}
@media(min-width:651px) and (max-width:1000px){.scene{width:100%;aspect-ratio:auto;height:570px}}
@media(max-width:650px){
  .scene-heading .time{width:120px;max-width:120px;height:88px}
  .scene-heading .time #time{font-size:54px;right:0;top:0}
  .scene-heading .time #seconds{top:47px;right:28px;font-size:10px}
  .scene-heading .time #period{top:47px;right:0;font-size:9px}
  .scene-heading .time #date{top:65px;font-size:8px}
  .scene-heading .time #sky-description{top:81px;font-size:9px}
}
@media(max-width:380px){.scene-heading .time{width:105px;max-width:105px}.scene-heading .time #time{font-size:48px}}

/* White needles only: retain size and colored dial faces. */
#mini-wind-dial g path[stroke],#mini-pressure-dial g path[stroke]{stroke:#fff}
#mini-wind-dial g path[fill]{fill:#fff}
.embedded .embed-credit{font:12px/1.5 system-ui;padding:12px 16px;margin:0;color:#bcd4dc}.embed-credit a{color:#d4ebff}.embedded .clock{border-radius:0}.embedded .notes,.embedded .disclosure{padding:0 16px}.embedded.compact .river-readout{display:none}

@media(max-width:650px){.scene-heading h2{max-width:none}.embedded .sample-tag{top:241px}}

/* The expanded clock fills the display; the usual page remains in place on exit. */
.clock-screen-controls{position:absolute;z-index:10;left:28px;bottom:16px;display:flex;gap:8px;flex-wrap:wrap;max-width:calc(100% - 200px)}
.clock-screen-controls button{min-height:40px;background:#071d29d9;border-color:#bcd1d580;font-size:11px;box-shadow:0 1px 5px #0008}
.clock-screen-controls [hidden]{display:none}
body.clock-expanded{overflow:hidden}
body.clock-expanded .scene{position:fixed;inset:0;z-index:1000;width:100%;height:100vh;height:100dvh;min-height:0;aspect-ratio:auto;border-radius:0}
body.clock-expanded .scene canvas,body.clock-expanded .scene .shade{height:100%;width:100%;bottom:0}
body.clock-expanded .scene .path-layer{top:145px;bottom:60px;height:auto;left:26px;background:transparent;padding:0}
body.clock-expanded .scene #solar-chart{height:calc(100% - 32px)}
body.clock-expanded .clock-screen-controls{bottom:calc(16px + env(safe-area-inset-bottom));left:calc(28px + env(safe-area-inset-left))}
@media(max-width:1000px){body.clock-expanded .scene .path-layer{top:239px}}
@media(max-width:650px){
 .clock-screen-controls{left:17px;bottom:280px;max-width:calc(100% - 34px)}
 body.clock-expanded .scene .path-layer{left:15px;top:260px;bottom:100px}
 body.clock-expanded .clock-screen-controls{left:calc(15px + env(safe-area-inset-left));right:70px;max-width:none;gap:6px}
 body.clock-expanded .clock-screen-controls button{min-height:44px;padding:8px;font-size:10px}
}
@media(orientation:landscape) and (max-height:600px){
 body.clock-expanded .scene-heading{inset:16px 22px auto;grid-template-columns:minmax(0,1fr) auto auto;gap:12px}
 body.clock-expanded .scene-heading>div:first-child{grid-column:auto}
 body.clock-expanded .scene-heading h2{font-size:23px}
 body.clock-expanded .scene-heading .time{width:155px;max-width:155px;height:85px}
 body.clock-expanded .scene-heading .time #time{font-size:60px;top:0;right:22px}
 body.clock-expanded .scene-heading .time #seconds{top:27px;font-size:11px;right:0}
 body.clock-expanded .scene-heading .time #period{top:43px;font-size:9px;right:0}
 body.clock-expanded .scene-heading .time #date{top:57px;font-size:9px}
 body.clock-expanded .scene-heading .time #sky-description{top:72px;font-size:10px}
 body.clock-expanded .sample-tag{top:112px;left:22px}
 body.clock-expanded .scene .path-layer{top:138px;bottom:60px;left:18px}
 body.clock-expanded .header-instruments{gap:4px}
 body.clock-expanded .mini-instrument{width:55px}
 body.clock-expanded .mini-instrument>svg,body.clock-expanded .mini-instrument>#mini-moon-disc{width:36px;height:36px}
 body.clock-expanded .mini-instrument>#mini-moon-disc{font-size:30px;line-height:36px}
}
.clock-screen-controls button[aria-pressed=true]{color:#fff;background:#24454eee;border-color:#d9e5de}
.scene .river-history .flow-history-label{fill:#b4e8df;stroke:#061a22}