body{padding:0;margin:0;overflow:hidden;font-family:"PT Serif",serif;text-transform:uppercase;-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}.shot-bar-yardage{color:#fff;font-size:13px;font-weight:700;white-space:nowrap;position:absolute;top:-18px}.shot-bar-track{position:relative;height:48px;background:#0009;border:2px solid rgba(255,255,255,.5);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}.shot-bar-indicator.shot-bar-accuracy{background:#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;bottom:100px;right:120px;display:flex;align-items:center;gap:6px;z-index:10}.club-name{color:#fff;font-size:16px;font-weight:700;min-width:60px;text-align:center}.club-btn{width:36px;height:36px;border:2px solid rgba(255,255,255,.5);background:#0006;color:#fff;font-size:16px;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:0;z-index:10;border:2px solid rgba(255,255,255,.5);background:#0006;padding:4px 4px 2px}.wind-dial{position:relative;width:80px;height:80px}.wind-canvas{display:block;width:80px;height:80px}.wind-streaks{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:50%;pointer-events:none}.wind-streak{position:absolute;width:12px;height:2px;background:#ffffff73;border-radius:1px;top:-4px;animation:windFlow 1s linear infinite}@keyframes windFlow{0%{transform:translateY(0);opacity:0}15%{opacity:.6}85%{opacity:.6}to{transform:translateY(80px);opacity:0}}.wind-speed{color:#fff;font-size:16px;font-weight:700;line-height:1}.wind-label{color:#fff9;font-size:9px;font-weight:700;letter-spacing:2px;line-height:1;margin-bottom:1px}#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;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-align:center;padding:20px 40px;background:#00000080;pointer-events:none}#cinematic-fade{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;pointer-events:none;z-index:5}#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: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;padding:0;font-size:22px;background:#50505099}.game-btn-power:active{background:#787878cc}.text-popup-container{position:fixed;top:30%;left:50%;z-index:100;pointer-events:none}.text-popup-layer{position:absolute;transform:translate(calc(-50% + var(--offset-x, 0px)),calc(-50% + var(--offset-y, 0px)));font-family:"PT Serif",serif;font-weight:700;font-style:italic;font-size:48px;text-transform:uppercase;letter-spacing:3px;white-space:nowrap;opacity:0;animation:perfectPop .8s ease-out forwards}@keyframes perfectPop{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}.hole-intro{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding:20vh 48px 0;box-sizing:border-box;pointer-events:none;z-index:10}.hole-intro-info{font-style:italic;color:#fff;line-height:1.25}.hole-intro-course,.hole-intro-hole,.hole-intro-par,.hole-intro-yardage,.hole-intro-tap{opacity:0;transform:translateY(12px);transition:opacity .4s ease-out,transform .4s ease-out}.hole-intro-course.intro-visible,.hole-intro-hole.intro-visible,.hole-intro-par.intro-visible,.hole-intro-yardage.intro-visible,.hole-intro-tap.intro-visible{opacity:1;transform:translateY(0)}.hole-intro-tap.intro-visible{animation:tapBlink 1.6s ease-in-out infinite}@keyframes tapBlink{0%,to{opacity:1}50%{opacity:0}}.hole-intro-course{font-size:64px;font-weight:700;letter-spacing:3px}.hole-intro-hole,.hole-intro-par,.hole-intro-yardage{font-size:44px;font-weight:700;letter-spacing:2px}.hole-intro-tap{margin-top:32px;font-size:20px;font-weight:700;color:#fff9;letter-spacing:3px;font-style:italic}@media (max-width: 600px){.hole-intro{padding:15vh 24px 0}.hole-intro-course{font-size:40px}.hole-intro-hole,.hole-intro-par,.hole-intro-yardage{font-size:28px}.hole-intro-tap{font-size:16px;white-space:nowrap}}