:root{--iron: #140c0a;--iron-2: #1c1210;--tinto: #8b1e1e;--foam: #f4ede4;--brass: #c4a574;--alga: #2f4a3c;--brass-dim: rgba(196, 165, 116, .28);--brass-line: rgba(196, 165, 116, .45);--foam-dim: rgba(244, 237, 228, .55);--display: "Fraunces", "Times New Roman", serif;--mono: "IBM Plex Mono", "ui-monospace", monospace}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}html,body{margin:0;min-height:100dvh;background:var(--iron);color:var(--foam)}body{font-family:var(--mono);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;background:radial-gradient(ellipse 80% 60% at 50% 38%,#1d1411 0%,var(--iron) 58%,#0c0706 100%)}::selection{background:var(--tinto);color:var(--foam)}.grain{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.instrument{position:relative;min-height:100dvh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto auto auto;padding:max(1.1rem,env(safe-area-inset-top)) max(1.2rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1.2rem,env(safe-area-inset-left));gap:.4rem}.plate-ring{pointer-events:none;position:absolute;top:.55rem;right:.55rem;bottom:.55rem;left:.55rem;border:1px solid var(--brass-dim);z-index:0}.corners{pointer-events:none;position:absolute;top:.55rem;right:.55rem;bottom:.55rem;left:.55rem;z-index:1}.corners i{position:absolute;width:14px;height:14px;border:1px solid var(--brass-line)}.corners i:nth-child(1){top:-1px;left:-1px;border-right:0;border-bottom:0}.corners i:nth-child(2){top:-1px;right:-1px;border-left:0;border-bottom:0}.corners i:nth-child(3){bottom:-1px;left:-1px;border-right:0;border-top:0}.corners i:nth-child(4){bottom:-1px;right:-1px;border-left:0;border-top:0}.head,.body,.light,.beaches,.foot{position:relative;z-index:2}.head{display:flex;justify-content:space-between;align-items:flex-start;padding:.55rem .7rem .2rem}.brand h1{margin:0 -.48em 0 0;font-family:var(--display);font-size:clamp(.78rem,1.6vw,.95rem);font-weight:500;letter-spacing:.48em;color:var(--foam);font-variation-settings:"SOFT" 20,"WONK" 1,"opsz" 14}.place{margin:.35rem 0 0;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--brass)}#clock{font-variant-numeric:tabular-nums;font-size:.78rem;letter-spacing:.14em;color:var(--foam-dim);padding-top:.15rem}.body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;padding:.4rem .4rem 0;min-height:0}.readings{display:flex;justify-content:center;gap:clamp(1.6rem,8vw,3.2rem);width:100%;max-width:26rem}.gauge{display:flex;flex-direction:column;align-items:center;min-width:4.4rem}.g-lbl,.lbl,.g-note{font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--brass)}.g-val{font-family:var(--display);font-size:clamp(1.45rem,4.4vw,1.9rem);font-weight:500;font-variation-settings:"SOFT" 40,"WONK" 0,"opsz" 36;font-variant-numeric:tabular-nums;line-height:1.05;margin-top:.25rem}.g-note{min-height:.9rem;margin-top:.15rem;opacity:.8}.tide{position:relative;display:grid;place-items:center;flex:0 0 auto}.halo{position:absolute;width:124%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(196,165,116,.12);box-shadow:0 0 0 22px #c4a5740b,0 0 0 23px #c4a5741a;pointer-events:none}.porthole{position:relative;width:min(78vw,22rem);aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 1px #c4a5749e,0 0 0 7px #120b09,0 0 0 8px #c4a57461,0 0 0 16px #1a100d,0 0 0 17px #c4a57429,inset 0 0 48px #00000047;overflow:hidden}.porthole canvas{display:block;width:100%;height:100%;border-radius:50%}.tide-read{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:14%;pointer-events:none;text-shadow:0 1px 12px rgba(20,12,10,.55)}.tide-read .num{font-family:var(--display);font-size:clamp(3.2rem,16vw,5.6rem);font-weight:500;line-height:.88;letter-spacing:-.03em;font-variation-settings:"SOFT" 45,"WONK" 1,"opsz" 80;color:var(--foam)}.tide-read .unit{font-size:.32em;margin-left:.12em;letter-spacing:0;font-style:italic;opacity:.8}.tide-read .lbl{margin-top:.55rem}.wind{display:flex;flex-direction:column;align-items:center;gap:.55rem}.compass{position:relative;width:min(38vw,8.8rem);aspect-ratio:1}.compass svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}#rose .rim{stroke:var(--brass-line);stroke-width:1.1}#rose .ticks .tick{stroke:#c4a57459;stroke-width:.8}#rose .ticks .tick.mid{stroke:#c4a5748c;stroke-width:1}#rose .ticks .tick.major{stroke:var(--brass);stroke-width:1.4}#rose .cross line{stroke:#c4a57429;stroke-width:.8}#rose .cardinal{font-family:var(--mono);font-size:11px;fill:var(--brass);letter-spacing:.12em}.needle{transform-origin:50% 50%;transform-box:view-box}.needle .from{fill:var(--tinto)}.needle .to{fill:var(--brass);opacity:.72}.needle .hub{fill:var(--foam);stroke:var(--iron);stroke-width:1.6}.wind-read{text-align:center}.wind-read .num{font-family:var(--display);font-size:clamp(1.5rem,4vw,2rem);font-weight:500;font-variant-numeric:tabular-nums;line-height:1}.wind-read .unit{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;margin-left:.4rem;color:var(--brass);text-transform:uppercase}.wind-read .lbl{margin-top:.4rem;color:var(--foam);letter-spacing:.22em}.light{display:flex;flex-direction:column;align-items:center;padding:.2rem 0 .3rem}.sun-arc{width:min(72vw,26rem);height:auto;overflow:visible}#light-msg{margin:.15rem 0 0;font-size:.72rem;letter-spacing:.18em;text-transform:lowercase;color:var(--brass)}.beaches{list-style:none;margin:.4rem 0 0;padding:.85rem .4rem .4rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1.15rem 1.8rem;border-top:1px solid rgba(196,165,116,.16)}.beaches li{display:flex;flex-direction:column;align-items:center;gap:.32rem;min-width:7.2rem}.b-name{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}.b-word{font-family:var(--display);font-style:italic;font-size:1.15rem;font-weight:400;font-variation-settings:"SOFT" 60,"WONK" 1,"opsz" 24;color:var(--foam)}.b-word.ok,.b-word.calm{color:#c5d4c8}.b-word.brass{color:var(--brass)}.b-word.hot{color:#d45a4a}.b-word.mute{color:#f4ede461}.foot{padding:.35rem .7rem .45rem;display:flex;flex-direction:column;gap:.7rem}#sentence{margin:0 auto;max-width:34em;text-align:center;font-family:var(--display);font-style:italic;font-size:clamp(1.02rem,2.6vw,1.28rem);font-weight:400;line-height:1.35;color:var(--foam);font-variation-settings:"SOFT" 70,"WONK" 1,"opsz" 28}.meta{display:flex;justify-content:space-between;gap:1rem;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#c4a574b3}#stamp[data-stale="1"]{color:var(--tinto)}.instrument:not([data-ready="1"]) #sentence{opacity:.55}@media(max-width:879px){.instrument{grid-template-rows:auto auto auto auto auto;align-content:space-between;padding:max(.7rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.6rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));gap:.15rem}.halo{display:none}.body{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"tide tide" "read wind";align-items:center;align-content:center;gap:.65rem .4rem;width:100%}.tide{grid-area:tide}.readings{grid-area:read;flex-direction:column;align-items:flex-end;gap:.55rem;max-width:none;width:auto;justify-self:end;padding-right:.2rem}.gauge{align-items:flex-end;min-width:0}.wind{grid-area:wind;justify-self:start;padding-left:.2rem}.porthole{width:min(64vw,17.5rem);box-shadow:0 0 0 1px #c4a5749e,0 0 0 5px #120b09,0 0 0 6px #c4a57461,0 0 0 11px #1a100d,0 0 0 12px #c4a57429,inset 0 0 36px #00000047}.tide-read .num{font-size:clamp(2.6rem,14vw,4rem)}.compass{width:min(32vw,7.2rem)}.sun-arc{width:min(78vw,22rem)}.beaches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem .35rem;padding:.55rem .15rem .15rem}.beaches li{min-width:0}.b-name{font-size:.5rem;letter-spacing:.06em;text-align:center;line-height:1.25}.b-word{font-size:.95rem}.foot{padding:.2rem .35rem .25rem;gap:.45rem}#sentence{font-size:.98rem}}@media(max-width:639px){.plate-ring,.corners{top:.32rem;right:.32rem;bottom:.32rem;left:.32rem}}@media(max-width:879px)and (max-height:720px){.porthole{width:min(52vw,14.5rem)}.compass{width:min(26vw,6.2rem)}.g-val{font-size:1.25rem}}@media(min-width:880px){.instrument{grid-template-rows:auto minmax(0,1fr) auto auto auto;padding:max(1.4rem,env(safe-area-inset-top)) max(1.8rem,env(safe-area-inset-right)) max(1.1rem,env(safe-area-inset-bottom)) max(1.8rem,env(safe-area-inset-left))}.head{padding:.4rem 1rem 0}.body{display:grid;grid-template-columns:minmax(8rem,1fr) auto minmax(8rem,1fr);align-items:center;justify-items:center;gap:1rem 2.4rem;padding:0 1.2rem}.readings{flex-direction:column;align-items:flex-end;gap:1.35rem;max-width:none;width:auto;justify-self:end}.gauge{align-items:flex-end;min-width:0}.tide{justify-self:center}.porthole{width:min(54vmin,28rem)}.wind{justify-self:start;padding-left:.4rem}.compass{width:9.6rem}.beaches{gap:1rem 0;justify-content:space-between;padding:1rem 1.4rem .3rem}.beaches li{flex:1 1 0;min-width:0}.foot{padding:.5rem 1.4rem .6rem}}@media(min-width:1200px){.porthole{width:min(56vmin,32rem)}.tide-read .num{font-size:6.2rem}}@media(max-height:740px)and (min-width:880px){.porthole{width:min(44vmin,22rem)}.beaches{padding-top:.45rem}.halo{box-shadow:0 0 0 14px #c4a5740b,0 0 0 15px #c4a5741a}}@media(prefers-reduced-motion:reduce){.needle{transition:none!important}}