*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#87ceeb;font-family:Arial,sans-serif}#container{width:100vw;height:100vh;position:relative}#controls{position:absolute;top:20px;left:20px;background:rgba(0,0,0,.8);color:#fff;padding:15px;border-radius:8px;font-family:Arial,sans-serif;font-size:14px;min-width:200px;z-index:100}#controls h3{margin:0 0 10px 0;color:#4caf50}.control-group{margin-bottom:15px}.control-group label{display:block;margin-bottom:5px;font-weight:700}#clubSelect{width:100%;padding:8px;border:none;border-radius:4px;background:#333;color:#fff;font-size:14px}#hitBall{width:100%;padding:10px;background:#4caf50;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s}#hitBall:hover{background:#45a049}.control-group label{display:flex;align-items:center;gap:8px}.control-group input[type=checkbox]{margin:0}#metrics{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.7);color:#fff;padding:15px;border-radius:8px;font-family:'Courier New',monospace;font-size:14px;min-width:200px;z-index:100}#metrics h3{margin:0 0 10px 0;color:#0f0}#metrics .metric{margin:5px 0;display:flex;justify-content:space-between}#metrics .metric .label{color:#ccc}#metrics .metric .value{color:#fff;font-weight:700}