:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--col-w:272px;--scrim-alpha:.55;--bar-w:10px;--bar-gap:6px;--scrim-fade:76px;--gate-w:760px;--gate-fade:.7s;--sky:#05070a;--ink:#cfe0ec;--ink-dim:#6d8698;--ink-faint:#3d5566;--lit:#fff2d6;--eclipsed:gray;--geo:#8ad4ff;--mono:ui-monospace, "SF Mono", "Roboto Mono", Menlo, monospace;--sans:"Satoshi", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@font-face{font-family:Satoshi;src:url(../fonts/satoshi-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(../fonts/satoshi-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{background:var(--sky);height:100%;color:var(--ink);font:13px/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#sky{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#sky:active{cursor:grabbing}#sky.over,#sky.over:active{cursor:pointer}#hud{padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));pointer-events:none;display:flex;position:fixed;inset:0}.scrim{width:calc(var(--col-w) + 14px + var(--scrim-fade));background:linear-gradient(to right, rgb(0 0 0/var(--scrim-alpha)) 0, rgb(0 0 0/var(--scrim-alpha)) calc(100% - var(--scrim-fade)), #0000 100%);pointer-events:none;position:absolute;top:0;bottom:0;left:0}.col{pointer-events:auto;width:var(--col-w);flex-direction:column;gap:10px;max-width:calc(100vw - 28px);height:100%;min-height:0;display:flex;position:relative}.spacer{flex:auto;min-height:0}.lists{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:10px;min-height:84px;display:flex;overflow-y:auto}.lists .group{flex:none}.foot{overscroll-behavior:contain;flex:0 auto;min-height:0;overflow-y:auto}.lists,.foot{padding-right:var(--bar-gap);margin-right:calc(-1 * (var(--bar-w) + var(--bar-gap)));scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--ink-faint) transparent}.lists::-webkit-scrollbar{width:var(--bar-w)}.foot::-webkit-scrollbar{width:var(--bar-w)}.lists::-webkit-scrollbar-track{background:0 0}.foot::-webkit-scrollbar-track{background:0 0}.lists::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:3px}.foot::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:3px}h1{font:700 22px/1.12 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--ink);margin:0 0 4px}.sub{color:var(--ink-dim);letter-spacing:.05em;font-size:12px}#soundnote:empty{display:none}#soundnote{margin-top:6px}.clock{letter-spacing:.02em;color:var(--lit);font-variant-numeric:tabular-nums;margin-top:10px;font-size:20px}.clock small{letter-spacing:.07em;color:var(--ink-dim);font-size:12px;display:block}.controls{flex-wrap:nowrap;align-items:stretch;gap:5px;margin-top:8px;display:flex}.controls>button,.controls>select{flex:1 1 0;min-width:0}button,select{appearance:none;color:var(--ink);font:inherit;letter-spacing:.09em;cursor:pointer;background:#78a0be12;border:1px solid #78a0be38;border-radius:2px;padding:7px 8px;font-size:10.5px;transition:background-color .12s,border-color .12s}button:hover,select:hover{background:#78a0be26;border-color:#78a0be66}button:disabled{opacity:.5;cursor:default}#rate,#listen{color:#0a1016;background-color:#cfe0ecdb;border-color:#cfe0ece6;font-weight:700}#rate:hover,#listen:hover{background-color:#e3f0faf5;border-color:#e3f0fa}#rate{text-align:left;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='M0 0h8L4 5z' fill='%230a1016'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;padding-right:17px}#listen.on{background-color:var(--geo);border-color:var(--geo);color:#04131c}#listen.on:hover{background-color:#a6dfff;border-color:#a6dfff}input[type=range]{accent-color:#7fa6bf;cursor:pointer;flex:auto;width:100%}.group h2{font:700 12px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);border-bottom:1px solid #78a0be24;align-items:center;gap:5px;margin:0 0 3px;padding-bottom:2px;display:flex}.group h2 .gn{font-variant-numeric:tabular-nums;margin-left:auto}.group h2 .gg{background:var(--tone);flex:none;width:9px;height:9px}.group h2 .gg.dot{border-radius:50%}.group h2 .gg.triangle{clip-path:polygon(50% 0%,100% 100%,0% 100%)}.rows{flex-direction:column;display:flex}.row{color:var(--tone);letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;padding:1px 4px;font-size:12px;line-height:1.45;transition:color .12s;position:relative;overflow:hidden}.row:hover,.row.lit{color:var(--accent)}.row .rd{display:none}.row.open{color:var(--accent);box-shadow:inset 0 1px 0 var(--accent), inset 0 -1px 0 var(--accent), inset 1px 0 0 var(--accent), inset -1px 0 0 var(--accent);padding:2px 4px}.row.open .rn{font-weight:700;display:block}.row.open .rd{opacity:.8;font-variant-numeric:tabular-nums;font-size:12px;line-height:1.3;display:block}.row .rl{opacity:0;background:linear-gradient(to top, var(--accent) 0 calc(var(--lvl,0) * 100%), color-mix(in srgb, var(--accent) 18%, transparent) calc(var(--lvl,0) * 100%) 100%);border-radius:1px;width:6px;height:15px;margin-top:-7.5px;position:absolute;top:50%;right:4px}.row.open.sounding .rl{opacity:1}.row.open.sounding .rn,.row.open.sounding .rd{padding-right:14px}.hints{color:var(--ink);letter-spacing:.05em;text-align:right;flex-direction:column;align-items:flex-end;gap:8px;font-size:12px;display:flex;position:absolute;top:14px;right:14px}.hints button{pointer-events:auto}.framebtns{gap:6px;display:flex}#point span{color:var(--ink-faint)}#point span+span:before{content:"|";color:var(--ink-faint);margin:0 .6em}#point:not(.on) .pt-drag,#point.on .pt-point{color:var(--geo)}#full.on{color:var(--geo);background-color:#8ad4ff29;border-color:#8ad4ff80}.immerse{pointer-events:auto;text-align:center;width:min(320px,40vw);position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.immerse-label{letter-spacing:.14em;color:var(--ink-faint);margin-top:4px;font-size:12px}.conventions{flex-wrap:wrap;justify-content:flex-end;gap:5px 12px;max-width:240px;margin-top:8px;display:flex}.conv{letter-spacing:.08em;color:var(--ink-dim);pointer-events:auto;cursor:default;align-items:center;gap:6px;font-size:12px;transition:color .16s ease-out;display:flex}.conv .cn{font-variant-numeric:tabular-nums;letter-spacing:0;opacity:.6;text-align:right;min-width:1.6em;font-weight:400}.conv.lit{color:var(--ink);font-weight:700}.conv i{opacity:.45;border-radius:50%;flex:none;width:8px;height:8px;transition:opacity .16s ease-out}.conv.lit i{opacity:1}.cgrid{grid-template-columns:repeat(var(--cols), 1fr);grid-auto-rows:var(--cell);display:grid}.cell{padding:var(--gap) 0 0 var(--gap);box-sizing:border-box;cursor:pointer;background-color:#8ad4ff29;background-clip:content-box}.cell:hover,.cell.hov{background-color:var(--geo)}.cell.on{background-color:#8ad4ff9e}.cell.on.hov{background-color:var(--geo)}.cbox{height:36px;color:var(--geo);letter-spacing:.05em;white-space:nowrap;font-variant-numeric:tabular-nums;border:1px solid #8ad4ff61;flex-direction:column;justify-content:center;margin-bottom:4px;padding:2px 5px;font-size:12px;line-height:1.35;display:flex;overflow:hidden}.cbox .cd{opacity:.75}.err{color:#e2957f}#debug{white-space:pre;color:var(--ink);pointer-events:none;background:#05070acc;border:1px solid #78a0be38;padding:8px 10px;font-size:12px;position:fixed;bottom:12px;right:12px}.warn{color:#e2c27f;letter-spacing:.06em;margin-top:4px}.gate{z-index:10;background:var(--sky);transition:opacity var(--gate-fade) ease;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.gate.out{opacity:0;pointer-events:none}.poster{width:100%;height:100%;display:block;position:absolute;inset:0}.poster .drift{animation:150s ease-in-out infinite alternate gate-drift}@keyframes gate-drift{0%{transform:translate(0)}to{transform:translate(-26px,10px)}}.poster .tumble{transform-box:fill-box;transform-origin:50%;animation-name:gate-tumble;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes gate-tumble{to{transform:rotate(360deg)}}.gate-scrim{pointer-events:none;background:radial-gradient(76% 68%,#000000d6 0%,#000000ad 46%,#0000001f 100%);position:absolute;inset:0}.gate-copy{width:var(--gate-w);text-align:center;scrollbar-width:thin;scrollbar-color:var(--ink-faint) transparent;max-width:calc(100vw - 48px);max-height:100%;padding:24px 0;position:relative;overflow-y:auto}.gate-title{font:700 clamp(22px, 2.9vw, 34px) / 1.15 var(--sans);letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:#fff;margin:0}.gate-tagline{color:#fff;letter-spacing:.17em;text-indent:.17em;text-transform:uppercase;max-width:640px;margin:20px auto 0;font-size:clamp(12px,1.1vw,15px);line-height:1.95}.gate-go{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px 18px;margin-top:26px;display:flex}.gate-fullpage{color:var(--ink-dim);font:700 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border:1px solid #78a0be4d;border-radius:2px;align-self:flex-end;padding:9px 13px;text-decoration:none}.gate-fullpage:after{content:" ↗"}.gate-fullpage:hover,.gate-fullpage:focus-visible{color:var(--ink);border-color:#78a0be99}.gate-embednote{color:var(--ink-dim);letter-spacing:.08em;text-indent:.08em;text-transform:uppercase;margin-top:12px;font-size:12px}.gate-mode-label{letter-spacing:.16em;text-indent:.16em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:7px;font-size:12px}.mode-switch{letter-spacing:.16em;background:#78a0be12;align-items:center;gap:10px;padding:11px 14px;font-size:11px;font-weight:700;display:flex}.mode-switch span{color:var(--ink-faint);transition:color .16s}.mode-switch:not(.point) .ms-drag,.mode-switch.point .ms-point{color:var(--ink)}.ms-track{background:#78a0be38;border-radius:9px;width:34px;height:18px;transition:background-color .16s;position:relative}.mode-switch.point .ms-track{background:var(--geo)}.ms-knob{background:var(--ink);border-radius:50%;width:14px;height:14px;transition:transform .16s;position:absolute;top:2px;left:2px}.mode-switch.point .ms-knob{background:#04131c;transform:translate(16px)}.gate-launch{letter-spacing:.2em;color:#0a1016;background-color:#cfe0ece6;border-color:#cfe0ecf2;padding:13px 28px;font-size:12px;font-weight:700}.gate-launch:hover{background-color:var(--lit);border-color:var(--lit)}.gate-launch:disabled{opacity:1;color:#0a1016;cursor:default;background-color:#cfe0ec57;border-color:#cfe0ec57}.gate-status{letter-spacing:.1em;text-indent:.1em;text-transform:uppercase;min-height:18px;color:var(--ink-dim);margin-top:14px;font-size:12px}.gate-status.err{color:#e2957f}.gate-placeblock{margin-top:32px}.gate-wherelabel{letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;color:var(--ink-dim);font-size:12px}.gate-where{letter-spacing:.12em;text-transform:uppercase;color:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:10px;font-size:14px;display:flex}.gate-locate{letter-spacing:.1em;color:var(--ink-dim);padding:6px 11px;font-size:13px}.gate-locate:hover:not(:disabled){color:var(--ink)}.gate-placenote:empty{display:none}.gate-placenote{letter-spacing:.08em;text-indent:.08em;text-transform:uppercase;color:var(--ink-dim);margin-top:8px;font-size:12px}.gate-hint{letter-spacing:.08em;color:var(--ink-dim);margin-top:18px;font-size:12px}.gate-meta{letter-spacing:.12em;text-indent:.12em;text-transform:uppercase;color:var(--ink-faint);margin-top:9px;font-size:12px}@media (prefers-reduced-motion:reduce){.poster .drift,.poster .tumble{animation:none}.gate{transition:none}}@media (max-width:620px){:root{--col-w:208px;--gate-w:100%}.gate-copy{max-width:calc(100vw - 40px)}.gate-scrim{background:#000000b3}.gate-go{flex-direction:column;align-items:center}.gate-title{letter-spacing:.2em;text-indent:.2em}.gate-tagline{letter-spacing:.12em;text-indent:.12em;line-height:1.85}.clock{font-size:15px}#hud{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))}}#hud.compact{--col-w:248px}.titlebar{align-items:center;gap:10px;margin-bottom:4px;display:flex}.titlebar h1{white-space:nowrap;margin:0}#hud.compact .titlebar h1{font-size:18px}#panel{background:0 0;border:none;flex:none;width:34px;height:30px;padding:0;display:none;position:relative}#hud.compact #panel{display:block}#panel i{background:var(--ink);border-radius:1px;width:18px;height:2px;transition:transform .18s,opacity .12s;position:absolute;left:8px}#panel i:first-child{top:9px}#panel i:nth-child(2){top:14px}#panel i:nth-child(3){top:19px}#panel.on i:first-child{transform:translateY(5px)rotate(45deg)}#panel.on i:nth-child(2){opacity:0}#panel.on i:nth-child(3){transform:translateY(-5px)rotate(-45deg)}#panel .kept{color:var(--ink);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;line-height:1;position:absolute;top:0;right:-4px}#panel.on .kept,#hud.compact.folded header>.sub,#hud.compact.folded header>.warn,#hud.compact.folded header>.scrub,#hud.compact.folded .clock small,#hud.compact.folded .lists,#hud.compact.folded .spacer,#hud.compact.folded .foot{display:none}#hud.compact.folded .col{align-self:flex-start;height:auto}#hud.compact.folded .scrim{width:calc(var(--col-w) + 120px);background:radial-gradient(ellipse at top left, rgb(0 0 0/var(--scrim-alpha)) 35%, #0000 72%);height:300px;bottom:auto}#hud.compact .hints{top:auto;right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));gap:6px}#hud.compact .conventions{margin-top:0}.conv.held{color:var(--ink);font-weight:700}.conv.held i{opacity:1}@media (orientation:portrait){#hud.compact:not(.folded){--col-w:100%}#hud.compact:not(.folded) .scrim{background:#000000db;width:100%}#hud.compact:not(.folded) .hints{display:none}}@media (orientation:landscape){#hud.compact:not(.folded) .col{grid-template-columns:var(--col-w) var(--col-w);grid-template-rows:minmax(0,1fr) auto;gap:10px 22px;width:auto;display:grid}#hud.compact:not(.folded) header{grid-area:1/1/3;min-height:0;overflow-y:auto}#hud.compact:not(.folded) .lists{grid-area:1/2}#hud.compact:not(.folded) .foot{grid-area:2/2;max-height:45vh}#hud.compact:not(.folded) .spacer{display:none}#hud.compact:not(.folded) .scrim{width:calc(2 * var(--col-w) + 36px + var(--scrim-fade))}}