: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-ui{text-shadow:0 1px 18px #041014bf;background:linear-gradient(90deg,#0b1e2340,#0000);border-left:1px solid #d2ebe161;max-width:min(26rem,100vw - 2.5rem);padding:1rem 1.2rem 1.1rem;position:fixed;bottom:clamp(1.25rem,5vw,4.5rem);right:clamp(1.25rem,4vw,4.5rem)}.artwork-ui__title{color:#e0f3ebb3;letter-spacing:.24em;text-transform:uppercase;margin:0 0 .45rem;font-size:.67rem}.artwork-ui__caption{white-space:pre-line;color:#ebf6f0f0;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,1.8vw,1.35rem);line-height:1.35}.artwork-ui__caption[data-quality=stale]{color:#efddb7f0}.artwork-ui__controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.85rem;display:flex}.artwork-ui__controls button,.replay-status{color:#ebf6f0d1;font:inherit;letter-spacing:.1em;text-transform:uppercase;background:#07161b47;border:1px solid #d2ebe152;border-radius:999px;padding:.35rem .65rem;font-size:.68rem}.artwork-ui__controls button{cursor:pointer}.analysis-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#dff0e8e0;background:#07161bd1;border:1px solid #d2ebe138;width:min(40rem,100vw - 2.5rem);padding:1.1rem 1.2rem 1rem;position:fixed;top:1.25rem;right:1.25rem}.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{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#dff0e8e0;background:#07161bc2;border:1px solid #d2ebe133;width:min(22rem,100vw - 2.5rem);padding:1rem;font-size:.72rem;position:fixed;top:1.25rem;left:1.25rem}.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){.debug-panel,.artwork-ui{-webkit-backdrop-filter:none;backdrop-filter:none}}