:root{color-scheme:dark;font-family:Arial,'Hiragino Kaku Gothic ProN',sans-serif;background:#0a1116;color:#e7e5d9}*{box-sizing:border-box}body{margin:0}button,a,summary{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #e5c18c;outline-offset:3px}[hidden]{display:none!important}main{display:flex;justify-content:center;align-items:center;gap:60px;min-height:100svh;padding:24px}.intro{width:285px}.intro>small{font:9px monospace;letter-spacing:2px;color:#bca57b}.intro h1{font-size:35px;font-weight:400;line-height:1.8;letter-spacing:2px}.intro p{font-size:12px;line-height:2.2;color:#aabbb4}.intro a{font-size:11px;color:#aab7a4;text-underline-offset:4px}.intro details{margin-top:40px;font-size:11px;color:#91a69d}.intro details p{font-size:10px}#stage{position:relative;isolation:isolate;width:440px;height:880px;background:#0b141b;overflow:hidden;border:1px solid #3a4a4b}#backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.veil{position:absolute;inset:0;background:linear-gradient(#08141d99,transparent 33%,#08131a55 53%,#07131bf5 82%);pointer-events:none}header{position:absolute;top:0;left:0;right:0;padding:22px 20px;display:flex;justify-content:space-between;align-items:center}header small,.telemetry>small{font:8px monospace;letter-spacing:1.5px;color:#b5bfaa}header h2{font-weight:400;font-size:16px;margin:9px 0}header button{width:36px;height:36px;background:#14262d88;border:1px solid #a0b2a177}.telemetry{position:absolute;left:20px;right:20px;top:105px}.telemetry strong{display:block;font:42px monospace;letter-spacing:1px;color:#e3cba0;margin:10px 0 12px;font-variant-numeric:tabular-nums}.telemetry>div:not(.track){display:flex;justify-content:space-between;font:10px monospace;color:#d3dfd1}.track{height:3px;background:#9bac9b44;position:relative;overflow:hidden;margin:14px 0 10px}.track i{display:block;width:0;height:100%;background:#d8bd86}#gravity{font:8px sans-serif;letter-spacing:.5px}#panel{position:absolute;left:20px;right:20px;bottom:43px;max-height:55%;overflow-y:auto;scrollbar-width:thin}#eyebrow{font:9px monospace;letter-spacing:1.5px;color:#c6ae83}#panel h3{font-size:26px;font-weight:400;letter-spacing:2px;margin:10px 0}#description{font-size:11px;line-height:1.9;white-space:pre-line;color:#b9c8bd;margin:8px 0 15px}#actions{display:grid;gap:8px}#actions button{border:1px solid #b6bea077;background:#132a31d9;min-height:45px;padding:11px 13px;text-align:left;font-size:12px;line-height:1.6}#actions button.primary{background:#d8c296;color:#10242a;border-color:#ebd5a8}#actions button small{display:block;font-size:9px;opacity:.75;margin-top:3px}#saved{font-size:8px;line-height:1.6;color:#94a695;margin:12px 0 0}footer{position:absolute;bottom:0;left:0;right:0;padding:12px 18px;display:flex;justify-content:space-between;font-size:9px;background:#081a2277}footer a{color:#97ad9d}footer button{border:0;background:none;color:#97ad9d;font-size:9px}.side{writing-mode:vertical-rl;font:9px monospace;color:#7c9389;letter-spacing:2px}#notice{position:absolute;top:38%;left:20px;right:20px;text-align:center;color:#f0d9aa;font-size:12px;line-height:1.8;text-shadow:0 2px 5px #000;pointer-events:none}#modal{position:absolute;inset:0;z-index:20;background:#07131af2;padding:30px;display:flex;align-items:center;justify-content:center}#modal>div{width:100%;max-height:90%;overflow:auto}#modal h3{font-weight:400;font-size:24px}#modal p{font-size:12px;line-height:2;white-space:pre-line;color:#b6c8bc}#modal button{width:100%;min-height:44px;margin-top:14px;background:#d9c296;border:0;color:#0b232a}#modal #confirm-reset{background:#6d3930;color:#f1ddd1}#waypoints{position:absolute;inset:0;pointer-events:none}#waypoints button{position:absolute;transform:translate(-50%,-100%);background:#0c1d2466;border:1px solid #a7b7a45c;min-width:54px;min-height:48px;font-size:22px;pointer-events:auto;text-shadow:0 1px 5px #000}#waypoints span{display:block;font-size:8px;padding:3px}#traveler{position:absolute;left:45%;top:49%;height:70px;width:25px;transform:translate(-50%,-100%);opacity:.85;pointer-events:none;filter:drop-shadow(0 0 9px #d4d8c277)}#traveler i{display:block;width:13px;height:13px;border-radius:50%;background:#25303a;margin:auto}#traveler b{display:block;width:25px;height:38px;background:#c4c1af;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}#traveler span{display:block;width:16px;height:19px;border-left:5px solid #35404a;border-right:5px solid #35404a;margin:auto}#motion{position:absolute;inset:32% 0 35%;pointer-events:none;opacity:0;background:repeating-linear-gradient(90deg,transparent 0 62px,#c2d1bd17 63px,transparent 64px)}#stage.falling #motion{opacity:1;animation:stream 1.8s linear infinite}#stage.falling #traveler{transform:translate(-50%,-100%) rotate(10deg)}@keyframes stream{50%{transform:translateY(-25px);opacity:.3}}@media(max-width:800px){main{padding:0}.intro,.side{display:none}#stage{width:min(100vw,500px);height:100svh;border:0}header{padding-top:calc(18px + env(safe-area-inset-top))}#panel{bottom:calc(43px + env(safe-area-inset-bottom));left:16px;right:16px}footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.telemetry{top:calc(100px + env(safe-area-inset-top))}}@media(max-height:700px){.telemetry{top:85px}.telemetry strong{font-size:32px;margin:8px 0}.telemetry .track{margin:9px 0}#panel h3{font-size:21px;margin:6px 0}#description{font-size:10px;margin:6px 0 10px}#actions{gap:6px}#actions button{padding:8px 10px;min-height:39px;font-size:11px}#panel{max-height:52%}header{padding:12px 18px}}@media(prefers-reduced-motion:reduce){#motion{animation:none!important}}
#traveler b{position:relative;clip-path:none;border-radius:5px 5px 2px 2px}#traveler b:before,#traveler b:after{content:'';position:absolute;width:6px;height:27px;top:3px;background:#aaa997;border-radius:3px}#traveler b:before{left:-6px;transform:rotate(15deg)}#traveler b:after{right:-6px;transform:rotate(-15deg)}
.service-frame{position:absolute;background-size:100% 100%;background-position:center;overflow:hidden;z-index:0}.service-frame canvas{width:100%;height:100%;touch-action:none}.service-spatial #backdrop{opacity:.12;filter:blur(5px)}.service-spatial .veil{z-index:1;pointer-events:none}.service-spatial header,.service-spatial .telemetry,.service-spatial #waypoints{z-index:3}.service-spatial #panel,.service-spatial footer{z-index:5}.service-spatial #notice{z-index:7}.service-spatial #modal{z-index:20}
.service-frame canvas{position:absolute;inset:0}

.telemetry .descent-controls{position:absolute;right:0;top:10px;display:flex;flex-direction:column;align-items:stretch;width:88px;gap:5px;margin:0}.telemetry .descent-controls>small{order:1;font-size:8px;letter-spacing:0;line-height:1.6}.telemetry .bullet-wrap{flex:0 0 48px}.facility-shortcuts{display:none}@media(max-height:740px){#waypoints{display:none!important}.facility-shortcuts:not([hidden]){display:flex;gap:6px;margin:10px 0}.facility-shortcuts button{flex:1;background:#17343be8;color:#e0e6d3;border:1px solid #8da898;min-height:38px;font-size:10px;padding:5px}.telemetry .descent-controls{top:0}.telemetry strong{font-size:28px}}