:root{--bg: #05070a;--fg: #e6ebf2;--muted: #8892a0;--line: rgba(230, 235, 242, .16);--accent: #9fc3ff;--panel-bg: rgba(8, 10, 14, .82);--field: rgba(255, 255, 255, .04);--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);overflow:hidden}body{font-family:var(--mono)}#gl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.panel-show{position:fixed;top:14px;right:14px;z-index:10;font:inherit;font-size:11px;letter-spacing:.08em;color:var(--fg);cursor:pointer;background:var(--panel-bg);border:1px solid var(--line);border-radius:3px;padding:6px 10px}.panel-show[hidden]{display:none}.panel-show:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.notice{position:fixed;left:50%;top:16px;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);background:var(--panel-bg);border:1px solid var(--line);padding:8px 10px 8px 14px;font-size:12px}.notice[hidden]{display:none}.notice button{font:inherit;font-size:11px;color:var(--fg);background:none;cursor:pointer;border:1px solid var(--line);border-radius:3px;padding:4px 8px}.hud{--hud-fg: #e9eef5;--hud-dim: rgba(233, 238, 245, .55);--hud-line: rgba(233, 238, 245, .5);--hud-accent: #ffffff;--hud-display: "Lexend Exa", "Helvetica Neue", Arial, sans-serif;--open-w: calc(100vw - var(--panel-w, 0px));position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;color:var(--hud-fg);font-family:var(--mono);font-size:11px;letter-spacing:.08em;transition:opacity .2s}.hud[data-style=fog]{--hud-fg: #1f252b;--hud-dim: rgba(31, 37, 43, .62);--hud-line: rgba(31, 37, 43, .55);--hud-accent: #1f252b}.hud[hidden]{display:none}.hud button,.hud a{pointer-events:auto;font:inherit;color:inherit;letter-spacing:inherit}.hud button{background:none;border:0;padding:0;cursor:pointer}.hud :focus-visible{outline:1px solid var(--hud-accent);outline-offset:3px}.hud .dim{color:var(--hud-dim)}.hud-bracket,.hud-ascii{color:var(--hud-dim);white-space:pre}.hud-nav{position:absolute;left:28px;top:26px;display:grid;gap:10px;justify-items:start}.hud-index-label{margin-bottom:2px}.hud-index{list-style:none;margin:0;padding:0;display:grid;gap:5px}.hud-index li{display:flex;align-items:center;gap:10px}.hud-info{display:inline-flex;color:var(--hud-dim);padding:2px!important;opacity:.75}.hud-info:hover,.hud-info[aria-expanded=true]{color:var(--hud-fg);opacity:1}.hud-index button{display:flex;gap:10px;color:var(--hud-dim);text-align:left;text-transform:uppercase}.hud-index button .num{opacity:.7}.hud-index button:hover,.hud-index button[aria-current=true]{color:var(--hud-fg)}.hud-index button[aria-current=true]:before{content:"▸";margin-left:-12px;width:2px}.hud-pop{position:absolute;left:28px;top:92px;width:min(300px,calc(var(--open-w) - 56px));padding:14px 16px;border:1px solid var(--hud-line);pointer-events:auto;background:color-mix(in srgb,var(--panel-bg, #000) 70%,transparent);display:grid;gap:8px;line-height:1.55;letter-spacing:.04em}.hud[data-style=fog] .hud-pop{background:#ffffff8c}.hud-pop p{margin:0}.hud-pop[hidden]{display:none}.hud-card{position:absolute;left:calc(var(--open-w) * .66);top:12vh;width:calc(var(--open-w) * .31);display:grid;gap:14px;justify-items:start}.hud-tag{display:flex}.hud-tag span{border:1px solid var(--hud-line);padding:3px 8px;white-space:pre}.hud-tag span+span{border-left:0}.hud-name{margin:0;font-family:var(--hud-display);font-weight:200;font-size:var(--name-size, 48px);line-height:1.04;letter-spacing:.04em;white-space:pre-wrap}.hud-card-info{display:inline-flex;align-items:center;gap:8px;padding:3px 0!important;border-bottom:1px solid var(--hud-line)!important}.hud-card-info:hover,.hud-card-info[aria-expanded=true]{border-bottom-color:var(--hud-fg)!important}.hud-recipe{position:fixed;width:280px;max-width:calc(var(--open-w) - 32px);gap:10px;z-index:6;background:#06080bed;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hud[data-style=fog] .hud-recipe{background:#f0f4f7f0}.hud-recipe-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.hud-close{font-size:16px!important;line-height:1;padding:0 2px!important;color:var(--hud-dim)!important}.hud-close:hover{color:var(--hud-fg)!important}.hud-recipe-desc{color:var(--hud-dim);font-size:11px}.hud-recipe dl{margin:0;display:grid;gap:4px}.hud-recipe dl div{display:grid;grid-template-columns:74px 1fr;gap:10px}.hud-recipe dt{color:var(--hud-dim)}.hud-recipe dd{margin:0;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.hud-recipe .sw{display:inline-block;width:11px;height:11px;border:1px solid var(--hud-line)}.hud-use{justify-self:start;padding:4px 9px!important;border:1px solid var(--hud-line)!important}.hud-use:hover{border-color:var(--hud-fg)!important}.hud-use[hidden]{display:none}.hud-leader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.hud-leader polyline{stroke:var(--hud-line);stroke-width:1}.hud-leader circle{fill:var(--hud-fg)}.hud-chev{position:absolute;top:50%;transform:translateY(-50%);font-size:22px;padding:10px!important;color:var(--hud-dim)!important}.hud-chev:hover{color:var(--hud-fg)!important}.hud-prev{left:12px}.hud-next{left:calc(var(--open-w) - 52px)}.hud-progress{position:absolute;left:6px;top:32vh;height:36vh;width:1px;background:var(--hud-line);opacity:.6}.hud-progress span{position:absolute;left:-2px;width:5px;height:14px;margin-top:-7px;background:var(--hud-fg);transition:top .5s}.hud-readout{position:absolute;left:calc(var(--open-w) - 28px);bottom:22px;transform:translate(-100%);display:grid;justify-items:end;gap:4px;color:var(--hud-dim);font-variant-numeric:tabular-nums;white-space:pre}.hud-frags{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.frag{position:absolute;color:var(--hud-line);transition:opacity .6s;will-change:transform}.frag-text{display:grid;font-size:8px;line-height:1.35;letter-spacing:.1em;color:var(--hud-dim);white-space:pre}.hud[data-style=minimal] :is(.hud-nav,.hud-pop,.hud-tag,.hud-card-info,.hud-leader,.hud-chev,.hud-progress,.hud-frags){display:none}.hud .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:640px){.hud-nav{left:16px;top:16px}.hud-index,.hud-index-label,.hud-leader,.hud-frags,.hud-readout,.hud-progress{display:none}.hud-card{left:16px;top:74px;width:calc(100vw - 32px)}.hud-chev{top:36vh}.hud-next{left:auto;right:4px}}.panel{position:fixed;top:0;right:0;bottom:0;z-index:10;width:300px;display:flex;flex-direction:column;background:var(--panel-bg);color:var(--fg);border-left:1px solid var(--line);font-family:var(--mono);font-size:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.panel[hidden]{display:none}.panel.floating{top:16px;left:16px;right:auto;bottom:auto;max-height:calc(100vh - 32px);border:1px solid var(--line);box-shadow:0 12px 40px #00000080}.panel.floating .panel-head{cursor:move;touch-action:none}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}.panel-title{text-transform:uppercase;letter-spacing:.14em;font-size:11px}.panel-tools{display:flex;gap:6px}.panel-readout{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums}.panel-body{overflow-y:auto;overscroll-behavior:contain;padding:0 12px 24px;flex:1}.panel details{border-bottom:1px solid var(--line)}.panel summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:11px 0;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--accent)}.panel summary::-webkit-details-marker{display:none}.panel summary:after{content:"+";font-size:14px;line-height:1}.panel details[open]>summary:after{content:"−"}.panel summary:hover{color:var(--fg)}.sec-body{display:grid;gap:12px;padding:2px 0 14px}.ctl{display:grid;gap:5px}.ctl-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.ctl-top output{color:var(--muted);font-variant-numeric:tabular-nums}.ctl-label{display:block}.panel input[type=range]{width:100%;margin:0;accent-color:var(--accent)}.panel select,.panel textarea,.panel input[type=text]{width:100%;font:inherit;color:var(--fg);background:var(--field);border:1px solid var(--line);border-radius:3px;padding:5px 6px}.panel textarea{resize:vertical;min-height:54px}.ctl-color{display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer}.ctl-color input{width:44px;height:24px;padding:0;border:1px solid var(--line);background:none;cursor:pointer}.ctl-check{display:flex;align-items:center;gap:8px;cursor:pointer}.ctl-check input{accent-color:var(--accent);margin:0;width:14px;height:14px}.hint{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.status{margin:0;min-height:1em;color:var(--accent);font-size:11px}.pbtn{font:inherit;font-size:11px;color:var(--fg);background:transparent;cursor:pointer;border:1px solid var(--line);border-radius:3px;padding:5px 8px}.pbtn:hover{border-color:var(--accent)}.pbtn[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.presets,.row-btns{display:flex;flex-wrap:wrap;gap:6px}.panel :focus-visible{outline:1px solid var(--accent);outline-offset:2px}@media(max-width:640px){.panel:not(.floating){top:auto;left:0;width:auto;height:50vh;border-left:0;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}}.file-btn{display:inline-block;justify-self:start}.file-name{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.panel input[type=file]:focus-visible+.file-btn,.file-btn:focus-within{outline:1px solid var(--accent);outline-offset:2px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}