*,*:before,*:after{box-sizing:border-box}html,body,#container{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:Montserrat,sans-serif;position:relative;background:#000}canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}#container{width:100%;height:100%;position:relative}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);display:flex;align-items:center;justify-content:center;z-index:10000;transition:opacity .5s ease-out}#loading-screen.hidden{opacity:0;pointer-events:none}.loading-content{text-align:center;color:#fff}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:16px;margin-top:20px;opacity:.8}.logo{font-family:Montserrat,sans-serif;font-weight:100;font-size:24px;color:#fff;text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;position:fixed;bottom:10px;right:10px;z-index:9999;user-select:none}.logo strong{font-weight:300}.crosshair{position:fixed;left:50%;top:50%;width:10px;height:10px;border:2px solid rgba(255,255,255,.7);border-radius:50%;transform:translate(-50%,-50%);opacity:.7;z-index:9999;pointer-events:none}.label{position:fixed;bottom:20px;left:50%;transform:translate(-50%);text-align:center;background-color:#000c;color:#fff;font-size:24px;padding:8px 16px;border-radius:8px;z-index:9999;max-width:80vw;word-wrap:break-word;backdrop-filter:blur(5px);transition:all .3s ease}.label:empty{opacity:0;transform:translate(-50%) translateY(10px)}#error-display{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10001;transition:opacity .3s ease}#error-display.error-hidden{opacity:0;pointer-events:none}.error-content{background:#2d2d2d;padding:30px;border-radius:12px;text-align:center;color:#fff;max-width:400px;box-shadow:0 10px 30px #00000080}.error-content h3{margin:0 0 15px;color:#ff6b6b;font-size:20px}.error-content p{margin:0 0 20px;line-height:1.5;opacity:.9}#retry-button{background:#4dabf7;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}#retry-button:hover{background:#339af0}#retry-button:active{transform:translateY(1px)}.joystick{z-index:9998!important}@media (max-width: 768px){.logo{font-size:20px;bottom:15px;right:15px}.label{font-size:20px;bottom:80px;max-width:90vw}.crosshair{width:12px;height:12px}}@media (max-width: 480px){.logo{font-size:18px}.label{font-size:18px;padding:6px 12px}}