*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:#0b1a2f;color:#e0e0e0;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;position:relative}canvas{border:2px solid #1a3a5c;border-radius:8px;box-shadow:0 0 40px #0064c84d}.hud{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;gap:24px;font-size:14px;font-weight:600;color:#a0c4ff;text-shadow:0 1px 4px rgba(0,0,0,.5);pointer-events:none;z-index:10}.hud-item{background:#001432b3;padding:6px 14px;border-radius:6px;border:1px solid rgba(100,160,255,.2)}.controls-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:12px;color:#a0c4ff80;pointer-events:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#050f23d9;z-index:20}.overlay h1{font-size:2.5rem;color:#4da6ff;margin:0 0 8px;text-shadow:0 0 20px rgba(77,166,255,.5)}.overlay p{color:#7ab8ff;margin:4px 0;font-size:1rem}.overlay .start-btn{margin-top:24px;padding:12px 36px;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#1a6bff,#04a);border:none;border-radius:8px;cursor:pointer;transition:transform .15s,box-shadow .15s}.overlay .start-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #1a6bff80}.results{text-align:center}.results h2{font-size:2rem;color:gold;margin:0 0 16px}.results .position{font-size:3rem;font-weight:800;color:#4da6ff;margin:8px 0}