:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121614;--surface:#1b201d;--surface-2:#232925;--text:#e6ebe7;--muted:#9aa59e;--border:#333b36;--accent:#6ea8ff;--accent-soft:#6ea8ff2e;--warning-bg:#3a2f12;--warning-text:#f3cf75;--rough:#24331f;--fairway:#2f4a27;--fairway-edge:#3a5a30;--tee:#436a37;--lie-tee:#3d6233;--lie-fairway:#2f4a27;--lie-firstCut:#2b4424;--lie-lightRough:#253b1f;--lie-heavyRough:#1d3019;--lie-bare:#5b4a35;--lie-bunker:#8f7d54;--sky:#1a2633;--grid:#e6ebe71f;--grid-on-grass:#e6ebe729;--path:#fb923c;--path-ground:#fb923c;--face:#6ea8ff;--club:#c084fc;--start-line:#e6ebe773;--silhouette:#56625b;--silhouette-edge:#78857e;--shaft:#d4d9d5;--ball:#f5f5f5;--ball-stroke:#0c0f0d;--halo:#121614d9;--steel-hi:#d9dee2;--steel-mid:#a9b1b8;--steel-lo:#6f7880;--carbon-hi:#3a414a;--carbon-lo:#15191e;--crown:#0b0d10;--groove:#14181c8c;--sheen:#ffffff38;--radius:10px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f1;--surface:#fff;--surface-2:#eef0ea;--text:#1d2420;--muted:#5c665f;--border:#d6dbd2;--accent:#1f6feb;--accent-soft:#1f6feb24;--warning-bg:#fff4d6;--warning-text:#7a5300;--rough:#cfe0bd;--fairway:#a9d18e;--fairway-edge:#93c176;--tee:#8fbf72;--lie-tee:#9fcd82;--lie-fairway:#a9d18e;--lie-firstCut:#9cc580;--lie-lightRough:#88b46c;--lie-heavyRough:#719c57;--lie-bare:#b8a07c;--lie-bunker:#e5d2a0;--sky:#dbe8f2;--grid:#1d242024;--grid-on-grass:#1d3c1938;--path:#c2410c;--path-ground:#c2410c;--face:#1f6feb;--club:#8b3fd9;--start-line:#1d242073;--silhouette:#b9c2bb;--silhouette-edge:#8e9891;--shaft:#3b423e;--ball:#fff;--ball-stroke:#1d2420;--halo:#ffffffd9;--steel-hi:#f1f3f5;--steel-mid:#c4cbd1;--steel-lo:#8b949c;--carbon-hi:#4a525c;--carbon-lo:#1c2127;--crown:#101317;--groove:#1e242a80;--sheen:#ffffff59}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;font-size:14px;line-height:1.4}h1,h2,p{margin:0}#app{grid-template:"header header header""controls center address"minmax(0,1fr)"readouts readouts readouts"/290px minmax(320px,1fr) minmax(240px,340px);gap:12px;height:100vh;min-height:760px;padding:12px 16px 16px;display:grid}.app-header{grid-area:header}.controls{grid-area:controls}.center{grid-area:center}.address-views{grid-area:address}.readouts{grid-area:readouts}.center,.address-views{flex-direction:column;gap:12px;min-height:0;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-title{padding:8px 12px 0;font-size:13px;font-weight:600}.panel-body{flex:1;min-height:0;position:relative}.profile-panel{flex:0 0 190px}.overview-panel{flex:auto;min-height:260px}.address-views .panel{flex:1 1 0}.app-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:12px 16px;padding:8px 12px;display:flex}.app-header h1{letter-spacing:-.01em;font-size:16px;font-weight:650}.header-spacer{flex:1}.club-picker{align-items:center;gap:8px;font-weight:600;display:flex}select,button,input[type=number]{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:5px 8px}button{cursor:pointer}button:hover,select:hover{border-color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.segmented{border:1px solid var(--border);background:var(--surface-2);border-radius:6px;margin:0;padding:2px;display:inline-flex}.segmented legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.segmented label{cursor:pointer;position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented span{color:var(--muted);border-radius:4px;padding:3px 10px;display:block}.segmented input:checked+span{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--border);font-weight:600}.segmented input:focus-visible+span{outline:2px solid var(--accent)}.controls{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:0;padding:12px;overflow-y:auto}.control-group+.control-group{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.control-group h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:650}.slider-row+.slider-row{margin-top:14px}.slider-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.slider-head label{font-weight:600}.slider-value{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600}.slider-body{align-items:center;gap:8px;margin-top:4px;display:flex}.slider-body input[type=range]{min-width:0;accent-color:var(--accent);flex:1}.number-wrap{align-items:center;gap:4px;display:inline-flex}.number-wrap input{font-variant-numeric:tabular-nums;width:62px;padding:3px 6px}.number-unit{color:var(--muted);min-width:26px;font-size:12px}.slider-ends{color:var(--muted);justify-content:space-between;margin-right:100px;font-size:11px;display:flex}.help{color:var(--muted);margin-top:2px;font-size:12px}.warning{background:var(--warning-bg);color:var(--warning-text);border-radius:6px;margin-top:6px;padding:6px 8px;font-size:12px}.derived-list{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.derived-list div{background:var(--surface-2);border-radius:6px;padding:6px 8px}.derived-list dt{color:var(--muted);cursor:help;font-size:11px}.derived-list dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.readouts{flex-direction:column;gap:8px;display:flex}.readout-cards{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px;display:grid}.explain{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:7px 12px;font-size:13px;line-height:1.45}.preset-lesson{color:var(--accent);margin-bottom:2px}.preset-lesson strong,.explain-text{color:var(--text)}.readout{background:var(--surface);border:1px solid var(--border);cursor:help;border-radius:8px;flex-direction:column;padding:6px 10px;display:flex}.readout-label{color:var(--muted);font-size:11px}.readout-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:650}.readout.shape{background:var(--accent-soft);border-color:var(--accent)}.readout.shape .readout-value{font-size:18px}.svg-panel svg{touch-action:none;display:block;position:absolute;inset:0}.svg-panel text{font-family:var(--font)}.rough{fill:var(--rough)}.fairway{fill:var(--fairway);stroke:var(--fairway-edge)}.tee-box{fill:var(--tee)}.overview-panel .grid{stroke:var(--grid-on-grass)}.grid{stroke:var(--grid);stroke-width:1px}.tick-label{fill:var(--muted);font-size:11px}.overview-panel .tick-label{fill:var(--text);opacity:.7}.target-line{stroke:var(--start-line);stroke-dasharray:2 5;stroke-width:1px}.start-line{stroke:var(--start-line);stroke-dasharray:6 4;stroke-width:1.25px}.ground-line{stroke:var(--muted);stroke-width:1.25px}.path-flight{fill:none;stroke:var(--path);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.path-ground{fill:none;stroke:var(--path-ground);stroke-width:2px;stroke-dasharray:3 4;stroke-linecap:round;opacity:.8}.marker-apex{fill:var(--path)}.marker-carry{fill:var(--surface);stroke:var(--path);stroke-width:2px}.marker-ball{fill:var(--ball);stroke:var(--ball-stroke);stroke-width:1.25px}.marker-hover{fill:var(--accent);stroke:var(--surface);stroke-width:2px}.point-label,.axis-note{fill:var(--text);paint-order:stroke;stroke:var(--halo);stroke-width:3px;stroke-linejoin:round;font-size:12px;font-weight:600}.axis-note{fill:var(--muted);font-weight:500}.tooltip{pointer-events:none;background:var(--surface);border:1px solid var(--border);z-index:2;border-radius:8px;padding:6px 10px;font-size:12px;position:absolute;top:0;left:0;box-shadow:0 4px 14px #00000026}.tooltip dl{grid-template-columns:auto auto;gap:1px 10px;margin:0;display:grid}.tooltip dt{color:var(--muted)}.tooltip dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:600}.tooltip p{color:var(--muted);margin-top:3px;font-style:italic}.address-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.address-svg text{font-family:var(--font)}.sky{fill:var(--sky)}.fairway-flat{fill:var(--fairway)}.slope-ground{fill:var(--fairway);opacity:.9}.address-svg .ground-line{stroke:var(--fairway-edge);stroke-width:1.5px}.golfer .limb{fill:none;stroke:var(--silhouette);stroke-linecap:round;stroke-linejoin:round}.golfer .leg{stroke-width:11px}.golfer .torso{stroke-width:17px}.golfer .torso.wide{stroke-width:24px}.golfer .arm,.arm{stroke:var(--silhouette);stroke-width:7px;stroke-linecap:round}.body{fill:var(--silhouette);stroke:var(--silhouette-edge);stroke-width:1px}.shoe{fill:var(--silhouette-edge)}.stance-centre{stroke:var(--muted);stroke-dasharray:2 3}.shaft{stroke:var(--shaft);stroke-width:2px;stroke-linecap:round}.clubhead{fill:var(--shaft);opacity:.85}.clubhead-side{stroke:var(--shaft);stroke-width:5px;stroke-linecap:round}.face-line{stroke:var(--face);stroke-width:3px;stroke-linecap:round}.plane-line{stroke:var(--club);stroke-width:1.25px;stroke-dasharray:5 4;opacity:.8}.club-arc{fill:none;stroke:var(--club);stroke-width:1.5px;stroke-dasharray:4 3}.low-point{fill:var(--club)}.aim-face,.aim-path,.aim-start{stroke-width:2px;stroke-linecap:round}.aim-face{stroke:var(--face)}.aim-path{stroke:var(--club)}.aim-start{stroke:var(--path);stroke-dasharray:5 3}.head.aim-face,.head.aim-path,.head.aim-start{stroke:none;stroke-dasharray:none}.head.aim-face{fill:var(--face)}.head.aim-path{fill:var(--club)}.head.aim-start{fill:var(--path)}.swatch{stroke-width:3px}.swatch.path-flight{stroke-dasharray:none}.legend-label,.view-note{fill:var(--text);paint-order:stroke;stroke:var(--halo);stroke-width:3px;stroke-linejoin:round;font-size:10.5px}.legend-label{font-weight:600}.view-note{fill:var(--muted)}.view-note.faint{opacity:.8}.spin-ball{fill:var(--ball);stroke:var(--ball-stroke);stroke-width:1px}.spin-axis{stroke:var(--club);stroke-width:2.5px;stroke-linecap:round}.address-svg .path-flight{stroke-width:2px}.address-panel .panel-title{justify-content:space-between;align-items:center;padding-right:6px;display:flex}.expand{color:var(--muted);background:0 0;border-color:#0000;padding:0 6px;font-size:13px;line-height:1.5}.expand:hover{color:var(--text);border-color:var(--border)}.address-panel.expanded{z-index:40;position:fixed;inset:6vh max(16px,12vw);box-shadow:0 12px 40px #00000073}.backdrop{z-index:30;background:#00000080;position:fixed;inset:0}.backdrop[hidden]{display:none}.tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;gap:2px;margin-bottom:12px;padding:2px;display:flex}.tabs [role=tab]{color:var(--muted);background:0 0;border:none;border-radius:6px;flex:1;padding:5px 6px;font-weight:600}.tabs [role=tab][aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--border)}.controls select{width:100%;margin-top:4px}.slider-head .label{font-weight:600}.control-group+.control-group[role=tabpanel]{border-top:none;margin-top:0;padding-top:0}.derived-list div.alert{background:var(--warning-bg);color:var(--warning-text)}.derived-list div.alert dt{color:inherit}.face-inset{background:var(--surface-2);border:1px solid var(--border);cursor:crosshair;touch-action:none;border-radius:8px;width:100%;height:auto;margin-top:4px;display:block}.ball-footprint{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.25px;stroke-dasharray:4 3}.strike-dot{fill:var(--accent);stroke:var(--surface);stroke-width:1.5px}.face-label{letter-spacing:.08em;fill:var(--muted);font-size:10px;font-weight:650}.face-inset-actions{color:var(--accent);justify-content:space-between;align-items:center;margin-top:6px;font-weight:600;display:flex}.face-inset-actions button{padding:2px 10px;font-size:12px}.face-inset-effect{color:var(--muted);margin-top:4px;font-size:12px}.grass{stroke:var(--fairway-edge);stroke-width:1.6px;stroke-linecap:round;filter:brightness(1.35)}.sand{fill:#c9b27a}.lie-ground.lie-tee{fill:var(--lie-tee)}.lie-ground.lie-fairway{fill:var(--lie-fairway)}.lie-ground.lie-firstCut{fill:var(--lie-firstCut)}.lie-ground.lie-lightRough{fill:var(--lie-lightRough)}.lie-ground.lie-heavyRough{fill:var(--lie-heavyRough)}.lie-ground.lie-bare{fill:var(--lie-bare)}.lie-ground.lie-bunker{fill:var(--lie-bunker)}.slope-ground.lie-ground{opacity:1}.lie-texture{pointer-events:none}.lie-texture .grain,pattern .grain{fill:#6f5f3c;opacity:.6}pattern .grass{fill:none;stroke:var(--fairway-edge);stroke-width:1.2px;stroke-linecap:round;filter:none}.lie-grass{fill:none}.bare{fill:#8a7356}.tee-peg{fill:var(--ball);opacity:.85}.pads{flex-direction:column;gap:12px;display:flex}.pad{flex-direction:column;gap:4px;display:flex}.pad[hidden]{display:none}.pad-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pad-title{margin:0;font-size:13px;font-weight:600}.pad-value{color:var(--accent);text-align:right;font-size:12px}.pad-help{margin:0}.pad-svg{cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.pad-svg.dragging{cursor:grabbing}.pad-bg{fill:var(--surface-2);stroke:var(--border)}.pad-svg:hover .pad-bg{stroke:var(--accent)}.pad-note{fill:var(--muted);font-size:10px}.pad-note.faint{opacity:.75}.pad-note.strong{fill:var(--text);font-weight:600}.pad-big{fill:var(--text);font-size:22px;font-weight:700}.pad-reference,.pad-centre{stroke:var(--grid);stroke-width:1px;stroke-dasharray:3 3}.pad-ring{fill:none;stroke:var(--grid)}.pad-ground{fill:var(--fairway);opacity:.55}.pad-ground-line{stroke:var(--fairway-edge);stroke-width:1.5px}.pad-shaft{stroke:var(--shaft);stroke-width:3px;stroke-linecap:round}.pad-head-shape{fill:var(--steel-mid);stroke:var(--steel-lo);stroke-width:1px}.pad-grip{stroke:var(--silhouette);stroke-width:6px;stroke-linecap:round}.pad-club-head.metal{fill:var(--steel-mid);stroke:var(--steel-lo);stroke-width:1px}.pad-club-head.carbon{fill:var(--carbon-hi);stroke:var(--crown);stroke-width:1px}.pad-face-bar{stroke:var(--face);stroke-width:4px;stroke-linecap:round}.pad-flight{fill:none;stroke:var(--path);stroke-width:2px;stroke-dasharray:5 3;opacity:.8}.pad-shoe{fill:var(--silhouette)}.pad-standard{fill:var(--muted)}.pad-standard-line{stroke:var(--muted);stroke-dasharray:4 3}.pad-tee{fill:var(--tee)}.pad-edge-line{stroke:var(--face);stroke-width:1.5px;stroke-dasharray:3 2}.pad-track{fill:none;stroke:var(--border);stroke-width:12px;stroke-linecap:round}.pad-track-hot{fill:none;stroke:var(--warning-text);stroke-width:12px;opacity:.35}.pad-fill{fill:none;stroke:var(--accent);stroke-width:12px;stroke-linecap:round}.pad-tick{stroke:var(--muted)}.pad-tour-tick{stroke:var(--warning-text);stroke-width:2px}.pad-needle{stroke:var(--text);stroke-width:3px;stroke-linecap:round}.pad-hub{fill:var(--text)}.pad-patch{fill:var(--fairway-edge)}.pad-wind-arrow{stroke:var(--accent);stroke-width:3px}.pad-mountain{fill:var(--border)}.pad-mountain-fill{fill:var(--muted);opacity:.6}.pad-level{stroke:var(--text);stroke-dasharray:3 2}.pad-thermo{fill:var(--border)}.pad-thermo-fill,.pad-thermo-bulb{fill:#ef4444}.grip{cursor:grab;outline:none}.grip .grip-hit{fill:#0000}.grip .grip-halo{fill:var(--grip,var(--accent));opacity:.22}.grip .grip-dot{fill:var(--grip,var(--accent));stroke:var(--surface);stroke-width:2px}.pad-svg:hover .grip .grip-halo{opacity:.35}.grip:focus-visible .grip-halo,.dragging .grip:focus .grip-halo{opacity:.5}.grip:focus-visible .grip-hit{stroke:var(--grip,var(--accent));stroke-width:1.5px;stroke-dasharray:3 2}.grip.tone-face{--grip:var(--face)}.grip.tone-path{--grip:var(--club)}.grip.tone-lean{--grip:var(--shaft)}.grip.tone-wind,.grip.tone-speed,.grip.tone-ground{--grip:var(--accent)}.grip.tone-warm{--grip:#ef4444}.tiles{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px;display:grid}.tile{border:1px solid var(--border);background:var(--surface-2);text-align:center;cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-size:11px;display:flex;position:relative}.tile input{opacity:0;pointer-events:none;position:absolute}.tile svg{width:36px;height:36px;fill:var(--ball);stroke:var(--ball-stroke);stroke-width:1px}.tile svg .grass{fill:none;stroke:var(--fairway-edge);stroke-width:2px;stroke-linecap:round}.tile svg .dirt{fill:none;stroke:#a16207;stroke-width:3px}.tile svg .sand{fill:#e7c98a;stroke:none}.tile svg .mark,.tile svg .bounce{fill:none;stroke:var(--muted);stroke-width:1.5px;stroke-dasharray:2 2}.tile:hover{border-color:var(--accent)}.tile:has(input:checked){border-color:var(--accent);background:var(--accent-soft);font-weight:600}.tile:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.exact{border-top:1px solid var(--border);margin-top:14px;padding-top:8px}.exact summary{cursor:pointer;color:var(--muted);font-size:12px}.exact[open] summary{margin-bottom:8px}.segmented.wide{margin-top:4px;display:flex}.segmented.wide label{text-align:center;flex:1}.wind-badge circle{fill:var(--surface);fill-opacity:.85;stroke:var(--border)}.wind-badge line{stroke:var(--accent);stroke-width:3px;stroke-linecap:round}.wind-badge polygon{fill:var(--accent)}.tabs [role=tab]{padding:5px 2px;font-size:13px}.overview-panel .panel-title{justify-content:space-between;align-items:center;gap:8px;padding-right:8px;display:flex}.ghost-controls{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:500;display:inline-flex}.ghost-controls label{cursor:pointer;align-items:center;gap:4px;display:inline-flex}.ghost-controls input{accent-color:var(--accent);margin:0}.ghost-controls button{padding:1px 8px;font-size:12px}.path-ghost{fill:none;stroke:var(--text);stroke-width:1.5px;stroke-dasharray:2 3;opacity:.45}.path-ghost[data-age="1"]{opacity:.32}.path-ghost[data-age="2"]{opacity:.22}.path-ghost[data-age="3"]{opacity:.14}.play{min-width:76px;font-weight:600}.play[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}[data-hl]{transition:filter .12s}body[data-highlight=face] [data-hl~=face],body[data-highlight=path] [data-hl~=path],body[data-highlight=attack] [data-hl~=attack],body[data-highlight=lean] [data-hl~=lean],body[data-highlight=lie] [data-hl~=lie],body[data-highlight=sideslope] [data-hl~=sideslope],body[data-highlight=fwdslope] [data-hl~=fwdslope],body[data-highlight=ballpos] [data-hl~=ballpos],body[data-highlight=strike] [data-hl~=strike],body[data-highlight=speed] [data-hl~=speed],body[data-highlight=wind] [data-hl~=wind]{filter:drop-shadow(0 0 2px var(--accent)) drop-shadow(0 0 5px var(--accent))}.app-header h1{white-space:nowrap}.header-settings{display:contents}.preset-picker{order:1}.app-header .play{order:2}.header-spacer,.header-settings>.segmented,.header-group{order:3}.app-header .reset{order:4}.header-group{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sheet-toggle,.settings-toggle{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}@media (width<=1000px){#app{grid-template:"header header""center address""readouts readouts""controls controls"/minmax(0,3fr) minmax(0,2fr);height:auto;min-height:0}.overview-panel{min-height:460px}.address-views .panel{min-height:170px}.controls{overflow:visible}}@media (width<=700px){#app{grid-template-rows:auto clamp(110px,17dvh,170px) repeat(3,clamp(120px,21dvh,210px)) auto;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"header header""profile profile""overview top-down""overview behind-ball""overview face-on""readouts readouts";gap:8px;padding:10px 16px 76px}.app-header{z-index:25;flex-wrap:nowrap;gap:6px;padding:6px 8px;font-size:13px;position:relative}.app-header h1{font-size:14px}.app-header>.club-picker{flex:auto;min-width:0}.app-header>.club-picker>span{display:none}.club-select{width:100%;min-width:0}.app-header select,.app-header button{white-space:nowrap;padding:4px 6px}.app-header .play{min-width:0}.settings-toggle{order:5;font-size:15px;line-height:1.2;display:block}.settings-toggle[aria-expanded=true]{background:var(--accent-soft);border-color:var(--accent)}.header-settings{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:stretch;gap:10px;width:min(280px,100%);padding:12px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 30px #0006}.header-settings.open{display:flex}.header-settings .club-picker>span{flex:none;width:58px}.header-settings .segmented{background:0 0;border:none;align-items:center;padding:0;display:flex}.header-settings .segmented legend{float:left;clip:auto;width:64px;height:auto;padding:0;font-weight:600;position:static}.header-settings .segmented label{text-align:center;background:var(--surface-2);border:1px solid var(--border);flex:1;padding:2px}.header-settings .segmented label+label{border-left:none}.header-settings .segmented label:first-of-type{border-radius:6px 0 0 6px}.header-settings .segmented label:last-of-type{border-radius:0 6px 6px 0}.header-settings .preset-select{flex:1;min-width:0;max-width:none}.header-spacer,.header-group{display:none}.center,.address-views{display:contents}[data-panel=profile]{grid-area:profile}[data-panel=overview]{grid-area:overview}[data-panel=top-down]{grid-area:top-down}[data-panel=behind-ball]{grid-area:behind-ball}[data-panel=face-on]{grid-area:face-on}.center>.panel,.address-views>.panel{min-height:0}.panel-title{padding:4px 8px 0;font-size:11px}.address-panel.expanded{inset:8vh 16px}.controls{z-index:20;border-bottom:none;border-radius:14px 14px 0 0;max-height:75vh;padding:0 16px 16px;transition:transform .2s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(calc(100% - 52px));box-shadow:0 -8px 30px #00000059}.controls.open{transform:translateY(0)}.sheet-toggle{z-index:1;background:var(--surface);border:none;border-radius:14px 14px 0 0;justify-content:center;align-items:center;gap:8px;width:calc(100% + 32px);height:52px;margin:0 -16px 10px;font-weight:650;display:flex;position:sticky;top:0}.sheet-toggle:before{content:"";background:var(--border);border-radius:2px;width:36px;height:4px;position:absolute;top:6px}.readout-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.ghost-controls label{font-size:11px}.overview-panel .panel-title{flex-wrap:wrap;gap:2px 6px;display:flex}}.svg-panel svg:focus-visible,.face-inset:focus-visible,.wind-dial:focus-visible{outline-offset:-3px}.app-header{column-gap:12px}.preset-select{max-width:190px}.segmented input[value=dark]+span,.segmented input[value=light]+span{padding:3px 9px}.face-ground{stroke:var(--fairway-edge);stroke-width:2px}.sweet-mark line{stroke:var(--text);stroke-width:1.75px}.best-mark{fill:var(--warning-text);stroke:var(--surface);stroke-width:.75px}.face-inset-buttons{gap:4px;display:inline-flex}.face-inset-buttons button:disabled{opacity:.5;cursor:progress}.face-inset-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:4px;font-size:11px;display:flex}.key-sweet,.key-best{width:10px;height:10px;display:inline-block}.key-sweet{background:linear-gradient(var(--text), var(--text)) center / 100% 2px no-repeat, linear-gradient(var(--text), var(--text)) center / 2px 100% no-repeat}.key-best{background:var(--warning-text);clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 100%,50% 78%,20% 100%,30% 60%,0 38%,38% 35%)}.steel-hi{stop-color:var(--steel-hi)}.steel-mid{stop-color:var(--steel-mid)}.steel-lo{stop-color:var(--steel-lo)}.carbon-hi{stop-color:var(--carbon-hi)}.carbon-lo{stop-color:var(--carbon-lo)}.sheen-in{stop-color:var(--sheen)}.sheen-out{stop-color:var(--sheen);stop-opacity:0}.face-outline{stroke:var(--steel-lo);stroke-width:1px;stroke-linejoin:round}.face-outline.metal{fill:url(#fi-steel)}.face-outline.carbon{fill:url(#fi-carbon);stroke:var(--crown)}.face-crown{fill:var(--crown)}.club-hosel,.club-shaft{fill:url(#fi-tube);stroke:var(--steel-lo);stroke-width:.75px}.club-shaft{opacity:.85}.groove{stroke:var(--groove);stroke-width:1.1px;stroke-linecap:round}.face-lines{stroke:var(--steel-mid);stroke-width:.6px;opacity:.25}.face-sheen{fill:url(#fi-sheen);pointer-events:none}.leading-edge{stroke:var(--steel-hi);stroke-width:1.5px;opacity:.8}.club-ferrule{fill:var(--crown);stroke:var(--steel-lo);stroke-width:.5px}.club-trail{fill:none;stroke:var(--club);stroke-width:1.5px;stroke-dasharray:3 3;opacity:.8}.impact-copy{opacity:.55}.head-body.metal{fill:var(--steel-mid);stroke:var(--steel-lo);stroke-width:.6px}.head-body.carbon{fill:var(--carbon-hi);stroke:var(--crown);stroke-width:.6px}.head-hosel{fill:var(--steel-mid)}.golfer .shoe-line{stroke:var(--silhouette-edge)}.ball-through{fill:none;stroke:var(--ball);stroke-width:1px;stroke-dasharray:1.5 1.2}.golfer .shoulders{stroke:var(--silhouette-edge)}.golfer .hips-top{stroke:var(--silhouette);opacity:.5}.golfer .shoe-top{fill:var(--silhouette);opacity:.5}.golfer .shoulders-edge{stroke:var(--silhouette-edge)}