*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;font-family:Orbitron,Segoe UI,system-ui,sans-serif;color:#fff}#game-container{position:relative;width:100vw;height:100vh}#game-canvas{display:block;width:100%;height:100%}#hud{position:absolute;top:0;left:0;right:0;padding:20px 30px;display:flex;justify-content:space-between;pointer-events:none;z-index:10}#hud-left,#hud-right{display:flex;flex-direction:column;gap:10px}#hud-right{align-items:flex-end}.hud-item{background:#001428b3;border:1px solid rgba(0,200,255,.3);border-radius:4px;padding:8px 16px;backdrop-filter:blur(4px)}.hud-label{font-size:10px;color:#00c8ffb3;letter-spacing:2px;display:block;margin-bottom:2px}.hud-value{font-size:28px;font-weight:700;color:#0cf;text-shadow:0 0 10px rgba(0,200,255,.5)}.hud-unit{font-size:12px;color:#ffffff80;margin-left:4px}#shield-pips{display:flex;gap:6px;margin-top:4px}.pip{width:20px;height:8px;background:#64646480;border-radius:2px;transition:all .3s ease}.pip.active{background:#0f0;box-shadow:0 0 8px #0f09}.pip.warning{background:#ff0;box-shadow:0 0 8px #ff09}.pip.critical{background:red;box-shadow:0 0 8px #f009;animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#energy-bar{width:100px;height:8px;background:#6464644d;border-radius:4px;overflow:hidden;margin-top:4px}#energy-fill{height:100%;width:100%;background:linear-gradient(90deg,#0cf,#0ff);box-shadow:0 0 10px #00c8ff80;transition:width .1s ease}#start-screen,#game-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00050fe6;z-index:100}#start-screen h1,#game-over h1{font-size:72px;letter-spacing:12px;color:#fff;text-shadow:0 0 20px rgba(0,200,255,.8),0 0 40px rgba(0,200,255,.4);margin-bottom:20px}.subtitle{font-size:18px;color:#fff9;letter-spacing:4px;margin-bottom:40px}.controls-hint{background:#001e3c99;border:1px solid rgba(0,200,255,.2);border-radius:8px;padding:20px 40px;margin-bottom:40px}.controls-hint p{font-size:14px;margin:8px 0;color:#fffc}.controls-hint strong{color:#0cf;font-weight:400;margin-right:10px}.controls-hint.gesture-highlight{border-color:#00ff9680;background:#00322899;box-shadow:0 0 20px #00ff9633}.gesture-title{font-size:18px!important;color:#0f8!important;font-weight:700;margin-bottom:12px!important}.start-hint,.hint{font-size:16px;color:#00c8ffcc;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}#game-over h1{color:#f44;text-shadow:0 0 20px rgba(255,50,50,.8),0 0 40px rgba(255,50,50,.4)}#game-over p{font-size:24px;margin:10px 0}#final-distance{color:#0cf;font-weight:700}.hidden{display:none!important}