:root{color:#d9e6e1;font-synthesis:none;text-rendering:optimizelegibility;background:#12242b;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:100%;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}#artwork{width:100vw;height:100vh;display:block;position:fixed;inset:0}.artwork-heading{top:max(2rem, env(safe-area-inset-top));color:#eeeade;text-shadow:0 2px 24px #03111880;pointer-events:none;position:fixed;left:clamp(1.5rem,4.5vw,5rem)}.artwork-heading__eyebrow,.artwork-ui__title{letter-spacing:.22em;text-transform:uppercase;color:#c0d1cc;margin:0 0 .85rem;font-size:.6rem;font-weight:500}.artwork-heading h1{letter-spacing:-.045em;margin:0;font:400 clamp(2rem,3.6vw,3.5rem)/1.05 Georgia,Times New Roman,serif}.artwork-heading h1 em{color:#dcc391;font-weight:400}.artwork-heading__place{letter-spacing:.04em;color:#d0d9d3;margin:1rem 0 0;font-size:.7rem}.artwork-heading__place span{color:#aebfbd;border-left:1px solid #d2ebe159;margin-left:.7rem;padding-left:.7rem;display:inline-block}[data-scene=coastal] .artwork-heading{color:color-mix(in srgb, #244648 var(--daylight,80%), #eeeade);text-shadow:0 1px 20px #fff5d81f}[data-scene=coastal] .artwork-heading__eyebrow,[data-scene=coastal] .artwork-heading__place,[data-scene=coastal] .artwork-heading__place span{color:color-mix(in srgb, #31514d var(--daylight,80%), #e1e5d7)}[data-scene=coastal] .artwork-heading h1 em{color:color-mix(in srgb, #647141 var(--daylight,80%), #dcc391)}.artwork-ui{right:clamp(1.5rem,4.5vw,5rem);bottom:max(1.75rem, env(safe-area-inset-bottom));text-shadow:0 1px 18px #041014bf;border-top:1px solid #d2ebe13d;grid-template-columns:1fr auto;column-gap:2rem;padding-top:1.2rem;display:grid;position:fixed;left:clamp(1.5rem,4.5vw,5rem)}.artwork-ui:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#051119b8);position:absolute;inset:-3rem -5rem -2rem}.artwork-ui__title{grid-column:1/-1;margin-bottom:.6rem}.artwork-ui__title:before{content:"";background:#dcc391;border-radius:50%;width:.3rem;height:.3rem;margin:0 .65rem .1rem 0;display:inline-block}.artwork-ui__caption{white-space:pre-line;color:#eeeade;margin:0;font:400 clamp(1rem,1.65vw,1.4rem)/1.5 Georgia,Times New Roman,serif}.artwork-ui__caption[data-quality=stale]{color:#efddb7}.artwork-ui__controls{flex-wrap:wrap;justify-content:flex-end;align-self:end;align-items:center;gap:.5rem;max-width:26rem;display:flex}.artwork-ui__controls button,.replay-status{color:#dbe5df;font:inherit;letter-spacing:.12em;text-transform:uppercase;background:#07161b61;border:1px solid #d2ebe142;border-radius:999px;padding:.65rem .85rem;font-size:.62rem}.artwork-ui__controls button{cursor:pointer;min-height:44px;transition:background .18s,border-color .18s}.artwork-ui__controls button:hover,.artwork-ui__controls button[aria-pressed=true],.artwork-ui__controls button[aria-expanded=true]{background:#afd8cc26;border-color:#d2ebe199}button:focus-visible{outline-offset:4px;outline:2px solid #eeeade}button:disabled{opacity:.5;cursor:wait}@media (max-width:640px){.artwork-heading{top:max(1.5rem, env(safe-area-inset-top))}.artwork-heading__eyebrow{font-size:.53rem}.artwork-ui{grid-template-columns:1fr;gap:0}.artwork-ui__controls{justify-content:flex-start;margin-top:1rem}.artwork-ui__caption{font-size:1rem}}@media (max-height:480px){.artwork-heading{top:1rem}.artwork-heading__eyebrow,.artwork-heading__place{display:none}.artwork-heading h1{font-size:1.75rem}.artwork-ui{padding-top:.65rem;bottom:1rem}}.analysis-panel{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#dff0e8e0;background:#07161bd1;border:1px solid #d2ebe138;border-radius:8px;width:min(40rem,100vw - 2.5rem);max-height:calc(100dvh - 2.5rem);padding:1.1rem 1.2rem 1rem;position:fixed;top:1.25rem;right:1.25rem;overflow:auto}.analysis-panel__header{justify-content:space-between;align-items:start;display:flex}.analysis-panel__eyebrow{color:#dff0e894;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .25rem;font-size:.62rem}.analysis-panel h2{margin:0;font:400 1.25rem Georgia,Times New Roman,serif}.analysis-panel__header button{color:#ebf6f0bf;cursor:pointer;background:0 0;border:0;font-size:1.4rem}.analysis-panel__chart{width:100%;margin:.7rem 0 .3rem;display:block}.analysis-axis{stroke:#d2ebe126;stroke-width:1px}.analysis-tide{fill:none;stroke:#aae1d1e0;stroke-width:2.4px}.analysis-wind{fill:none;stroke:#f0c794b8;stroke-width:1.4px;stroke-dasharray:4 3}.analysis-now{stroke:#ebf6f08c;stroke-dasharray:2 4}.analysis-current{fill:#ebf6f0f2}.analysis-label{fill:#dff0e880;letter-spacing:.08em;text-transform:uppercase;font:10px ui-sans-serif,system-ui,sans-serif}.analysis-panel__legend{color:#dff0e89e;flex-wrap:wrap;gap:.45rem 1rem;font-size:.68rem;line-height:1.4;display:flex}.analysis-swatch{vertical-align:middle;width:.65rem;height:.18rem;margin-right:.3rem;display:inline-block}.analysis-swatch--tide{background:#aae1d1e0}.analysis-swatch--wind{background:#f0c794b8}.debug-panel{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#dff0e8e0;background:#07161bc2;border:1px solid #d2ebe133;width:min(22rem,100vw - 2.5rem);max-height:calc(100dvh - 2.5rem);padding:1rem;font-size:.72rem;position:fixed;top:1.25rem;left:1.25rem;overflow:auto}.debug-panel__title{color:#dff0e8b8;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .75rem}.debug-panel__actions{margin:-.2rem 0 .7rem}.debug-panel__actions button{color:#ebf6f0c7;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#07161b52;border:1px solid #d2ebe147;border-radius:999px;padding:.3rem .55rem;font-size:.62rem}.debug-panel pre{font:inherit;margin:0;line-height:1.45;overflow:auto}.debug-panel__hint{color:#dff0e88c;margin:.85rem 0 0}@media (prefers-reduced-motion:reduce){.artwork-ui__controls button{transition:none}.debug-panel,.artwork-ui{-webkit-backdrop-filter:none;backdrop-filter:none}}