*,*::before,*::after{box-sizing:border-box}*:not(dialog){margin:0}@media(prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}.wrapper{isolation:isolate;width:100%;height:100%;overflow:hidden;background-color:#100c08;position:relative}@keyframes hacked-show{0%,99%{visibility:visible}100%{visibility:hidden}}@keyframes float{0%,100%{transform:translate3d(0, -5%, 0)}50%{transform:translate3d(0, 5%, 0)}}@keyframes noise{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-50%, -50%, 0)}}@keyframes move-digits{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(0, -100%, 0)}}@keyframes glitch-flicker{0%{clip-path:rect(10% 100% 100% 0%)}20%{clip-path:rect(10% 100% 85% 0%)}40%{clip-path:rect(55% 100% 70% 0%)}60%{clip-path:rect(55% 100% 75% 0%)}80%{clip-path:rect(75% 100% 100% 0%)}100%{clip-path:rect(55% 100% 100% 0%)}}@keyframes glitch-shadow-filter-colour{0%{filter:drop-shadow(-0.25em 0.1em 0 rgba(0, 0, 255, 0.4)) drop-shadow(0.15em -0.07em 0 rgba(0, 255, 0, 0)) drop-shadow(0.1em 0.09em 0 red);color:#100c08}20%{filter:drop-shadow(-0.15em -0.06em 0 blue) drop-shadow(0.2em 0.08em 0 lime) drop-shadow(0.25em 0.09em 0 rgba(255, 0, 0, 0.2));color:red}40%{filter:drop-shadow(0.25em 0.05em 0 rgba(0, 0, 255, 0)) drop-shadow(-0.15em -0.09em 0 rgba(0, 255, 0, 0.6)) drop-shadow(-0.25em -0.07em 0 rgba(255, 0, 0, 0.8));color:#f8eeec}60%{filter:drop-shadow(0 0.08em 0 rgba(0, 0, 255, 0.8)) drop-shadow(-0.2em 0.07em 0 rgba(0, 255, 0, 0.2)) drop-shadow(0.15em 0.09em 0 rgba(255, 0, 0, 0));color:lime}80%{filter:drop-shadow(-0.15em 0.07em 0 rgba(0, 0, 255, 0.2)) drop-shadow(0.25em -0.1em 0 lime) drop-shadow(0.2em 0.06em 0 red);color:blue}100%{filter:drop-shadow(0.2em -0.08em 0 rgba(0, 0, 255, 0.6)) drop-shadow(-0.15em 0.09em 0 rgba(0, 255, 0, 0.4)) drop-shadow(-0.25em 0.07em 0 rgba(255, 0, 0, 0.4));color:#f8eeec}}@keyframes glitch-shadow-box{0%{box-shadow:none;background-color:rgba(0,0,0,0);color:#100c08}20%{box-shadow:-0.25em .1em 0 rgba(0,0,255,.4),.15em -0.07em 0 rgba(0,255,0,0),.1em .09em 0 red;background-color:rgba(0,0,255,.4);color:red}40%{box-shadow:none;background-color:rgba(0,0,0,0);color:#f8eeec}60%{box-shadow:-0.15em -0.06em 0 blue,.2em .08em 0 lime,.25em .09em 0 rgba(255,0,0,.2);background-color:lime;color:lime}80%{box-shadow:.25em .05em 0 rgba(0,0,255,0),-0.15em -0.09em 0 rgba(0,255,0,.6),-0.25em -0.07em 0 rgba(255,0,0,.8);background-color:rgba(255,0,0,.8);color:blue}100%{box-shadow:none;background-color:rgba(0,0,0,0);color:#f8eeec}}html{font-family:monospace;font-size:calc(1em + 1vw);width:100dvw;height:100dvh;color:#f8eeec;background-color:#100c08}body{width:100%;height:100%}.glitchShadowFilterColour{animation:glitch-shadow-filter-colour infinite 100ms steps(5)}.glitchShadowBox{animation:glitch-shadow-box infinite 100ms steps(5)}.glitchFlicker{animation:glitch-flicker infinite 100ms steps(5)}.success,.transition,.game,.title,.noise{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.game{z-index:1}.title{z-index:2;background-color:#100c08;pointer-events:none}.titleGhost{mask-image:linear-gradient(rgb(0, 0, 0), rgba(0, 0, 0, 0));mask-mode:alpha}.titleGhostSvg{display:block;aspect-ratio:120/150;animation:float infinite 4s ease-in-out;height:min(20dvw,20dvh);margin:min(1dvw,1dvh) 0}.titleGhost[data-no-mask]{mask-image:none;mask-mode:initial}.titleTitle{font-size:1.6em;margin:.5em 0}.button{text-transform:uppercase;font-size:.8em;cursor:pointer;pointer-events:auto;padding:1em;font-weight:bold;color:#100c08;background-color:#f8eeec}.button:hover,.button:active{animation:glitch-shadow-box infinite 100ms steps(5)}.noise{z-index:4;mix-blend-mode:soft-light;opacity:.4;pointer-events:none;overflow:hidden}.noise .image{position:absolute;top:0;left:0;width:200%;height:200%;background-image:url(noise.png);background-repeat:repeat;background-size:min(60dvw,60dvh);animation:noise infinite 200ms linear}.ui{height:5dvh;width:100%;display:flex;flex-flow:row nowrap;align-items:center;flex-shrink:0}.ui>*{flex:1;display:flex;flex-flow:row nowrap;align-items:center;padding:0 .5em;gap:0 .5em;height:100%}.ui>*:last-child{justify-content:flex-end}.ui .label{font-size:.6em;text-transform:uppercase;font-weight:bold}.ui .progress{flex:1;height:.8em;box-shadow:0 0 0 max(1px,min(.5dvw,.5dvh,4px)) #f8eeec}.ui .progress .bar{height:100%;background-color:#f8eeec;transition:width 200ms ease-in-out}.ui .time{font-size:.6em;text-transform:uppercase;font-weight:bold;display:flex;flex-flow:row nowrap;align-items:center}.ui .time .seconds{color:#f8eeec}.ui .time .milliseconds{position:relative;overflow:hidden;height:100%;color:rgba(0,0,0,0)}.ui .time .milliseconds>div{color:#f8eeec;position:absolute;width:33.33%;display:flex;flex-flow:column nowrap;align-items:center;top:0;animation-name:move-digits;animation-timing-function:steps(10);animation-iteration-count:infinite}.ui .time .milliseconds .hundred{left:0;animation-duration:1s}.ui .time .milliseconds .ten{left:33.33%;animation-duration:100ms}.ui .time .milliseconds .one{right:0;animation-duration:10ms}.ui .time[data-inactive] .milliseconds>div{animation-play-state:paused}.connections{display:block;width:100%;height:100%}.connections line{stroke:#f8eeec;stroke-width:max(2px,min(1dvw,1dvh,8px));vector-effect:non-scaling-stroke;stroke-linecap:square}.icon{position:absolute;top:50%;left:50%}.icon svg{display:block;width:100%;height:100%;animation:float infinite 4s ease-in-out;filter:drop-shadow(0 0.4em 0.4em #100c08)}.icon svg use{fill:none;stroke:#f8eeec;stroke-width:max(1px,min(.5dvw,.5dvh,4px));vector-effect:non-scaling-stroke}.node{width:max(min(16dvw,16dvh),32px);aspect-ratio:1;position:relative;cursor:pointer}.node[data-empty]{pointer-events:none}.node .connections{transition:opacity 200ms ease-in-out}.node[data-rotation="0"]{transform:rotateZ(0deg)}.node[data-rotation="1"]{transform:rotateZ(90deg)}.node[data-rotation="2"]{transform:rotateZ(180deg)}.node[data-rotation="3"]{transform:rotateZ(270deg)}.node[data-rotation="4"]{transform:rotateZ(360deg)}.node[data-type="3"]:before,.node[data-type="4"]:before{display:block;content:"";position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0) rotateZ(45deg);width:50%;aspect-ratio:1;transition-property:background-color,border-color;transition-duration:200ms;transition-timing-function:ease-in-out}.node[data-type="3"]:after,.node[data-type="4"]:after{display:block;visibility:hidden;content:"";position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0) rotateZ(45deg);width:60%;aspect-ratio:1;animation:glitch-shadow-box infinite 100ms steps(5);mix-blend-mode:overlay}.node[data-type="3"] .icon{width:80%;height:80%;transform:translate3d(-50%, -60%, 0)}.node[data-type="3"]:before{border:max(2px,min(1dvw,1dvh,8px)) solid orange;background-color:rgba(0,0,0,0);opacity:.4}.node[data-type="3"][data-active]:before{border-color:red;background-color:red}.node[data-type="3"][data-active]:after{animation:glitch-shadow-box infinite 100ms steps(5),hacked-show 1 400ms steps(1)}.node[data-type="4"] .icon{width:50%;height:50%;transform:translate3d(-50%, -80%, 0)}.node[data-type="4"]:before{border:max(2px,min(1dvw,1dvh,8px)) solid red;background-color:red;opacity:.6}.node>*{pointer-events:none}.nodes{flex:1;width:100%}.nodes>*{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-flow:row wrap;justify-content:center;align-content:center;pointer-events:none}.nodes .inactive .node,.nodes .active .node{transition:transform 200ms ease-in-out}.nodes .inactive .node[data-disable-transition],.nodes .active .node[data-disable-transition]{transition:none}.nodes .inactive{z-index:1}.nodes .inactive .node .connections{opacity:.4}.nodes .inactive .node[data-active] .connections{opacity:0}.nodes .active{z-index:2}.nodes .active .node .connections{opacity:0}.nodes .active .node[data-active] .connections{opacity:1}.nodes .special{z-index:3}.nodes .special[data-hacked] .node[data-type="3"]:after,.nodes .special[data-hacked] .node[data-type="4"]:after{visibility:visible}.nodes .controls{z-index:4;pointer-events:auto}.nodes .controls[data-inactive]{pointer-events:none}.transition{overflow:hidden;z-index:4;pointer-events:none}.cover{position:absolute;border:max(200dvw,200dvh) solid #100c08;box-sizing:content-box;overflow:hidden;border-radius:50%;transition-property:width,height;transition-duration:800ms;transition-timing-function:ease-out;transform:translate3d(-50%, -50%, 0);width:0;height:0;top:50%;left:50%;pointer-events:auto}.cover .hole{width:100%;height:100%;border-radius:50%;border:max(2px,min(1dvw,1dvh,8px)) solid #f8eeec}.success{display:none;pointer-events:none;z-index:3;gap:2em 0}.success .message{font-size:2em;text-transform:uppercase;text-align:center;line-height:1em}.success .buttons{display:flex;flex-flow:row nowrap;gap:0 2em;align-items:center}.success[data-active]{display:flex;pointer-events:auto}