*{box-sizing:border-box;touch-action:none}
        body{margin:0;overflow:hidden;background:#010206;font-family:'Segoe UI',sans-serif;user-select:none;-webkit-user-select:none}
        #canvas-container{width:100vw;height:100vh}
        #ui-top{position:absolute;top:20px;left:50%;transform:translateX(-50%);color:rgba(0,230,255,0.85);font-size:11px;letter-spacing:1px;pointer-events:none;text-transform:uppercase;text-shadow:0 0 10px rgba(0,230,255,0.8);text-align:center;width:94%;max-width:400px;z-index:90}
        
      /* Общие стили селектора */
        #lang-switcher {
            position: fixed;
            top: 20px;
            right: 20px;
            display: flex;
            gap: 6px;
            z-index: 100;
            background: rgba(1, 10, 25, 0.75);
            padding: 4px 8px;
            border: 1px solid rgba(0, 240, 255, 0.4);
            border-radius: 20px;
            backdrop-filter: blur(8px);
            box-shadow: 0 0 10px rgba(0, 240, 255, 0.2);
        }
        .lang-btn {
            background: transparent;
            border: none;
            color: #88acc0;
            font-size: 11px;
            font-weight: 700;
            padding: 4px 6px;
            cursor: pointer;
            border-radius: 12px;
            transition: all 0.2s ease;
            text-transform: uppercase;
        }
        .lang-btn:hover {
            color: #00f0ff;
            text-shadow: 0 0 6px rgba(0, 240, 255, 0.8);
        }
        .lang-btn.active {
            background: rgba(0, 240, 255, 0.2);
            color: #00f0ff;
            border: 1px solid rgba(0, 240, 255, 0.6);
            box-shadow: 0 0 8px rgba(0, 240, 255, 0.4);
        }

        /* Адаптив для мобильных устройств: переносим вправо-вниз или делаем чуть компактнее */
        @media (max-width: 768px) {
            #lang-switcher {
                top: auto;
                bottom: 20px;
                right: 50%;
                transform: translateX(50%);
                padding: 3px 6px;
                background: rgba(1, 10, 25, 0.85);
            }
            #ui-top {
                top: 20px;
                width: 90%;
            }
        }

        #telegram-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.7);width:92%;max-width:320px;padding:20px;background:rgba(1,10,25,0.96);border:2px solid #00f0ff;border-radius:16px;box-shadow:0 0 25px rgba(0,240,255,0.4);backdrop-filter:blur(10px);text-align:center;color:#fff;opacity:0;pointer-events:none;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);z-index:100;touch-action:auto}
        #telegram-modal.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
        #telegram-modal h2{margin-top:0;font-size:16px;color:#00f0ff;letter-spacing:1px;text-shadow:0 0 8px rgba(0,240,255,0.8)}
        #telegram-modal p{font-size:12px;color:#a0c0d0;line-height:1.3;margin-bottom:12px}
        .form-input{width:100%;padding:10px 12px;margin-bottom:8px;background:rgba(0,20,40,0.8);border:1px solid #00f0ff;border-radius:8px;color:#fff;font-size:13px;outline:none}
        textarea.form-input{height:60px;resize:none}
        .form-input:focus{border-color:#ff007f;box-shadow:0 0 8px rgba(255,0,127,0.5)}
        .tg-btn{display:inline-block;width:100%;padding:10px 0;background:linear-gradient(135deg,#0088cc,#00c3ff);color:#fff;font-weight:700;border:none;border-radius:25px;letter-spacing:1px;box-shadow:0 0 15px rgba(0,136,204,0.6);cursor:pointer;font-size:13px}
        .close-btn{position:absolute;top:10px;right:12px;color:#888;font-size:20px;cursor:pointer;padding:5px}
        #status-msg{margin-top:8px;font-size:11px}