@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, #40a88e, #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 8px rgba(69,152,166,.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:"transparent";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}.landing-footer{position:absolute;bottom:1rem;font-size:.75rem;color:#9ca3af;text-align:right;width:100%;left:-1rem}@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}.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}.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;z-index:1001;cursor:pointer;touch-action:none;-webkit-touch-callout: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-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:350px;padding:25px;background-color:#0c0d13d9;border:1px solid #40c4d3;border-radius:15px;box-shadow:0 0 15px #40c4d380;z-index:30;display:flex;flex-direction:column;align-items:center;gap:15px;font-family:Orbitron,sans-serif;color:#fff}.round-end-title{font-size:2rem;font-weight:700;color:#fff;margin:0;text-shadow:0 0 8px rgba(255,255,255,.7)}.round-end-subtitle{font-size:1rem;color:#d1d5db;margin:0 0 10px;text-align:center;line-height:1.4}.round-end-button{position:relative;width:80%;height:45px;background-color:#277cb5;color:#fff;border:1px solid #5fd1b4;border-radius:8px;font-size:16px;cursor:pointer;z-index:20;transition:background-color .2s ease,transform .2s ease}.round-end-button:hover{background-color:#40c4d3;transform:scale(1.03)}#backToMenuBtn,#playAgainBtn,#round-end-settings-btn{top:auto}.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}.menu-button{top:10px;right:10px;width:auto;height:auto;padding:5px 12px;font-family:Orbitron,sans-serif;font-size:18px;background-color:#ffffff26;border:none;transition:background-color .2s ease-in-out}.menu-button:hover{background-color:#0c0d13d9}.menu-dropdown{position:absolute;top:45px;right:10px;background-color:#ffffff26;border:none;border-radius:4px;z-index:1001;overflow:hidden;box-shadow:0 4px 10px #00000080}.menu-dropdown-item{color:#fff;padding:12px 20px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:14px;transition:background-color .2s ease-in-out}.menu-dropdown-item:hover{background-color:#0c0d13d9}.tutorial-skip-button{position:absolute;top:10px;right:95px;width:auto;height:auto;padding:5px 12px;font-family:Orbitron,sans-serif;font-size:18px;background-color:#ffffff26;color:#fff;border:none;border-radius:4px;cursor:pointer;z-index:1000;transition:background-color .2s ease-in-out}.tutorial-skip-button:hover{background-color:#0c0d13d9}.exit-button{background-color:#c83232cc}.tutorial-highlight-button{box-shadow:0 0 15px 5px #0ff;border:2px solid cyan;border-radius:50%}@keyframes pulse{0%{box-shadow:0 0 10px #00ffffb3;border-color:#0ff}50%{box-shadow:0 0 20px 10px #00ffff4d;border-color:#96ffff}to{box-shadow:0 0 10px #00ffffb3;border-color:#0ff}}.tutorial-glow{border:3px solid cyan!important;animation:pulse 1.5s infinite;z-index:1001}.toggle-camera-button{position:absolute;background-color:transparent;color:#fff;border-radius:3px;cursor:pointer;z-index:1001;touch-action:none;display:flex;align-items:center;justify-content:center;padding:0}