:root{--ink:#2b2a28;--accent:#c8643c}*{box-sizing:border-box}html,body{touch-action:none;height:100%;color:var(--ink);background:#1b1d22;margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}#app canvas{display:block}#bar{--t2:#ffffff9e;z-index:5;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000000b3,0 0 2px #00000080;width:340px;font:11px Inter,system-ui,sans-serif;position:fixed;top:14px;left:14px}#bar .search{margin:0 0 4px;position:relative}#bar .search input{color:#fff;width:100%;height:24px;font:inherit;text-shadow:inherit;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='white' stroke-opacity='.8' stroke-width='1.6'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath d='M9.5 9.5L13 13'/%3E%3C/svg%3E") 0 no-repeat;border:0;border-bottom:1px solid #ffffff8c;outline:0;padding:0 30px 0 20px;font-size:11.5px}#bar .search input:focus{border-bottom-color:#fff}#bar .search input::placeholder{color:var(--t2)}#bar .search .x{width:24px;height:24px;color:var(--t2);cursor:pointer;background:0 0;border:0;font-size:11px;position:absolute;top:4px;right:2px}#bar .search input:placeholder-shown+.x{display:none}#bar .search ol{margin:0;padding:0;list-style:none}#bar .search ol:not(:empty){-webkit-backdrop-filter:blur(10px);text-shadow:none;background:#1011149e;border-radius:6px;margin-top:4px;padding:3px}#bar .search li{cursor:pointer;white-space:nowrap;border-radius:5px;gap:8px;padding:5px 8px;display:flex}#bar .search li span{text-overflow:ellipsis;overflow:hidden}#bar .search li em{color:var(--t2);margin-left:auto;font-style:normal}#bar .search li.sel,#bar .search li:hover{background:#ffffff1a}#bar .search li.none{color:var(--t2);cursor:default;white-space:normal}#bar .row{align-items:center;gap:10px;padding-top:4px;display:flex}#bar .val{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:0 0 140px;font-weight:500;overflow:hidden}#bar .track,#bar .choices{flex:1;align-items:center;height:16px;display:flex;position:relative}#bar .val .mark{color:var(--t2);margin-left:4px}#bar input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;margin:0;position:absolute;inset:0}#bar input[type=range]::-webkit-slider-runnable-track{background:#ffffff8c;border-radius:1px;height:2px;box-shadow:0 0 2px #0009}#bar input[type=range]::-moz-range-track{background:#ffffff8c;height:2px;box-shadow:0 0 2px #0009}#bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;z-index:2;background:#fff;border-radius:1px;width:3px;height:14px;margin-top:-6px;position:relative;box-shadow:0 0 2px #000c}#bar input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:1px;width:3px;height:14px}#bar input[type=range]:disabled{opacity:.35;cursor:default}#bar .choices{column-gap:9px}#bar .row.off{display:none}#bar .choices button{white-space:nowrap;color:var(--t2);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}#bar .choices button:hover,#bar .choices button.on{color:#fff}#bar .sky button:disabled{display:none}@media (width<=600px){#bar{width:auto;top:8px;left:8px;right:8px}}@media (width<=600px),(height<=500px){#bar .val{flex-basis:40%}#bar .choices{column-gap:7px}#bar:has(.search li) .row{display:none}}@media (height<=500px){#bar{width:330px;top:8px;left:8px}}#credits{z-index:4;color:#ffffffb3;background:#10111480;border-radius:10px;flex-direction:column;align-items:flex-end;gap:2px;padding:3px 9px;font:10.5px Inter,system-ui,sans-serif;display:flex;position:fixed;bottom:12px;right:12px}#credits a{color:#fff;border-bottom:1px solid #ffffff59;text-decoration:none}.noui #bar,.noui #credits{display:none}#labels{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.label{transition:opacity .35s ease-out;position:absolute;top:0;left:0}.label.off{opacity:0;transition-duration:.5s}.label.off .txt{pointer-events:none}.label .dot{background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;left:-3px;box-shadow:0 0 0 1.5px #000c}.label .stem{background:#fff;width:1px;height:17px;position:absolute;bottom:3px;left:-.5px;box-shadow:0 0 0 .5px #00000080}.label .txt{white-space:nowrap;color:#fff;pointer-events:auto;cursor:pointer;text-shadow:0 0 2px #000,0 0 2px #000,0 1px 3px #000000e6,0 0 10px #00000073;position:absolute;bottom:20px;left:-1px}.label.left .txt{text-align:right;left:auto;right:-1px}.label.pinned .dot,.label.pinned .stem{display:none}.label.pinned .txt{bottom:4px}.label b{font-size:12.5px;font-weight:600;line-height:1.2;display:block}.label span{color:#e8e8e8;font-size:10.5px;font-weight:500;line-height:1.3;display:block}.label p{gap:7px;margin:0;display:flex}.label.left p{justify-content:flex-end}.label p span{color:#b8b8b8}.label.major b{font-size:14.5px}.label p{display:none}.label.near p,.label.pick p{display:flex}#loading{z-index:10;background:linear-gradient(#c9d3dc,#e7e2d8 70%);position:fixed;inset:0}#loading-text{color:#fff;text-shadow:0 1px 2px #000000b3,0 0 2px #00000080;font:11px Inter,system-ui,sans-serif;position:fixed;top:14px;left:14px}@media (width<=600px){#loading-text{top:8px;left:8px}}#loading.hidden{display:none}.noui #labels{display:none!important}#hud{--o:#ffffff8c;z-index:4;pointer-events:none;color:#ffffffd9;text-shadow:0 1px 2px #000000b3;font:11px Inter,system-ui,sans-serif;position:fixed;bottom:14px;left:14px}#hud .who{color:#fff;margin-bottom:6px;font-weight:600}#hud .who:empty{display:none}#hud .row{align-items:flex-end;gap:16px;display:flex}#hud .keys{grid-template-columns:repeat(3,30px);gap:4px;display:grid}#hud .cap{border:1px solid var(--o);box-sizing:border-box;border-radius:5px;min-width:30px;height:30px;padding:3px 0 0 5px;font:600 12px ui-monospace,Menlo,monospace;transition:background 80ms,border-color 80ms;display:block;position:relative;box-shadow:0 0 2px #00000073,inset 0 0 2px #0000004d}#hud .cap i{opacity:.75;width:8px;height:8px;position:absolute;bottom:4px;right:4px}#hud .cap i svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:8px;height:8px;display:block}#hud .on.cap,#hud .on .cap{background:#ffffff47;border-color:#fff}#hud .mouse{gap:10px;display:flex}#hud figure{flex-direction:column;align-items:center;gap:3px;margin:0;display:flex}#hud figure .cap{padding:7px 5px 0;font-size:11px}#hud svg{fill:none;width:26px;height:30px;stroke:var(--o);stroke-width:1.3px;stroke-linecap:round;filter:drop-shadow(0 0 1px #0009);overflow:visible}#hud svg .btn{fill:var(--o);stroke:none}#hud .on svg{stroke:#fff}#hud .on svg .btn{fill:#fff}#hud figcaption{font-size:10.5px}@media (width<=600px){#hud{bottom:8px;left:8px}}.noui #hud{display:none}.caption{z-index:5;pointer-events:none;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000000b3,0 0 2px #00000080;flex-direction:column;gap:5px;width:340px;max-width:calc(100vw - 16px);font:11px Inter,system-ui,sans-serif;transition:opacity .8s;display:flex;position:fixed;top:14px;left:14px}.caption.off{opacity:0}.caption .txt{white-space:nowrap;justify-content:space-between;display:flex}.caption .bar{background:#ffffff4d;border-radius:1px;height:2px;position:relative;box-shadow:0 0 2px #0009}.caption .bar i{background:#fff;border-radius:1px;width:0;height:100%;transition:width .3s;display:block}@media (width<=600px){.caption{width:auto;max-width:none;top:8px;left:8px;right:8px}}#bar,#labels,#hud{transition:opacity .6s}.loading #bar,.loading #labels,.loading #hud{opacity:0;pointer-events:none}body:not(.loading) #bar{transition:opacity .12s 1.2s}