@font-face{font-family:Orbitron;src:url(/assets/Orbitron-VariableFont_wght-B7vC4a4m.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}html,body{margin:0;padding:0;overflow:hidden;width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background:radial-gradient(ellipse at bottom,#0d2a3b33,#0c0d134d),url(/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:#fff;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#app{width:100%;height:100%;display:flex;justify-content:center;align-items:center}canvas{width:100%!important;height:100%!important;display:block;outline:none;border:none;touch-action:none}#renderCanvas{display:none}#landingPageContainer{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;z-index:20;overflow:hidden;opacity:1;transition:opacity .5s ease-out}.landing-title{font-size:2.5rem;font-weight:700;margin-bottom:.75rem;--ck-stroke-width: .0625em ;--ck-title-fill-color: #000119;--ck-stroke-gradient: linear-gradient(to right, #5fd1b4, #40c4d3, #277cb5, #0d60a8);letter-spacing:.125em;padding:calc(var(--ck-stroke-width) / 2);background-image:var(--ck-stroke-gradient);-webkit-background-clip:text;background-clip:text;color:var(--ck-title-fill-color);-webkit-text-fill-color:var(--ck-title-fill-color);-webkit-text-stroke-width:var(--ck-stroke-width);-webkit-text-stroke-color:transparent;text-shadow:0 0 5px rgba(196,247,242,.9),0 0 12px rgba(32,180,180,.6)}.landing-subtitle{font-size:1.125rem;color:#d1d5db;margin-bottom:2rem}#playNowButton{--ck-stroke-width: .0625em ;--ck-title-fill-color: #ffe2042e;--ck-stroke-gradient: linear-gradient(to right, #e88cd8, #d565cb, #c248cb, #7d0c94);letter-spacing:.125em;padding:calc(var(--ck-stroke-width) / 2);background-image:var(--ck-stroke-gradient);-webkit-background-clip:text;background-clip:text;color:var(--ck-title-fill-color);-webkit-text-fill-color:var(--ck-title-fill-color);-webkit-text-stroke-width:var(--ck-stroke-width);-webkit-text-stroke-color:transparent;text-shadow:0 0 5px rgba(242,164,234,.9),0 0 12px rgba(146,10,150,.6);font-weight:700;padding:.75rem 2rem;border-radius:.5rem;font-size:1.25rem;transition:all .3s ease;cursor:pointer;outline:none;border:2px solid #ee98e1;box-shadow:0 0 7px #ee98e1e6,0 0 20px #a50f93b3}#playNowButton:hover{transform:scale(1.05);box-shadow:0 0 10px #500244,0 0 30px #f50101cc}#playNowButton:focus{box-shadow:0 0 0 4px #a50f9380}#htmlVersionTextLanding{position:absolute;top:.75rem;left:.75rem;font-size:.75rem;color:#9ca3af;padding:.5rem;background-color:#1f2937bf;border-radius:.375rem}.landing-icon,.tech-logo{display:block;transition:opacity .3s ease}.landing-icon:hover,.tech-logo:hover{opacity:.75}.landing-icon{width:2rem;height:2rem}.tech-logo{height:2rem}@media (min-width: 640px){.landing-title{font-size:3.75rem}.landing-subtitle{font-size:1.25rem}#htmlVersionTextLanding{top:1rem;left:1rem;font-size:.875rem}.landing-icon{width:2.5rem;height:2.5rem}}@media (min-width: 768px){.landing-title{font-size:4.5rem}.landing-icon{width:2.5rem;height:2.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-element{animation:fadeIn .8s ease-out forwards;opacity:0}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.delay-4{animation-delay:.8s}.error-message{color:#ef4444;margin-top:1rem;text-align:center}:root{--primary-color: #FFF}.stars{position:fixed;top:0;left:0;width:100%;height:120%;transform:rotate(-45deg);z-index:0;pointer-events:none;transition:opacity .5s ease-out;opacity:1}.star{--star-color: var(--primary-color);--star-tail-length: 6em;--star-tail-height: 2px;--star-width: calc(var(--star-tail-length) / 16);--fall-duration: 9s;--tail-fade-duration: var(--fall-duration);--fall-delay: 0s;--top-offset: 10%;position:absolute;top:var(--top-offset);left:0;width:var(--star-tail-length);height:var(--star-tail-height);color:var(--star-color);background:linear-gradient(45deg,currentColor,transparent);border-radius:50%;filter:drop-shadow(0 0 6px currentColor);transform:translate3d(110em,0,0);animation:fall var(--fall-duration) var(--fall-delay) linear infinite,tail-fade var(--tail-fade-duration) var(--fall-delay) ease-out infinite}.star:before,.star:after{position:absolute;content:"";top:0;left:calc(var(--star-width) / -2);width:var(--star-width);height:100%;background:linear-gradient(45deg,transparent,currentColor,transparent);border-radius:inherit;animation:blink 2s linear infinite}.star:before{transform:rotate(45deg)}.star:after{transform:rotate(-45deg)}.star:nth-child(1){--star-tail-length: 5.5em;--top-offset: 15%;--fall-duration: 8s;--fall-delay: .5s}.star:nth-child(2){--star-tail-length: 7em;--top-offset: 30%;--fall-duration: 10s;--fall-delay: 1.2s}.star:nth-child(3){--star-tail-length: 4.5em;--top-offset: 45%;--fall-duration: 6s;--fall-delay: 2s}.star:nth-child(4){--star-tail-length: 6.2em;--top-offset: 60%;--fall-duration: 9s;--fall-delay: 3.5s}.star:nth-child(5){--star-tail-length: 8em;--top-offset: 75%;--fall-duration: 11s;--fall-delay: 4.2s}@keyframes fall{to{transform:translate3d(-30em,0,0)}}@keyframes tail-fade{0%,50%{width:var(--star-tail-length);opacity:1}70%,80%{width:0;opacity:.4}to{width:0;opacity:0}}@keyframes blink{50%{opacity:.6}}@media screen and (max-width: 750px){.star{animation:fall var(--fall-duration) var(--fall-delay) linear infinite}}.loader{display:inline-flex;gap:10px;margin-bottom:1rem}.loader:before,.loader:after{content:"";height:20px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,#000 95%,#0000) 35% 35%/6px 6px no-repeat #fff;animation:l5 3s infinite}@keyframes l5{0%,11%{background-position:35% 35%}14%,36%{background-position:65% 35%}38%,61%{background-position:65% 65%}64%,86%{background-position:35% 65%}88%,to{background-position:35% 35%}}.hidden{display:none!important}.fade-out{opacity:0!important}#customLoadingScreen{position:fixed;top:0;left:0;width:100%;height:100%;background:#0c0d13;display:none;flex-direction:column;justify-content:center;align-items:center;z-index:100}#customLoadingScreen.visible{display:flex}.loading-text{color:#fff;font-size:1.5rem;font-family:Orbitron,sans-serif}.ui-button-base{position:absolute;width:25px;height:25px;color:#fff;border:1px solid white;border-radius:3px;font-size:16px;cursor:pointer;z-index:20;touch-action:none;display:flex;align-items:center;justify-content:center;padding:0}.exit-button{background-color:#c83232cc}.fullscreen-button,.settings-button{background-color:#646464b3}#settingsPopupModal{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#00000080;z-index:100;display:none;align-items:center;justify-content:center}.settings-popup-content{background:#333;padding:20px;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;min-width:250px;box-shadow:0 5px 15px #0000004d}.settings-popup-title{font-family:Orbitron,sans-serif;margin-top:0;border-bottom:1px solid #555;padding-bottom:10px}.settings-popup-label{margin-bottom:5px}.settings-popup-options{margin-bottom:20px}.settings-popup-radio-label{display:block;margin-bottom:5px;cursor:pointer}.settings-popup-button{padding:10px 15px;font-family:Orbitron,sans-serif;border:none;border-radius:4px;color:#fff;cursor:pointer}.settings-popup-button.apply{background:#5cb85c;margin-right:10px}.settings-popup-button.close{background:#d9534f}.toggle-camera-button{position:absolute;background-color:transparent;color:#fff;border:none;border-radius:3px;cursor:pointer;z-index:20;touch-action:none;display:flex;align-items:center;justify-content:center;padding:0}.action-button{position:absolute;z-index:10;background-size:contain;background-repeat:no-repeat;background-color:transparent;border:3px solid black;outline:none;cursor:pointer;touch-action:none;-webkit-touch-callout:none;transition:transform .05s ease-out}.action-button:active{transform:scale(.95)}.round-end-button{position:absolute;left:50%;transform:translate(-50%);width:150px;height:40px;background-color:#00f;color:#fff;border:1px solid white;border-radius:5px;font-size:16px;cursor:pointer;z-index:20}#backToMenuBtn{top:100px}#playAgainBtn{top:150px}