body{margin:0;overflow:hidden;background:silver}canvas{display:block}#chat-input{flex-grow:1;resize:vertical;border:1px solid #ccc;border-radius:5px;padding:8px;font-size:14px;line-height:1.5;min-height:22px;max-height:150px}#loading_screen{position:absolute;color:#fff;background-color:#00000080;width:100%;height:100%;z-index:9999}#loading_log{text-align:left;padding:10px}#loader{text-align:center;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease;cursor:pointer}#title{color:pink;font-size:3em;margin-bottom:20px;transition:all .3s ease}#title:hover{text-shadow:0 0 10px #ff00ff,0 0 20px #ff00ff}#interactive-logo{font-size:4em;animation:pulse 2s infinite;transition:transform .2s ease-in-out;margin:20px 0}#interactive-logo:hover{animation:shake .5s;animation-iteration-count:infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}#loading,#loading_msg{transition:transform .3s ease}#loading:hover,#loading_msg:hover{transform:scale(1.1)}#loading{color:#90ee90}#loading_msg{color:#87ceeb}#progress-bar-container{width:300px;height:20px;border:1px solid #fff;margin:20px auto;transition:box-shadow .3s ease}#progress-bar-container:hover{box-shadow:0 0 15px #ffffff80}#progress-bar{height:100%;width:0%;background-color:#90ee90;animation:loading-animation 10s infinite linear;transition:all .3s ease}#progress-bar:hover{box-shadow:inset 0 0 10px #fff;background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 25px,transparent 25px,transparent 50px)}@keyframes loading-animation{0%{width:0%}50%{width:100%}to{width:0%}}#functional-progress-bar-container{width:300px;height:20px;border:1px solid #fff;margin:20px auto;transition:box-shadow .3s ease}#functional-progress-bar{height:100%;width:0%;background-color:#f0f;transition:width .1s ease-out;display:flex;align-items:center;justify-content:center}#progress-bar-text,#functional-progress-bar-text{color:#000;font-family:monospace}.username-container{margin-top:25px}.username-container label{display:block;margin-bottom:8px;color:#ccc}#username-input{background-color:#1a1a1a;border:1px solid #555;color:#eee;padding:8px 12px;border-radius:4px;font-family:monospace;font-size:1em;width:250px;transition:all .3s ease;cursor:text}#username-input:hover{border-color:#777}#username-input:focus{outline:none;border-color:#f0f;box-shadow:0 0 10px #f0f}#start-game-button{display:none;margin-top:15px;padding:10px 20px;font-size:1.2em;font-family:monospace;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}#start-game-button:hover{background-color:#45a049;box-shadow:0 0 15px #4caf50}.tip-container{margin-top:30px;height:60px;position:relative}.tip-container input[type=radio],.tip,.next-tip-button{display:none}.tip-container input[type=radio]:checked+.tip{display:block;font-style:italic;color:#aaa;transition:all .3s ease}.tip-container input[type=radio]:checked+.tip:hover{color:#fff;text-shadow:0 0 5px rgba(255,255,255,.5)}.tip-container input[type=radio]:checked+.tip+.next-tip-button{display:inline-block;margin-top:10px;padding:5px 10px;background-color:#333;border:1px solid #555;border-radius:4px;color:#eee;cursor:pointer;transition:background-color .2s}.tip-container input[type=radio]:checked+.tip+.next-tip-button:hover{background-color:#444}.blinking-caret{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}@keyframes move-background{0%{transform:translate(0) rotate(0) scale(1.2)}25%{transform:translate(20px,50px) rotate(20deg) scale(1.5)}50%{transform:translate(-30px,-40px) rotate(40deg) scale(1)}75%{transform:translate(50px,20px) rotate(60deg) scale(1.3)}to{transform:translate(0) rotate(0) scale(1.2)}}#quantum-effects{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-2}#quantum-effects:before,#quantum-effects:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-repeat:no-repeat;animation:move-background 50s ease-in-out infinite}#quantum-effects:before{background-image:radial-gradient(circle,#f0f,#f0f0 40%),radial-gradient(circle,#0ff 20%,#0ff0 60%),radial-gradient(circle,#ff0 40%,#ff00 80%);background-size:50% 50%,40% 40%,30% 30%;background-position:0% 0%,100% 0%,0% 100%}#quantum-effects:after{background-image:radial-gradient(circle,#f0f,#f0f0 40%),radial-gradient(circle,#0ff 20%,#0ff0 60%),radial-gradient(circle,#ff0 40%,#ff00 80%);background-size:45% 45%,35% 35%,25% 25%;background-position:100% 100%,0% 100%,100% 0%;animation-delay:-25s}@keyframes animateStars{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}.stars{position:absolute;inset:0;width:100%;height:100%;display:block;background:transparent;z-index:-1}.stars-small{animation:animateStars 150s linear infinite;background:transparent;background-size:200px 200px;background-image:radial-gradient(1px 1px at 20px 30px,#eee,#0000),radial-gradient(1px 1px at 40px 70px,#fff,#0000),radial-gradient(1px 1px at 50px 160px,#ddd,#0000),radial-gradient(1px 1px at 90px 40px,#fff,#0000),radial-gradient(1px 1px at 130px 80px,#fff,#0000),radial-gradient(1px 1px at 160px 120px,#ddd,#0000)}.stars-medium{animation:animateStars 100s linear infinite;background:transparent;background-size:300px 300px;background-image:radial-gradient(2px 2px at 20px 30px,#eee,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 50px 160px,#ddd,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 160px 120px,#ddd,#0000)}.stars-large{animation:animateStars 50s linear infinite;background:transparent;background-size:400px 400px;background-image:radial-gradient(3px 3px at 20px 30px,#eee,#0000),radial-gradient(3px 3px at 40px 70px,#fff,#0000),radial-gradient(3px 3px at 50px 160px,#ddd,#0000),radial-gradient(3px 3px at 90px 40px,#fff,#0000),radial-gradient(3px 3px at 130px 80px,#fff,#0000),radial-gradient(3px 3px at 160px 120px,#ddd,#0000)}#quest-ui{position:absolute;top:100px;right:20px;width:300px;background-color:#000000b3;color:#fff;padding:10px;border-radius:5px;font-family:Arial,sans-serif}.quest{margin-bottom:15px}.quest h3{margin-top:0;font-size:1.2em;color:#ffc107}.quest p{margin-bottom:5px}.quest ul{list-style-type:none;padding-left:15px;margin-top:5px}.quest li{margin-bottom:3px}#achievement-ui{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center}.achievement-notification{background-color:#000c;color:#fff;padding:15px 25px;border-radius:10px;border:2px solid #ffc107;margin-bottom:10px;text-align:center;animation:fadeInOut 5s forwards}.achievement-notification h3{margin:0 0 5px;color:#ffc107;font-size:1.3em}.achievement-notification p{margin:0;font-size:1.1em}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}#selection-panel{position:absolute;bottom:50px;left:10px;width:200px;background-color:#000000b3;color:#fff;border:1px solid #555;border-radius:5px;padding:10px;font-family:sans-serif;z-index:100}#selection-panel h3{margin-top:0;font-size:16px}#selection-panel p{margin:5px 0;font-size:14px}#joystick{position:absolute;bottom:20px;left:20px;width:120px;height:40px;background-color:#fff3;border-radius:20px;display:none}#joystick-knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;background-color:#ffffff80;border-radius:50%}#throttle{position:absolute;bottom:20px;right:20px;width:40px;height:120px;background-color:#fff3;border-radius:20px;display:none}#throttle-knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;background-color:#ffffff80;border-radius:50%}#XRButton{position:absolute;left:calc(50% - 50px)!important;bottom:75px!important;color:pink!important;display:none}#VRButton{left:calc(50% - 130px)!important;color:pink!important;display:none}#ARButton{left:calc(50% + 30px)!important;color:pink!important;display:none}#chat-log{position:absolute;top:0;left:0;width:100%;height:200px;padding:10px;box-sizing:border-box;overflow-y:auto;pointer-events:none}#chat-log:hover{pointer-events:auto}#chat-log p{background-color:#00000080;color:#fff;padding:0 10px;border-radius:5px;margin:0;max-width:80%;pointer-events:all}#chat-container{position:absolute;bottom:0;left:0;width:100%;display:flex;padding:10px;box-sizing:border-box}#chat-input{background-color:#00000080;color:#fff;flex-grow:1;resize:vertical;border:1px solid #ccc;border-radius:5px;padding:2px 8px;font-size:14px;line-height:1.4;height:26px;max-height:80vh;box-sizing:border-box}#chat-submit{background-color:#4caf50;color:#fff;border:none;padding:0 15px;margin-left:10px;border-radius:5px;cursor:pointer;font-size:14px}#chat-submit:hover{background-color:#45a049}#chat-log .rainbow-text{background:linear-gradient(to right,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);-webkit-background-clip:text;background-clip:text;color:transparent;background-color:transparent}#chat-log .rainbow-text *{background:inherit;-webkit-background-clip:inherit;background-clip:inherit;color:inherit}