@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;650;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#fff5df;background:#203746;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #ffd6a0;outline-offset:5px}button{transition:background .18s,transform .18s,opacity .18s}button:active{transform:scale(.95)}#game{position:relative;width:100%;height:100svh;overflow:hidden;isolation:isolate}#ocean{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none;cursor:grab}#ocean:active{cursor:grabbing}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#1922341c,transparent 20%,transparent 55%,#0f28373b),radial-gradient(ellipse at 50% 48%,transparent 45%,#20223624);z-index:1}header{position:absolute;top:max(32px,env(safe-area-inset-top));left:42px;right:42px;display:flex;align-items:center;justify-content:space-between;z-index:4}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff2db}.brand>svg{width:39px;height:39px}.brand>span{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:5.5px;font-weight:650;line-height:1.3}.brand small{display:block;font-size:7px;letter-spacing:2.2px;opacity:.67;margin-top:7px;font-weight:500}.golden-hour{font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:11px;position:absolute;left:50%;transform:translate(-50%);opacity:.8}.separator{margin:0 2px;opacity:.45}.sun-dot{width:7px;height:7px;border-radius:50%;background:#ffce96;box-shadow:0 0 15px #ffd09b80}.header-actions{display:flex;gap:9px}.glass-button{width:39px;height:39px;border:1px solid #fff2d433;border-radius:50%;background:#1f354b15;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center}.glass-button svg{width:20px;height:20px}.glass-button[aria-pressed=true]{background:#f7c38338}.bearing{position:absolute;top:103px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;color:#fff0d9ab;font-size:10px;letter-spacing:1.5px;z-index:2}.bearing b{font-weight:500;color:#ffefd9}.bearing-tick{position:absolute;top:-14px;left:50%;width:1px;height:7px;background:#ffefda6b}.exploration{position:absolute;top:129px;right:42px;z-index:2;text-shadow:0 1px 8px #21364045}.discovered{display:flex;gap:10px;justify-content:flex-end;align-items:center}.discovered svg{width:30px;height:30px;opacity:.8}.discovered>div{display:flex;align-items:center;gap:12px}.discovered strong{font-family:Manrope,sans-serif;font-size:32px;font-weight:400;letter-spacing:-1px}.discovered div>span{font-size:8px;letter-spacing:1.6px;width:87px;line-height:1.9;color:#fff3dac2}.nearest{margin-top:12px;padding-top:12px;border-top:1px solid #fff5de30;display:flex;gap:18px;font-size:10px;color:#fff1d8a8;justify-content:space-between}.intro{position:absolute;left:7%;top:29%;z-index:3;transition:opacity .7s,transform .7s;pointer-events:none}.intro .eyebrow{font-size:8px;letter-spacing:2.5px;color:#ffe6c8b0}.intro h1{font-family:Manrope,sans-serif;font-size:clamp(42px,4.7vw,73px);line-height:1.09;letter-spacing:-3.1px;font-weight:500;margin:20px 0 18px;text-shadow:0 3px 25px #213f432b}.intro h1 em{font-style:normal;color:#ffd2a1}.intro p{font-size:13px;line-height:1.85;color:#fff0d0c2;letter-spacing:.15px}.start-button{margin-top:19px;padding:15px 20px;background:#f4d6ac;color:#3e514e;border:1px solid #ffe1b7;border-radius:6px;font-size:12px;font-weight:600;min-width:150px;display:flex;justify-content:space-between;gap:40px;align-items:center;box-shadow:0 4px 22px #1c36392b;pointer-events:auto}.start-button>span{font-size:19px;line-height:1}.start-note{display:block;font-size:7px;letter-spacing:2px;color:#fff3d67d;margin-top:17px}.intro.dismissed{opacity:0;transform:translateY(-12px);visibility:hidden;transition:opacity .6s,transform .6s,visibility 0s .6s}.discovery-toast{position:absolute;top:160px;left:50%;transform:translate(-50%,-12px);text-align:center;z-index:5;pointer-events:none;opacity:0;transition:opacity .5s,transform .5s;padding:18px 30px;border-radius:5px;background:linear-gradient(90deg,#293d4c00,#293d4c5c,#293d4c00);min-width:320px}.discovery-toast.visible{opacity:1;transform:translate(-50%)}.toast-eyebrow{display:block;font-size:8px;letter-spacing:2.3px;color:#ffe2b8b8}.discovery-toast strong{display:block;font-family:Manrope,sans-serif;font-size:30px;font-weight:500;letter-spacing:-.8px;margin:8px 0}.discovery-toast>span:last-child{font-size:11px;color:#ffebc9c4}.shore-warning{position:absolute;bottom:27%;left:50%;transform:translate(-50%);padding:10px 17px;border-radius:30px;border:1px solid #ffe5b64d;background:#5b453e70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;color:#ffe3b4;z-index:3;opacity:0;transition:opacity .25s;pointer-events:none}.shore-warning.visible{opacity:1}.instruments{position:absolute;left:42px;bottom:47px;z-index:2;display:flex;align-items:center;gap:32px;text-shadow:0 2px 10px #142b3a66}.instrument-label{font-size:7px;letter-spacing:1.6px;color:#f9e7cba8}.speed>div:not(.speed-track){display:flex;align-items:baseline;gap:10px;margin-top:3px}.speed strong{font-family:Manrope,sans-serif;font-size:47px;line-height:1.2;letter-spacing:-1.7px;font-weight:400;font-variant-numeric:tabular-nums;min-width:80px}.speed>div>span{font-size:8px;letter-spacing:1.8px;opacity:.65}.speed-track{height:2px;width:113px;background:#ffefd02b;margin-top:8px}.speed-track span{display:block;background:#f4ce97;height:2px;width:0;transition:width .1s linear}.log{border-left:1px solid #fff1d22b;padding-left:29px}.log strong{display:block;font-family:Manrope,sans-serif;font-size:20px;font-weight:400;letter-spacing:.2px;margin-top:9px;font-variant-numeric:tabular-nums}.log small{font-size:8px;opacity:.7;margin-left:5px;letter-spacing:1px}.chart-panel{position:absolute;bottom:54px;right:43px;z-index:2;text-align:center}.chart-panel canvas{display:block;width:118px;height:118px;border:1px solid #fff1d138;border-radius:50%;background:#1a394247;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chart-label{display:block;font-size:7px;letter-spacing:2px;color:#ffecc99c;margin-top:12px}.desktop-help{position:absolute;bottom:21px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;font-size:9px;white-space:nowrap;color:#ffefd19c;z-index:2}.desktop-help>span{display:flex;align-items:center;gap:4px}.desktop-help>span>span{margin-left:6px}.desktop-help i{font-style:normal;opacity:.6}kbd{font-family:inherit;font-size:8px;display:inline-flex;justify-content:center;align-items:center;height:19px;min-width:19px;padding:0 4px;border:1px solid #fff0d13d;border-radius:3px;color:#ffeccaab;background:#102f3829}.touch-controls{display:none}.pause-overlay{position:absolute;inset:0;z-index:8;background:#142c408c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center}.pause-overlay[hidden]{display:none}.pause-overlay .eyebrow{font-size:9px;letter-spacing:2px;opacity:.65}.pause-overlay h2{font-family:Manrope,sans-serif;font-size:42px;font-weight:400;letter-spacing:-1.7px;margin:15px 0}.pause-overlay p{font-size:13px;opacity:.75}.pause-overlay .start-button{min-width:205px}#loading{position:absolute;inset:0;z-index:12;background:linear-gradient(160deg,#4e6577,#ba857d);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:opacity .6s}#loading .loading-mark{font-size:65px;line-height:1;color:#f6cda5}#loading strong{font-family:Manrope,sans-serif;font-size:24px;font-weight:400;letter-spacing:-.5px}#loading>span:last-child{font-size:11px;opacity:.65}#loading.ready{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .6s,visibility 0s .6s}@media(hover:hover){.glass-button:hover{background:#fff0cf22}.start-button:hover{background:#ffe0b3}}@media(max-width:1000px){header{left:27px;right:27px}.intro{left:6%;top:28%}.intro h1{font-size:54px}.instruments{left:28px;gap:20px;bottom:55px}.log{padding-left:20px}.exploration{right:28px}.chart-panel{right:27px}.desktop-help{gap:10px;font-size:8px}.look-hint{display:none}.desktop-help>i:last-of-type{display:none}}@media(pointer:coarse),(max-width:700px){.touch-controls{position:absolute;left:23px;right:23px;bottom:max(28px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;z-index:5;pointer-events:none}.joystick-area{display:flex;flex-direction:column;align-items:center;gap:13px}.joystick-area>span{font-size:7px;letter-spacing:2px;opacity:.6}.joystick{position:relative;width:112px;height:112px;border-radius:50%;border:1px solid #fff1d147;background:#1739482b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none;pointer-events:auto;box-shadow:inset 0 0 0 16px #fcdeb303}.joystick-cross{position:absolute;background:#fff0d12e;top:50%;left:50%;transform:translate(-50%,-50%)}.joystick-cross.x{height:1px;width:77px}.joystick-cross.y{width:1px;height:77px}#joystick-knob{position:absolute;top:50%;left:50%;width:45px;height:45px;margin:-22.5px;border:1px solid #ffe7c080;border-radius:50%;background:#e0cbaa32;box-shadow:0 3px 12px #1336461a;pointer-events:none}.joystick.active #joystick-knob{background:#f4d6a769;border-color:#ffe8c7}.throttle-controls{display:flex;align-items:flex-end;gap:10px;pointer-events:auto;padding-bottom:22px}.throttle{width:62px;height:70px;background:#183f4c40;border:1px solid #ffedca52;border-radius:22px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;touch-action:none;-webkit-user-select:none;user-select:none}.throttle>span{font-size:25px;line-height:1;color:#ffebc5}.throttle small{font-size:7px;letter-spacing:1px;color:#ffeacdc7}.throttle.forward{height:91px;width:72px;background:#efc7972e;border-color:#ffe3b78a}.throttle.pressed{background:#f5d49c60;transform:scale(.96)}.desktop-help{display:none}.instruments,.chart-panel{bottom:194px}.log{display:none}.speed strong{font-size:34px;min-width:58px}.speed-track{width:86px}.instrument-label{font-size:7px}.chart-panel canvas{width:80px;height:80px}.chart-label{font-size:6px;margin-top:7px}.shore-warning{bottom:37%}}@media(max-width:600px){header{left:22px;right:22px;top:max(23px,env(safe-area-inset-top))}.brand{gap:9px}.brand>svg{width:31px;height:31px}.brand>span{font-size:15px;letter-spacing:3.5px}.brand small{font-size:5.5px;letter-spacing:1.4px;margin-top:5px}.glass-button{width:33px;height:33px}.glass-button svg{width:17px;height:17px}.header-actions{gap:7px}.golden-hour{top:65px;font-size:7px;letter-spacing:1.5px;white-space:nowrap;gap:8px}.bearing{top:127px;font-size:8px}.exploration{top:168px;right:22px}.discovered{gap:5px}.discovered svg{width:22px;height:22px}.discovered>div{gap:8px}.discovered strong{font-size:25px}.discovered div>span{font-size:6px;letter-spacing:1px;width:69px}.nearest{display:none}.intro{left:25px;top:25.5%}.intro .eyebrow{font-size:6px;letter-spacing:1.6px}.intro h1{font-size:42px;letter-spacing:-2px;margin:15px 0}.intro p{font-size:11px;line-height:1.7}.start-button{margin-top:17px;padding:13px 16px;min-width:139px;font-size:11px}.start-note{font-size:6px;letter-spacing:1.4px;margin-top:14px}.discovery-toast{top:225px;min-width:295px;padding:15px 17px}.toast-eyebrow{font-size:6px;letter-spacing:1.5px}.discovery-toast strong{font-size:26px}.discovery-toast>span:last-child{font-size:10px}.instruments{left:26px}.chart-panel{right:24px}.pause-overlay h2{font-size:34px}.touch-controls{left:24px;right:22px}.joystick{width:101px;height:101px}.throttle-controls{gap:9px}.throttle{width:53px;height:62px}.throttle.forward{width:63px;height:82px}.shore-warning{font-size:10px;white-space:nowrap}}@media(max-height:560px)and (orientation:landscape){header{top:15px}.brand small{display:none}.golden-hour{top:12px}.bearing{top:69px}.exploration{top:80px}.intro{top:23%;left:5%}.intro h1{font-size:36px;margin:10px 0}.intro p,.start-note{display:none}.start-button{margin-top:12px;padding:11px 15px}.instruments{bottom:145px}.chart-panel{bottom:135px}.chart-panel canvas{width:66px;height:66px}.touch-controls{bottom:15px}.joystick{height:85px;width:85px}.joystick-area{gap:7px}.throttle.forward{height:73px}.throttle-controls{padding-bottom:13px}.discovery-toast{top:90px}.discovery-toast strong{font-size:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}