html,body{width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#map{position:absolute;inset:0}#vignette{z-index:1;pointer-events:none;position:absolute;inset:0}#brand-label{z-index:2;color:#fff;letter-spacing:.02em;text-shadow:0 1px 3px #000000a6;pointer-events:none;font-size:12px;font-weight:600;position:absolute;bottom:34px;left:10px}#hole-info{z-index:2;color:#fff;letter-spacing:.02em;pointer-events:none;background:#0000008c;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:600;position:absolute;top:12px;left:12px}#hole-nav{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;top:54px;left:12px}#hole-nav .map-btn{padding:6px 10px}.hole-pills{scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;gap:6px;max-width:min(50vw,320px);padding:0 2px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10px calc(100% - 10px),#0000);mask-image:linear-gradient(90deg,#0000,#000 10px calc(100% - 10px),#0000)}.hole-pills::-webkit-scrollbar{display:none}.hole-pill{scroll-snap-align:center;color:#fff;letter-spacing:.02em;cursor:pointer;background:#0000008c;border:1px solid #fff6;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:flex}.hole-pill:hover{background:#000000bf}.hole-pill.active{color:#111;background:#ffd447e6;border-color:#ffd447e6}@media (max-width:480px){#hole-nav{left:12px;right:12px}.hole-pills{flex:1;min-width:0;max-width:none}}#side-controls{z-index:2;flex-direction:column;align-items:center;gap:18px;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}#side-controls .icon-btn{width:52px;height:52px}.tee-distance-control{position:relative}.tee-distance-icon.open{box-shadow:0 0 0 2px #ffd447}.go-zone-toggle{letter-spacing:.01em;text-align:center;flex-direction:column;padding:0;font-size:11px;font-weight:700;line-height:1.2}.go-zone-toggle .go-zone-sub{letter-spacing:.02em;font-size:8px;font-weight:600;display:block}.dot-flyout{z-index:2;width:0;height:0;position:absolute;top:50%;left:26px}.dot-flyout-item{cursor:pointer;opacity:0;pointer-events:none;width:36px;height:36px;transition:transform .32s cubic-bezier(.34,1.56,.64,1),opacity .2s;transition-delay:calc(var(--i,0) * 25ms);background:0 0;border:none;padding:0;position:absolute;top:-18px;left:-18px;transform:translate(0)scale(.3)}.dot-flyout-item:before{content:"";background:var(--dot-color,#888);border:1px solid #fff;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;position:absolute;top:50%;left:50%}.dot-flyout.open .dot-flyout-item{opacity:1;pointer-events:auto;transform:translate(var(--tx,0px), var(--ty,0px)) scale(1)}.dot-flyout-item:hover,.dot-flyout-item:active{transform:translate(var(--tx,0px), var(--ty,0px)) scale(1.15)}.info-box{z-index:10;-webkit-overflow-scrolling:touch;background:#080808;display:none;position:fixed;inset:0;overflow-y:auto}.info-box.visible{display:flex}.info-box-content{box-sizing:border-box;width:100%;max-width:640px;margin:auto;padding:96px 28px}.info-box-content p{color:#f2f2f2;letter-spacing:.01em;margin:0 0 28px;font-family:Georgia,Times New Roman,serif;font-size:22px;line-height:1.8}.info-title{color:#fff;letter-spacing:.01em;margin:0 0 4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:32px;font-weight:700}.info-subtitle{color:#ffd447;letter-spacing:.04em;text-transform:uppercase;margin:0 0 28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:600}.info-section{margin:0 0 32px}.info-section h3{color:#fff;letter-spacing:.08em;text-transform:uppercase;opacity:.65;margin:0 0 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:700}.info-tee-table{border-collapse:collapse;color:#f2f2f2;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}.info-tee-table th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:#ffffff80;border-bottom:1px solid #ffffff26;padding:0 8px 8px 0;font-size:12px;font-weight:600}.info-tee-table td{border-bottom:1px solid #ffffff14;padding:9px 8px 9px 0}.info-tee-table tr:last-child td{border-bottom:none}.info-tee-dot{background:var(--dot-color,#888);vertical-align:middle;border:2px solid #ffffffd9;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block;box-shadow:0 0 0 1px #0006}.go-zone-diagram{color:#f2f2f2;grid-template-columns:auto 48px auto;align-items:start;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:grid}.go-zone-col-label{white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;color:#ffffff80;grid-row:1;margin-bottom:6px;font-size:12px;font-weight:600}.go-zone-label-tee{grid-column:1}.go-zone-header-spacer{grid-area:1/2}.go-zone-label-approach{text-align:center;grid-column:3}.go-zone-rows{grid-area:2/1}.go-zone-tee-row{justify-content:space-between;align-items:center;gap:16px;height:40px;display:flex}.go-zone-value{font-variant-numeric:tabular-nums;font-size:16px}.go-zone-connector{grid-area:2/2;overflow:visible}.go-zone-connector path{fill:none;stroke:#ffd44759;stroke-width:1.5px}.go-zone-approach-value{white-space:nowrap;color:#ffd447;font-variant-numeric:tabular-nums;grid-area:2/3;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.info-close{z-index:11;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;line-height:1;display:flex;position:fixed;top:16px;right:16px}.info-close:hover{color:#ffd447;background:#ffffff2e}@media (max-width:480px){.info-box-content{padding:80px 20px}.info-box-content p{font-size:19px;line-height:1.7}}#controls{z-index:2;flex-direction:column;align-items:center;gap:10px;max-height:80vh;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}#controls-primary{flex-direction:column;align-items:center;gap:10px;display:flex}.map-btn{appearance:none;color:#fff;letter-spacing:.02em;cursor:pointer;background:#0000008c;border:1px solid #fff6;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600}.map-btn:hover{background:#000000bf}.map-btn.active{color:#111;background:#ffd447e6;border-color:#ffd447e6}.map-btn:disabled{opacity:.5;cursor:default}.icon-btn{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.icon-btn svg{width:20px;height:20px;display:block}.icon-emoji{font-size:20px;line-height:1;display:block}#approach-drag-handle{touch-action:none}.zoom-control{background:#0000008c;border:1px solid #fff6;border-radius:22px;flex-direction:column;width:44px;display:flex;overflow:hidden}.zoom-control .icon-btn{background:0 0;border:none;border-radius:0}.zoom-control .icon-btn:first-child{border-bottom:1px solid #ffffff40}.zoom-control .icon-btn:hover{background:#ffffff1f}.golfer-marker{cursor:grab;filter:drop-shadow(0 2px 3px #0009);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.golfer-marker:active{cursor:grabbing}.golfer-drag-ghost{pointer-events:none;opacity:.9;z-index:20;margin-top:-10px;margin-left:-10px;position:fixed;top:0;left:0}.approach-popup{z-index:5}.approach-popup .mapboxgl-popup-content{color:#fff;letter-spacing:.02em;box-shadow:none;background:#000000bf;border-radius:6px;padding:6px 10px;font-size:13px}.approach-popup .mapboxgl-popup-content strong{color:#ffd447;font-size:15px}.approach-green{border-bottom:1px solid #ffffff40;margin-bottom:4px;padding-bottom:4px}.approach-tee-row{color:#ffffffd9;text-transform:capitalize;align-items:center;gap:6px;font-size:12px;line-height:1.6;display:flex}.tee-dot{border:1px solid #ffffff80;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.approach-popup .mapboxgl-popup-close-button{color:#fff;padding:0 4px;font-size:16px}.approach-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{border-top-color:#000000bf}.approach-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{border-bottom-color:#000000bf}.approach-popup.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{border-right-color:#000000bf}.approach-popup.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{border-left-color:#000000bf}.tee-popup{z-index:5;pointer-events:none}.tee-popup .mapboxgl-popup-content{color:#fff;letter-spacing:.02em;box-shadow:none;text-transform:capitalize;background:#000000bf;border-radius:6px;padding:4px 10px;font-size:13px}.tee-popup .mapboxgl-popup-content strong{color:#ffd447;font-size:15px}.tee-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{border-top-color:#000000bf}.tee-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{border-bottom-color:#000000bf}.tee-popup.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{border-right-color:#000000bf}.tee-popup.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{border-left-color:#000000bf}.go-zone-line-popup{z-index:5;pointer-events:none}.go-zone-line-popup .mapboxgl-popup-content{color:#fff;letter-spacing:.02em;box-shadow:none;background:#000000bf;border-radius:6px;align-items:center;gap:8px;padding:4px 10px;font-size:13px;display:flex}.go-zone-line-popup .mapboxgl-popup-content strong{font-size:15px}.go-zone-line-dot{background:var(--dot-color,#888);border:1.5px solid var(--dot-border-color,#000);border-radius:50%;flex:none;width:11px;height:11px}.go-zone-line-popup .go-zone-line-caption{text-transform:uppercase;letter-spacing:.04em;color:#ffffffa6;margin-bottom:2px;font-size:10px;font-weight:600}.go-zone-line-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{border-top-color:#000000bf}.go-zone-line-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{border-bottom-color:#000000bf}.go-zone-line-popup.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{border-right-color:#000000bf}.go-zone-line-popup.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{border-left-color:#000000bf}