*{margin:0;padding:0;box-sizing:border-box}body.no-scroll,html.no-scroll{overflow:hidden;height:100%}html,body{overflow-x:hidden;background-color:transparent}canvas{display:block;position:fixed;top:0;left:0;outline:none;z-index:0;width:100%;height:100%}.navigation-arrows{display:none;position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:100;width:200px;justify-content:space-between}.arrow{width:60px;height:60px;background-color:#ffd400;color:#000;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:50px;cursor:pointer;font-weight:bolder;-webkit-user-select:none;user-select:none;transition:background-color .2s;box-shadow:8px 8px #000}@media(max-width:768px){.navigation-arrows{width:100%;max-width:none;bottom:50%;transform:translateY(50%);left:0;padding:0 20px;pointer-events:none}.arrow{width:60px;height:60px;font-size:40px;pointer-events:auto}}#joystick-zone{position:fixed;bottom:30px;right:30px;width:120px;height:120px;z-index:100;display:none;touch-action:none}@media(max-width:768px){#joystick-zone{display:block}}.joystick-base{width:100%;height:100%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.joystick-knob{width:50px;height:50px;background:#fffc;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #0003;cursor:pointer}.arrow:hover{background-color:#ffe042}#popup-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#popup{width:90%;max-width:678px;height:556px;background:#fff;border-radius:25px;padding:35px;text-align:center;box-shadow:15px 14px #000;position:relative;transition:transform .2s,box-shadow .2s}#popup h1{font-family:Luckiest Guy,cursive;font-weight:400;font-size:52px;line-height:100%;letter-spacing:0%;text-align:center;text-transform:uppercase;color:#000;margin-bottom:30px;white-space:nowrap}#popup hr{display:none}#popup p{font-family:Poppins,sans-serif;font-weight:400;font-size:21px;line-height:32px;letter-spacing:0%;text-align:center;color:#000;height:256px;margin-bottom:30px}#popup p strong{font-weight:700;font-style:bold}#popup-button{width:175px;height:68px;border:3px solid #000;border-radius:10px;cursor:pointer;font-family:Luckiest Guy,cursive;font-weight:400;font-size:28px;line-height:100%;letter-spacing:0%;text-align:center;vertical-align:bottom;text-transform:uppercase;color:#000;background:#ffc800;box-shadow:10px 10px #000;transition:transform .1s,box-shadow .1s,opacity .5s ease-in-out;visibility:hidden;opacity:0}@media(max-width:768px){#popup{width:90%;height:auto;max-height:85vh;padding:25px 20px;border-radius:20px;box-shadow:8px 8px #000;overflow-y:auto}#popup h1{font-size:24px;margin-bottom:15px;line-height:110%}#popup p{font-size:14px;line-height:22px;height:auto;margin-bottom:20px}#popup-button{font-size:18px;width:140px;height:55px;padding:10px 20px;border-radius:10px;box-shadow:5px 5px #000}}@media(max-width:480px){#popup{width:95%;max-height:90vh;padding:20px 15px}#popup h1{font-size:20px;margin-bottom:12px}#popup p{font-size:13px;line-height:20px;margin-bottom:15px}#popup-preloader{transform:scale(.8);margin:10px auto}#popup-button{font-size:16px;width:120px;height:50px}}#popup-button:disabled{background:#d4d4d4;color:#888;cursor:not-allowed;box-shadow:none;border-color:#999}#popup-button:enabled:active{transform:translate(5px,5px);box-shadow:0 0 #000}.info-popup-container{visibility:hidden;opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;justify-content:center;align-items:center;z-index:1001;display:flex;transition:opacity .4s ease,visibility .4s ease}.info-popup-header{display:flex;align-items:center;gap:30px}.info-popup-container.visible{visibility:visible;opacity:1}.info-popup-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;column-gap:30px;width:90%;max-width:900px;background-color:#fff;border-radius:15px;overflow:hidden;transform:scale(.95);transition:transform .4s ease;box-shadow:15px 14px #000}.info-popup-container.visible .info-popup-content{transform:scale(1);padding:20px}.info-popup-left{grid-column:1;grid-row:1;display:flex;flex-direction:column;overflow-y:auto;max-height:100%}#info-popup-close{grid-column:1;grid-row:2;padding:12px 25px;border:3px solid #000;border-radius:10px;background-color:#ffc800;color:#000;cursor:pointer;font-size:20px;font-family:Luckiest Guy,cursive;text-transform:uppercase;transition:transform .1s,box-shadow .1s;box-shadow:10px 10px #000;width:150px;justify-self:center;margin-bottom:25px}#info-popup-close:hover{background-color:#fddb52}#info-popup-close:active{transform:translate(3px,3px);box-shadow:2px 2px #000}.info-popup-logo-container{background-color:#ffc800;width:80px;height:80px;border-radius:10px;display:flex;justify-content:center;align-items:center;margin-bottom:15px}#info-popup-logo{max-height:96%;object-fit:contain}.info-popup-right{grid-column:2;grid-row:1 / span 2;display:flex;justify-content:center;align-items:center;background-color:transparent}#info-popup-scene-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:20px}.info-popup-left h2{margin-top:0;font-size:28px;color:#000;border-bottom:none;padding-bottom:0;margin-bottom:5px;font-family:Luckiest Guy,cursive;text-transform:uppercase}#info-popup-subtitle{color:#555;margin-bottom:10px}.info-popup-left p,.info-popup-left a{font-size:16px;color:#000;margin-bottom:20px;flex-grow:1;font-family:Poppins,sans-serif}.info-popup-left a{color:#d8a900;text-decoration:none}.info-popup-left ul{list-style:none;padding-left:20px;font-weight:700;font-size:18px;margin-bottom:20px}.info-popup-left li{margin-bottom:8px;font-size:15px;color:#000;font-family:Poppins,sans-serif}.info-popup-left li:before{content:"•";color:#ffc800;display:inline-block;width:1em;margin-left:-1em}.info-popup-left button{border:3px solid #000;border-radius:10px;background-color:#ffc800;color:#000;cursor:pointer;font-size:20px;font-family:Luckiest Guy,cursive;text-transform:uppercase;transition:transform .1s,box-shadow .1s;align-self:center;box-shadow:10px 10px #000;width:150px}.info-popup-left button:hover{background-color:#e6b800}.info-popup-left button:active{transform:translate(3px,3px);box-shadow:2px 2px #000}@media(max-width:768px){.info-popup-content{display:flex;flex-direction:column;width:95%;max-height:90vh;padding:0;border-radius:15px;box-shadow:8px 8px #000;overflow:hidden}.info-popup-left{overflow-y:auto;max-height:calc(90vh - 250px)}.info-popup-right{display:flex;height:285px;width:100%;flex-shrink:0}#info-popup-scene-image{width:100%;height:100%;object-fit:cover}.info-popup-left h2{font-size:20px;text-align:left;margin-bottom:3px}.info-popup-left p,.info-popup-left a{font-size:13px;text-align:left;line-height:1.5}.info-popup-left a{color:#d8a900;text-decoration:none}.info-popup-left button{font-size:16px;padding:10px 20px;width:100%;box-shadow:5px 5px #000}.info-popup-logo-container{margin-bottom:10px;width:60px;height:60px}.info-popup-header{margin-bottom:12px}#info-popup-subtitle{font-size:12px;margin-bottom:10px}.info-popup-left ul{margin-bottom:15px}.info-popup-left li{font-size:13px;margin-bottom:6px}.info-popup-left{order:1}.info-popup-right{order:2}#info-popup-close{order:3;font-size:16px;padding:10px 20px;margin:15px 20px;box-shadow:5px 5px #000;align-self:center}}#loading-content p{text-align:center;font-size:1.2em}#welcome-message-container{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#fff;padding:15px 25px;border-radius:10px;display:flex;align-items:center;gap:15px;z-index:999;max-width:500px;box-shadow:15px 14px #000;font-family:Poppins,sans-serif;font-size:16px;line-height:1.4;text-align:left;visibility:hidden;opacity:0;transition:opacity .5s ease-in-out,visibility .5s ease-in-out}#welcome-message-container.visible{visibility:visible;opacity:1}.welcome-message-icon{width:30px;height:30px;flex-shrink:0}@media(max-width:768px){#welcome-message-container{width:90%;padding:10px 15px;font-size:14px;top:15px}}.music-controls{position:fixed;top:20px;right:20px;z-index:998;display:flex;flex-direction:column;align-items:flex-end;gap:10px;background-color:#fff3;padding:10px;border-radius:8px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.volume-slider{width:100px;height:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none;cursor:pointer;margin:0}.volume-slider::-webkit-slider-runnable-track{width:100%;height:8px;background:linear-gradient(to right,#FFC800 var(--volume-fill-percentage, 0%),rgba(0,0,0,.3) var(--volume-fill-percentage, 0%));border-radius:4px;-webkit-transition:all .2s ease;transition:all .2s ease}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#ffc800;border:2px solid #000;border-radius:50%;cursor:pointer;margin-top:-6px;box-shadow:1px 1px #000;-webkit-transition:all .2s ease;transition:all .2s ease}.volume-slider::-moz-range-track{width:100%;height:8px;background:linear-gradient(to right,#FFC800 var(--volume-fill-percentage, 0%),rgba(0,0,0,.3) var(--volume-fill-percentage, 0%));border-radius:4px;-moz-transition:all .2s ease;transition:all .2s ease}.volume-slider::-moz-range-thumb{width:20px;height:20px;background:#ffc800;border:2px solid #000;border-radius:50%;cursor:pointer;box-shadow:1px 1px #000;-moz-transition:all .2s ease;transition:all .2s ease}.volume-slider:hover::-webkit-slider-thumb,.volume-slider:focus::-webkit-slider-thumb{box-shadow:2px 2px #000}.volume-slider:hover::-moz-range-thumb,.volume-slider:focus::-moz-range-thumb{box-shadow:2px 2px #000}.mute-button,.music-toggle-button{background-color:#ffc800;color:#000;border:2px solid #000;border-radius:5px;padding:8px 15px;cursor:pointer;font-family:Luckiest Guy,cursive;font-size:14px;text-transform:uppercase;transition:background-color .2s,color .2s}.mute-button:hover,.music-toggle-button:hover{background-color:#ffe042}@media(max-width:768px){.music-controls{flex-direction:row;width:auto;padding:5px 10px;top:20px;bottom:auto;right:20px;left:auto;transform:none}.volume-slider{display:none}}