.game-controls[data-v-a7735b89]{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--overlay-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-md);box-shadow:0 4px 20px #0000004d;border:1px solid var(--border-color)}.control-btn[data-v-a7735b89]{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius-sm);font-size:1rem;font-weight:600;color:var(--text-color);cursor:pointer;transition:var(--transition-default);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(45deg,#ffffff1a,#fff3);border:1px solid var(--border-color)}.control-btn[data-v-a7735b89]:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0003;background:linear-gradient(45deg,#fff3,#ffffff4d)}.control-btn[data-v-a7735b89]:active{transform:translateY(0)}.start[data-v-a7735b89]{background:var(--primary-gradient)}.settings[data-v-a7735b89]{background:var(--secondary-gradient)}.quit[data-v-a7735b89]{background:var(--danger-gradient)}body{margin:0;padding:0;overflow:hidden;font-family:Arial,sans-serif}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%}.start-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000c;z-index:100}.game-title{font-size:4rem;color:#0f6;text-shadow:0 0 10px rgba(0,255,102,.7);margin-bottom:2rem;transform:skew(-5deg)}.start-button{padding:12px 40px;font-size:1.5rem;font-weight:700;color:#000;background:#0f6;border:none;border-radius:4px;cursor:pointer;transform:skew(-5deg);transition:all .2s ease}.start-button:hover{transform:skew(-5deg) scale(1.1);box-shadow:0 0 15px #00ff66b3}.controls-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.controls-overlay>*{pointer-events:auto}.audio-controls{position:absolute;bottom:20px;right:20px}.audio-btn{background:#0009;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:20px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s ease}.audio-btn:hover{background:#000c;transform:scale(1.1)}:root{--background-color: #000000;--text-color: #ffffff;--primary-gradient: linear-gradient(45deg, #2196f3, #00bcd4);--secondary-gradient: linear-gradient(45deg, #9c27b0, #673ab7);--danger-gradient: linear-gradient(45deg, #f44336, #ff5722);--overlay-background: rgba(0, 0, 0, .7);--border-color: rgba(255, 255, 255, .1);--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius-sm: .5rem;--border-radius-md: 1rem;--transition-default: all .2s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:#000;background-color:var(--background-color);color:#fff;color:var(--text-color)}#app{width:100%;height:100%}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.canvas-container canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.renderer-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}