:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff8df;--panel:#112c34bd;--line:#fff8df3d;--accent:#ffd34d;--accent-2:#45d7ff;--green:#9ee86d;--pink:#ff6ea8;background:#123b4a;font-family:Trebuchet MS,Aptos,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{touch-action:none;width:100%;height:100%;margin:0;overflow:hidden}body{background:linear-gradient(#b7e9ff 0%,#7bc7e5 48%,#215562 100%)}button{appearance:none;border:1px solid var(--line);color:inherit;cursor:pointer;font:inherit;background:#131c16a8}#game{cursor:crosshair;width:100vw;height:100vh;display:block}#trailLayer{z-index:6;pointer-events:none;opacity:0;width:100vw;height:100vh;transition:opacity .28s;position:fixed;inset:0}#trailLayer.active{opacity:1}#trailBack,#trailCut{fill:none;stroke-linecap:round;stroke-linejoin:round}#trailBack{stroke:#ffd34dd1;stroke-width:13px;filter:drop-shadow(0 0 10px #ffd34d66)}#trailCut{stroke:#45d7ffe6;stroke-width:9px;filter:drop-shadow(0 0 10px #45d7ff8c)}#trailGuide{stroke:#ffffff40;stroke-width:2px;stroke-dasharray:6 6}#impactDot{fill:#ff6ea8b8;stroke:#ffffffdb;stroke-width:2px}.hud{z-index:4;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:fixed;box-shadow:0 18px 60px #0000002e,inset 0 1px #ffffff24}.top-bar{border:0;border-bottom:1px solid var(--line);background:#0b1c21e0;border-radius:0;justify-content:space-between;align-items:center;height:48px;padding:0 24px;display:flex;top:0;left:0;right:0;box-shadow:0 4px 30px #0003}.hud-section{align-items:center;gap:18px;display:flex}.hole-info{color:var(--accent);text-transform:uppercase;font-size:15px;font-weight:800}.hole-info span{border-right:1px solid var(--line);padding-right:18px}.hole-info span:last-child{border-right:0;padding-right:0}.shot-info{text-transform:uppercase;letter-spacing:.06em;color:#fff8dfd1;font-size:12px;font-weight:800}.shot-info span{border-right:1px solid var(--line);padding-right:18px}.shot-info span:last-child{border-right:0;padding-right:0}.wind-info{align-items:center;gap:8px;display:flex}.compass-svg{width:20px;height:20px}.compass-border{fill:none;stroke:#fff8df59;stroke-width:2.5px}.wind-arrow{fill:var(--accent);transform-origin:16px 16px;transition:transform .34s cubic-bezier(.175,.885,.32,1.275)}.wind-speed{color:var(--accent);text-transform:uppercase;font-size:13px;font-weight:800}.overview-button,.shot-card{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#112c34c2;border-radius:8px;position:fixed}.overview-button{width:44px;height:44px;color:var(--accent);font-size:17px;font-weight:900;top:78px;right:18px}.shot-card{text-transform:uppercase;gap:8px;padding:8px;display:flex;top:78px;left:18px}.shot-card span{color:#fff8dfe0;background:#ffffff1a;border-radius:7px;place-items:center;min-width:82px;height:28px;font-size:12px;font-weight:900;display:grid}.score-info{align-items:center;gap:10px;display:flex}.nav-button{border:1px solid var(--line);width:28px;height:28px;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:all .18s;display:flex}.nav-button:hover{border-color:var(--accent);background:#f5c55d2e}.nav-button:active{transform:scale(.92)}.score-total{color:var(--accent);text-align:center;text-transform:uppercase;min-width:36px;font-size:18px;font-weight:900}.club-rail{z-index:5;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:none;border-radius:8px;gap:8px;max-width:calc(100vw - 36px);padding:8px;display:flex;position:fixed;bottom:24px;left:50%;overflow-x:auto;transform:translate(-50%)}.club-rail::-webkit-scrollbar{display:none}.club-button{color:#f6f0d8c2;border-radius:7px;flex-shrink:0;width:54px;height:46px;font-size:14px;font-weight:900;transition:all .15s}.aim-button{z-index:5;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:56px;height:56px;color:var(--accent);-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:28px;font-weight:800;transition:background .18s,transform .18s;display:flex;position:fixed;top:50%;transform:translateY(-50%);box-shadow:0 8px 32px #0000003d}.aim-button:hover{background:#f5c55d2e;transform:translateY(-50%)scale(1.08)}.aim-button:active{transform:translateY(-50%)scale(.95)}.aim-button.left{left:18px}.aim-button.right{right:18px}.club-button.active{color:#fff7dc;background:#f5c55d2e;border-color:#f5c55de6;box-shadow:inset 0 0 0 1px #f5c55d59}.power-meter{z-index:4;background:#f6f0d81f;border-radius:999px;height:7px;position:fixed;bottom:94px;left:18px;right:18px;overflow:hidden}#powerFill{transform-origin:0;background:linear-gradient(90deg, var(--green), var(--accent), #f0715b);width:100%;height:100%;transition:transform 90ms linear;transform:scaleX(0)}#powerFill.over{background:linear-gradient(90deg, var(--accent), var(--pink), #fff)}.hole-grid{z-index:4;grid-template-columns:repeat(6,32px);gap:6px;max-width:calc(100vw - 36px);display:grid;position:fixed;bottom:22px;right:18px}.hole-button{color:#f6f0d8b8;border-radius:7px;width:32px;height:32px;font-size:12px;font-weight:800;position:relative}.hole-button.active{color:#eefaff;border-color:#8fd8ffe6}.hole-button[data-score]:not([data-score=""]):after{content:attr(data-score);color:#162018;background:#f5c55d;border-radius:999px;place-items:center;min-width:16px;height:16px;font-size:9px;font-weight:900;display:grid;position:absolute;bottom:-6px;right:-4px}.finish-panel{z-index:10;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c120e9e;place-content:center;gap:16px;display:grid;position:fixed;inset:0}.finish-panel[hidden]{display:none}#finishTitle{font-size:clamp(30px,6vw,72px);font-weight:900}#finishScore{color:var(--accent);font-size:clamp(46px,9vw,112px);font-weight:900}#restartRound{background:#f5c55d2e;border-radius:7px;width:min(240px,80vw);height:48px;margin:0 auto;font-weight:900}@media (width<=760px){.top-bar{flex-wrap:wrap;justify-content:center;gap:8px;height:auto;padding:8px 12px}.hud-section{gap:10px;font-size:11px}.hole-info,.shot-info{font-size:11px}.hole-info span,.shot-info span{padding-right:10px}.overview-button{top:auto;bottom:148px;right:18px}.shot-card{flex-direction:column;top:98px;left:18px;right:auto}.club-rail{justify-content:flex-start;left:18px;right:18px;transform:none}.club-button{flex-shrink:0}.aim-button{width:44px;height:44px;font-size:22px}.hole-grid{grid-template-columns:repeat(3,28px);top:98px;bottom:auto;right:14px}.hole-button{width:28px;height:28px}}.help-banner{z-index:4;letter-spacing:.08em;color:#fff8df73;text-shadow:0 2px 4px #00000080;text-transform:uppercase;pointer-events:none;text-align:center;white-space:nowrap;font-size:11px;font-weight:800;position:fixed;bottom:112px;left:50%;transform:translate(-50%)}@media (width<=760px){.help-banner{font-size:9px;bottom:112px}}