.tide-hero-viz{cursor:pointer;width:100%;position:relative}.tide-hero-viz-inner{aspect-ratio:5/4;width:100%;position:relative}.tide-hero-viz-inner svg{width:100%;height:100%;display:block}.tide-hero-viz .replay-hint{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-500);opacity:0;pointer-events:none;align-items:center;gap:.4rem;font-size:.6rem;transition:opacity .4s;display:flex;position:absolute;top:1rem;right:1rem}.tide-hero-viz.idle:hover .replay-hint{opacity:.85}.tide-hero-viz .replay-hint:before{content:"↻";color:var(--brand-accent);font-size:.9rem}.tide-hero-viz .contour{fill:none;stroke:var(--ink-900);stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.tide-hero-viz .contour.outer{stroke-width:.6px;opacity:.35}.tide-hero-viz .contour.mid{stroke-width:.8px;opacity:.55}.tide-hero-viz .contour.inner{stroke-width:1.1px;opacity:.85}.tide-hero-viz .hotspot{opacity:0;transform-origin:50%}.tide-hero-viz .hotspot circle.pulse{fill:var(--signal-orange);fill-opacity:.25;transform-origin:50%;transform-box:fill-box;animation:2.4s ease-out infinite paused tide-pulse}.tide-hero-viz .hotspot.live circle.pulse{animation-play-state:running}.tide-hero-viz .hotspot circle.dot{fill:var(--signal-orange)}@keyframes tide-pulse{0%{fill-opacity:.45;transform:scale(.6)}to{fill-opacity:0;transform:scale(2.4)}}.tide-hero-viz .flag{opacity:0;transition:opacity .35s,transform .45s cubic-bezier(.34,1.56,.64,1);transform:translateY(-8px)}.tide-hero-viz .flag.shown{opacity:1;transform:translateY(0)}.tide-hero-viz .flag-line{stroke:var(--ink-900);stroke-width:1px}.tide-hero-viz .flag-bg{fill:var(--ink-900)}.tide-hero-viz .flag-text{fill:var(--paper);letter-spacing:.02em;font-size:9px;font-weight:600}.tide-hero-viz .scanline{stroke:var(--brand-accent);stroke-width:.5px;opacity:0}.tide-hero-viz .scanline-glow{fill:url(#tideScanGradient);opacity:0}.tide-hero-viz .stage-label{letter-spacing:.2em;text-transform:uppercase;width:100%;color:var(--ink-500);font-variant-numeric:tabular-nums;pointer-events:none;margin-top:.75rem;padding:0 .75rem;font-size:.65rem}.tide-hero-viz .stage-label .num{color:var(--brand-accent);font-weight:600}@media (max-width:768px){.tide-hero-viz-inner{aspect-ratio:1;max-width:90%;margin:0 auto}}@media (prefers-reduced-motion:reduce){.tide-hero-viz .hotspot circle.pulse{animation:none}}