:root{--bg:#08090b;--fill:#14171c;--fill-2:#1b1f26;--line:#20242a;--edge:#363c46;--text:#f4f6f9;--mid:#a6adb9;--accent:#e8a33c;--sans:"IBM Plex Sans", "IBM Plex Sans Devanagari", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--mono:"Martian Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bar:34px}*{box-sizing:border-box;border-radius:0;margin:0;padding:0}html,body,#app{height:100%}body{background:var(--bg);color:var(--text);font:400 13px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}#app,#stage{height:100%}#stage{grid-template-rows:auto minmax(0, 1fr) var(--bar);display:grid}#frame{min-width:0;min-height:0;position:relative}#view{touch-action:none;width:100%;height:100%;display:block}#fail{color:var(--mid);place-items:center;display:grid;position:absolute;inset:0}#fail[hidden]{display:none}#title{pointer-events:none;position:absolute;top:12px;left:16px}#title h1{letter-spacing:-.01em;text-shadow:0 1px 6px #0009;font-size:18px;font-weight:600}#title h1 span{color:var(--mid);margin-left:6px;font-weight:400}#views{border:1px solid var(--edge);background:#08090be0;display:flex;position:absolute;top:12px;right:12px}#views button{border:0;border-right:1px solid var(--edge);color:var(--mid);white-space:nowrap;cursor:pointer;background:0 0;padding:7px 12px;font-size:12px;font-weight:500}#views button:last-child{border-right:0}#views button:hover{background:var(--fill);color:var(--text)}#views button.on{background:var(--fill-2);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}#views #landmarks{color:var(--accent)}#views #landmarks.on{color:var(--text)}#views button:last-of-type{border-right:0}#fly-how{border:1px solid var(--edge);width:max-content;max-width:270px;color:var(--mid);pointer-events:none;background:#08090be6;margin:0;padding:9px 12px;font-size:11.5px;line-height:1.5;display:none;position:absolute;top:calc(100% + 7px);right:-1px}#views:has(#fly:hover,#fly:focus-visible,#fly.on) #fly-how{display:block}body.touch #fly,body.touch #fly-how{display:none!important}body.touch #whole{border-right:0}#bar{border-top:1px solid var(--line);background:var(--bg);align-items:center;gap:20px;padding:0 16px;display:flex;overflow:hidden}.pick{color:var(--mid);align-items:center;gap:10px;font-size:11px;display:flex}.seg{border:1px solid var(--edge);grid-template-columns:repeat(3,auto);display:grid}#light{grid-template-columns:repeat(4,auto)}.seg button{border:0;border-right:1px solid var(--edge);color:var(--mid);cursor:pointer;background:0 0;padding:5px 10px;font-size:11px;font-weight:500;line-height:1}.seg button:last-child{border-right:0}.seg button:hover{background:var(--fill);color:var(--text)}.seg button.on{background:var(--text);color:var(--bg)}#how{color:var(--mid);white-space:nowrap;font-size:11px}#stats{color:var(--mid);font:400 10.5px var(--mono);white-space:nowrap;margin-left:auto}#fps{text-align:right;min-width:6ch;color:var(--mid);font:400 10.5px var(--mono)}body.touch .mouse-only{display:none}@media (width<=640px){#bar{gap:12px;padding:0 10px}#how,#stats,.pick>span{display:none}.seg button{padding:5px 8px}#views button{padding:6px 9px;font-size:11px}}#launch{z-index:5;color:#120a00;min-height:46px;font:600 14px/1.2 var(--sans);background:#ff8a00;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin:0;padding:8px 16px;animation:1.1s ease-in-out infinite l-flash;display:flex;position:relative}@keyframes l-flash{0%,to{background:#ff8a00}50%{background:#ffc24d}}#launch .l-pulse{background:#120a00;width:10px;height:10px;animation:.55s steps(2,start) infinite l-blink}@keyframes l-blink{to{visibility:hidden}}#launch .l-head{letter-spacing:.04em;text-transform:uppercase;font-size:17px}#launch .l-ca{color:#ffe2b0;background:#120a00e0;align-items:center;gap:8px;padding:4px 6px 4px 10px;display:inline-flex}#launch .l-k{font:500 11px var(--mono);letter-spacing:.12em;color:#ffb547}#launch code{font:500 12.5px var(--mono);color:#fff;word-break:break-all}#launch .l-tba{color:#ffe2b0;font-weight:400}#launch .l-copy{color:#120a00;font:600 12px var(--sans);cursor:pointer;background:#ff8a00;border:0;padding:4px 10px}#launch .l-buy{color:#ffb547;text-transform:uppercase;letter-spacing:.06em;background:#120a00;padding:7px 14px;font-weight:700;text-decoration:none}#launch .l-buy:hover{color:#fff}#launch .l-off{opacity:.8}@media (prefers-reduced-motion:reduce){#launch,#launch .l-pulse{animation:none}}@media (width<=600px){#launch{gap:8px;padding:8px 10px}#launch .l-head{text-align:center;width:100%;font-size:14px}#launch code{font-size:11px}}