.gps-card{overflow:hidden;padding:22px}.gps-card h2{font-size:28px}.gps-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.gps-kicker{font-size:10px;letter-spacing:1.4px;font-weight:800;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.gps-number{font:54px/1 Georgia,serif;letter-spacing:-2px}.gps-unit{font:13px Arial,sans-serif;letter-spacing:0;color:var(--muted);margin-left:5px}.gps-distance{margin:18px 0 9px;display:flex;align-items:baseline;gap:10px}.gps-caption{font-size:12px;color:var(--muted);line-height:1.6}.gps-status{font-size:12px;line-height:1.6;margin:10px 0;color:var(--ink)}.gps-status.error{color:var(--red)}.gps-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.gps-actions .btn{font-size:12px;min-height:44px;padding:11px 14px}.gps-map{height:340px;width:100%;border-radius:14px;margin-top:16px;background:#edf0dc!important;z-index:0}.gps-map .leaflet-control-container{font-family:Arial,sans-serif}.gps-map .leaflet-control-zoom a{min-width:40px;height:40px;line-height:40px}.gps-map .leaflet-control-attribution{font-size:9px}.gps-map .leaflet-control-attribution a{color:#29452e}.gps-map .leaflet-interactive:focus{outline:2px solid var(--green)}.gps-hole-label{background:#fffef8;border:1px solid #46674e;color:#183b2d;font:bold 11px Arial,sans-serif;border-radius:50%;text-align:center;line-height:23px;box-shadow:0 1px 4px #0002}.gps-hole-label.selected{background:#214e38;color:#fff;border-color:#214e38;font-size:12px}.gps-legend{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0 4px;font-size:10px;color:var(--muted)}.gps-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;background:#406c38}.gps-legend .gps-you{background:#276fd4}.gps-map-note{padding-top:12px;margin-top:13px;border-top:1px solid var(--line);font-size:10px;line-height:1.65;color:var(--muted)}.gps-map-note a{text-decoration:underline}.gps-map-empty{padding:30px 15px;text-align:center;min-height:140px;font-size:13px;background:#edf0dc;border-radius:14px;margin-top:16px}.gps-heading-hole{font-size:11px;background:#e8efda;border-radius:30px;padding:8px 12px;font-weight:700;white-space:nowrap}.gps-loading{opacity:.7}@media(max-width:600px){.gps-card{padding:20px}.gps-map{height:310px}.gps-top h2{font-size:25px}.gps-number{font-size:47px}.gps-caption,.gps-status{font-size:12px}.gps-actions .btn{flex:1}.gps-heading-hole{font-size:10px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){.gps-map *{transition:none!important}}
.gps-sharing{border-top:1px solid var(--line);margin-top:20px;padding-top:19px}.gps-share-top{display:flex;gap:14px;align-items:center;justify-content:space-between}.gps-share-top h3{font-family:Georgia,serif;font-weight:400;font-size:24px;letter-spacing:-.4px}.gps-share-top .btn{font-size:12px;min-height:44px;padding:11px 13px}.gps-share-count{display:block;font-size:11px;color:var(--muted);margin-top:7px}.gps-share-status{font-size:12px;line-height:1.6;margin-top:14px}.gps-share-status.error{color:var(--red)}.gps-share-help{font-size:10px;color:var(--muted);line-height:1.65;margin-top:6px}.gps-player-list{margin:15px 0}.gps-player-row{display:flex;align-items:center;gap:9px;padding:12px 0;border-top:1px solid #e6e8dc;font-size:11px}.gps-player-row>div{flex:1;min-width:0}.gps-player-row strong{display:block;font-size:12px;overflow-wrap:anywhere}.gps-player-row div span{display:block;font-size:10px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.gps-player-dot{width:9px;height:9px;flex-shrink:0;border-radius:50%}.gps-player-state{font-size:10px;color:var(--muted);text-align:right;max-width:98px;line-height:1.5}.gps-player-state.live{color:#356642;font-weight:700}.gps-player-label{font:600 11px Arial,sans-serif;border:1px solid #c8d5ba;background:#fffef8;color:#183b2d;border-radius:7px;padding:5px 7px;box-shadow:0 2px 5px #183b2d1a}.gps-map .leaflet-tooltip-pane{z-index:650}.gps-map .leaflet-tooltip{width:max-content;white-space:normal;max-width:160px;text-align:center;overflow-wrap:anywhere}@media(max-width:380px){.gps-share-top{align-items:stretch;flex-direction:column}.gps-share-top .btn{width:100%}}
/* The player map remains mounted underneath the movable sheet. */
.gps-stage{position:absolute;inset:0;overflow:hidden;background:#e6ebd6}.gps-stage .gps-map{position:absolute;inset:0;width:100%;height:100%;border-radius:0;margin:0;background:#e5ebd4!important}.gps-stage-hud{position:absolute;z-index:700;top:110px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.gps-yardage{display:flex;flex-direction:column;max-width:210px;padding:14px 17px 13px;border:1px solid #ffffffb0;border-radius:19px;background:#fffdf3e8;box-shadow:0 6px 26px #193c2920;backdrop-filter:blur(12px)}.gps-yardage .gps-kicker{font-size:8px;letter-spacing:1.8px;color:#5e705b;margin:0 0 6px}.gps-yardage .gps-number{font-size:52px;color:#173b2a;letter-spacing:-2.5px}.gps-yardage .gps-unit{font-size:12px;font-weight:600;letter-spacing:0;margin-left:6px}.gps-yardage .gps-caption{font-size:9px;line-height:1.4;margin-top:5px;max-width:170px}.gps-stage-actions{display:flex;flex-direction:column;gap:9px;pointer-events:auto}.gps-map-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:48px;min-height:48px;border:1px solid #fff9;border-radius:15px;background:#fffdf3f0;color:#254333;box-shadow:0 3px 16px #193c2920;cursor:pointer}.gps-map-button svg{height:20px;width:20px}.gps-map-button span{font-size:8px;font-weight:800;white-space:nowrap}.gps-map-button.is-active{background:#1e4935;color:#e9f3ba}.gps-map-button:focus-visible{outline:3px solid #7eae40;outline-offset:3px}.gps-stage-status{position:absolute;z-index:700;left:18px;right:80px;bottom:174px;max-width:410px;width:fit-content;background:#fffef6e6;color:#41513d;font-size:10px;line-height:1.5;border-radius:10px;padding:8px 11px;pointer-events:none;box-shadow:0 2px 9px #17372310}.gps-stage-status.error{color:#9c3430;background:#fff4e9}.gps-stage .leaflet-bottom{bottom:163px}.gps-stage .leaflet-control-attribution{background:#fffdf0b5;font-size:8px}.gps-stage .leaflet-left .leaflet-control{margin-left:18px}.gps-stage .leaflet-right .leaflet-control{margin-right:18px}.gps-stage .leaflet-control-zoom{border:1px solid #fff9;border-radius:13px;box-shadow:0 3px 16px #193c2920;overflow:hidden}.gps-stage .leaflet-control-zoom a{background:#fffdf3f0;color:#254333;width:44px;height:44px;line-height:44px}.gps-stage .gps-player-label{font-size:10px;border-radius:8px;border:1px solid #dae2cb;box-shadow:0 4px 12px #1737231c}.gps-stage .gps-hole-label.selected{box-shadow:0 0 0 5px #1c46332b,0 2px 8px #193c2930}.demo-controls .field{margin-top:18px}.demo-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.demo-buttons .btn{flex:1;font-size:12px}.demo-controls h2{margin-top:8px}.demo-controls .footnote{margin-top:12px}
@media(min-width:900px){.gps-stage-hud{left:34px;right:30px;top:115px}.gps-yardage{padding:19px 22px;max-width:250px}.gps-yardage .gps-number{font-size:68px}.gps-stage-status{left:34px}.gps-map-button{width:52px;min-height:52px}}
@media(max-height:650px){.gps-stage-hud{top:94px}.gps-yardage .gps-number{font-size:40px}.gps-yardage{padding:10px 12px}.gps-stage-status{display:none}}