*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#061527;color:#f6f5e9;font-family:system-ui,-apple-system,sans-serif}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button,a,select:focus-visible{outline:2px solid #ffe5a0;outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}#scene{width:100%;height:100%;display:block;touch-action:none}header{position:fixed;z-index:2;top:0;left:0;right:0;display:flex;align-items:start;justify-content:space-between;padding:max(26px,env(safe-area-inset-top)) 4vw;pointer-events:none}header>*{pointer-events:auto}.brand{color:inherit;text-decoration:none;font-size:14px;letter-spacing:.13em;font-weight:800}.brand span{color:#5eeafa}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:.25em;color:#afd0d0;margin-top:9px}.actions{display:flex;gap:8px}.actions button,footer select{background:#071d28b8;border:1px solid #c6eeee33;border-radius:24px;padding:9px 14px;font-size:11px;backdrop-filter:blur(8px)}#panel{position:fixed;left:8vw;top:50%;transform:translateY(-47%);width:min(480px,84vw);z-index:3;text-shadow:0 3px 25px #00131f}#panel:before{content:'';position:absolute;inset:-35px -45px;z-index:-1;background:radial-gradient(ellipse,#061527e8 15%,#061527a6 50%,transparent 73%);pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.3em;color:#a4e5df}h1{font-family:system-ui,sans-serif;font-weight:800;font-size:clamp(48px,6.5vw,94px);line-height:.95;letter-spacing:-.045em;margin:24px 0}h1 i{font-weight:800;color:#ed61ef}#description{font-size:14px;line-height:1.8;color:#c8dcdd;max-width:340px}.instructions{display:grid;gap:11px;margin:27px 0;color:#80b8be;font-size:10px}.instructions b{font-weight:400;color:#e0ecea;font-size:12px;margin-left:14px}.primary{border:1px solid #5eeafa;background:#5eeafa;color:#143338;border-radius:3px;padding:16px 26px;min-width:230px;letter-spacing:.07em;font-weight:700;font-size:12px;box-shadow:0 4px 35px #b9eac51c}.fine{font-size:10px;color:#9dbabf;line-height:1.5}.classic{display:inline-block;color:#c5d9d8;font-size:11px;margin-top:12px;text-underline-offset:5px}footer{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center;color:#9fbdc2;font-size:9px;letter-spacing:.12em}footer label{letter-spacing:0}footer select{padding:6px;font-size:10px;margin-left:6px}#hud{position:fixed;top:105px;left:4vw;right:4vw;display:flex;justify-content:space-between;pointer-events:none}.readout span{font-size:9px;color:#addcd5;letter-spacing:.18em}.readout strong{display:block;font-size:25px;margin-top:9px;font-weight:400}.readout em{font-size:11px;font-style:normal;color:#afc9cb}.altitude{display:grid;text-align:right;gap:8px;font-size:11px;color:#c6dcdb}progress{appearance:none;width:110px;height:3px;border:0;background:#ffffff24}progress::-webkit-progress-bar{background:#ffffff24}progress::-webkit-progress-value{background:#ffe16b}progress::-moz-progress-bar{background:#ffe16b}#hearts{letter-spacing:5px;color:#a3e5db}.steer{position:fixed;bottom:65px;left:5vw;right:5vw;display:flex;justify-content:space-between;pointer-events:none}.steer button{pointer-events:auto;touch-action:none;width:52px;height:52px;border-radius:50%;background:#0d303c99;border:1px solid #c8eeeb44;font-size:22px}#error{position:fixed;z-index:10;inset:20%;background:#0d2837;padding:30px;overflow:auto;border:1px solid #76bfc1}#error a{color:#ffe16b}@media(max-width:600px){#panel{left:8vw;transform:translateY(-43%)}h1{font-size:59px;margin:18px 0}.instructions{margin:20px 0;gap:9px}.actions button{padding:9px 10px}header{padding-left:6vw;padding-right:6vw}.brand{font-size:11px}.brand small{font-size:8px}footer{font-size:8px}#error{inset:15% 6%}}@media(max-height:610px){#panel{top:51%}h1{font-size:40px;margin:10px 0}.instructions{display:none}#description{font-size:12px}.fine{margin:7px 0}.classic{margin-top:4px}#hud{top:80px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
