body{margin:0;padding:0;overflow:hidden;width:100vw;height:100vh}#app{width:100%;height:100%}.settings-icon{position:absolute;top:20px;right:20px;font-size:30px;cursor:pointer;z-index:1000;background:#00000080;padding:5px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background .3s}.settings-icon:hover{background:#000c}.settings-modal{position:absolute;top:70px;right:20px;background:#14141ef2;padding:20px;border-radius:10px;border:1px solid #00ffff;color:#fff;z-index:1000;min-width:200px;box-shadow:0 0 15px #0ff3}.settings-modal h3{margin-top:0;margin-bottom:15px;color:#0ff;border-bottom:1px solid #333;padding-bottom:10px}.settings-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.checkbox-item{display:flex;align-items:center;cursor:pointer;font-size:14px}.checkbox-item input{margin-right:10px;accent-color:#00ffff}.search-container{position:absolute;top:20px;left:20px;z-index:1000;min-width:300px}.search-box{display:flex;gap:8px;background:#14141ef2;padding:10px;border-radius:8px;border:1px solid #00ffff;box-shadow:0 0 15px #0ff3}.search-input{flex:1;padding:8px 12px;background:#1a1a2e;border:1px solid #333;border-radius:4px;color:#fff;font-size:14px;outline:none}.search-input:focus{border-color:#0ff;box-shadow:0 0 5px #00ffff4d}.search-input::placeholder{color:#666}.search-btn,.clear-btn{padding:8px 12px;background:#0ff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background .3s}.search-btn:hover{background:#0cc}.clear-btn{background:#f44;color:#fff}.clear-btn:hover{background:#c00}.route-info{margin-top:8px;padding:8px 12px;background:#14141ef2;border-radius:4px;border:1px solid #00ffff;color:#0ff;font-size:13px;text-align:center}.debug-console{position:fixed;bottom:0;left:0;right:0;background:#000000f2;color:#fff;z-index:9999;border-top:2px solid #00ffff;transition:all .3s}.debug-console.collapsed{max-height:40px}.debug-console-header{padding:10px;background:#00ffff1a;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-weight:700;-webkit-user-select:none;user-select:none}.debug-clear-btn{padding:4px 8px;background:#f44;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.debug-console-logs{max-height:300px;overflow-y:auto;padding:10px;font-family:Courier New,monospace;font-size:11px}.debug-log{padding:4px 0;border-bottom:1px solid #333;word-wrap:break-word}.debug-log-error{color:#f44}.debug-log-warn{color:#fa0}.debug-log-info{color:#0af}.debug-log-log{color:#aaa}.debug-time{color:#666;font-size:10px;margin-right:5px}.debug-type{font-weight:700;margin-right:5px}.camera-controls{position:fixed;bottom:20px;right:20px;display:flex;gap:10px;z-index:1000}.view-mode-buttons{display:flex;gap:5px;background:#14141ef2;padding:5px;border-radius:8px;border:1px solid #00ffff;box-shadow:0 0 15px #0ff3}.view-mode-btn{padding:10px 15px;background:#32323ccc;border:1px solid #333;border-radius:4px;color:#aaa;cursor:pointer;font-size:18px;transition:all .3s}.view-mode-btn:hover{background:#464650e6;border-color:#0ff;color:#fff}.view-mode-btn.active{background:#0ff;border-color:#0ff;color:#000;box-shadow:0 0 10px #00ffff80}.recenter-btn{padding:10px 15px;background:#14141ef2;border:1px solid #00ffff;border-radius:8px;color:#0ff;cursor:pointer;font-size:20px;font-weight:700;transition:all .3s;box-shadow:0 0 15px #0ff3}.recenter-btn:hover{background:#0ff;color:#000}