:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#294347;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:linear-gradient(#c2dce4,#ebeee9 72%,#f0ede5);height:100dvh}#world,canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}canvas{display:block;outline:none}button,input,select{font:inherit}button,select{cursor:pointer}button{border:0;color:inherit;display:flex;gap:7px;align-items:center;justify-content:center;background:transparent;padding:0 12px;height:40px;border-radius:10px;font-size:14px;transition:background .18s,color .18s}button:hover{background:#fff8}button[aria-pressed=true]{background:#f9fbf3e8;box-shadow:0 1px 5px #42666b13;color:#193c42}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}#dock{position:fixed;bottom:max(23px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);border:1px solid #ffffff85;border-radius:18px;background:linear-gradient(135deg,#f8faf0bf,#e5f0eed6);box-shadow:0 8px 32px #23414b18,0 1px 2px #fff7 inset;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);padding:7px;max-width:calc(100vw - 26px)}#primary{display:flex;gap:7px;align-items:center}.segmented{display:flex;gap:2px;border-radius:12px;background:#658f9210;padding:2px}.divider{height:23px;width:1px;background:#51747726;margin:0 5px}.tide-control{display:flex;gap:12px;align-items:center;font-size:14px;padding:0 8px}.tide-control input{width:83px}input[type=range]{appearance:none;-webkit-appearance:none;height:24px;background:transparent;cursor:pointer;margin:0;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:#708f8f59}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;border:2px solid #f5f8ef;width:14px;height:14px;border-radius:50%;background:#4b7a7d;margin-top:-5.5px;box-shadow:0 1px 4px #21474726}input[type=range]::-moz-range-track{height:3px;background:#708f8f59}input[type=range]::-moz-range-thumb{border:2px solid #f5f8ef;width:12px;height:12px;border-radius:50%;background:#4b7a7d}.select-wrap{display:flex;align-items:center;gap:9px;padding:0 7px;font-size:14px}.select-wrap select{border:0;background:transparent;color:inherit;height:42px;padding:0 18px 0 0;border-radius:5px;font-size:14px}.icon-button{padding:0;width:38px;flex-shrink:0}#secondary{display:flex;gap:9px;align-items:center;justify-content:space-between;padding:8px 6px 2px;border-top:1px solid #51747720;margin-top:7px;font-size:14px}#secondary label{display:flex;align-items:center;gap:10px}#breeze{width:74px}#secondary button{height:36px;padding:0 11px}#restore{position:fixed;bottom:max(23px,env(safe-area-inset-bottom));right:24px;background:#eef4eebd;border:1px solid #ffffff9c;backdrop-filter:blur(14px);border-radius:50%;width:44px;height:44px}#startup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:15px 20px;border-radius:16px;background:#f4f5eecc;font-size:14px;box-shadow:0 10px 40px #234b5120;max-width:85vw}#startup.error{flex-direction:column;max-width:360px;line-height:1.5;text-align:center}.spinner{height:18px;width:18px;border:2px solid #819b9550;border-top-color:#417974;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}:focus-visible{outline:2px solid #4c929c;outline-offset:3px}body.night{color:#d7e7e8}body.night #dock{background:linear-gradient(135deg,#203641dc,#294451d4);border-color:#b5dce328;box-shadow:0 12px 35px #08182533}body.night button[aria-pressed=true]{background:#d2e8e323;color:#e0f3ed}body.night button:hover{background:#d2e8e317}body.night select option{color:#27494e}body.night .divider{background:#a9c7d526}body.night #restore{background:#203c48bd;border-color:#bfd8e138}body.night #secondary{border-color:#a9c7d526}body.night input[type=range]::-webkit-slider-thumb{border-color:#76969c;background:#deeeea}@media(max-width:650px){#dock{bottom:max(14px,env(safe-area-inset-bottom));padding:6px;border-radius:16px}#primary{gap:3px}.divider{margin:0 2px}.segmented button{padding:0 10px}.segmented button span{display:none}.tide-control{gap:7px;padding:0 4px}.tide-control input{width:63px}.select-wrap{gap:4px;padding:0 4px}.select-wrap svg{display:none}.select-wrap select{width:84px;padding-right:0}.icon-button{width:32px}#secondary{flex-wrap:wrap;justify-content:center;gap:5px 14px;max-width:345px}#secondary label{gap:7px}#secondary button{min-width:66px}#secondary .select-wrap select{width:56px}#breeze{width:73px}#restore{right:15px;bottom:15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.spinner{animation-duration:2s}}

#jump{gap:6px}button:disabled{opacity:.45;cursor:default}button:disabled:hover{background:transparent}@media(max-width:650px){#jump{width:32px;padding:0}#jump span{display:none}.tide-control input{width:50px}.select-wrap select{width:77px}.segmented button{padding:0 8px}}
@media(max-width:480px){#dock{width:calc(100vw - 26px);padding:7px}#primary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}#primary>.divider{display:none}#primary>.segmented,#primary>.tide-control,#primary>.select-wrap{grid-column:span 2;justify-content:center}#primary>.segmented button{width:44px;height:42px}#primary>.tide-control{gap:8px;padding:0}.tide-control input{width:61px}#primary>.select-wrap{padding:0}#primary>.select-wrap select{width:100%;font-size:13px}#primary>#jump,#primary>#more,#primary>#hide{grid-column:span 2;width:100%;height:40px}#jump span{display:inline}#secondary{max-width:none;padding-top:10px;gap:7px 14px}}
@media(min-width:481px) and (max-width:650px){#jump{width:auto;padding:0 10px}#jump span{display:inline}}