:root{--a:#ace;--b:#bed;--c:#facade;--d:#decade;--e:#face;--f:#fade;--vga-blue:#00a;--vga-gray:#aaa;--vga-white:#fff;--vga-cyan:#0aa;--vga-yellow:#ff5;--vga-black:#000;--stage-w:100vw;--stage-h:100vh;--beat:.48s}::selection{color:#000;background:#decade}html,body{cursor:default;background:#000;height:100%;margin:0;overflow:hidden}#stage{width:var(--stage-w);height:var(--stage-h);perspective:2000px;position:fixed;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}#gl{width:100%;height:100%;display:block;position:absolute;inset:0}#voice{pointer-events:none;font:400 calc(var(--stage-h) * .022) / 1.3 ui-monospace, Menlo, monospace;color:#fff;mix-blend-mode:difference;position:absolute;inset:0}.textmode{width:var(--stage-w);height:var(--stage-h);background:var(--vga-black);color:var(--vga-gray);z-index:10;font-family:ui-monospace,Menlo,monospace;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.textmode[hidden]{display:none}.textmode .ln{height:calc(var(--stage-h) / 25);line-height:calc(var(--stage-h) / 25);white-space:pre;overflow:hidden}.textmode .ln>span{vertical-align:top;height:100%;display:inline-block}.textmode [data-id]{cursor:pointer}.tb{color:var(--vga-gray);background:var(--vga-blue)}.th{color:var(--vga-white);background:var(--vga-blue)}.ty{color:var(--vga-yellow);background:var(--vga-blue)}.tc{color:#5ff;background:var(--vga-blue)}.ts{color:var(--vga-black);background:var(--vga-cyan)}.tt{color:var(--vga-black);background:var(--vga-gray)}.tr{color:#a00;background:var(--vga-gray)}.tk{color:var(--vga-gray);background:var(--vga-black)}.tw{color:var(--vga-white);background:var(--vga-black)}.td{color:#555;background:var(--vga-black)}.cursor{animation:blink var(--beat) steps(1, end) infinite}@keyframes blink{50%{visibility:hidden}}#dev{color:#ccc;z-index:20;-webkit-user-select:none;user-select:none;background:#0009;font:11px/1.4 ui-monospace,Menlo,monospace;position:fixed;bottom:0;left:0;right:0}#dev .bar{cursor:pointer;height:22px;position:relative}#dev .cue{white-space:nowrap;border-left:1px solid #ffffff40;padding-left:3px;font-size:10px;line-height:22px;position:absolute;top:0;bottom:0;overflow:hidden}#dev .cue.p1{background:#decade1f}#dev .cue.p2{background:#accede14}#dev .head{background:#face;width:2px;position:absolute;top:0;bottom:0}#dev .loop{background:#facade2e;position:absolute;top:0;bottom:0}#dev .info{gap:16px;padding:2px 8px;display:flex}#dev.hidden{display:none}