.tide-counter,.tide-context,.tide-discovery,.tide-error{z-index:8;color:#49354c;background:#fff1dced;border:1px solid #c5a872;border-radius:14px;font-size:clamp(10px,1vw,14px);position:absolute;box-shadow:0 3px 12px #17112340}.tide-counter{flex-direction:column;gap:3px;max-width:42%;padding:8px 12px;display:flex;top:14px;left:140px}.tide-counter small{font-size:.8em}.tide-counter button,.tide-context button:not(.tide-close){color:#fff;font-size:inherit;background:#7b5498;border-radius:8px;padding:5px 9px}.tide-counter[data-broken=true]{border-color:#bd816a}.tide-net-shop{z-index:7;cursor:pointer;background:0 0;border:0;border-radius:40%;width:10%;height:23%;position:absolute;top:51%;left:22%}:is(.tide-net-shop:hover,.tide-net-shop:focus-visible){filter:drop-shadow(0 0 8px #ffeaba);outline:2px solid #ffd578}.tide-net-shop span{white-space:nowrap;color:#654726;background:#f7deb1;border:1px solid #b88a53;border-radius:7px;padding:4px 7px;font-size:clamp(9px,1vw,14px);position:absolute;bottom:-6%;left:50%;transform:translate(-50%)}.tide-water{z-index:5;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}:is(.tide-water:hover,.tide-water:focus-visible,.tide-water[data-selected=true]){outline:2px solid #f9efbaaa;box-shadow:0 0 18px #a8f9ed88}.tide-water[data-cooling=true]{background:#384a661a}.tide-water small{color:#fff1d7;white-space:nowrap;background:#302b46dc;border-radius:9px;padding:3px 7px;font-size:clamp(8px,.9vw,13px);position:absolute;bottom:-13%;left:50%;transform:translate(-50%)}.tide-context{align-items:center;gap:12px;padding:12px 35px 12px 16px;display:flex;bottom:3%;left:50%;transform:translate(-50%)}.tide-close{background:0 0;border:0;position:absolute;top:5px;right:5px}.tide-context small{white-space:nowrap}.tide-pip-search{z-index:7;pointer-events:none;width:9%;animation:.65s ease-in-out infinite alternate tide-lean;position:absolute;transform:translate(-50%,-85%)}.tide-pip-search .pip-directional-visual{width:100%}.tide-search-net{transform-origin:8% 15%;width:105%;animation:.8s ease-in-out infinite alternate tide-net;position:absolute;top:55%;left:45%}.tide-splash{border:3px solid #d8fff1;border-radius:50%;width:110%;height:12%;animation:.8s infinite tide-ripple;position:absolute;bottom:-8%;left:100%}.tide-discovery{align-items:center;gap:10px;min-width:280px;padding:12px;display:flex;bottom:3%;left:50%;transform:translate(-50%)}.tide-discovery img{width:72px;height:72px}.tide-discovery div{flex-direction:column;gap:4px;display:flex}.tide-discovery button{background:0 0;border:0;align-self:flex-start}.tide-net-broken{color:#9b493f;animation:.5s ease-in-out 3 tide-wear}.tide-error{padding:12px;bottom:2%;left:10%;right:10%}.tide-error button{margin-left:10px;text-decoration:underline}.tide-confirm{color:#49354c;z-index:100;background:#fff1dc;border:1px solid #cdb98c;border-radius:22px;width:min(420px,90vw);height:fit-content;margin:auto;padding:25px;position:fixed;inset:0}.tide-confirm::backdrop{background:#160e26aa}.tide-confirm h2{margin:0 0 12px;font-size:21px}.tide-confirm p{margin-bottom:18px}.tide-confirm button{color:#fff;background:#8053a0;border-radius:9px;margin-right:8px;padding:9px 12px}@keyframes tide-net{0%{transform:rotate(-18deg)}to{transform:rotate(15deg)}}@keyframes tide-lean{0%{rotate:-2deg}to{rotate:3deg}}@keyframes tide-ripple{0%{opacity:1;scale:.7}to{opacity:0;scale:1.4}}@keyframes tide-wear{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.tide-pip-search,.tide-search-net,.tide-splash,.tide-net-broken{animation:none}}@media (max-width:600px){.tide-context{gap:6px;padding:8px 24px 8px 8px}.tide-counter{padding:5px 7px}.tide-discovery{max-width:90%}.tide-discovery img{width:44px;height:44px}.tide-counter{max-width:calc(100% - 100px);font-size:10px;top:100px;left:12px}}
