.styles-module__l98nxW__container{color:#12303d;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background-color:#ede6d3;background-image:radial-gradient(120% 120% at 50% 45%,#e2d8bd00 55%,#78603647 100%),repeating-linear-gradient(0deg,#1c3b4a0f 0 1px,#0000 1px 40px),repeating-linear-gradient(90deg,#1c3b4a0f 0 1px,#0000 1px 40px);position:fixed;inset:0;overflow:hidden}.styles-module__l98nxW__canvas{z-index:0;touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.styles-module__l98nxW__scrimTop,.styles-module__l98nxW__scrimBottom{z-index:1;pointer-events:none;height:150px;position:absolute;left:0;right:0}.styles-module__l98nxW__scrimTop{background:linear-gradient(#ede6d3f0 0%,#ede6d39e 45%,#ede6d300 100%);top:0}.styles-module__l98nxW__scrimBottom{background:linear-gradient(#ede6d300 0%,#ede6d39e 55%,#ede6d3f0 100%);bottom:0}.styles-module__l98nxW__tick{z-index:3;pointer-events:none;border:0 solid #12303db3;width:26px;height:26px;position:absolute}.styles-module__l98nxW__tickTL{border-top-width:1.5px;border-left-width:1.5px;top:18px;left:18px}.styles-module__l98nxW__tickTR{border-top-width:1.5px;border-right-width:1.5px;top:18px;right:18px}.styles-module__l98nxW__tickBL{border-bottom-width:1.5px;border-left-width:1.5px;bottom:18px;left:18px}.styles-module__l98nxW__tickBR{border-bottom-width:1.5px;border-right-width:1.5px;bottom:18px;right:18px}.styles-module__l98nxW__legend{z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.styles-module__l98nxW__legendBar{background:linear-gradient(#efe7d0 0%,#c2cfb4 22%,#93b8ac 40%,#5a93a0 58%,#2f6079 76%,#1c3b4a 92%,#16303d 100%);border:1px solid #12303d8c;width:9px;height:132px}.styles-module__l98nxW__legendTop,.styles-module__l98nxW__legendBot{letter-spacing:.16em;color:#26505f;text-shadow:0 1px 2px #ede6d3d9;font-size:.5rem}.styles-module__l98nxW__header{z-index:3;pointer-events:none;text-shadow:0 1px 2px #ede6d3d9;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:absolute;top:30px;left:34px;right:34px}.styles-module__l98nxW__masthead{flex-direction:column;gap:3px;display:flex}.styles-module__l98nxW__title{letter-spacing:.42em;color:#12303d;font-size:clamp(1.15rem,4.5vw,1.7rem);font-weight:700}.styles-module__l98nxW__sheet{letter-spacing:.28em;text-transform:uppercase;color:#26505f;font-size:.64rem}.styles-module__l98nxW__coords{letter-spacing:.18em;color:#26505f;text-align:right;flex-direction:column;align-items:flex-end;gap:3px;font-size:.64rem;display:flex}.styles-module__l98nxW__footer{z-index:3;text-shadow:0 1px 2px #ede6d3b3;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.9rem 1rem;display:flex;position:absolute;bottom:30px;left:34px;right:34px}.styles-module__l98nxW__readout{pointer-events:none;flex-direction:column;gap:2px;display:flex}.styles-module__l98nxW__readoutLabel{letter-spacing:.34em;text-transform:uppercase;color:#26505f;font-size:.62rem}.styles-module__l98nxW__readoutValue{color:#12303d;font-variant-numeric:tabular-nums;align-items:baseline;gap:.4rem;font-size:clamp(1.8rem,8vw,2.6rem);font-weight:700;line-height:1;display:flex}.styles-module__l98nxW__readoutUnit{letter-spacing:.22em;text-transform:uppercase;color:#26505f;font-size:.64rem;font-weight:400}.styles-module__l98nxW__tideChip{cursor:pointer;background:#ede6d380;border:1px solid #12303d66;flex-direction:column;align-items:flex-start;gap:2px;padding:.35rem .7rem;font-family:inherit;transition:border-color .2s,background .2s;display:flex}.styles-module__l98nxW__tideChip:hover{background:#ede6d3b8;border-color:#12303dbf}.styles-module__l98nxW__tideChip:focus-visible{outline-offset:2px;outline:2px solid #8a4a34}.styles-module__l98nxW__tideLabel{letter-spacing:.3em;text-transform:uppercase;color:#26505f;font-size:.56rem}.styles-module__l98nxW__tideValue{color:#12303d;font-variant-numeric:tabular-nums;font-size:.96rem;font-weight:700}.styles-module__l98nxW__status{letter-spacing:.2em;text-transform:uppercase;color:#26505f;pointer-events:none;align-items:center;gap:.45rem;padding-bottom:.3rem;font-size:.64rem;display:flex}.styles-module__l98nxW__dot{background:0 0;border:1px solid #26505f;border-radius:50%;width:8px;height:8px;transition:background .3s,border-color .3s}.styles-module__l98nxW__dotActive{background:#8a4a34;border-color:#8a4a34;box-shadow:0 0 0 3px #8a4a342e}.styles-module__l98nxW__clear{letter-spacing:.24em;text-transform:uppercase;color:#12303d;cursor:pointer;background:#ede6d399;border:1px solid #12303d8c;padding:.5rem .9rem;font-family:inherit;font-size:.64rem;transition:background .2s,color .2s}.styles-module__l98nxW__clear:hover{color:#ede6d3;background:#12303d}.styles-module__l98nxW__clear:focus-visible{outline-offset:2px;outline:2px solid #8a4a34}.styles-module__l98nxW__hint{letter-spacing:.28em;text-transform:uppercase;color:#1a3c49;text-align:center;z-index:3;pointer-events:none;background:#ede6d3b8;border:1px solid #12303d59;padding:.5rem .9rem;font-size:.68rem;animation:6s forwards styles-module__l98nxW__fadeHint;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes styles-module__l98nxW__fadeHint{0%,55%{opacity:1}to{opacity:0}}.styles-module__l98nxW__back{letter-spacing:.24em;text-transform:uppercase;color:#12303d;z-index:3;text-shadow:0 1px 2px #ede6d3d9;background:#ede6d3b8;border:1px solid #12303d59;padding:.35rem .6rem;font-size:.66rem;font-weight:700;text-decoration:none;position:absolute;top:30px;left:50%;transform:translate(-50%)}.styles-module__l98nxW__back:hover{color:#8a4a34;border-color:#8a4a3499}.styles-module__l98nxW__back:focus-visible{outline-offset:2px;outline:2px solid #8a4a34}@media (prefers-reduced-motion:reduce){.styles-module__l98nxW__hint{animation:none}}@media (max-width:520px){.styles-module__l98nxW__header{top:26px;left:22px;right:22px}.styles-module__l98nxW__footer{bottom:24px;left:22px;right:22px}.styles-module__l98nxW__back{top:60px}.styles-module__l98nxW__legend{right:12px}.styles-module__l98nxW__legendBar{height:96px}}