:root{--bg:#000000;--ink:#e6e6e6;--dim:#888888;--accent:#d6d6d6}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);overflow:hidden;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;color:var(--ink)}#app{position:fixed;top:0;right:0;bottom:0;left:0}canvas{display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;transition:opacity .4s}#ui.hidden{opacity:0}#topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:baseline;padding:18px 24px;mix-blend-mode:screen}.brand{display:flex;gap:14px;align-items:baseline;pointer-events:auto;cursor:pointer}.brand:hover #proj-code{text-shadow:0 0 24px #fff}#proj-code{font-weight:700;letter-spacing:.18em;font-size:20px;color:#fff;text-shadow:0 0 18px var(--accent)}#proj-title{color:var(--dim);letter-spacing:.32em;font-size:11px;text-transform:uppercase}#proj-venue{color:var(--dim);font-size:11px;letter-spacing:.2em;text-transform:uppercase}#panel{position:absolute;left:24px;bottom:132px;width:min(420px,42vw);max-height:60vh;overflow:auto;padding:22px 24px;background:linear-gradient(180deg,#080c14c7,#080c148c);border:1px solid rgba(180,180,180,.16);border-left:2px solid var(--accent);border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s;box-shadow:0 10px 50px #00000080}#panel.show{opacity:1;transform:none}#panel::-webkit-scrollbar{width:6px}#panel::-webkit-scrollbar-thumb{background:#b4b4b44d;border-radius:3px}#panel .meta{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:.2em;margin-bottom:10px}.act{color:var(--dim)}.counter{margin-left:auto;color:var(--dim)}.phase{padding:2px 8px;border-radius:99px;font-weight:700}.phase.init{background:#dcdcdc12;color:#9aa6ad}.phase.grow{background:#dcdcdc1a;color:#b0b0b0}.phase.optimize{background:#dcdcdc21;color:#cfe0c8}.phase.overfit{background:#dcdcdc29;color:#d8c8b8}.phase.glitch{background:#fff3;color:#fff}#panel h1{font-size:34px;letter-spacing:.04em;line-height:1;color:#fff;text-shadow:0 0 24px var(--c, #ffffff);margin-bottom:4px}#panel h2{font-size:13px;font-weight:400;color:var(--dim);letter-spacing:.28em;text-transform:uppercase;margin-bottom:14px}#panel .body{font-size:13.5px;line-height:1.62;color:#c8c8c8;margin-bottom:14px}.video{position:relative;width:100%;aspect-ratio:16/9;margin:0 0 14px;border:1px solid rgba(180,180,180,.2);border-radius:3px;overflow:hidden}.video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cols{display:flex;gap:18px;margin-bottom:14px}.col{flex:1}#panel h3{font-size:10px;letter-spacing:.24em;color:var(--accent);text-transform:uppercase;margin-bottom:8px}#panel ul{list-style:none}#panel li{font-size:12px;color:#b4b4b4;padding:3px 0;border-bottom:1px solid rgba(180,180,180,.08)}#panel li:before{content:"› ";color:var(--accent)}.refs{display:flex;flex-wrap:wrap;gap:6px}.card-link,.refs a,.p-links a,.rc-refs a{font-size:11px;letter-spacing:.02em;color:#cdd8e4;text-decoration:none;padding:4px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;transition:background .2s,border-color .2s,box-shadow .2s;cursor:pointer}.card-link:hover,.refs a:hover,.p-links a:hover,.rc-refs a:hover{color:#fff;border-color:#fff;background:#ffffff1f;box-shadow:0 0 16px #ffffff2e}.rc-refs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.meta .time{color:var(--dim);letter-spacing:.16em}.surfaces{margin-bottom:14px}.surfaces ul{list-style:none}.surfaces .sf{display:grid;grid-template-columns:64px 1fr;gap:8px;padding:5px 0;align-items:baseline;border-bottom:1px solid rgba(180,180,180,.08)}.surfaces .sf b{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:5px;white-space:nowrap}.surfaces .sf b:before{content:"";width:7px;height:7px;border-radius:99px;background:currentColor;box-shadow:0 0 8px currentColor;flex:none}.surfaces .sf span{font-size:11.5px;line-height:1.5;color:#b6b6b6}.sf-meta b{color:#8be8a0}.sf-data b{color:#bfd0ff}.sf-loop b{color:#ff7ad9}.sf-patch b{color:#e8d48b}.qualia{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:4px}.qualia div{font-size:11.5px;line-height:1.5;color:#b0b0b0}.qualia b{color:var(--accent);letter-spacing:.1em;font-size:9.5px;text-transform:uppercase;margin-right:8px}.surfaces .sf.hot{background:#ffffff14}.surfaces .sf.hot span{color:#fff}.section-draw{position:relative;width:100%;margin:2px 0 12px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#ffffff05;overflow:hidden}.sd-img{display:block;width:100%;height:auto;opacity:.92}.sd-mk{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:5px;padding:3px 7px 3px 5px;border-radius:99px;cursor:pointer;font:inherit;color:var(--ink);background:#080808a8;border:1px solid rgba(255,255,255,.22);white-space:nowrap;transition:background .2s,border-color .2s,box-shadow .2s,transform .15s}.sd-mk:hover{background:#141414eb;border-color:#fff;box-shadow:0 0 16px #ffffff4d;transform:translate(-50%,-50%) scale(1.06)}.sd-mk i{width:7px;height:7px;border-radius:99px;background:var(--ph,#fff);color:var(--ph,#fff);box-shadow:0 0 8px currentColor;flex:none}.sd-mk span{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase}.sd-meta{--ph:#8be8a0}.sd-data{--ph:#bfd0ff}.sd-loop{--ph:#ff7ad9}.sd-patch{--ph:#e8d48b}.gizmo-opt{position:fixed;right:24px;z-index:14;display:none;font:inherit;font-size:11px;letter-spacing:.1em;color:var(--ink);background:#141c28b8;border:1px solid rgba(180,180,180,.22);border-radius:4px;padding:7px 12px;cursor:pointer;transition:all .2s;pointer-events:auto}.gizmo-opt:hover,.gizmo-opt.on{border-color:#fff;color:#fff;box-shadow:0 0 16px #ffffff38}#frame-btn{bottom:196px}#section-toggle{bottom:158px}#section-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:16;display:none;align-items:center;justify-content:center;pointer-events:none}#section-overlay.show{display:flex}.so-panel{position:relative;width:min(78vw,1100px);pointer-events:auto;padding:14px 16px 18px;border-radius:8px;background:linear-gradient(180deg,#060606f0,#060606d1);border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 70px #000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.so-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.so-close{margin-left:auto;background:#ffffff0f;color:var(--ink);border:1px solid rgba(255,255,255,.2);border-radius:99px;width:28px;height:28px;cursor:pointer;font:inherit;transition:all .2s}.so-close:hover{border-color:#fff;color:#fff}.so-panel .section-draw{margin:0;border:none;background:none}.so-panel .sd-mk span{font-size:11px}#controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:16px 24px;pointer-events:auto;background:linear-gradient(0deg,rgba(5,7,13,.85),transparent)}#controls button{font:inherit;font-size:12px;letter-spacing:.1em;color:var(--ink);background:#141c28b3;border:1px solid rgba(180,180,180,.22);border-radius:3px;padding:8px 14px;cursor:pointer;transition:all .2s}#controls button:hover{border-color:var(--accent);color:#fff;box-shadow:0 0 16px #ffffff38}#auto.on{border-color:var(--accent);color:#fff}#dots{display:flex;gap:8px;margin-left:8px}.dot{width:11px;height:11px;border-radius:99px;padding:0!important;background:transparent!important;border:1.5px solid var(--c)!important;opacity:.4;cursor:pointer;transition:all .25s}.dot.active{opacity:1;background:var(--c)!important;box-shadow:0 0 12px var(--c)}.hint{margin-left:auto;color:var(--dim);font-size:10px;letter-spacing:.12em}#VRButton{z-index:20}#portal{position:fixed;top:0;left:0;width:280px;z-index:15;pointer-events:none;opacity:0;transition:opacity .25s;transform:translate(-9999px,-9999px);will-change:transform}#portal.show{opacity:1;pointer-events:auto}#portal{padding:14px 16px;border-radius:5px;background:linear-gradient(180deg,#060606eb,#060606c7);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 50px #000000b3,0 0 30px #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#portal .p-meta{display:flex;gap:8px;font-size:9px;letter-spacing:.22em;color:var(--dim);margin-bottom:6px}#portal .p-phase{color:#fff}#portal h4{font-size:15px;color:#fff;letter-spacing:.04em;margin-bottom:10px}#portal h4 small{color:var(--dim);font-weight:400;letter-spacing:.14em;font-size:10px}#portal .p-video,#portal .p-thumb{position:relative;display:flex;width:100%;aspect-ratio:16/9;margin-bottom:10px;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.16)}#portal .p-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#portal .p-thumb{align-items:center;justify-content:center;flex-direction:column;gap:8px;text-decoration:none;background:repeating-linear-gradient(115deg,#0d0d0d,#0d0d0d 7px,#141414 7px,#141414 14px)}#portal .p-play{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:99px;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:14px;transition:all .2s}#portal .p-thumb:hover .p-play{background:#ffffff24;box-shadow:0 0 18px #ffffff40}#portal .p-thumb em{font-style:normal;font-size:10px;color:#bdbdbd;letter-spacing:.06em;padding:0 12px;text-align:center;line-height:1.4}#portal .p-hint{font-size:10px;letter-spacing:.04em;color:#8d8d8d;margin-bottom:10px;padding:5px 8px;border:1px dashed rgba(255,255,255,.16);border-radius:3px}#portal .p-body{font-size:11.5px;line-height:1.55;color:#b6b6b6;margin-bottom:10px}#portal .p-links{display:flex;flex-direction:column;gap:5px}#portal .p-links a{font-size:11px;color:#d6d6d6;text-decoration:none;padding:4px 7px;background:#ffffff0d;border-radius:3px;transition:background .2s}#portal .p-links a:hover{background:#ffffff26;color:#fff}#markers{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none}.marker{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;pointer-events:auto;cursor:pointer;font:inherit;padding:5px 10px 5px 8px;border-radius:99px;color:var(--ink);background:#0808088c;border:1px solid rgba(255,255,255,.18);white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s,border-color .2s,box-shadow .2s}.marker:hover{background:#141414d9;border-color:#fff;box-shadow:0 0 18px #ffffff40}.marker i{width:7px;height:7px;border-radius:99px;background:#fff;box-shadow:0 0 8px #fffc;flex:none}.marker b{font-size:10px;letter-spacing:.16em;color:var(--dim);font-weight:700}.marker span{font-size:11px;letter-spacing:.12em;text-transform:uppercase}@media (max-width:760px){#panel{width:calc(100vw - 32px);left:16px;bottom:140px;max-height:50vh}.hint{display:none}}#view-nav{display:flex;gap:6px;pointer-events:auto;margin:0 auto 0 28px}#view-nav button{font:inherit;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);background:#14141473;border:1px solid rgba(180,180,180,.18);border-radius:99px;padding:5px 14px;cursor:pointer;transition:all .2s}#view-nav button:hover{color:#fff;border-color:#ffffff80}#view-nav button.on{color:#fff;border-color:#fff;box-shadow:0 0 16px #ffffff2e;background:#ffffff0f}#layout-loading{display:none}body.mode-layout #panel,body.mode-layout #markers,body.mode-layout #portal{display:none!important}#layout-loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:14;color:var(--dim);font-size:12px;letter-spacing:.22em;text-transform:uppercase;pointer-events:none}body.mode-layout #layout-loading{display:block}#room-markers{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none;display:none}.room-marker{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;pointer-events:auto;cursor:pointer;font:inherit;padding:5px 11px 5px 9px;border-radius:99px;color:var(--ink);background:#08080899;border:1px solid rgba(255,255,255,.2);white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s,border-color .2s,box-shadow .2s}.room-marker:hover,.room-marker.hot{background:#141414e6;border-color:#fff;box-shadow:0 0 20px #ffffff4d}.room-marker i{width:8px;height:8px;border-radius:99px;background:#fff;box-shadow:0 0 10px currentColor;flex:none}.room-marker b{font-size:9.5px;letter-spacing:.16em;color:var(--dim);font-weight:700}.room-marker span{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.rm-loop i{background:#ff7ad9;color:#ff7ad9}.rm-data i{background:#bfd0ff;color:#bfd0ff}.rm-meta i{background:#8be8a0;color:#8be8a0}.rm-patch i{background:#e8d48b;color:#e8d48b}.player{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:14;width:min(900px,94vw);display:flex;flex-direction:column;align-items:center;gap:11px;pointer-events:auto;font:inherit}.pl-main{display:flex;align-items:center;gap:14px;width:100%}.pl-toggle{flex:none;width:46px;height:46px;border-radius:99px;font:inherit;font-size:15px;color:#fff;background:#141c28b8;border:1px solid rgba(180,180,180,.3);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.pl-toggle:hover{border-color:#fff;box-shadow:0 0 20px #ffffff40}.pl-steps{flex:1;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:9px 16px;border-radius:99px;background:#0808089e;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pl-step{font:inherit;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--dim);background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:7px;padding:4px 8px;border-radius:99px;transition:color .2s,background .2s;white-space:nowrap}.pl-step i{width:8px;height:8px;border-radius:99px;background:var(--c,#fff);color:var(--c,#fff);opacity:.5;box-shadow:0 0 8px currentColor;flex:none;transition:opacity .2s}.pl-step:hover{color:#fff}.pl-step.on{color:#fff;background:#ffffff12}.pl-step.on i{opacity:1}.pl-arrow{color:#454545;font-size:10px;flex:none}.pl-ruler{position:relative;width:100%;height:32px;border:1px solid rgba(255,255,255,.1);border-radius:3px;background:#ffffff05;overflow:hidden;cursor:pointer}.pl-wave{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.pl-bounds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pl-bound{position:absolute;top:0;bottom:0;width:1.5px;background:var(--c);opacity:.7;box-shadow:0 0 8px var(--c)}.pl-head{position:absolute;top:-2px;bottom:-2px;width:2px;background:#fff;box-shadow:0 0 10px #ffffffd9;transition:left .12s linear;pointer-events:none}.pl-cap{display:flex;align-items:baseline;gap:10px;font-size:11.5px;letter-spacing:.06em;color:#9a9a9a;text-align:center}.pl-cap b{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--c,#fff)}.cplayer{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:14;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto;font:inherit}.cp-ring{position:relative;width:156px;height:156px}.cp-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.cp-bg{fill:none;stroke:#ffffff1f;stroke-width:2}.cp-prog{fill:none;stroke:#fff;stroke-width:3.5;stroke-linecap:round;transition:stroke-dashoffset .14s linear,stroke .3s}.cp-toggle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:99px;font:inherit;font-size:16px;color:#fff;background:#141c28d1;border:1px solid rgba(255,255,255,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.cp-toggle:hover{border-color:#fff;box-shadow:0 0 22px #ffffff4d}.cp-step{position:absolute;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;font:inherit;display:flex;align-items:center;gap:5px;color:var(--dim);transition:color .2s;white-space:nowrap}.cp-step i{width:11px;height:11px;border-radius:99px;background:var(--c);color:var(--c);box-shadow:0 0 8px currentColor;opacity:.55;border:2px solid #000;flex:none;transition:opacity .2s,transform .2s}.cp-step span{font-size:9px;letter-spacing:.14em}.cp-step:hover{color:#fff}.cp-step:hover i{opacity:1}.cp-step.on{color:#fff}.cp-step.on i{opacity:1;transform:scale(1.35)}.cp-pos-0{flex-direction:column-reverse}.cp-pos-2{flex-direction:column}.cp-pos-1{flex-direction:row}.cp-pos-3{flex-direction:row-reverse}.cp-cap{display:flex;align-items:baseline;gap:10px;font-size:11.5px;letter-spacing:.06em;color:#9a9a9a;text-align:center;max-width:90vw}.cp-cap b{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--c,#fff)}#room-card{position:fixed;right:24px;top:50%;transform:translateY(-50%) translate(20px);width:min(320px,32vw);z-index:15;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;padding:18px 20px;border-radius:6px;background:linear-gradient(180deg,#060606eb,#060606cc);border:1px solid rgba(255,255,255,.14);border-top:2px solid var(--accent);box-shadow:0 12px 50px #000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#room-card.show{opacity:1;transform:translateY(-50%) translate(0)}#room-card .rc-meta{display:flex;gap:10px;font-size:9.5px;letter-spacing:.22em;color:var(--dim);margin-bottom:8px;text-transform:uppercase}#room-card .rc-key{margin-left:auto;color:#fff}#room-card h4{font-size:19px;color:#fff;letter-spacing:.03em;margin-bottom:12px}#room-card h4 small{color:var(--dim);font-weight:400;letter-spacing:.14em;font-size:11px}#room-card .rc-role{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}#room-card .rc-body{font-size:12.5px;line-height:1.6;color:#c4c4c4;margin-bottom:12px}#room-card .rc-also{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}#room-card .rc-also span{font-size:10px;letter-spacing:.04em;color:#b8b8b8;padding:3px 8px;border:1px solid rgba(255,255,255,.14);border-radius:99px;background:#ffffff08}#room-card.rc-loop{border-top-color:#ff7ad9}#room-card.rc-data{border-top-color:#bfd0ff}#room-card.rc-meta{border-top-color:#8be8a0}#room-card.rc-patch{border-top-color:#e8d48b}#room-card .rc-code{display:block;font-size:11px;color:#9fe9c0;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:7px 9px;white-space:pre-wrap;word-break:break-word}#addr-trigger{display:flex;flex-direction:column;align-items:flex-end;gap:2px;pointer-events:auto;cursor:pointer;background:none;border:none;font:inherit;padding:2px 0;text-align:right;transition:opacity .2s}#addr-trigger:hover{opacity:.75}#addr-trigger .av-venue{color:var(--dim);font-size:11px;letter-spacing:.2em;text-transform:uppercase}#addr-trigger:hover .av-venue{color:#fff;text-shadow:0 0 14px rgba(255,255,255,.3)}#addr-trigger .av-sub{color:#5e5e5e;font-size:9.5px;letter-spacing:.14em}#cosmos{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;opacity:0;pointer-events:none;transition:opacity .35s}#cosmos.show{opacity:1;pointer-events:auto}.cz-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cz-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:22px 26px}.cz-head{display:flex;align-items:baseline;gap:14px}.cz-kicker{color:#fff;font-size:11px;letter-spacing:.4em;text-transform:uppercase}.cz-loc{color:var(--dim);font-size:10px;letter-spacing:.24em;text-transform:uppercase}.cz-close{margin-left:auto;background:#ffffff0f;color:var(--ink);border:1px solid rgba(255,255,255,.2);border-radius:99px;width:30px;height:30px;cursor:pointer;font:inherit;font-size:13px;transition:all .2s}.cz-close:hover{border-color:#fff;color:#fff;box-shadow:0 0 16px #ffffff40}.cz-stage{position:relative;flex:1;overflow:hidden}.cz-reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(620px,82vw);height:64px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 0 60px #ffffff0d inset;pointer-events:none}.cz-track{position:absolute;top:0;left:50%;width:0;height:100%}.cz-tier{position:absolute;top:50%;left:50%;width:min(620px,82vw);transform:translate(-50%,-50%);transform-origin:center center;display:flex;align-items:center;gap:16px;background:none;border:none;font:inherit;cursor:pointer;text-align:left;transition:transform .5s cubic-bezier(.22,.61,.36,1),opacity .5s;will-change:transform,opacity}.czt-glyph{flex:none;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#bcbcbc;border:1px solid rgba(255,255,255,.16);border-radius:99px}.czt-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.czt-name{color:#cfcfcf;font-size:15px;letter-spacing:.16em;text-transform:uppercase}.czt-detail{color:#7d7d7d;font-size:11px;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.czt-scale{flex:none;color:#6a6a6a;font-size:11px;letter-spacing:.1em;font-variant-numeric:tabular-nums}.cz-tier.active .czt-glyph{color:#fff;border-color:#fff;box-shadow:0 0 24px #ffffff4d}.cz-tier.active .czt-name{color:#fff;text-shadow:0 0 22px rgba(255,255,255,.35)}.cz-tier.active .czt-detail{color:#bdbdbd}.cz-tier.active .czt-scale{color:#dcdcdc}.cz-zoom{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px}.cz-zoom button{background:#ffffff0f;color:var(--ink);border:1px solid rgba(255,255,255,.2);border-radius:99px;width:30px;height:30px;cursor:pointer;font:inherit;font-size:14px;transition:all .2s}.cz-zoom button:hover{border-color:#fff;color:#fff}.cz-rail{position:relative;width:2px;height:150px;background:#ffffff1f;border-radius:2px;overflow:hidden}.cz-railfill{position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(0deg,#fff,#fff6);transition:height .5s}.cz-foot{display:flex;align-items:center;gap:14px}.cz-date{color:#cfcfcf;font-size:11px;letter-spacing:.16em;font-variant-numeric:tabular-nums}.cz-tag{margin-left:auto;color:var(--dim);font-size:10px;letter-spacing:.28em;text-transform:uppercase}@media (max-width:760px){.czt-scale{display:none}}body.mode-script #panel,body.mode-script #player-mount,body.mode-script #markers,body.mode-script #portal{display:none!important}#script{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;background:#04060a;opacity:0;pointer-events:none;transition:opacity .5s;overflow:hidden}#script.show{opacity:1;pointer-events:auto}.sp-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.sp-crt{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0,#0000 2px,#00000052 2px,#00000052 3px),radial-gradient(ellipse at center,transparent 52%,rgba(0,0,0,.8) 100%);mix-blend-mode:multiply}.sp-frame{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;max-width:1180px;margin:0 auto;padding:84px 32px 116px}.sp-top{display:flex;align-items:baseline;gap:14px;margin-bottom:24px;flex:none}.sp-code{font-weight:700;letter-spacing:.18em;font-size:18px;color:#fff;text-shadow:0 0 16px rgba(255,255,255,.3)}.sp-counter{color:var(--dim);font-size:10px;letter-spacing:.24em;text-transform:uppercase}.sp-stage{flex:1;display:flex;overflow-y:auto}.sp-stage::-webkit-scrollbar{width:6px}.sp-stage::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sp-passage{opacity:0;transform:translateY(16px);filter:blur(6px);margin:auto 0;transition:opacity .7s,transform .7s,filter .7s;width:100%}.sp-passage.in{opacity:1;transform:none;filter:none}.sp-title{font-size:clamp(28px,5vw,52px);font-weight:700;letter-spacing:.02em;line-height:1.1;color:#fff;margin-bottom:22px;text-shadow:0 0 26px rgba(255,255,255,.22)}.sp-title.active{text-shadow:0 0 32px rgba(180,255,210,.4)}.sp-title .w.lit{color:#fff;text-shadow:0 0 22px rgba(180,255,210,.75)}.sp-title .w.done{color:#dfeee7}.sp-passage.hero .sp-title{display:none}.sp-passage.hero{margin:28vh 0 auto}.sp-para.vibe,.sp-passage.hero .sp-body p.sp-para.vibe{font-size:clamp(13px,1.8vw,18px);font-weight:400;color:#86b8a4;letter-spacing:.34em;text-decoration:line-through;text-decoration-color:#82d2af99;text-shadow:none;margin:-4px 0 16px}.sp-passage.hero .sp-body{padding:18px 22px;border-radius:8px;background:radial-gradient(ellipse at left,rgba(4,6,10,.78),rgba(4,6,10,.3) 70%,transparent)}.sp-body{opacity:0;transform:translateY(10px);transition:opacity .7s,transform .7s}.sp-body.in{opacity:1;transform:none}.sp-body p.sp-para{font-size:clamp(17px,2.4vw,24px);line-height:1.7;color:#7c8a82;margin-bottom:16px;letter-spacing:.01em;transition:color .4s}.sp-passage.hero .sp-body p.sp-para:first-child{font-size:clamp(34px,7vw,72px);font-weight:700;color:#fff;letter-spacing:.04em;line-height:1.05;text-shadow:0 0 30px rgba(255,255,255,.3)}.sp-para.active{color:#aebfb6}.sp-para .w{color:inherit;transition:color .12s,text-shadow .12s}.sp-para .w.done{color:#cfe0d8}.sp-para .w.lit{color:#fff;text-shadow:0 0 18px rgba(180,255,210,.6)}.sp-codeblock{margin-top:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-left:2px solid #9fe9c0;border-radius:4px;background:#ffffff08;color:#9fe9c0;font-size:13px;line-height:1.6;white-space:pre;max-width:520px}.sp-passage:not(.has-media) .sp-main{max-width:720px;margin:0 auto}.sp-passage.has-media{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}.sp-passage.has-media .sp-main{max-width:none}.sp-aside{display:flex;flex-direction:column;gap:14px;min-width:0}@media (max-width:860px){.sp-passage.has-media{grid-template-columns:1fr;gap:22px}}.ph-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.ph{padding:6px 13px;border-radius:99px;border:1px solid var(--c);color:var(--c);font-size:13px;letter-spacing:.12em;text-transform:uppercase;background:#ffffff05;box-shadow:0 0 16px -5px var(--c)}.ph-pair{display:flex;align-items:center;gap:8px;padding:6px;border-radius:99px;border:1px dashed rgba(255,255,255,.18)}.ph-pair i{font-style:normal;color:#8a8a8a;font-size:12px}.ph-arr{color:#5a5a5a;font-size:14px}.sp-inline{margin-top:20px}.sp-link{display:inline-block;margin-top:24px;font:inherit;font-size:13px;letter-spacing:.1em;color:#fff;cursor:pointer;padding:11px 20px;border-radius:5px;border:1px solid rgba(255,255,255,.28);background:#ffffff0d;transition:all .2s}.sp-link:hover{border-color:#fff;box-shadow:0 0 20px #fff3}.sp-media{width:100%;margin:0;border:1px solid rgba(255,255,255,.14);border-radius:6px;overflow:hidden;background:#000}.sp-media-youtube iframe,.sp-media video{display:block;width:100%;aspect-ratio:16/9;border:0}.sp-media-iframe iframe{display:block;width:100%;height:300px;border:0;background:#fff}.sp-media .sp-cap{display:block;padding:6px 10px;color:#8a8a8a;font-size:11px;letter-spacing:.05em}a.sp-cap{text-decoration:none;transition:color .15s}a.sp-cap:hover{color:#dfeee7}a.sp-cap b{color:#27e0a0;font-weight:600;white-space:nowrap}a.sp-cap:hover b{text-shadow:0 0 12px rgba(39,224,160,.55)}.sp-rail{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:4;display:flex;flex-direction:column;gap:10px;padding:14px 16px 14px 14px}.sp-tick{position:relative;display:flex;align-items:center;background:none;border:0;cursor:pointer;padding:4px 0}.sp-tick i{display:block;width:20px;height:2px;border-radius:2px;background:#3a4a44;transition:width .18s,background .18s,box-shadow .18s}.sp-tick:hover i{width:30px;background:#9fe9cf}.sp-tick.on i{width:34px;background:#27e0a0;box-shadow:0 0 12px #27e0a0b3}.sp-tick-label{position:absolute;left:42px;white-space:nowrap;color:#cfe0d8;font-size:11px;letter-spacing:.04em;background:#04060aeb;border:1px solid rgba(39,224,160,.25);border-radius:5px;padding:4px 9px;opacity:0;transform:translate(-6px);pointer-events:none;transition:opacity .15s,transform .15s}.sp-tick:hover .sp-tick-label,.sp-tick.on .sp-tick-label{opacity:1;transform:none}@media (max-width:860px){.sp-rail{top:auto;bottom:64px;left:50%;transform:translate(-50%);flex-direction:row}.sp-tick i{width:14px}.sp-tick:hover i,.sp-tick.on i{width:14px;height:4px}.sp-tick-label{left:50%;bottom:22px;transform:translate(-50%)}}.kw{transition:color .12s,text-shadow .12s}.kw.done{color:#cfe0d8}.kw.lit{color:#fff;text-shadow:0 0 16px rgba(180,255,210,.6)}.sp-nav{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:10px;padding:16px 24px;background:linear-gradient(0deg,rgba(4,6,10,.95),transparent)}.sp-btn{font:inherit;font-size:12px;letter-spacing:.1em;color:var(--ink);background:#141c28b8;border:1px solid rgba(180,180,180,.22);border-radius:4px;padding:9px 15px;cursor:pointer;transition:all .2s}.sp-btn:hover{border-color:#fff;color:#fff;box-shadow:0 0 16px #fff3}.sp-play{min-width:96px}.sp-doors{margin-left:auto;display:flex;gap:8px}.sp-door{font:inherit;font-size:11px;letter-spacing:.14em;color:var(--dim);background:none;border:1px solid rgba(255,255,255,.16);border-radius:99px;padding:8px 14px;cursor:pointer;transition:all .2s}.sp-door:hover{color:#fff;border-color:#fff}body.mode-about #panel,body.mode-about #player-mount,body.mode-about #markers,body.mode-about #portal{display:none!important}#about{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;overflow-y:auto;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% -10%,#141c2a99,#05070a 60%);transition:opacity .4s}#about.show{opacity:1;pointer-events:auto}.ab-wrap{max-width:920px;margin:0 auto;padding:96px 28px 80px}.ab-head{margin-bottom:38px}.ab-code{font-weight:700;letter-spacing:.18em;font-size:30px;color:#fff;text-shadow:0 0 22px rgba(255,255,255,.25)}.ab-title{color:var(--dim);letter-spacing:.3em;font-size:12px;text-transform:uppercase;margin-left:10px}.ab-tag{color:#bdbdbd;font-size:15px;letter-spacing:.14em;margin-top:10px}.ab-sec{margin-bottom:36px}.ab-sec h2{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.ab-sec p{color:#c4c4c4;font-size:14px;line-height:1.7;max-width:740px}.ab-sec p b{color:#fff;font-weight:600}.ab-note{color:#8a8a8a!important;font-size:12.5px!important;margin-bottom:14px}.ab-code-block{margin-top:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-left:2px solid var(--accent);border-radius:4px;background:#ffffff08;color:#9fe9c0;font-size:13px;line-height:1.6;white-space:pre}.ab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.ab-card{padding:14px 16px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-top:2px solid var(--c)}.ab-card b{display:block;color:#fff;font-size:13px;letter-spacing:.04em;margin-bottom:6px}.ab-card b:before{content:"";display:inline-block;width:8px;height:8px;border-radius:99px;background:var(--c);box-shadow:0 0 8px var(--c);margin-right:8px;vertical-align:middle}.ab-card span{color:#b0b0b0;font-size:12px;line-height:1.55}.ab-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.ab-mode{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:baseline;padding:9px 12px;border-radius:5px;background:#ffffff05;border:1px solid rgba(255,255,255,.07)}.ab-mode i{font-style:normal;font-size:18px;color:#cfe0ff;text-align:center}.ab-mode b{color:#eaeaea;font-size:13px;letter-spacing:.06em}.ab-mode span{grid-column:2;color:#9a9a9a;font-size:11.5px;line-height:1.5}.ab-refs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.ab-ref{display:flex;flex-direction:column;gap:4px;padding:12px 13px;border-radius:6px;text-decoration:none;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-left:2px solid var(--c);transition:background .2s,border-color .2s,transform .15s}.ab-ref:hover{background:#ffffff17;border-color:#fff;transform:translateY(-2px)}.ab-ref-dom{color:var(--c);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase}.ab-ref-lbl{color:#e2e2e2;font-size:12.5px;line-height:1.4}.ab-ref-stage{color:#6a6a6a;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;margin-top:2px}.ab-foot{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.ab-enter{font:inherit;font-size:13px;letter-spacing:.1em;color:#fff;cursor:pointer;padding:13px 22px;border-radius:5px;border:1px solid rgba(255,255,255,.3);background:#ffffff0f;transition:all .2s}.ab-enter:hover{border-color:#fff;box-shadow:0 0 22px #fff3}.ab-enter.ghost{background:none;color:#bdbdbd}body.mode-intro #ui,body.mode-intro #VRButton{display:none!important}#intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000;opacity:0;pointer-events:none;transition:opacity .5s;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}#intro.show{opacity:1;pointer-events:auto}.in-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}.in-crt{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000 0,#0000 2px,#0000004d 2px,#0000004d 3px),radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.78) 100%);mix-blend-mode:multiply;animation:in-flicker 5.5s steps(40) infinite}.in-crt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}@keyframes in-flicker{0%,to{opacity:.92}47%{opacity:.86}50%{opacity:1}53%{opacity:.83}}.in-wrap{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px;text-align:center;width:min(820px,92vw);margin-bottom:9vh}.in-reveal{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 34px;border-radius:10px;background:transparent;transition:background .6s}#intro.lit .in-reveal{background:radial-gradient(ellipse at center,rgba(0,0,0,.8),rgba(0,0,0,.45) 68%,transparent)}.in-verbs{display:flex;flex-wrap:wrap;justify-content:center;gap:.4em;font-size:clamp(24px,4.4vw,42px);letter-spacing:.03em;line-height:1.05;min-height:1.1em}.in-verbs .v{color:#fff;opacity:0;transform:translateY(14px) scale(.95);filter:blur(8px);text-shadow:0 0 30px rgba(255,255,255,.4);transition:opacity .9s,transform .9s,filter .9s}.in-verbs .v.show{opacity:1;transform:none;filter:none}.in-after{opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity 1s .2s,transform 1s .2s;display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:4px}#intro.resolved .in-after{opacity:1;transform:none;pointer-events:auto}.in-tag{color:#bdbdbd;font-size:14px;letter-spacing:.16em}.in-credit{color:#6f6f6f;font-size:12px;letter-spacing:.06em;max-width:560px}.in-doors{display:flex;gap:18px;margin-top:14px;flex-wrap:wrap;justify-content:center}.in-door{font:inherit;cursor:pointer;color:#cfcfcf;letter-spacing:.12em;font-size:14px;padding:14px 22px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff08;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .2s}.in-door b{color:#fff;letter-spacing:.22em}.in-door small{color:#7a7a7a;font-size:10px;letter-spacing:.1em}.in-door:hover{border-color:#fff;background:#ffffff14;box-shadow:0 0 26px #ffffff2e;transform:translateY(-1px)}.in-hint{color:#5a5a5a;font-size:10px;letter-spacing:.14em;margin-top:6px}.in-hint kbd{color:#cfcfcf;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:1px 5px;font:inherit;font-size:10px}.in-foot{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:18px 24px;color:#5a5a5a;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.in-foot .in-date{font-variant-numeric:tabular-nums;text-transform:none}