:root{--primary-bg: #000;--glass-bg: rgba(0, 0, 0, .6);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .8);--border-glass: rgba(255, 255, 255, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .4);--spacing-sm: clamp(8px, 1.5vw, 16px);--spacing-md: clamp(12px, 2vh, 20px);--spacing-lg: clamp(20px, 5vh, 40px);--control-size: clamp(40px, 8vw, 60px);--radius-md: 12px;--radius-lg: 16px}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;background:var(--primary-bg);color:var(--text-primary);overflow:hidden}.scene-container{position:relative;width:100%;height:100vh;background:radial-gradient(circle at center,#1a1a1a 0%,var(--primary-bg) 100%)}.scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:var(--radius-lg);padding:var(--spacing-sm)}.controls-container{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);z-index:1000}.control-group{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.control-label{color:var(--text-secondary);font-size:14px;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.3);-webkit-user-select:none;user-select:none}.zoom-controls{display:flex;gap:var(--spacing-sm);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:var(--radius-lg);padding:var(--spacing-sm)}.controls-ui{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);touch-action:none;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:var(--radius-lg);padding:var(--spacing-sm)}.control-button{width:var(--control-size);height:var(--control-size);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:#ffffff1a;color:#fff;font-size:clamp(16px,3vw,24px);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;box-shadow:0 4px 12px #0003}.control-button:hover{background:#fff3;transform:translateY(-1px);box-shadow:0 6px 16px #0000004d}.control-button.active{background:#ffffff40;transform:scale(.95) translateY(1px);box-shadow:0 2px 4px #0000004d}.zoom-button{font-size:clamp(18px,3.5vw,26px);font-weight:700;width:clamp(36px,7vw,54px);height:clamp(36px,7vw,54px);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:#ffffff1a;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;box-shadow:0 4px 12px #0003}.zoom-button:hover{background:#fff3;transform:translateY(-1px);box-shadow:0 6px 16px #0000004d}.zoom-button.active{background:#ffffff40;transform:scale(.95) translateY(1px);box-shadow:0 2px 4px #0000004d}.tower-label{position:fixed;top:var(--spacing-lg);left:var(--spacing-lg);z-index:1000;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:var(--radius-lg);padding:var(--spacing-sm)}.tower-title{font-size:clamp(18px,3vw,24px);font-weight:600;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.tower-description{font-size:clamp(14px,2vw,16px);color:var(--text-secondary);max-width:300px;line-height:1.4}@media (max-width: 480px){.controls-container{bottom:var(--spacing-sm);right:var(--spacing-sm)}}@media (max-height: 480px) and (orientation: landscape){.controls-container{flex-direction:row-reverse;gap:var(--spacing-md)}}