:root{--ink:#2b2a28;--accent:#c8643c;--hl:#ffcf6e}*{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;-webkit-backdrop-filter:blur(10px);color:#fff;font-variant-numeric:tabular-nums;background:#1011149e;border-radius:10px;width:280px;padding:6px 12px 10px;font:12px -apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;position:fixed;top:14px;left:14px}#bar .search{margin:0 -6px 4px;position:relative}#bar .search input{color:#fff;width:100%;height:32px;font: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='.6' 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") 8px no-repeat;border:0;border-radius:6px;outline:0;padding:0 30px 0 28px;font-size:13px}#bar .search input:focus{background-color:#ffffff14}#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 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{padding-top:6px;display:block}#bar .val{color:var(--t2);white-space:nowrap;text-overflow:ellipsis;margin-bottom:1px;display:block;overflow:hidden}#bar .track{height:16px;display:block;position:relative}#bar .track i{cursor:pointer;z-index:1;opacity:0;width:9px;height:10px;margin-left:-4.5px;transition:opacity .15s;position:absolute;top:3px}#bar .row:hover .track i{opacity:1}#bar .val .mark{color:#ffffff6b;margin-left:4px}#bar .track i:after{content:"";background:#ffffff73;width:1px;height:6px;position:absolute;top:2px;left:4px}#bar .track i:hover:after{background:#fff}#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:#ffffff4d;border-radius:1px;height:2px}#bar input[type=range]::-moz-range-track{background:#ffffff4d;height:2px}#bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;z-index:2;background:#fff;border-radius:50%;width:12px;height:12px;margin-top:-5px;position:relative;box-shadow:0 0 0 3px #00000040}#bar input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px}#bar input[type=range]:disabled{opacity:.35;cursor:default}@media (width<=600px){#bar{width:auto;top:8px;left:8px;right: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 -apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;display:flex;position:fixed;bottom:12px;right:12px}#credits .links{gap:10px;display:flex}#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 .25s;position:absolute;top:0;left:0}.label.off,.edge.off,.label.off .txt{opacity:0;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.major b{font-size:14.5px}.label.hl b{color:var(--hl)}.label.hl .dot,.label.hl .stem{background:var(--hl)}.edge{pointer-events:auto;cursor:pointer;color:var(--hl);text-shadow:0 0 2px #000,0 0 2px #000,0 1px 3px #000;align-items:center;gap:6px;margin:-10px 0 0 -10px;font:600 12px Inter,system-ui,sans-serif;transition:opacity .25s;display:flex;position:absolute;top:0;left:0}.edge small{color:#fff;font:500 10.5px Inter,system-ui,sans-serif}.edge i{text-align:center;width:14px;font-style:normal;display:inline-block}#loading{z-index:10;background:linear-gradient(#c9d3dc,#e7e2d8 70%);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}#loading-text{box-sizing:border-box;color:#fff;text-align:center;background:#000000c7;width:300px;margin-top:14px;padding:7px 12px 13px;font:12px -apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;text-align:left!important}@media (width<=600px){#loading-text{width:calc(100vw - 32px);min-width:0;margin-top: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 -apple-system,BlinkMacSystemFont,Helvetica Neue,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;font:12px -apple-system,sans-serif;position:absolute;bottom:1px;right:4px}#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}#hud .touch{max-width:70vw}@media (width<=600px){#hud{bottom:8px;left:8px}}.noui #hud{display:none}.caption{z-index:5;pointer-events:none;font-variant-numeric:tabular-nums;color:#fff;text-align:center;background:#000000c7;flex-direction:column;gap:5px;width:300px;max-width:calc(100vw - 32px);padding:7px 12px 6px;font:12px -apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;transition:opacity .6s;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.caption.off{opacity:0}.caption .txt{white-space:nowrap;justify-content:space-between;display:flex}.caption .bar{background:#333;height:2px;position:relative}.caption .bar i{background:#2fa1d6;width:0;height:100%;transition:width .3s;display:block}@media (width<=600px){.caption{width:calc(100vw - 32px);min-width:0;top:8px}}