:root{color:#f5f7f3;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#102b35;margin:0;overflow:hidden}#water{touch-action:none;width:100%;height:100%;position:fixed;inset:0}header{background:linear-gradient(#0b253329,#0000);justify-content:space-between;align-items:center;width:100%;padding:30px 42px;display:flex;position:absolute;top:0;left:0}.brand{color:inherit;letter-spacing:-1px;align-items:center;gap:11px;font-size:24px;font-weight:500;text-decoration:none;display:flex}.brand-icon{font-size:39px;font-weight:400;line-height:24px}.edition{letter-spacing:2px;opacity:.55;margin-left:18px;font-size:9px}.live{letter-spacing:1.5px;align-items:center;gap:9px;font-size:9px;display:flex}.live i{background:#bfe7c7;border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #d0f2c6}.live #fps{opacity:.6;font-variant-numeric:tabular-nums;border-left:1px solid #ffffff30;margin-left:8px;padding-left:14px}.intro{pointer-events:none;text-shadow:0 2px 30px #12384730;position:absolute;top:22%;left:7%}.eyebrow{letter-spacing:2.6px;opacity:.8;margin-bottom:21px;font-size:9px}h1{letter-spacing:-4px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(50px,5.6vw,88px);font-weight:300;line-height:1.11}.intro p{letter-spacing:.1px;opacity:.73;margin-top:23px;font-size:13px}.panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0b202bc4;border:1px solid #deebec26;border-radius:16px;width:280px;padding:23px;position:absolute;top:50%;right:42px;transform:translateY(-45%);box-shadow:0 18px 60px #09212c20}.panel-top{justify-content:space-between;align-items:center;margin-bottom:26px;font-size:13px;font-weight:500;display:flex}.small-icon{color:#bad5d9;font-size:22px}.section-label{letter-spacing:1.8px;opacity:.5;margin-bottom:13px;font-size:8px}.presets{gap:6px;display:flex}.presets button{white-space:nowrap;color:#c5d0d3;background:#ffffff05;border:1px solid #0000;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:9px;padding:10px 2px 9px;font-size:9px;display:flex}.presets button.active{color:#fff;background:#ffffff10;border-color:#d7e8db80}.orb{border-radius:50%;width:24px;height:24px;display:block;box-shadow:inset 0 0 10px #ffffff30}.day{background:linear-gradient(145deg,#ecf8de,#72bcc1 65%,#35869a)}.sunset{background:linear-gradient(145deg,#fff0b3,#e79f79 55%,#996e90)}.night{background:linear-gradient(145deg,#b9c7e3,#4c608f 55%,#253756)}.divider{background:#ffffff12;height:1px;margin:22px 0}label{color:#e1e9e9;justify-content:space-between;margin-top:21px;font-size:11px;display:flex}output{font-variant-numeric:tabular-nums;color:#b5c9cb;font-size:10px}input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg,#cdddbd 40%,#ffffff21 40%);border-radius:3px;outline:none;width:100%;height:3px;margin:16px 0 2px}input::-webkit-slider-thumb{appearance:none;background:#e4eddb;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #dceccc0a}input::-moz-range-thumb{background:#e4eddb;border:0;border-radius:50%;width:10px;height:10px}.switch-row{justify-content:space-between;align-items:center;font-size:11px;display:flex}.switch{background:#ffffff25;border:0;border-radius:20px;width:29px;height:16px;padding:3px}.switch span{background:#d6e0e0;border-radius:50%;width:10px;height:10px;transition:transform .2s;display:block}.switch[aria-checked=true]{background:#83a6a0}.switch[aria-checked=true] span{transform:translate(13px)}button{font:inherit;color:inherit;cursor:pointer;border:0;transition:background .2s}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #eef2c5}button:hover{background:#ffffff18}.panel-actions{gap:9px;margin-top:23px;display:flex}.panel-actions button{background:#ffffff04;border:1px solid #ffffff20;border-radius:6px;flex:1;padding:9px 0;font-size:13px}.panel-actions span{margin-left:5px;font-size:10px}.hint{letter-spacing:.3px;pointer-events:none;text-shadow:0 1px 6px #0008;flex-direction:column;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;bottom:105px;left:50%;transform:translate(-50%)}.mouse-icon{opacity:.85;font-size:23px}.hint-sub{letter-spacing:1.5px;opacity:.55;font-size:7px}footer{letter-spacing:1.7px;background:linear-gradient(#0000,#05172240);justify-content:space-between;align-items:center;width:100%;padding:22px 42px;font-size:8px;display:flex;position:absolute;bottom:0}footer>span{opacity:.65;align-items:center;display:flex}.footer-line{background:#fff6;width:24px;height:1px;margin:0 13px;display:inline-block}footer>div{align-items:center;gap:12px;display:flex}footer button{background:0 0;border-radius:5px;width:30px;height:30px;font-size:19px}footer #capture{width:auto;padding:0 12px;font-size:20px}#capture span{letter-spacing:0;margin-left:6px;font-size:10px}#restore{background:#15313a90;border-radius:8px;padding:12px;font-size:12px;display:none;position:absolute;bottom:25px;right:25px}.hidden-ui header,.hidden-ui main,.hidden-ui footer{display:none}.hidden-ui #restore{display:block}#toast{opacity:0;pointer-events:none;background:#102932ed;border-radius:8px;padding:12px 22px;font-size:12px;transition:opacity .25s;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}@media (width<=700px){header{padding:22px}.edition{display:none}.brand{font-size:22px}.live{font-size:7px}.live #fps{display:none}.intro{top:16%;left:24px}h1{letter-spacing:-2.5px;font-size:53px}.intro p{font-size:11px}.eyebrow{font-size:7px}.panel{width:230px;padding:17px;top:auto;bottom:75px;right:18px;transform:none}.panel-top{margin-bottom:16px}.divider{margin:15px 0}label{margin-top:15px}.presets button{font-size:8px}.hint{text-align:center;width:90px;font-size:10px;bottom:130px;left:28px;transform:none}.hint-sub{display:none}footer{padding:18px}.footer-line,footer>span{display:none}footer>div{margin-left:auto}}@media (height<=650px) and (width>=701px){.panel{width:260px;padding:16px}.divider{margin:14px 0}.panel-top{margin-bottom:15px}label{margin-top:14px}.hint{bottom:65px}.intro{top:24%}}.intro{top:15%;left:5%}.intro p{text-shadow:0 1px 8px #12607380}.panel{background:#073a49bb}.hint{bottom:85px}@media (width<=700px){.intro{top:12%;left:24px}h1{font-size:45px}.intro p{max-width:230px;line-height:1.6}.hint{bottom:140px}}#explore{width:auto;padding:0 12px;font-size:16px}#explore span{letter-spacing:0;margin-left:5px;font-size:10px}.flight-hint{letter-spacing:1px;white-space:nowrap;background:#0a263b9c;border:1px solid #ffffff25;border-radius:30px;padding:12px 22px;font-size:10px;display:none;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.flight-hint span{opacity:.6;letter-spacing:0}.crosshair{opacity:.65;pointer-events:none;font:20px monospace;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.exploring header,.exploring main,.exploring footer,.exploring #restore{display:none}.exploring .flight-hint,.exploring .crosshair{display:block}.touch-navigation{display:none}.intro{pointer-events:none;top:12%}h1{font-size:clamp(36px,4.5vw,66px)}.panel{width:250px;padding:20px;right:28px}.intro p{max-width:230px;line-height:1.6}.panel .divider{margin:17px 0}.panel label{margin-top:18px}@media (pointer:coarse){.touch-navigation{touch-action:none;grid-template-columns:repeat(3,36px);gap:5px;display:grid;position:fixed;bottom:83px;left:18px}.touch-navigation button{touch-action:none;-webkit-user-select:none;user-select:none;background:#0b344b8c;border:1px solid #ffffff40;border-radius:9px;height:36px;font-size:19px}.touch-navigation button.pressed{background:#9abbbcaa}.touch-navigation [data-move=forward]{grid-column:2}.touch-navigation [data-move=left],.touch-navigation [data-move=up]{grid-column:1}.hint,#explore{display:none}}@media (width<=700px){.panel{width:215px;padding:15px;bottom:74px;right:16px}.intro{top:11%}.intro h1{font-size:38px}.intro p{max-width:190px;font-size:10px}.intro .eyebrow{letter-spacing:1.7px;font-size:6px}.flight-hint{padding:10px;font-size:7px}}@media (height<=620px){.panel{width:210px;padding:12px;top:50%;bottom:auto;transform:translateY(-50%)}.panel-top{margin-bottom:12px}.panel .divider{margin:12px 0}.panel label{margin-top:12px}.presets button{padding:7px 2px}.panel-actions{margin-top:14px}.intro p,.hint{display:none}}