body{padding:0;margin:0;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;position:fixed;width:100%;height:100%}canvas{display:block;touch-action:none}#shot-bar{position:fixed;bottom:max(24px,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:80%;max-width:500px;z-index:10;pointer-events:none}.shot-bar-power-arrow{position:absolute;top:-28px;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);pointer-events:none}.shot-bar-arrow-icon{color:#fff;font-size:14px;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.8)}.shot-bar-yardage{color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap;position:absolute;top:-18px}.shot-bar-track{position:relative;height:48px;background:#0009;border:2px solid rgba(255,255,255,.5);border-radius:8px;overflow:hidden}.shot-bar-fill{position:absolute;top:0;height:100%;background:linear-gradient(270deg,#4f4,#fa0,#f44);transition:none}.shot-bar-indicator{position:absolute;top:0;width:4px;height:100%;background:#fff;transform:translate(-50%);z-index:2;box-shadow:0 0 8px #fff}.shot-bar-indicator.shot-bar-accuracy{background:#0cf;box-shadow:0 0 8px #0cf}.shot-bar-accuracy-window{position:absolute;top:0;height:100%;background:#ff323240;border-left:2px solid rgba(255,50,50,.6);border-right:2px solid rgba(255,50,50,.6);z-index:1;pointer-events:none}.shot-bar-target-mark{position:absolute;top:-4px;width:3px;height:calc(100% + 8px);background:#fff;transform:translate(-50%);z-index:3;opacity:.7}#club-selector{position:fixed;top:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;z-index:10}.club-name{color:#fff;font-size:20px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);min-width:80px;text-align:center}.club-btn{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#0006;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:none}.club-btn:active{background:#ffffff4d}#wind-indicator{position:fixed;top:80px;right:16px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:10}.wind-arrow{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.wind-speed{color:#fff;font-size:14px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8)}#hud{position:fixed;top:0;left:0;right:0;z-index:10;pointer-events:none}.hud-top-left{position:absolute;top:16px;left:16px;color:#fff;font-size:16px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);line-height:1.6}.hud-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:32px;font-weight:700;text-shadow:0 3px 8px rgba(0,0,0,.9);text-align:center;padding:20px 40px;background:#00000080;border-radius:16px;pointer-events:none}#game-buttons{position:fixed;bottom:100px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:10}.game-btn{min-width:90px;height:52px;border-radius:26px;border:2px solid rgba(255,255,255,.5);background:#0064c899;color:#fff;font-size:18px;font-weight:700;cursor:pointer;padding:0 22px;-webkit-tap-highlight-color:transparent;touch-action:none}.game-btn:active{background:#0096ffcc}.game-btn-small{min-width:70px;height:44px;font-size:14px;background:#64646499}.game-btn-small:active{background:#969696cc}.power-row{display:flex;gap:8px}.game-btn-power{min-width:48px;width:48px;height:48px;border-radius:50%;padding:0;font-size:22px;background:#50505099}.game-btn-power:active{background:#787878cc}