:root{color:#173a3d;background:#f2ece4;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-synthesis:none}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:#f2ece4}button,input,select{font:inherit}.terrain-app{width:min(1240px,100%);margin:0 auto;padding:clamp(16px,3vw,34px)}.title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.title h1{margin:3px 0 0;font:500 clamp(32px,6vw,58px)/.95 Georgia,serif;letter-spacing:-.03em}.beach-status{display:grid;grid-template-columns:30px auto;align-items:center;gap:3px 11px;width:fit-content;margin-top:12px;padding:8px 12px 8px 8px;border:1px solid #78939344;border-radius:9px;color:#274f50;background:#f5f2e9aa;font-size:13px}.beach-status-colour{grid-row:1 / 3;width:30px;height:44px;border-radius:3px 10px 10px 3px;background:#8ca5a0}.beach-status small{color:#78908e;font-size:9px}.beach-status[data-service=active][data-flag=green] .beach-status-colour{background:#42b995}.beach-status[data-service=active][data-flag=yellow] .beach-status-colour{background:#efbf55}.beach-status[data-service=active][data-flag=red] .beach-status-colour{background:#db6467}.beach-status[data-service=inactive] .beach-status-colour,.beach-status[data-service=unknown] .beach-status-colour{background:transparent;border:1px solid #8ca5a0}.back{color:#477071;font-size:11px;text-decoration:none}.beach-picker{display:grid;gap:5px;width:min(230px,46vw);color:#4c6968;font-size:10px}.scene-shell{min-height:540px;height:min(72vh,760px);position:relative;overflow:hidden;border-radius:18px;background:#eadfd7;box-shadow:0 22px 70px #173a3d24}.scene{width:100%;height:100%}.scene canvas{width:100%;height:100%;display:block}.wind-glyph{position:absolute;z-index:3;right:18px;bottom:18px;width:156px;height:156px;pointer-events:none;filter:drop-shadow(0 9px 11px #173a3d2e)}.wind-glyph[hidden]{display:none}.wind-glyph canvas{display:block;width:100%;height:100%}.loading,.scene-error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:30px;background:#eadfd7;text-align:center;z-index:4}.scene-error{color:#8d2f28}.scene-error[hidden]{display:none}.forecast-card{position:absolute;z-index:3;right:18px;top:18px;width:min(310px,calc(100% - 36px));padding:12px;border:1px solid #e9e7de4d;border-radius:12px;color:#edf0e7;background:#152f35dc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.forecast-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px;color:#abc1bf;font-size:9px;text-transform:uppercase}.forecast-heading strong{color:#edf0e7;font:500 16px Georgia,serif;text-transform:none}.beach-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.beach-metrics>div{min-height:58px;padding:8px;border:1px solid #edf0e724;border-radius:7px}.beach-metrics span{display:block;color:#abc1bf;font-size:9px;text-transform:uppercase}.beach-metrics strong{display:block;margin-top:3px;color:#edf0e7;font:500 19px Georgia,serif}.beach-metrics small{display:block;margin-top:2px;color:#abc1bf;font-size:8px}.forecast-secondary{margin:9px 0;color:#d2ddda;font-size:9px;line-height:1.45}.terrain-shade{display:grid;grid-template-columns:1fr auto;gap:2px 10px;margin:9px 0;padding:9px 10px;border:1px solid #e3a95d66;border-radius:7px;background:#e3a95d14}.terrain-shade span{align-self:center;color:#f0c681;font-size:9px;text-transform:uppercase}.terrain-shade strong{color:#fff1d5;font:500 19px Georgia,serif}.terrain-shade small{grid-column:1 / -1;color:#cbd8d4;font-size:8px;line-height:1.4}.sun-state{margin:8px 0;font-size:10px;letter-spacing:.025em;text-transform:uppercase}.sun-state:before{content:"●";margin-right:7px;color:#4ac0b5}.sun-state[data-state=hidden]:before{color:#e3a95d}.sun-state[data-state=night]:before{color:#7e8e9b}dl{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;margin:0}dl div{border-top:1px solid #edf0e729;padding-top:7px}dt{color:#abc1bf;font-size:9px;text-transform:uppercase}dd{margin:3px 0 0;font-size:13px}.technical-solar{margin-top:8px;padding-top:8px;border-top-color:#edf0e729}.technical-solar summary{color:#abc1bf}.technical-solar dl{margin-top:9px}.forecast-source{display:block;margin-top:9px;color:#89a4a1;font-size:7px;line-height:1.4}.controls{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(280px,2fr) auto;align-items:end;gap:18px;padding:21px 2px 5px}.controls label{display:grid;gap:8px;font-size:11px;color:#4c6968}input[type=date],button,select{min-height:44px;padding:9px 12px;color:#173a3d;border:1px solid #78939366;border-radius:7px;background:#f5f2e9}button{cursor:pointer}input[type=range]{min-height:28px;width:100%;accent-color:#167b83}.time-control output{color:#173a3d}details{grid-column:1 / -1;border-top:1px solid #78939344;padding-top:12px}summary{cursor:pointer;font-size:11px;color:#4c6968}.debug-grid{display:grid;grid-template-columns:minmax(230px,1fr) auto auto 1fr;gap:18px;align-items:center;margin-top:12px}.check{display:flex!important;align-items:center;min-height:44px}.debug-grid p{margin:0;color:#607978;font-size:10px}footer{margin-top:24px;padding-top:13px;border-top:1px solid #78939344;color:#607978;font-size:10px;line-height:1.6}footer a{color:#496f70;text-underline-offset:2px}@media (max-width: 650px){.terrain-app{padding:14px}.scene-shell{height:44vh;min-height:340px;margin-bottom:390px;overflow:visible;border-radius:12px}.forecast-card{top:calc(100% + 12px);right:0;width:100%;padding:12px}.wind-glyph{right:8px;bottom:8px;width:128px;height:128px}.controls{grid-template-columns:1fr;gap:13px}.controls button{width:100%}.debug-grid{grid-template-columns:1fr;gap:8px}.model-tag{display:none}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}:root{--coast-sky: #eadfd7;background-color:var(--coast-sky)}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}html,body,#app,.coast-story{min-height:100%;background-color:var(--coast-sky)}html,body{min-height:100vh;min-height:100dvh;overscroll-behavior-y:none}body:before{content:"";position:fixed;z-index:-1;top:-25vh;right:-25vw;bottom:-25vh;left:-25vw;background:var(--coast-sky);pointer-events:none}.story-stage{position:relative;height:400vh;height:400dvh}.overview-scene{position:sticky;top:0;width:100%;min-height:100vh;height:100dvh;overflow:hidden;background:var(--coast-sky)}.overview-scene canvas{width:100%;height:100%;display:block;cursor:pointer}.scene-error{z-index:20}.story-stop{position:absolute;left:0;width:1px;height:1px;scroll-snap-align:start;scroll-snap-stop:always;pointer-events:none}.story-stop--general{top:0}.story-stop--north{top:100vh;top:100dvh}.story-stop--centre{top:200vh;top:200dvh}.story-stop--south{top:300vh;top:300dvh}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}