.metric-card{background:var(--hud-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--hud-border);border-radius:var(--radius-sm);min-width:140px;box-shadow:var(--hud-box-shadow);flex-direction:column;flex:none;gap:7px;min-height:72px;padding:12px 14px;transition:all .2s;display:flex;position:relative;overflow:hidden}.metric-card:hover{background:var(--hud-bg-hover);border-color:#ffffff40;box-shadow:0 10px 45px #000000bf}.metric-card--empty{opacity:.35;border-color:#ffffff0d}.metric-card--measured{border-color:#e8a23a40}.metric-card--measured:hover{border-color:var(--hud-glow-amber);box-shadow:0 0 12px #e8a23a33, var(--hud-box-shadow)}.metric-card--measured .metric-card__value{color:var(--hud-glow-amber);text-shadow:0 0 8px #e8a23a66}.metric-card--measured .metric-card__gauge-bar{background:linear-gradient(90deg, #e8a23a33, var(--hud-glow-amber));box-shadow:0 0 6px var(--hud-glow-amber)}.metric-card--estimated,.metric-card--experimental{border-color:#4cc27340}.metric-card--estimated:hover,.metric-card--experimental:hover{border-color:var(--hud-glow-green);box-shadow:0 0 12px #4cc27333, var(--hud-box-shadow)}.metric-card--estimated .metric-card__value,.metric-card--experimental .metric-card__value{color:var(--hud-glow-green);text-shadow:0 0 8px #4cc27366}.metric-card--estimated .metric-card__gauge-bar,.metric-card--experimental .metric-card__gauge-bar{background:linear-gradient(90deg, #4cc27333, var(--hud-glow-green));box-shadow:0 0 6px var(--hud-glow-green)}.metric-card--fitted{border-color:#8b7ce040}.metric-card--fitted:hover{border-color:var(--hud-glow-violet);box-shadow:0 0 12px #8b7ce033, var(--hud-box-shadow)}.metric-card--fitted .metric-card__value{color:var(--hud-glow-violet);text-shadow:0 0 8px #8b7ce066}.metric-card--fitted .metric-card__gauge-bar{background:linear-gradient(90deg, #8b7ce033, var(--hud-glow-violet));box-shadow:0 0 6px var(--hud-glow-violet)}.metric-card__label{color:#ffffffa6;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.metric-card__value{color:var(--color-ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:26px;font-weight:700;line-height:1.1}.driving-range{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.driving-range__toolbar{z-index:3;background:var(--hud-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--hud-border);border-radius:var(--radius-sm);box-shadow:var(--hud-box-shadow);pointer-events:auto;align-items:center;gap:16px;padding:8px 16px;transition:all .2s;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.driving-range__toolbar:hover{background:var(--hud-bg-hover);border-color:#ffffff40}.driving-range__layers{gap:6px;display:flex}.layer-toggle{color:var(--color-muted);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;transition:all .15s;display:inline-flex}.layer-toggle:hover:not(:disabled){color:var(--color-ink);background:#ffffff14}.layer-toggle:disabled{cursor:not-allowed;opacity:.35}.layer-toggle__dot{background:var(--toggle-color,var(--color-muted-dim));opacity:.4;border-radius:50%;width:7px;height:7px;transition:all .15s;box-shadow:0 0 #0000}.layer-toggle--active{color:var(--color-ink);border-color:var(--toggle-color,var(--color-border));background:#ffffff0f}.layer-toggle--active .layer-toggle__dot{opacity:1;box-shadow:0 0 6px var(--toggle-color)}.layer-toggle__empty{opacity:.6;font-size:10px}.driving-range__replay{background:var(--color-turf);color:#06140c;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:4px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s}.driving-range__replay:hover{background:var(--color-turf-bright);box-shadow:0 0 8px var(--color-turf-bright)}.driving-range__camera{color:#fff;cursor:pointer;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff38;border-radius:4px;padding:6px 10px;font-size:11px;font-weight:700}.driving-range__canvas-wrap{width:100%;height:100%;overflow:hidden}.ball-tracker{background:#fff;border:1px solid #040f0ae6;border-radius:50%;width:8px;height:8px;display:block;box-shadow:0 0 0 2px #4cc27361,0 0 8px #fffffff2}.range-label{font-family:var(--font-mono);color:#9ca3af;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;pointer-events:none;background:#0f172acc;border:1px solid #ffffff14;border-radius:4px;padding:3px 8px;font-size:11px;box-shadow:0 2px 4px #00000026}.target-badge{font-family:var(--font-sans,sans-serif);color:#f3f4f6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;pointer-events:none;background:#0f172ad9;border:1px solid #ffffff0d;border-left:none;border-radius:0 6px 6px 0;align-items:center;gap:3px;padding:4px 10px;font-size:13px;font-weight:700;display:flex;box-shadow:0 4px 6px -1px #00000040,0 2px 4px -1px #00000026}.target-badge__unit{color:#9ca3af;text-transform:uppercase;font-size:10px;font-weight:500}.swing-replay{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030709eb;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.swing-replay__panel{background:#0d1412f7;border:1px solid #ffffff1f;border-radius:12px;width:min(1280px,96vw);max-height:96vh;padding:20px;overflow:auto;box-shadow:0 24px 80px #000000b8}.swing-replay__header,.swing-replay__controls,.swing-replay__timeline{align-items:center;gap:14px;display:flex}.swing-replay__header{justify-content:space-between;margin-bottom:14px}.swing-replay__header h2{color:#fff;text-transform:uppercase;letter-spacing:.07em;margin:0}.swing-replay__header p{color:var(--color-muted);font:11px var(--font-mono);margin:4px 0 0}.swing-replay__header button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:20px}.swing-replay__legend{color:#ffffffc7;font:9px var(--font-mono);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:7px 14px;margin:-3px 0 12px;display:flex}.swing-replay__legend span{align-items:center;gap:5px;display:inline-flex}.swing-replay__legend small{color:var(--color-muted);text-transform:none;font-size:8px}.swing-replay__key{border-radius:2px;width:17px;height:3px;box-shadow:0 0 5px}.swing-replay__key--left{color:#ff4bff;background:currentColor}.swing-replay__key--right{color:orange;background:currentColor}.swing-replay__key--shoulders{color:#0ff;background:currentColor}.swing-replay__key--hips{color:#78ff50;background:currentColor}.swing-replay__key--balance{color:#f5f5f5;background:currentColor}.swing-replay__cameras{grid-template-columns:1fr 1fr;gap:16px;display:grid}.swing-replay__camera{flex-direction:column;gap:8px;display:flex}.swing-replay__camera h3{color:var(--color-turf-bright);font:700 11px var(--font-mono);text-transform:uppercase;margin:0}.swing-replay__camera figure{background:#000;border:1px solid #ffffff1a;border-radius:6px;margin:0;position:relative;overflow:hidden}.swing-replay__camera figcaption{z-index:1;color:#fff;font:9px var(--font-mono);text-transform:uppercase;background:#000000b3;border-radius:3px;padding:3px 6px;position:absolute;top:6px;left:7px}.swing-replay__camera video{aspect-ratio:16/9;object-fit:contain;width:100%;max-height:30vh;display:block}.swing-replay__timeline{margin-top:16px}.swing-replay__error{color:var(--color-danger);margin-top:12px;font-size:12px}.swing-replay__timeline input{accent-color:var(--color-turf-bright);flex:1}.swing-replay__timeline span{color:#fff;min-width:104px;font:10px var(--font-mono);text-align:right}.swing-replay__controls{border-top:1px solid #ffffff14;flex-wrap:wrap;margin-top:12px;padding-top:12px}.swing-replay__transport{gap:6px;display:flex}.swing-replay__controls button,.swing-replay__controls select{color:#fff;cursor:pointer;background:#4cc2731f;border:1px solid #4cc27373;border-radius:5px;padding:7px 10px}.swing-replay__controls label{color:var(--color-muted);font:10px var(--font-mono);text-transform:uppercase;align-items:center;gap:7px;display:flex}.swing-replay__play{min-width:68px}.swing-replay__hint{color:var(--color-muted);font:10px var(--font-mono)}.swing-replay__flight{margin-left:auto}@media (width<=900px){.swing-replay__cameras{grid-template-columns:1fr}.swing-replay__camera video{aspect-ratio:16/8}}.shot-simulator-hud{width:100%;height:100%;color:var(--color-ink);position:relative;overflow:hidden}.shot-simulator-hud__canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.shot-simulator-hud__panel{z-index:2;background:var(--hud-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--hud-border);border-radius:var(--radius-sm);width:320px;max-height:calc(100% - 40px);box-shadow:var(--hud-box-shadow);flex-direction:column;gap:16px;padding:18px;display:flex;position:absolute;top:20px;bottom:20px;overflow-y:auto}.shot-simulator-hud__panel::-webkit-scrollbar{width:4px}.shot-simulator-hud__panel::-webkit-scrollbar-track{background:#ffffff05}.shot-simulator-hud__panel::-webkit-scrollbar-thumb{background:#4cc27340;border-radius:2px}.shot-simulator-hud__panel--left{left:20px}.shot-simulator-hud__panel--right{right:20px}.hud-header{border-bottom:1px solid #ffffff14;padding-bottom:12px}.hud-header__title{font-family:var(--font-display);color:#fff;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:20px;font-weight:800}.hud-header__subtitle{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;margin:4px 0 0;font-size:11px}.hud-section{flex-direction:column;gap:8px;display:flex}.hud-section__title{font-family:var(--font-display);color:var(--color-turf-bright);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.hud-club-widget{border-radius:var(--radius-sm);background:#ffffff05;border:1px solid #ffffff0f;align-items:center;gap:12px;padding:10px 12px;display:flex}.hud-club-widget__badge{background:var(--color-turf);color:#0c1811;font-family:var(--font-mono);letter-spacing:.05em;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.hud-club-widget__details{flex-direction:column;display:flex}.hud-club-widget__name{color:#fff;font-size:15px;font-weight:700}.hud-club-widget__class{color:var(--color-muted);font-size:10.5px}.hud-env-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.hud-env-item{border-radius:var(--radius-sm);background:#ffffff05;border:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex}.hud-env-item__label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-size:9px}.hud-env-item__val{color:#fff;font-size:11.5px;font-weight:700}.shot-simulator-hud__metrics-scroll{flex-direction:column;flex-grow:1;gap:10px;padding-right:4px;display:flex;overflow-y:auto}.shot-simulator-hud__metrics-scroll::-webkit-scrollbar{width:3px}.shot-simulator-hud__metrics-scroll::-webkit-scrollbar-thumb{background:#4cc27333;border-radius:1.5px}.shot-simulator-hud__alerts{z-index:5;pointer-events:none;flex-direction:column;gap:6px;width:440px;max-width:90%;display:flex;position:absolute;top:15px;left:50%;transform:translate(-50%)}.hud-alert-banner{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;border:1px solid;align-items:center;gap:12px;padding:6px 12px;display:flex;box-shadow:0 8px 24px #00000080}.hud-alert-banner--placeholder{color:#d1cbfb;background:#8b7ce01f;border-color:#8b7ce059}.hud-alert-banner--warning{color:var(--color-ink);background:#e8a23a0d;border:1px solid #e8a23a4d}.hud-alert-banner--warning .hud-alert-banner__tag{color:var(--color-amber);background:#e8a23a1a;border-radius:2px}.hud-alert-banner__tag{font-family:var(--font-mono);white-space:nowrap;background:#ffffff26;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:700}.hud-alert-banner__message{text-align:left;margin:0;font-size:11.5px;line-height:1.35}.hud-radar-widget{z-index:3;background:var(--hud-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--hud-border);border-radius:var(--radius-sm);box-shadow:var(--hud-box-shadow);pointer-events:auto;flex-direction:column;align-items:center;gap:4px;padding:7px 9px;transition:all .2s;display:flex;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.hud-radar-widget:hover{background:var(--hud-bg-hover);border-color:#fff3}.hud-radar-header{font-family:var(--font-display);color:var(--color-muted);letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:700}.hud-radar-svg{width:76px;height:76px}.hud-radar-footer{color:var(--color-ink);gap:8px;font-size:9px;font-weight:700;display:flex}.shot-simulator-precursor{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#040608e0;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out fadeIn;display:flex;position:absolute;top:0;left:0}.precursor-overlay__content{border-radius:var(--radius-md);background:#14191e80;border:1px solid #ffffff14;flex-direction:column;gap:20px;width:90%;max-width:1100px;padding:30px;display:flex;box-shadow:0 20px 50px #000c,inset 0 1px #ffffff0d}.precursor-header{border-bottom:1px solid #ffffff14;padding-bottom:12px}.precursor-header__title{font-family:var(--font-display);color:#fff;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 10px #4cc2734d;margin:0;font-size:24px;font-weight:800}.precursor-header__subtitle{color:var(--color-turf-bright);letter-spacing:.1em;margin:4px 0 0;font-size:11px}.precursor-videos{grid-template-columns:1fr 1fr;gap:20px;display:grid}.precursor-video-wrapper{border-radius:var(--radius-sm);background:#000;border:1px solid;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0009}.precursor-video-wrapper.camera-a{border-color:#0ff3;box-shadow:0 0 15px #00ffff0d}.precursor-video-wrapper.camera-b{border-color:#e8a23a33;box-shadow:0 0 15px #e8a23a0d}.precursor-video-label{font-family:var(--font-mono);letter-spacing:.05em;background:#ffffff05;border-bottom:1px solid #ffffff0d;padding:8px 12px;font-size:10px;font-weight:700}.precursor-video-wrapper.camera-a .precursor-video-label{color:#0ff}.precursor-video-wrapper.camera-b .precursor-video-label{color:var(--color-amber)}.precursor-video{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}.precursor-footer{border-top:1px solid #ffffff0f;padding-top:16px}.precursor-progress-bar{background:#ffffff0d;border-radius:2px;width:100%;height:4px;overflow:hidden}.precursor-progress-fill{transform-origin:0;background:linear-gradient(90deg,#4cc273,#8b7ce0);width:100%;height:100%;animation:linear forwards shrinkWidth}.precursor-skip-btn{border:1px solid var(--color-turf-bright);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-display);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:#4cc27326;padding:8px 16px;font-size:12px;font-weight:700;transition:all .2s}.precursor-skip-btn:hover{background:var(--color-turf-bright);color:#000;box-shadow:0 0 15px #4cc27366}.precursor-telemetry{color:#fff6;letter-spacing:.05em;font-size:11px;animation:1.5s infinite pulse}@keyframes shrinkWidth{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c10d9;border-bottom:1px solid #98afc726;position:sticky;top:0}.app-header__row{justify-content:space-between;align-items:center;max-width:960px;margin:0 auto;padding:16px 24px;display:flex}.app-header__wordmark{font-family:var(--font-display);letter-spacing:.08em;color:var(--color-ink);align-items:center;gap:8px;font-size:17px;font-weight:800;transition:color .15s;display:flex}.app-header__wordmark:before{content:"";background:var(--color-turf-bright);width:8px;height:8px;box-shadow:0 0 6px var(--color-turf-bright);border-radius:50%;display:inline-block}.app-header__wordmark:hover{color:var(--color-turf-bright);text-decoration:none}.app-header__nav{gap:24px;display:flex}.app-header__link{font-family:var(--font-display);color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;padding:4px 0;font-size:13px;font-weight:600;transition:color .15s;position:relative}.app-header__link:hover{color:var(--color-ink);text-decoration:none}.app-header__link--active{color:var(--color-turf-bright)}.app-header__link--active:after{content:"";background:var(--color-turf-bright);height:2px;box-shadow:0 0 8px var(--color-turf-bright);position:absolute;bottom:-16px;left:0;right:0}.app-header__tracer{display:none}