.sx{--phos:#b4ffc8;--phos-dim:#6fbf8b;min-height:100svh;position:relative}.sx .st-plate img{filter:brightness(0)saturate(.9)}.sx[data-phase=lamp] .st-plate img,.sx[data-phase=lit] .st-plate img{animation:1.25s step-end forwards sx-lamp}@keyframes sx-lamp{0%{filter:brightness(.9)saturate(.9)}8%{filter:brightness(.05)saturate(.9)}16%{filter:brightness(.7)saturate(.9)}22%{filter:brightness(.1)saturate(.9)}30%,to{filter:brightness(.82)saturate(.95)}}.sx-lamp{aspect-ratio:.8;mix-blend-mode:screen;opacity:0;pointer-events:none;background:radial-gradient(closest-side,#dcffeb29,#a0e6c80d 55%,#0000);width:46%;position:absolute;top:30%;left:49%;translate:-50% -50%}.sx[data-phase=lamp] .sx-lamp,.sx[data-phase=lit] .sx-lamp{animation:1.25s step-end forwards sx-lamp-glow,4.5s ease-in-out 1.3s infinite sx-hum}@keyframes sx-lamp-glow{0%,16%{opacity:1}8%,22%{opacity:0}30%,to{opacity:1}}@keyframes sx-hum{50%{opacity:.8}}@media (max-aspect-ratio:5/6){.sx .st-stage{--st-zoom:1.12;--st-y:56%}.sx-lamp{width:80%;top:22%;left:48%}}.sx-diagram{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:visible}.sx-line{fill:none;stroke:var(--phos);stroke-width:1px;opacity:.45;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 3px #78ffaa99);transition:opacity .25s,stroke-width .25s}.sx[data-phase=lit] .sx-line{animation:sx-draw .9s var(--ease-glide) calc(var(--i) * .11s + .15s) forwards}@keyframes sx-draw{to{stroke-dashoffset:0}}.sx-node-g[data-open] .sx-line{opacity:1;stroke-width:1.6px;stroke:var(--c)}.sx-reticle{color:var(--phos);opacity:0;transition:color .25s}.sx[data-phase=lit] .sx-reticle{animation:sx-in .5s ease-out calc(var(--i) * .11s) forwards}@keyframes sx-in{0%{opacity:0;scale:2.2}to{opacity:1;scale:1}}.sx-reticle path,.sx-ring{fill:none;stroke:currentColor;stroke-width:1px}.sx-ring{stroke-dasharray:3 3}.sx-dot{fill:currentColor}.sx-node-g[data-open] .sx-reticle{color:var(--c);filter:drop-shadow(0 0 4px var(--c))}.sx-num{fill:currentColor;font-family:var(--k-notation), ui-monospace, monospace;paint-order:stroke;stroke:#010507;stroke-width:3px;font-size:11px;font-weight:600}.sx-ui{z-index:2;min-height:100svh;padding:104px 4.5vw 48px;position:relative}.sx-head{text-shadow:0 1px 18px #000000d9;max-width:40vw;position:relative}.sx-col{width:min(300px,22vw);margin:0;padding:0;list-style:none;position:absolute}.sx-col-l{top:calc(30vh + 24px);left:4.5vw}.sx-col-r{top:20vh;right:4.5vw}.sx-node{opacity:0;padding-bottom:clamp(10px,3.2vh,34px);position:relative}.sx[data-phase=lit] .sx-node{animation:sx-label .6s var(--ease-glide) calc(var(--i) * .11s + .55s) forwards}@keyframes sx-label{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:none}}.sx-card{color:var(--phos);text-shadow:0 0 .6em #78ffaa59;background:#010604b8;border:1px solid #b4ffc82e;gap:3px;padding:9px 12px;text-decoration:none;transition:border-color .25s,background-color .25s;display:grid}.sx-node[data-side=r] .sx-card{text-align:right}.sx-node[data-open] .sx-card,.sx-card:focus-visible{border-color:var(--c);background:#010604f7;outline:none}.sx-tag{color:var(--phos);font-size:11px}.sx-node[data-open] .sx-tag{color:#fff}.sx-cat{color:var(--phos-dim);font-size:9px}.sx-more{transition:grid-template-rows .35s var(--ease-glide);grid-template-rows:0fr;display:grid}.sx-more-in{gap:8px;min-height:0;display:grid;overflow:hidden}.sx-node[data-open] .sx-more{grid-template-rows:1fr}.sx-line-copy{font-family:var(--k-body), system-ui, sans-serif;color:#ece4d6eb;text-shadow:none;font-size:14px;line-height:1.45;display:block}.sx-impact,.sx-go{color:var(--phos-dim);font-size:9px;display:block}.sx-go{color:var(--c)}.sx-preview{aspect-ratio:16/9;background:repeating-linear-gradient(#ffffff0a 0 1px,#0000 1px 3px),#020805;border:1px solid #b4ffc826;display:block}@media (max-height:820px){.sx-preview{display:none}}.sx-preview video{object-fit:cover;width:100%;height:100%;display:block}@media (max-aspect-ratio:5/6){.sx-ui{padding:92px 14px 28px}.sx-head{max-width:none}.sx-cols{margin-top:calc(100svh - 282px)}.sx-col{width:auto;position:static}.sx-node{padding-bottom:10px}.sx-node[data-side=r] .sx-card{text-align:left}.sx-more{grid-template-rows:1fr}.sx-more-in{padding-top:8px}.sx-preview{display:none}.sx-tag{font-size:12px}}
