@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#e9edf0;background:#08131f;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{position:relative;min-height:740px;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 70% 37%,#203b51 0,#112536 36%,#08131f 75%)}#scene{position:absolute;inset:0}canvas{display:block;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#08131f88,transparent 55%),linear-gradient(0deg,#08131f 0%,transparent 24%)}header{position:absolute;top:32px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{display:flex;gap:13px;color:#ebdec5;text-decoration:none;align-items:center;pointer-events:auto}.brand svg{width:37px;height:37px;fill:none;stroke:#ddbd88;stroke-width:1.2;stroke-linejoin:round}.brand span{font-size:18px;font-weight:600;letter-spacing:5px}.brand small{display:block;font-size:6px;font-weight:400;letter-spacing:2.7px;color:#8a9eaf;margin-top:5px}.edition{font-size:8px;letter-spacing:2px;color:#8d9fae}.edition i{display:inline-block;font-style:normal;border:1px solid #50647788;padding:8px;border-radius:50%;margin-left:16px;color:#d5c29b;font-size:10px}.intro{position:absolute;left:8%;top:21%;pointer-events:none}.eyebrow{font-size:8px;letter-spacing:2.7px;color:#c1b291;display:flex;align-items:center;gap:12px}.eyebrow>span{display:block;width:24px;height:1px;background:#a88b5a}h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(85px,8.8vw,140px);font-weight:400;line-height:.85;letter-spacing:-4px;margin:32px 0 28px}h1 em{font-weight:400;color:#e0c69c}.description{font-size:11px;line-height:2;color:#9bacba}.coordinates{display:flex;align-items:center;gap:12px;margin-top:31px;font-size:8px;letter-spacing:1.5px;color:#b8c2c7}.coordinates>span{font-size:25px;color:#cbb891}.coordinates small{display:block;margin-top:6px;font-size:9px;color:#6f879c;letter-spacing:.2px}.ship-tag{position:absolute;right:7%;top:20%;font-size:8px;letter-spacing:1.8px;color:#d2d6d5}.status-dot{display:inline-block;width:5px;height:5px;background:#d6bd8a;border-radius:50%;margin-right:7px;box-shadow:0 0 10px #ebd9ac}.ship-tag small{display:block;color:#7890a1;font-size:6px;letter-spacing:1.5px;margin-top:9px;margin-left:14px}.view-controls{position:absolute;right:4.5%;bottom:242px;display:flex;flex-direction:column;gap:10px}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.view-controls button{border:1px solid #58708266;background:#122637a3;color:#d7d8ca;border-radius:50%;height:39px;width:39px;font-size:22px}.view-controls button:hover,.view-controls button[aria-pressed=true]{background:#3b4c57}.hint{position:absolute;bottom:202px;width:100%;text-align:center;font-size:9px;letter-spacing:.4px;color:#8298aa;pointer-events:none}.hint span{padding:0 12px}.dashboard{position:absolute;left:8%;right:8%;bottom:75px;border:1px solid #53647670;border-radius:14px;background:#132333d9;backdrop-filter:blur(18px);min-height:101px;display:flex;align-items:center;gap:30px;padding:24px 26px;box-shadow:0 20px 60px #0002}.voyage{flex:1;display:flex;align-items:center;gap:17px;min-width:200px}.compass{font-size:35px;color:#d5be95;font-family:Georgia,serif;line-height:1}.voyage small{display:block;font-size:6px;letter-spacing:1.6px;color:#879bad;margin-bottom:8px}.voyage strong{font-size:11px;font-weight:500}.readout{display:flex;gap:8px;align-items:baseline;border-right:1px solid #4c61736b;padding-right:27px;min-width:110px}.readout strong{font-size:32px;font-weight:400;font-variant-numeric:tabular-nums}.readout span{font-size:7px;color:#92a4b2}.speed-control{width:230px}.speed-control label{display:flex;justify-content:space-between;font-size:9px}.speed-control label span{color:#c0b392;font-size:8px}input{display:block;width:100%;height:3px;margin:14px 0 12px;accent-color:#dfc395;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.8px;color:#71889c}.play{border:0;background:#dfc69f;color:#26303a;min-width:119px;height:45px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;font-weight:700}.play:hover{background:#f0dbb8}#play-symbol{font-size:15px}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #f3d19f;outline-offset:5px}footer{position:absolute;left:4.5%;right:4.5%;bottom:27px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.7px;color:#647e93}footer i{font-size:14px;font-style:normal;color:#c8b08b;padding-left:13px}#loading{position:absolute;inset:0;background:#08131f;display:flex;justify-content:center;align-items:center;gap:16px;z-index:5;font-size:12px;letter-spacing:.5px;color:#c9b68f}#loading[hidden]{display:none}.loader{height:24px;width:24px;border:1px solid #526b7e;border-top-color:#e3c492;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#error{position:absolute;z-index:6;top:44%;left:15%;right:15%;padding:28px;line-height:1.7;background:#193147;border:1px solid #a59479;border-radius:12px;text-align:center}
@media(max-width:760px){main{min-height:760px}header{top:22px;left:6%;right:6%}.brand svg{width:29px;height:29px}.brand span{font-size:14px;letter-spacing:3px}.brand small{font-size:5px;letter-spacing:1.5px}.edition{font-size:0}.edition i{font-size:9px;margin:0}.intro{top:106px;left:8%}.eyebrow{font-size:7px;letter-spacing:1.8px;gap:8px}.eyebrow>span{width:16px}h1{font-size:82px;letter-spacing:-2px;line-height:.81;margin:24px 0}.description{font-size:9px;line-height:1.9}.coordinates{display:none}.ship-tag{right:6%;top:175px;font-size:6px;letter-spacing:1px;writing-mode:vertical-rl}.ship-tag small{display:none}.status-dot{margin-right:0;margin-bottom:7px}.view-controls{right:5%;bottom:260px;gap:8px}.view-controls button{width:34px;height:34px;font-size:20px}.hint{bottom:223px;font-size:7px;letter-spacing:0}.hint span{padding:0 6px}.dashboard{left:5%;right:5%;bottom:60px;padding:17px 19px;display:grid;grid-template-columns:1fr 88px;gap:15px;min-height:142px}.voyage{min-width:0;gap:10px}.compass{font-size:28px}.voyage small{font-size:5px;letter-spacing:1px;margin-bottom:6px}.voyage strong{font-size:9px}.readout{min-width:0;border:0;padding:0;justify-content:flex-end}.readout strong{font-size:25px}.readout span{font-size:6px}.speed-control{width:100%}.speed-control label{font-size:8px}.speed-control label span{font-size:7px}.range-labels{font-size:5px}.play{min-width:88px;height:40px;font-size:10px;gap:9px}footer{bottom:23px;font-size:6px;justify-content:center;letter-spacing:1px}footer span:last-child{display:none}.vignette{background:linear-gradient(0deg,#08131f 0%,transparent 30%)}}@media(prefers-reduced-motion:reduce){.loader{animation:none}}