:root{font-family:Obitron,ShareTechMono,vt323,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--screen-height: 60vw;--crtwidth: 96vw;--navheight: 3.8rem;--nav-wheel: 14rem;--scoreheight: 2.8rem;--crt-height: calc(100dvh - 2rem - var(--navheight) - var(--scoreheight));background-color:var(--secondarycolor);--primarycolor: #3f0;--highlightcolor: #f00;--secondarycolor: #000}.bg-white{--secondarycolor: #fff}.bg-green{--secondarycolor: #0f0}.bg-black{--secondarycolor: #000}.bg-red{--secondarycolor: #f00}.white{--primarycolor: #fff}.green{--primarycolor: #0f0}.black{--primarycolor: #000}.red{--primarycolor: #f00}@font-face{font-family:obitron;src:url(/assets/Orbitron-Regular-tiCwdeKa.ttf);font-weight:400}@font-face{font-family:obitron;src:url(/assets/Orbitron-Bold-DF05t8Ou.ttf);font-weight:700}@font-face{font-family:vt323;src:url(/assets/VT323-Regular-BZsogN36.ttf);font-weight:400}@font-face{font-family:ShareTechMono;src:url(/assets/ShareTechMono-Regular-B9ZeNMwq.ttf);font-weight:400}body{margin:0;display:flex;min-width:320px;width:100%;height:100vh;overflow:hidden;overflow-anchor:none}.side-bar{position:absolute;top:0;right:0;height:100dvh;width:100vw;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all 1s;z-index:1111}.side-bar>div{position:absolute;top:0;right:0;height:100dvh;background-color:var(--secondarycolor);background-color:color-mix(in srgb,var(--secondarycolor) 70%,transparent);color:var(--primarycolor);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-around;flex-direction:column;padding:20px;border-radius:1rem}.bottom-bar{position:absolute;display:flex;padding:40px 0 10px;justify-content:space-around;bottom:0;left:0;background-color:color-mix(in srgb,var(--secondarycolor) 100%,transparent);background:linear-gradient(180deg,transparent 0%,black 60%);color:var(--primarycolor);width:100vw}.bottom-bar a{text-decoration:none}a{color:var(--primarycolor);text-decoration:none}.datenschutz{overflow:hidden;overflow-y:scroll;height:90dvh;width:100vw;padding:2vw}.datenschutz>div{width:96vw}.widerruf{margin:2vw;display:flex;flex-direction:row;flex-wrap:nowrap}.widerruf input{width:2rem;margin:1rem;height:2rem;font-size:0}.widerruf label{font-size:small}input[type=checkbox]:focus{outline:none;border:solid 0px;box-shadow:none}.disabled{pointer-events:none;opacity:.3}h2{margin:5vw}img{width:2rem;transition:all 1s ease}button{border-radius:8px;border:none;padding:.6rem 1.2rem;place-items:center;font-size:1rem;font-weight:500;font-family:inherit;background-color:#0000;color:var(--primarycolor);cursor:pointer;transition:border-color .25s}.icon-button{font-size:0}a.button{border-radius:100rem;border:none;padding:.4rem 0;display:block;width:60%;margin:1rem 20% 2rem;text-align:center;place-items:center;font-size:1.5rem;font-weight:700;font-family:inherit;text-decoration:none;background-color:var(--primarycolor);color:var(--secondarycolor);cursor:pointer;box-shadow:0 0 20px var(--primarycolor);transition:border-color .25s}.promocode{display:flex;box-sizing:border-box;width:100%;flex-direction:column;justify-content:center;align-items:center;margin:10px 0}.promo-price{color:var(--highlightcolor);text-decoration:line-through;text-shadow:0 0 10px var(--highlightcolor);font-size:small}.promocode input[type=text]{color:var(--primarycolor);vertical-align:middle;background-color:#0000;border:solid 1px var(--primarycolor);font-family:ShareTechMono;font-size:1rem;height:2.5rem;width:calc(100% - 3rem);border-radius:2rem 0 0 2rem;box-shadow:0 0 10px var(--primarycolor);padding-block:0;padding-inline:0;border-right:none;padding:.5rem 1rem;box-sizing:border-box}.promocode-fail{box-shadow:0 0 10px var(--highlightcolor)!important;border-color:var(--highlightcolor)!important}button.promocode-fail{background-color:var(--highlightcolor)!important}.promocode>div{display:block}.promocode button{padding:0;box-sizing:border-box;font-size:1rem;font-size:0;width:3rem;height:2.5rem;color:var(--primarycolor);font-family:ShareTechMono;background-color:var(--secondarycolor);font-weight:700;border:solid 1px var(--primarycolor);border-radius:0 2rem 2rem 0;border-left:none;box-shadow:0 0 10px var(--primarycolor);vertical-align:middle}input:focus{outline:none;border:solid 1px #fff;box-shadow:inset 0 0 10px #fff}.modal-button{position:relative;box-shadow:0 0 10px var(--primarycolor);background-color:#0009;border-radius:100%;padding:0;width:10vw;height:10vw;left:calc((100% - 10vw)/2);vertical-align:middle}button:focus,button:focus-visible,button:active{outline:none;border:none}button:disabled{outline:none;border:none;pointer-events:none;opacity:.6;filter:blur(2px)}.payment-group{background-color:#0000;display:flex;width:60%;margin:0 20%;flex-direction:column;justify-content:center;overflow-anchor:none}.checkout{color-scheme:none}.start-button{box-shadow:inset 0 0 10px #ff0}.map-frame{margin:3vw;position:relative;top:0;height:85vh;width:94vw;box-sizing:border-box;overflow:hidden;border-radius:2rem;border:solid var(--primarycolor) 0px;background-color:#0009;box-shadow:inset 0 0 20px #0f0}.map-buttons{position:absolute;right:0;bottom:0;display:flex;flex-direction:column;padding:20px;z-index:1000}.map-buttons button{box-sizing:border-box;width:4rem;height:4rem;border:solid 0px var(--highlightcolor);box-shadow:0 0 10px var(--highlightcolor),0 0 10px var(--highlightcolor);border-radius:2rem;padding:.75rem;margin-top:2rem;background-color:var(--secondarycolor)}.map-buttons img{width:2.5rem;height:2.5rem;filter:drop-shadow(0 0 10px var(--highlightcolor))}.leaflet-container{-ms-touch-action:none;touch-action:none;height:100%;width:100%;color:#0000;background-color:#0000}.leaflet-pane,.leaflet-tile,.leaflet-pane>svg,.leaflet-pane>canvas{background-color:#0000;box-shadow:inset 0 0 20px #0f0}.building-path{filter:drop-shadow(2px 4px 6px var(--primarycolor))}.blue-marker{filter:drop-shadow(0px 0px 10px #4444dd)}.red-marker{filter:drop-shadow(0px 0px 10px #cd0026)}.green-marker{filter:drop-shadow(0px 0px 10px var(--primarycolor))}.red-marker #markerbody{stroke-dasharray:31.4;stroke-width:20;stroke:var(--secondarycolor);stroke-linecap:round}.yellow-marker{filter:drop-shadow(0px 0px 10px #a47b00)}.marker-eyes{opacity:1;transform-box:fill-box;transform-origin:center;animation-name:eyeanimation;animation-duration:2s;animation-iteration-count:infinite}.marker-body{opacity:1;transform-box:fill-box;transform-origin:center;animation-name:bodyanimation;animation-duration:2s;animation-delay:1s;animation-iteration-count:infinite}@keyframes eyeanimation{0%{transform:translate(0) rotate(135deg)}50%{transform:translateY(-20px) rotate(225deg)}to{transform:translate(0) rotate(135deg)}}@keyframes bodyanimation{0%{transform:scale(1) translate(0)}50%{transform:scale(1.1,.8) translateY(25px)}to{transform:scale(1) translate(0)}}@keyframes skewbodyanimation{0%{transform:skew(10deg)}50%{transform:skew(-10deg)}to{transform:skew(10deg)}}small{font-size:small}.tour-dates{table-layout:auto;width:90%;margin:0% 5% 0}.tour-dates th{width:fit-content;font-size:small;text-align:left}.tour-dates td{text-align:right;padding-top:10px}.info-text{font-size:small}.info-button{position:relative;border-radius:0 0 100% 100%;padding:10px 2px 2px;width:34px;height:42px;font-size:0;background-color:#0000}.info-button>img{border-radius:100%;background-color:var(--secondarycolor);box-shadow:0 0 10px var(--primarycolor);width:30px}.modal-frame{place-content:end;position:relative;box-sizing:border-box;bottom:0;left:0;width:var(--crtwidth);margin:0 2vw 2vw;background-color:#3c3c3b0b;border:solid 0px var(--primarycolor);box-shadow:0 0 500px var(--primarycolor);border-radius:0 0 2rem 2rem;color:var(--primarycolor);text-shadow:1px 1px 5px var(--primarycolor);font-size:1.5rem;line-height:2rem;line-break:loose;overflow:hidden;overflow-y:scroll;background-color:#000a;transition:max-height 1s}.modal-backdrop{z-index:1010;position:absolute;top:0;left:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:height ease 1s}.score-screen{--scorewidth: 100vw;height:var(--scoreheight);position:relative;padding:0rem 0;margin-bottom:1rem;width:var(--scorewidth);left:0;text-shadow:0 0 10px var(--highlightcolor);border-radius:0 0 0rem 2rem;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;background-color:var(--secondarycolor)}.score-screen>div{text-align:center;font-weight:700;font-size:1.4rem;color:var(--highlightcolor);box-shadow:0 0 20px var(--highlightcolor);border:solid 2px var(--highlightcolor);border-top:none;background-color:var(--secondarycolor);padding:.3rem 0;width:30vw;font-family:ShareTechMono}.score-screen>div:first-child{border-left:none;border-radius:0 0 2rem 0rem}.score-screen>div:last-child{border-right:none;border-radius:0 0 0rem 2rem}.crt-frame{height:var(--crt-height);--crtwidth: 96vw;position:relative;box-sizing:border-box;top:0;left:0;width:var(--crtwidth);margin:2% 2vw;background-color:#3c3c3b0b;border:solid 0px var(--primarycolor);box-shadow:inset 0 0 1em var(--primarycolor);border-radius:2rem;color:var(--primarycolor);text-shadow:1px 1px 5px var(--primarycolor);font-size:1.5rem;line-height:2rem;line-break:loose;overflow:hidden;overflow-y:scroll;background-size:calc(var(--crtwidth) / 5) calc(var(--crtwidth) / 5);background-image:radial-gradient(circle,#00ff0044 1px,var(--secondarycolor) 3px)}p{margin:20px}.crt-options{position:relative;text-decoration:underline dotted var(--primarycolor);color:inherit;display:block;background-color:#0000;width:fit-content;font-size:1.5rem;text-align:left;margin-left:auto;margin-right:10vw}.crt-options>img{height:1.8rem;width:1.8rem;margin-left:10px;border-radius:100%;vertical-align:bottom;box-shadow:0 0 10px var(--primarycolor)}.crt-input{background-color:#0000;width:100%;color:var(--primarycolor);font-size:1.5rem;font-family:Obitron;text-shadow:0 0 10px var(--primarycolor);padding:.5rem 20px;border-radius:1rem;box-sizing:border-box}.crt-input>button{border-radius:0 0 .2rem .2rem;width:100%;background-color:var(--secondarycolor);box-sizing:border-box}.text-input:focus{outline:none;box-shadow:none;border:inherit}.text-input:focus~.text-cursor{display:none}.skip{position:absolute;bottom:calc(var(--navheight) + 40px);font-size:1.2rem;width:calc(var(--crtwidth) + 1px);left:calc((100vw - var(--crtwidth) - 1px)/2);border-radius:0 0 2rem 2rem;z-index:100;padding:8px 0;margin-left:auto;margin-right:auto;display:block}.skip>div{box-sizing:border-box;text-shadow:0 0 10px var(--highlightcolor);border:none;border:1px dotted var(--highlightcolor);padding:.5rem 1rem;border-radius:2.2rem;width:fit-content;margin:auto;color:var(--highlightcolor);background-color:var(--secondarycolor);overflow:hidden;text-align:center;transform-origin:bottom center;transition:all .2s ease}.skip-button{background-color:var(--secondarycolor);color:var(--highlightcolor);text-shadow:0 0 10px var(--highlightcolor);box-shadow:inset 0 0 10px var(--highlightcolor);border:4px solid var(--secondarycolor);border-radius:10rem;font-size:1.2rem;width:fit-content;max-width:80vw;margin-top:8px;margin-left:auto;margin-right:auto;position:relative;display:block;transition:all .2s ease}ul{margin:20px;position:relative;list-style:none}li:before{content:"↪";position:absolute;left:0}.text-input{width:100%;caret-color:var(--primarycolor);caret-shape:bar;caret-shape:block;caret-shape:underscore;color:var(--primarycolor);font-size:1.5rem;font-family:ShareTechMono;text-shadow:0 0 10px var(--primarycolor);background-color:#0f02;padding:1rem .5rem;border-radius:.2rem .2rem 0 0;border:none;box-sizing:border-box}.text-input::placeholder{color:var(--primarycolor);text-shadow:0 0 10px #0ff;font-weight:700}@keyframes flickerborderanimation{0%{border-color:var(--primarycolor)}to{border-color:#0f00}}@keyframes flickerframeanimation{0%{box-shadow:inset 0 0 15px var(--primarycolor)}to{box-shadow:inset 0 0 25px var(--primarycolor)}}@keyframes flickertextanimation{0%{text-shadow:0 0 5px var(--primarycolor)}to{text-shadow:0 0 10px var(--primarycolor)}}.text-cursor{animation:cursoranimation .5s infinite linear}@keyframes cursoranimation{0%{color:#0f00}to{color:var(--primarycolor)}}.button-wheel{display:flex;width:var(--nav-wheel);flex-direction:row;padding:5px 0rem;flex-wrap:nowrap;justify-content:flex-start;overflow-x:scroll;overflow-y:visible;height:100%;border:solid 2px var(--secondarycolor);background-color:var(--secondarycolor);border-radius:1rem 1rem 0 0;scroll-snap-type:x mandatory;box-sizing:border-box;font-size:0;border-radius:1rem}.button-wheel:after{box-sizing:border-box;background:#0000;position:absolute;pointer-events:none;border-radius:1rem;border-left:solid 4px #fffc;border-right:solid 4px #fffc;bottom:-4px;padding:5px;width:var(--nav-wheel);height:calc(100% + 8px);left:calc((100vw - var(--nav-wheel))/2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);mask:linear-gradient(90deg,var(--secondarycolor) 5%,#0000 50%,var(--secondarycolor) 95%);-webkit-mask:linear-gradient(90deg,var(--secondarycolor) 5%,#0000 50%,var(--secondarycolor) 95%);content:""}.bottom-navbar{position:absolute;height:var(--navheight);bottom:0;overflow-x:visible;margin:0rem;padding:0;width:100vw;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;align-items:flex-end;color:var(--primarycolor);background-color:var(--secondarycolor);box-shadow:0 0 20px #fff;z-index:1110}.bottom-navbar>button{margin:5px}.loader{width:2rem;aspect-ratio:1;border-radius:50%;margin:auto;background:conic-gradient(#0000 30%,var(--primarycolor));-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),var(--primarycolor) 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),var(--primarycolor) 0);animation:l13 1s infinite linear}@keyframes l13{to{transform:rotate(1turn)}}.sensor-button{padding:.5rem;flex-grow:0;border-radius:1rem;margin:0 .75rem;background-color:#0000;transition:margin-bottom .2s;scroll-snap-align:center}.sb-active{background-color:var(--secondarycolor);box-shadow:inset 0 0 5px -0px #fff;filter:invert(100%)}.sensor-button>img{width:2rem;height:2rem}.sensor-button>div{width:2rem;height:2rem;background-color:#fff;background:radial-gradient(circle,#fff,#fff0 10%);border-radius:10rem}.radarscreen{position:absolute;width:90%;margin:5%;aspect-ratio:1/1}.radar{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:100%;background-image:conic-gradient(transparent 135deg,#0f0a 340deg,#9f9);background-blend-mode:normal;animation:radaranimation 2s linear infinite}.radar-object{position:absolute;color:var(--primarycolor);border:solid 2px #fff;background-color:#fff7;box-sizing:border-box;mix-blend-mode:overlay;border-radius:100%;width:16px;aspect-ratio:1/1;transform:translate(-8px,-8px);transition:all ease 1s}.radar-data{position:absolute;top:100vw}@keyframes radaranimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radio-screen{--radio-size: 80vw;height:var(--radio-size);position:absolute;box-sizing:border-box;top:10vh;left:0;width:var(--radio-size);margin:10vw;background-color:#3c3c3b0b;border:solid 0px var(--primarycolor);box-shadow:inset 0 0 1em var(--primarycolor);border-radius:.2rem;color:var(--primarycolor);display:flex;flex-direction:row;align-items:center;overflow:hidden;background-size:calc(var(--radio-size) / 5) calc(var(--radio-size) / 5);background-image:radial-gradient(circle,#00ff0044 1px,var(--secondarycolor) 3px)}@media only screen and (max-width: 600px){body{max-width:600px;--sheight: 80vw }}@media only screen and (min-width: 600px){body{max-width:600px;--sheight: 60vw }}@media only screen and (min-width: 768px){body{width:600px;--sheight: 60vw }}@media only screen and (min-width: 992px){body{max-width:600px;--sheight: 60vw }}@media only screen and (min-width: 1200px){body{max-width:600px;--sheight: 60vw }}@media (max-aspect-ratio: 9/16){body{--screen-height: 90vw }}@media (min-aspect-ratio: 9/16){body{--screen-height: 60vw }}.mobileblock{position:absolute;top:0;left:0;width:100vw;height:100vh}.mobileblock-buffer{position:absolute;top:0;left:0;width:30px;background-color:#00f;height:100vh}.payment-button{width:100%;border-radius:10rem;background-color:#426fb4;color:#fff;font-weight:700;text-shadow:none;text-align:center;padding:.4rem 0}.audio-canvas{position:relative;--radio-width: 90vw;height:calc(var(--screen-height) * 1);box-sizing:border-box;top:0;left:0;width:var(--radio-width);margin:2vh 5vw;overflow:hidden;background-size:calc(var(--radio-width) / 6) calc(var(--radio-width) / 6);background-image:linear-gradient(90deg,#0000 1px,#0f09 3px,#0000 1px),linear-gradient(0deg,#0000 1px,#0f09 3px,#0000 1px);background-position:0 0vw;border:solid 0px var(--primarycolor);box-shadow:inset 0 0 1em var(--primarycolor);border-radius:2rem}.sliderscreen{position:relative;box-sizing:border-box;width:100px;left:calc((100vw - 100px)/2);border-radius:1rem;box-shadow:inset 0 0 10px var(--primarycolor);overflow:hidden}.slidernumbers{display:flex;justify-content:flex-start;font-size:large;flex-wrap:nowrap;width:1100px;text-align:center;margin:10px 0}.slidernumbers>div{text-align:center;width:100px}.slidercontainer{position:relative;margin:4vh 0;width:90vw;left:5vw;display:flex;align-items:center;justify-content:center;border-radius:1rem;background-size:10% 100%;background-position:5%;background-image:linear-gradient(90deg,#0000 1px,#0f09 3px,#0000 1px)}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:10px;background:#0f02;outline:none;border-radius:1rem;box-shadow:0 0 10px var(--primarycolor);-webkit-transition:.2s;transition:opacity .2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:60px;background:#f00e;border-radius:1rem;box-shadow:0 0 10px var(--highlightcolor);cursor:pointer}.slider::-moz-range-thumb{width:15px;height:60px;background:var(--primarycolor);border-radius:1rem;box-shadow:0 0 10px var(--primarycolor);cursor:pointer}.radio-buttongroup{position:relative;width:60vw;left:20vw;display:flex;justify-content:space-evenly;font-size:0}.radio-button-active{background-color:#0000;box-shadow:0 0 10px var(--primarycolor);opacity:1}.radio-button{background-color:#0000;cursor:not-allowed;box-shadow:inset 0 0 5px #fff;opacity:.4}.compass{position:absolute;top:calc((100% - 94vw)/2);margin:5%;width:90%}.compass-background{position:absolute;top:0;margin:0%;width:100%;filter:drop-shadow(0 0 10px var(--primarycolor))}.compassneedle{position:absolute;top:0;width:100%;margin:0%;filter:drop-shadow(0 0 10px var(--highlightcolor))}.translationtable{margin:5%;width:90%;text-align:center;border-radius:1rem;border:solid 2px var(--primarycolor)}th{width:40%}tr:nth-child(2n){background-color:#0f00}td{border-radius:.4rem}.viewfinder-frame{position:relative;left:0;top:0vw;margin:0vw;height:100%;width:90vw;overflow:hidden;border-radius:2rem;filter:sepia(100%) saturate(500%) contrast(100%) hue-rotate(270deg) invert(100%) opacity(40%);box-shadow:0 0 20px var(--primarycolor);box-sizing:border-box;border:#fff solid 0px}.viewfinder-background{--viewfinder-width: 90vw;height:calc((100dvh - var(--scoreheight) - var(--navheight) - 1rem)/2 - 20px);position:relative;box-sizing:border-box;top:0;left:0;width:var(--viewfinder-width);margin:10px 5vw;overflow:hidden;background-size:calc(var(--viewfinder-width) / 7) calc(var(--viewfinder-width) / 7);background-image:linear-gradient(90deg,#0000 1px,#0f09 3px,#0000 1px),linear-gradient(0deg,#0000 1px,#0f09 3px,#0000 1px);background-position:calc(var(--viewfinder-width) / 14 - 1px) calc(var(--viewfinder-width) / 14 - 1px);border:solid 0px var(--primarycolor);box-shadow:inset 0 0 1em var(--primarycolor);border-radius:2rem}.image-background{--viewfinder-width: 90vw;--image-height: calc((100% - var(--scoreheight) - var(--navheight) - 1rem)/2 - 20px);height:var(--image-height);position:relative;box-sizing:border-box;top:0;left:0;width:var(--viewfinder-width);margin:10px 5vw;overflow:hidden;background-size:calc(var(--viewfinder-width) / 7) calc(var(--viewfinder-width) / 7);background-image:linear-gradient(90deg,#0000 1px,#0f09 3px,#0000 1px),linear-gradient(0deg,#0000 1px,#0f09 3px,#0000 1px);background-position:calc(var(--viewfinder-width) / 14 - 1px) calc(var(--viewfinder-width) / 14 - 1px);border:solid 0px var(--primarycolor);box-shadow:inset 0 0 1em var(--primarycolor);border-radius:2rem}.image-data{width:100%;height:100%;opacity:.8;filter:sepia(100%) saturate(500%) contrast(100%) hue-rotate(270deg) invert(100%) opacity(40%)}.viewfinder{width:100%;top:var(--scoreheight)}.new-tour-form{padding:20px 100px;width:100vw;color:#fff;background-color:#000;height:90dvh;overflow:hidden;overflow-y:scroll}.new-tour-form>div{margin:20px;padding:20px;width:fit-content;border:solid 1px white}.new-tour-form button{margin:20px;padding:10px 20px;width:fit-content;border:solid 1px white}.new-tourentry{margin:20px;padding:20px;width:fit-content;border:solid 1px white}.notepad-text{width:calc(100% - 40px);margin:20px;height:calc(100% - 3rem);border:none;background-color:transparent;text-shadow:0 0 10px var(--primarycolor);font-size:1.5rem;font-family:obitron;color:var(--primarycolor);resize:none}textarea:focus{border:none;outline:none}.puzzle-screen{width:90%;margin:5%;overflow:hidden;border-radius:2rem;filter:sepia(100%) saturate(500%) contrast(100%) hue-rotate(270deg) invert(100%) opacity(100%);box-shadow:0 0 20px var(--primarycolor);box-sizing:border-box;background-size:calc(var(--viewfinder-width) / 7) calc(var(--viewfinder-width) / 7);background-image:linear-gradient(90deg,#0000 1px,#0f09 3px,#0000 1px),linear-gradient(0deg,#0000 1px,#0f09 3px,#0000 1px);background-position:calc(var(--viewfinder-width) / 14 - 1px) calc(var(--viewfinder-width) / 14 - 1px);border:solid 0px var(--primarycolor);box-shadow:inset 0 0 1em var(--primarycolor)}.puzzle-screen>img{width:100%}.phone-frame{position:absolute;top:0;left:0;width:100%;height:100dvh;color:#fff;background-color:#000;display:flex;flex-direction:column;align-items:center;padding-top:20dvh;z-index:101}.phone-frame>img{width:25dvh}.phone-button{border-radius:100%;padding:10px;font-size:0;box-sizing:border-box;transition:all 1s ease}.phone-button:focus,.phone-button:focus-visible,.phone-button:active{border:solid 12px black;margin:0}.phone-green{animation:phonering 1s ease-in infinite;border:double 12px}.phone-red{border:double 8px #f00;margin:4px;transform-origin:center;transform:rotate(135deg)}@keyframes phonering{0%{border-width:1px;border-color:#0f0;margin:11px}to{border-width:12px;border-color:transparent;margin:0}}