@import url('./shot-values.css');
/* Course play has no header or status strip. Only the controls catch input. */
.course-overlay-play .shell{min-height:100dvh}
.course-overlay-play .play,.course-overlay-play .controls{height:100dvh}
.course-left-overlays{position:absolute;top:166px;left:22px;width:205px;display:grid;gap:12px;z-index:4;pointer-events:none}
.course-overlay-button{pointer-events:auto;display:block;width:100%;min-height:96px;padding:13px 17px;text-align:left;background:#102b23f2;color:#f4edcc;border:1px solid #edcb8e99;border-radius:16px;box-shadow:0 12px 38px #071b1666;line-height:1.25}
.course-overlay-button strong,.course-overlay-button small,.overlay-eyebrow{display:block}
.course-overlay-button strong{font-size:29px;font-weight:750;line-height:1.2;margin:4px 0}
.overlay-eyebrow{color:#b4c7af;font-size:9px;font-weight:650;letter-spacing:.15em}
.course-overlay-button small{font-size:10px;color:#c9d5ba;line-height:1.45}
.course-overlay-button:disabled{opacity:1;cursor:default;border-color:#81947a77}
.course-overlay-button:disabled small{color:#a9b8a1}
.course-overlay-button[data-mode="scored"]{border-color:#f2c57d;background:#3a3824f2}
.course-overlay-button[data-mode="scored"] strong{color:#ffe1a3}
.stance-cue{display:block;font-size:10px;line-height:1.4;color:#f4d297;margin-top:7px}
.stance-cue:empty{display:none}
.course-overlay-button.is-automatic{border-color:#f3d797}
.course-menu-button{position:absolute;top:110px;left:22px;z-index:4;min-height:44px;padding:9px 12px;background:#102b23ec;border-color:#849779aa;border-radius:10px;font-size:12px;color:#eef0d8}
.course-menu-button kbd,.course-pause-menu kbd{font:10px system-ui;color:inherit;opacity:.65;margin-left:5px}
.course-menu-button.has-notice::after{content:'•';color:#ffd28c;margin-left:7px}
.course-turn-cue{--turn-urgency:0;position:absolute;z-index:6;top:108px;left:50%;transform:translateX(-50%);max-width:calc(100% - 260px);display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;min-height:44px;padding:8px calc(12px + var(--turn-urgency)*5px);border:1px solid #d2c7a46b;border-radius:12px;color:#f4edcc;background:#102b23e6;box-shadow:0 4px 16px #071b1633;pointer-events:none;user-select:none;font-size:calc(14px + var(--turn-urgency)*13px);line-height:1.1;white-space:nowrap;transition:font-size .4s ease,padding .4s ease,background-color .4s ease}
.course-turn-cue strong{font-weight:750}.course-turn-cue #mpClock{font-size:1.08em;color:inherit;font-weight:750;min-width:2ch;text-align:right;font-variant-numeric:tabular-nums}
.course-turn-cue[data-urgency="soon"]{color:#f4d594;border-color:#edcb8eaa;background:#2a3426f2}
.course-turn-cue[data-urgency="urgent"]{color:#ffe2ae;border-color:#f1b96d;background:#493728f5}
/* Idle emphasis lives on this same countdown. Movement clears it immediately. */
.course-turn-cue.is-idle{outline:2px solid #f2d49a99;outline-offset:3px;box-shadow:0 7px 28px #071b1655}
.course-pause-menu{width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:25px;border-color:#a8bc8f80;box-shadow:0 20px 80px #0006}
.course-pause-menu .dialog-top h2{font-size:32px}.course-pause-menu button,.course-pause-menu a{min-height:44px}
.course-pause-menu #pauseClockNote{font-size:12px;color:#e5c896;margin:15px 0}
.course-menu-round{padding:15px;border:1px solid #bed09c32;background:#081f1780;border-radius:12px}
.course-menu-turn{display:flex;justify-content:space-between;gap:15px;font-size:13px;line-height:1.5;color:#e5efca}
#mpMenuClock{color:#edcb8e;font-variant-numeric:tabular-nums;font-weight:700}
.course-pause-menu #mpNotice{font-size:12px;margin:10px 0;color:#ffcf99}
.course-pause-menu #mpMembers{display:grid;gap:7px;margin-top:12px;font-size:12px}
.course-pause-menu #mpMembers>span{display:block;padding:8px 10px;line-height:1.5}
.course-pause-menu #mpNext{margin-top:14px;width:100%}
.course-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
.course-menu-actions>a,.course-menu-actions>button,.course-menu-actions .mando-gamertag-button{display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #57735b;background:#19362b;border-radius:8px;padding:11px;font:12px/1.4 system-ui;width:100%;max-width:100%;margin:0}
#courseMenuIdentity{min-width:0;display:flex}#courseMenuIdentity .mando-gamertag-button{overflow-wrap:anywhere;white-space:normal}
@media(max-width:1000px){.course-left-overlays{left:16px;width:176px}.course-overlay-button{padding:12px 14px;min-height:91px}.course-overlay-button strong{font-size:26px}.course-menu-button{left:16px}.course-turn-cue{max-width:calc(100% - 210px);font-size:calc(13px + var(--turn-urgency)*10px)}}
@media(max-width:720px){.course-overlay-play .play{height:100svh}.course-overlay-play .controls{height:auto}.course-left-overlays{top:162px;left:12px;width:150px;gap:10px}.course-overlay-button{min-height:84px;border-radius:13px;padding:10px 12px}.course-overlay-button strong{font-size:24px}.course-overlay-button small,.stance-cue{font-size:9px}.overlay-eyebrow{font-size:8px}.course-menu-button{top:108px;left:12px;padding:9px 11px;font-size:11px}.course-menu-button kbd{display:none}.course-turn-cue{top:108px;max-width:calc(100% - 152px);padding:8px 10px;gap:7px;font-size:calc(12px + var(--turn-urgency)*10px)}.course-pause-menu{padding:20px}.course-pause-menu .dialog-top h2{font-size:27px}}
@media(max-width:380px){.course-left-overlays{width:134px}.course-overlay-button strong{font-size:22px}.course-turn-cue{font-size:calc(11px + var(--turn-urgency)*8px)}}
@media(prefers-reduced-motion:reduce){.course-turn-cue{transition:none}}

/* Keep compact course labels above the menu/countdown on narrow phones. */
@media(max-width:720px){.course-overlay-play .hole-title{top:16px}.course-overlay-play .hole-title h1{font-size:24px;line-height:1.05;margin:4px 0}.course-overlay-play .hole-title p{margin:4px 0}.course-left-overlays{top:166px}}

/* One edge-to-edge field for every current solo course and online round.
   Overlays never reserve rows/columns or shrink the canvas input surface. */
html:has(body.course-overlay-play){height:100%;overflow:hidden}
body.course-overlay-play{height:100dvh;overflow:hidden;--play-inset:18px;--map-width:156px;--rack-height:128px}
.course-overlay-play .shell{display:block;width:100%;height:100dvh;min-height:0;overflow:hidden}
.course-overlay-play .play{width:100%;height:100dvh;min-height:0;--course-rack-space:0px}
.course-overlay-play .play>#scene{position:absolute;inset:0;width:100%;height:100%;display:block}
.course-overlay-play .course-menu-button{top:max(16px,env(safe-area-inset-top));left:max(var(--play-inset),env(safe-area-inset-left));min-height:44px}
.course-overlay-play .hole-title{top:76px;left:max(var(--play-inset),env(safe-area-inset-left));max-width:calc(100% - var(--map-width) - 60px)}
.course-overlay-play .hole-title h1{font-size:32px;line-height:1.08;margin:5px 0}
.course-overlay-play .hole-title h1 span{font-size:18px;margin-left:6px;padding-left:10px}
.course-overlay-play .hole-title p{font-size:8px;line-height:1.55;margin:5px 0;max-width:100%}
.course-overlay-play .hole-title b{margin:0 6px}
.course-overlay-play .course-left-overlays{top:176px;left:max(var(--play-inset),env(safe-area-inset-left));width:184px;gap:10px}
.course-overlay-play .course-overlay-button{min-height:86px;padding:11px 14px;border-radius:13px}
.course-overlay-play .course-overlay-button strong{font-size:26px}
.course-overlay-play .map-stack{top:max(16px,env(safe-area-inset-top));right:max(var(--play-inset),env(safe-area-inset-right));width:var(--map-width);gap:7px;z-index:4;pointer-events:none}
.course-overlay-play .map-stack .map-button,.course-overlay-play .advanced-toggle{pointer-events:auto}
.course-overlay-play .map-stack .map-button{position:static;width:100%}
.course-overlay-play .map-stack .map-button canvas{width:100%;height:150px}
.course-overlay-play .scorecard{position:static;display:grid;grid-template-columns:1fr 1fr;gap:7px 9px;padding:10px 11px;background:#102b23ed;border:1px solid #57755d;border-radius:8px;color:#e5ebcf;text-align:left;pointer-events:none}
.course-overlay-play .scorecard>span{font-size:7px;letter-spacing:.07em}
.course-overlay-play .scorecard strong{font-size:22px;margin-top:3px;white-space:nowrap}
.course-overlay-play .scorecard #gateState{position:static;grid-column:1/-1;background:none;padding:0;color:#c4d3b5;white-space:normal;font-size:7px;line-height:1.4}
.course-overlay-play .advanced-toggle{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:11px;padding:10px 12px;background:#102b23f2;border-color:#849779aa}
.course-overlay-play .edge-lean,.course-overlay-play .edge-lean:not([data-side="right"]),.course-overlay-play .edge-lean[data-side="right"]{top:60%;transform:translateY(-50%);width:44px;height:48px;z-index:4}
.course-overlay-play #courseDiscRack{position:absolute;left:50%;bottom:env(safe-area-inset-bottom,0px);transform:translateX(-50%);width:min(460px,100%);height:var(--rack-height);padding-bottom:5px;background:transparent;border:0;z-index:3;pointer-events:none}
.course-overlay-play #courseDiscRack .disc-rack-rail{pointer-events:auto}
.course-overlay-play #courseDiscRack .disc-rack-heading,.course-overlay-play #courseDiscRack .disc-rack-help{text-shadow:0 1px 4px #102b23,0 0 8px #102b23;color:#e2ebd6}
.course-overlay-play .gesture-hud{right:max(var(--play-inset),env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom,0px));width:214px;z-index:3}
.course-overlay-play .lie-marker{left:var(--play-inset);bottom:calc(26px + env(safe-area-inset-bottom,0px));max-width:220px;padding:0}
.course-overlay-play .course-turn-cue{top:max(16px,env(safe-area-inset-top));max-width:calc(100% - 400px)}
/* A closed drawer is inert and off screen. Opening it never changes the field. */
.course-overlay-play .controls{position:fixed;inset:0 0 0 auto;width:min(360px,calc(100vw - 20px));height:100dvh;min-height:0;padding:18px 21px calc(24px + env(safe-area-inset-bottom,0px));z-index:10;overflow-y:auto;overscroll-behavior:contain;background:#102b22fa;border-left:1px solid #57755d;box-shadow:-12px 0 36px #071b1655;transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform .2s ease,visibility .2s}
.course-overlay-play .controls[data-open="true"]{transform:translateX(0);visibility:visible;pointer-events:auto}
.course-overlay-play .controls-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.course-overlay-play .controls-heading h2{font:24px Georgia,serif;margin:0}
.course-overlay-play .controls-heading button{min-width:44px;min-height:44px}
.course-overlay-play .controls .shot-profile{margin:0 0 15px;padding:10px 12px}
.course-overlay-play .controls #shotProfile svg{height:auto;max-height:130px}
.course-overlay-play .controls .scene-bottom{position:static;width:100%;padding:8px 0;margin:0 0 14px;background:none;gap:10px;line-height:1.5}
.course-overlay-play .controls .scene-bottom button{min-height:44px;flex-shrink:0}
@media(max-width:1000px){
 body.course-overlay-play{--play-inset:14px;--map-width:140px}
 .course-overlay-play .course-left-overlays{width:164px}
 .course-overlay-play .gesture-hud{bottom:calc(var(--rack-height) + 12px + env(safe-area-inset-bottom,0px));width:190px}
 .course-overlay-play .lie-marker{bottom:calc(var(--rack-height) + 14px + env(safe-area-inset-bottom,0px));max-width:150px}
 .course-overlay-play .course-turn-cue{max-width:calc(100% - 330px)}
}
@media(max-width:720px){
 body.course-overlay-play{--play-inset:12px;--map-width:112px;--rack-height:104px}
 .course-overlay-play .course-menu-button{top:max(12px,env(safe-area-inset-top))}
 .course-overlay-play .hole-title{top:68px;max-width:calc(100% - var(--map-width) - 36px)}
 .course-overlay-play .hole-title .eyebrow{font-size:7px}
 .course-overlay-play .hole-title h1{font-size:23px;line-height:1.05}
 .course-overlay-play .hole-title h1 span{font-size:14px;padding-left:5px;margin-left:4px}
 .course-overlay-play .hole-title p{font-size:7px;letter-spacing:.04em;line-height:1.4}
 .course-overlay-play .course-left-overlays{top:170px;width:140px;gap:8px}
 .course-overlay-play .course-overlay-button{min-height:70px;padding:8px 10px}
 .course-overlay-play .course-overlay-button strong{font-size:22px;margin:2px 0}
 .course-overlay-play .course-overlay-button small{font-size:8px}
 .course-overlay-play .overlay-eyebrow{font-size:7px}
 .course-overlay-play .stance-cue{font-size:8px;margin-top:3px}
 .course-overlay-play .map-stack{top:max(12px,env(safe-area-inset-top));gap:5px}
 .course-overlay-play .map-stack .map-button canvas{height:104px}
 .course-overlay-play .map-stack .map-button span{font-size:6px;padding:6px 2px}
 .course-overlay-play .scorecard{padding:7px;gap:5px 6px}
 .course-overlay-play .scorecard>span{font-size:6px}
 .course-overlay-play .scorecard strong{font-size:19px}
 .course-overlay-play .scorecard small{font-size:9px}
 .course-overlay-play .advanced-toggle{font-size:10px;padding:8px}
 .course-overlay-play .edge-lean,.course-overlay-play .edge-lean:not([data-side="right"]),.course-overlay-play .edge-lean[data-side="right"]{top:70%}
 .course-overlay-play .gesture-hud{bottom:calc(var(--rack-height) + 8px + env(safe-area-inset-bottom,0px));width:170px;padding-bottom:0;background:#102d24d9}
 .course-overlay-play .gesture-hud #shotSelection,.course-overlay-play .gesture-hud .flick-meta{display:none}
 .course-overlay-play .gesture-hud .flick-stage{font-size:7px;padding:4px 6px;background:none}
 .course-overlay-play .gesture-hud .power-heading{font-size:7px;padding:3px 7px;background:none}
 .course-overlay-play .gesture-hud .power-heading strong{font-size:12px}
 .course-overlay-play .gesture-hud .power-meter{height:6px}
 .course-overlay-play .lie-marker{bottom:calc(var(--rack-height) + 9px + env(safe-area-inset-bottom,0px));max-width:115px;font-size:7px;gap:3px}
 .course-overlay-play .lie-marker span:first-child{font-size:9px}
 .course-overlay-play #courseDiscRack{padding:2px 8px 5px}
 .course-overlay-play .disc-rack-heading{height:10px}
 .course-overlay-play .disc-rack-rail,.course-overlay-play .disc-rack-disc{height:80px}
 .course-overlay-play .disc-rack-face{width:72px;height:72px}
 .course-overlay-play .disc-rack-disc.is-selected .disc-rack-face{width:80px;height:80px}
 .course-overlay-play .disc-rack-ratings{width:67px}
 .course-overlay-play .disc-rack-rating-label{font-size:5.8px}
 .course-overlay-play .disc-rack-rating-value{font-size:11px}
 .course-overlay-play .disc-rack-name{font-size:8px;margin:3px 0 1px}
 .course-overlay-play .disc-rack-help{font-size:6px;margin-top:3px}
 .course-overlay-play .course-turn-cue{left:96px;transform:none;top:max(13px,env(safe-area-inset-top));max-width:calc(100% - var(--map-width) - 124px);min-height:42px;gap:4px;padding:5px;font-size:calc(9px + var(--turn-urgency)*3px);white-space:normal;flex-wrap:wrap}
}
@media(max-width:380px){
 body.course-overlay-play{--play-inset:8px;--map-width:100px}
 .course-overlay-play .course-left-overlays{width:128px;top:170px}
 .course-overlay-play .course-overlay-button strong{font-size:20px}
 .course-overlay-play .hole-title h1{font-size:21px}
 .course-overlay-play .course-turn-cue{left:87px;max-width:calc(100% - 203px)}
 .course-overlay-play .gesture-hud{width:158px}
}
/* Low landscape screens keep the middle grab marker clear of the bottom bag. */
@media(min-width:721px) and (max-height:650px){
 body.course-overlay-play{--rack-height:104px;--map-width:118px}
 .course-overlay-play .hole-title{top:64px}
 .course-overlay-play .hole-title h1{font-size:23px}
 .course-overlay-play .course-left-overlays{top:140px;grid-template-columns:1fr 1fr;width:292px;gap:8px}
 .course-overlay-play .course-overlay-button{min-height:72px;padding:8px 10px}
 .course-overlay-play .course-overlay-button strong{font-size:21px}
 .course-overlay-play .course-overlay-button small{font-size:8px}
 .course-overlay-play .stance-cue{font-size:8px;margin-top:2px}
 .course-overlay-play .map-stack .map-button canvas{height:80px}
 .course-overlay-play .map-stack .map-button span{font-size:7px;padding:5px}
 .course-overlay-play .scorecard{padding:6px 8px;gap:4px}
 .course-overlay-play .scorecard strong{font-size:19px}
 .course-overlay-play #courseDiscRack{left:60px;transform:none;width:286px}
 .course-overlay-play .disc-rack-rail,.course-overlay-play .disc-rack-disc{height:80px}
 .course-overlay-play .disc-rack-face{width:66px;height:66px}
 .course-overlay-play .disc-rack-disc.is-selected .disc-rack-face{width:80px;height:80px}
 .course-overlay-play .disc-rack-ratings{width:67px}
 .course-overlay-play .disc-rack-rating-label{font-size:5.8px}
 .course-overlay-play .disc-rack-help{font-size:6px}
 .course-overlay-play .gesture-hud{bottom:12px;width:190px}
 .course-overlay-play .lie-marker{display:none}
 .course-overlay-play .course-turn-cue{max-width:calc(100% - 340px)}
}
@media(max-width:720px) and (max-height:560px){
 .course-overlay-play .course-left-overlays{top:160px;width:126px;gap:6px}
 .course-overlay-play .course-overlay-button{min-height:62px;padding:7px 9px}
 .course-overlay-play .course-overlay-button strong{font-size:19px}
 .course-overlay-play .course-overlay-button small{font-size:7px}
 .course-overlay-play .stance-cue{font-size:7px}
 .course-overlay-play .map-stack .map-button canvas{height:76px}
}
@media(prefers-reduced-motion:reduce){.course-overlay-play .controls{transition:none}}
/* Small landscape phones retain a clear central release and all touch targets. */
@media(max-width:720px) and (max-height:560px) and (orientation:landscape){
 .course-overlay-play .hole-title{top:14px;left:96px;max-width:calc(100% - var(--map-width) - 124px)}
 .course-overlay-play .hole-title h1{font-size:20px}
 .course-overlay-play .hole-title .eyebrow,.course-overlay-play .hole-title p{display:none}
 .course-overlay-play .course-left-overlays{top:77px;width:122px}
 .course-overlay-play .course-overlay-button{min-height:52px}
 .course-overlay-play .course-overlay-button small{display:none}
 .course-overlay-play .map-stack .map-button canvas{height:48px}
 .course-overlay-play .scorecard #gateState{display:none}
 .course-overlay-play .gesture-hud{right:60px;width:140px}
 .course-overlay-play .lie-marker{display:none}
 .course-overlay-play .edge-lean,.course-overlay-play .edge-lean:not([data-side="right"]),.course-overlay-play .edge-lean[data-side="right"]{top:78%}
 .course-overlay-play .course-turn-cue{top:42px;left:150px;max-width:calc(100% - 280px);min-height:30px}
}
@media(max-width:720px) and (max-height:560px) and (orientation:portrait){
 .course-overlay-play .edge-lean,.course-overlay-play .edge-lean:not([data-side="right"]),.course-overlay-play .edge-lean[data-side="right"]{top:70%}
}

@media(min-width:721px) and (max-height:650px){
 .course-overlay-play .edge-lean,.course-overlay-play .edge-lean:not([data-side="right"]),.course-overlay-play .edge-lean[data-side="right"]{top:70%}
}
@media(min-width:721px) and (max-height:400px){
 .course-overlay-play .map-stack .map-button canvas{height:48px}
 .course-overlay-play .scorecard #gateState{display:none}
 .course-overlay-play .edge-lean,.course-overlay-play .edge-lean:not([data-side="right"]),.course-overlay-play .edge-lean[data-side="right"]{top:78%}
}
@media(max-width:720px) and (max-height:560px) and (orientation:landscape){
 .course-overlay-play #courseDiscRack{width:min(400px,calc(100% - 112px))}
}

/* Planner-first play: one compact action dock, readable disc information, and
   optional controls kept in the drawer. The world remains edge to edge. */
.course-overlay-play .hole-title{top:72px;max-width:calc(100% - var(--map-width) - 56px)}
.course-overlay-play .hole-title h1{font:600 20px/1.2 system-ui;letter-spacing:-.02em;margin:3px 0;color:#183d2c}
.course-overlay-play .hole-title h1 span{font:inherit;border:0;padding:0;margin-left:6px}
.course-overlay-play .hole-title h1 span::before{content:'· Hole ';font-size:.9em}
.course-overlay-play .hole-title .eyebrow{font-size:8px;letter-spacing:.1em}
.course-overlay-play .hole-title p{font-size:9px;letter-spacing:.02em}
.course-overlay-play .shot-conditions{position:absolute;z-index:3;top:140px;left:var(--play-inset);max-width:calc(100% - var(--map-width) - 50px);font:500 11px/1.6 system-ui;color:#e9f2de;background:#163b2be8;border:1px solid #b5d5a649;border-radius:7px;padding:7px 10px;pointer-events:none}
.course-overlay-play .shot-planner{position:absolute;z-index:5;right:var(--play-inset);bottom:calc(14px + env(safe-area-inset-bottom,0px));width:min(430px,calc(100% - 28px));padding:12px 15px 10px;background:#102c24f5;border:1px solid #bdcc9e88;border-radius:14px;box-shadow:0 8px 32px #071c1855;color:#eef2d6}
.planner-heading{display:flex;align-items:center;gap:9px;line-height:1.4}.planner-heading>strong{font-size:17px;letter-spacing:-.02em}.planner-heading>span{font-size:10px;color:#cbdcae;margin-left:auto;white-space:nowrap}.planner-heading>button{font-size:10px;padding:7px 8px;min-height:32px;white-space:nowrap;background:#254b36}
.shot-planner[data-practice="true"] #plannerMode{color:#f2d291}
.selected-disc-stats{display:flex;gap:17px;margin:4px 0;color:#b8cbb6;font-size:11px}.selected-disc-stats strong{color:#fff4c8;font-size:15px;margin-left:3px;font-variant-numeric:tabular-nums}
.planner-flight-summary{font-size:11px;color:#c4d4b5;margin:4px 0 7px;line-height:1.4}
.planner-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.planner-settings label{margin:0;font-size:11px;color:#c4d5bc}.planner-settings output{font-size:12px;color:#f1d5a1}.planner-settings input[type="range"]{display:block;margin:2px 0 0;height:28px;cursor:ew-resize}
.planner-release-row{display:flex;align-items:center;gap:16px;margin-top:4px}.planner-timing{flex:1;min-width:0}.planner-meter{position:relative;height:16px;border-radius:7px;background:linear-gradient(90deg,#506049,#789255 40%,#91b86a 50%,#789255 60%,#69533d);border:1px solid #9eb98077;overflow:visible}.planner-perfect-zone{position:absolute;left:43.5%;width:13%;top:-3px;bottom:-3px;background:#e9e7b33b;border:1px solid #f5e5a3;border-radius:4px}.planner-meter i{position:absolute;left:var(--meter-position,50%);top:-4px;height:22px;width:3px;background:#fffbed;box-shadow:0 0 4px #000;transform:translateX(-50%)}.planner-meter[data-perfect="true"]{box-shadow:0 0 0 2px #dde9a540}
#plannerTimingValue{display:block;font-size:10px;color:#dfdfbb;margin-top:7px;font-variant-numeric:tabular-nums;white-space:nowrap}.shot-planner .throw{width:156px;min-height:48px;flex:none;margin:0;justify-content:center;font-size:15px;border-radius:9px;touch-action:none;user-select:none;-webkit-user-select:none}.shot-planner .throw[aria-pressed="true"]{background:#f1d99c;border-color:#ffefb7}
#plannerReleaseHint{font-size:10px;line-height:1.4;color:#b1c7ac;margin:7px 0 0}
.course-overlay-play .camera-control{margin:0;display:flex;align-items:center;gap:7px;font-size:10px;color:#e9efcf;background:#102b23f2;border:1px solid #84977966;border-radius:7px;padding:3px 8px;pointer-events:auto}.camera-control select{width:auto;flex:1;min-width:0;margin:0;border:0;background:transparent;font-size:11px;padding:9px 0;color:#f0edcf;min-height:36px}
.course-overlay-play .advanced-play-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 18px}.course-overlay-play .advanced-play-options .course-overlay-button{min-height:78px;padding:10px;border-radius:9px;box-shadow:none}.course-overlay-play .advanced-play-options .course-overlay-button strong{font-size:18px}.course-overlay-play .advanced-play-options .course-overlay-button small{font-size:10px}.course-overlay-play .advanced-play-options .overlay-eyebrow{font-size:8px}.input-method-control{margin:0 0 18px}
.course-overlay-play #courseDiscRack{left:var(--play-inset);transform:none;width:min(420px,calc(100% - 480px));bottom:calc(14px + env(safe-area-inset-bottom,0px))}
.course-overlay-play .disc-rack-help{font-size:10px;letter-spacing:0}.course-overlay-play .disc-rack-heading{font-size:10px;height:16px}.course-overlay-play .disc-rack-order{font-size:8px}
.course-overlay-play .disc-rack-disc.is-selected .disc-rack-face{border-color:#fff0ba;box-shadow:inset 0 0 0 1px #17392e55,0 4px 0 #071c16,0 0 0 3px #f1d799,0 6px 20px #050f0c80}
.course-overlay-play .disc-rack-name{font-size:12px!important}.course-overlay-play .disc-rack-ratings{display:none!important}.course-overlay-play .disc-rack-disc.is-selected .disc-rack-speed{display:block}.course-overlay-play .disc-rack-speed{font-size:9px}
.course-overlay-play .gesture-hud{display:none}.course-overlay-play[data-input-mode="flick"] .gesture-hud{display:block;bottom:252px;width:190px}
.course-overlay-play .lie-marker{left:var(--play-inset);bottom:162px;font-size:9px;max-width:240px}.course-overlay-play .lie-marker #lieLean{display:none}
.course-overlay-play .edge-lean{display:none}.course-overlay-play[data-input-mode="flick"] .edge-lean{display:block}
.course-overlay-play .shot-planner:focus-within{border-color:#eddaa4}.course-overlay-play #scene{cursor:default}.course-overlay-play[data-input-mode="flick"] #scene{cursor:crosshair}
.course-overlay-play .prototype-note{display:none}
@media(max-width:900px){
 .course-overlay-play .shot-planner{width:390px}.course-overlay-play #courseDiscRack{width:calc(100% - 430px);min-width:260px}.course-overlay-play .disc-rack-face{width:70px;height:70px}.course-overlay-play .disc-rack-disc.is-selected .disc-rack-face{width:80px;height:80px}.course-overlay-play .disc-rack-rail,.course-overlay-play .disc-rack-disc{height:86px}
}
@media(max-width:720px){
 .course-overlay-play .hole-title{top:67px}.course-overlay-play .hole-title h1{font-size:17px}.course-overlay-play .hole-title .eyebrow{font-size:7px}.course-overlay-play .hole-title p{font-size:8px}
 .course-overlay-play .shot-conditions{top:130px;max-width:calc(100% - var(--map-width) - 36px);font-size:10px;padding:6px 8px}
 .course-overlay-play .shot-planner{left:var(--play-inset);right:var(--play-inset);bottom:calc(104px + env(safe-area-inset-bottom,0px));width:auto;padding:10px 12px 8px;border-radius:12px}
 .planner-heading{gap:6px}.planner-heading>strong{font-size:15px}.planner-heading>span{font-size:9px}.planner-heading>button{font-size:9px;padding:5px 7px;min-height:30px}.selected-disc-stats{gap:14px;font-size:10px;margin:2px 0}.selected-disc-stats strong{font-size:14px}.planner-flight-summary{font-size:10px;margin-bottom:5px}
 .planner-settings{gap:13px}.planner-settings label{font-size:10px}.planner-settings output{font-size:11px}.planner-settings input[type="range"]{height:25px}.planner-release-row{gap:14px;margin-top:3px}.shot-planner .throw{width:140px;font-size:14px;min-height:44px}#plannerTimingValue{font-size:9px}#plannerReleaseHint{font-size:9px;margin-top:5px}
 .course-overlay-play #courseDiscRack{left:50%;transform:translateX(-50%);width:min(420px,100%);min-width:0;bottom:env(safe-area-inset-bottom,0px);height:100px;padding:0 8px 3px}.course-overlay-play .disc-rack-heading{height:12px;font-size:8px}.course-overlay-play .disc-rack-help{font-size:8px;margin-top:2px}.course-overlay-play .disc-rack-rail,.course-overlay-play .disc-rack-disc{height:72px}.course-overlay-play .disc-rack-face{width:65px;height:65px}.course-overlay-play .disc-rack-disc.is-selected .disc-rack-face{width:72px;height:72px}.course-overlay-play .disc-rack-name{font-size:11px!important}.course-overlay-play .disc-rack-stamp{font-size:7px}.course-overlay-play .disc-rack-speed{font-size:8px;margin-top:3px}
 .course-overlay-play .lie-marker{bottom:322px;font-size:8px}.course-overlay-play .lie-marker span:first-child{font-size:10px}.course-overlay-play .camera-control{font-size:9px;padding:0 6px}.camera-control select{font-size:10px;padding:7px 0;min-height:36px}.course-overlay-play .map-stack .map-button canvas{height:84px}.course-overlay-play .scorecard strong{font-size:17px}.course-overlay-play .scorecard #gateState{display:none}
 .course-overlay-play[data-input-mode="flick"] .gesture-hud{bottom:316px;width:160px}
 .course-overlay-play[data-input-mode="flick"] .edge-lean,.course-overlay-play[data-input-mode="flick"] .edge-lean[data-side="right"]{top:49%}
}
@media(max-width:380px){.planner-heading>strong{font-size:13px}.planner-heading>button{font-size:8px}.selected-disc-stats{gap:10px}.shot-planner .throw{width:125px;font-size:13px}.planner-settings{gap:9px}.course-overlay-play .shot-conditions{font-size:9px}.course-overlay-play .hole-title h1{font-size:15px}}
@media(max-height:560px) and (orientation:landscape){
 .course-overlay-play .hole-title{left:96px;top:17px;max-width:calc(100% - 290px)}.course-overlay-play .hole-title h1{font-size:16px}.course-overlay-play .hole-title .eyebrow,.course-overlay-play .hole-title p{display:none}
 .course-overlay-play .shot-planner{left:auto;right:12px;bottom:10px;width:340px;padding:9px 11px 7px}.course-overlay-play #courseDiscRack{left:12px;bottom:8px;transform:none;width:260px;min-width:0;height:100px}.course-overlay-play .map-stack{top:10px;right:12px;width:156px}.course-overlay-play .map-stack .map-button,.course-overlay-play .map-stack .scorecard{display:none}.course-overlay-play .shot-conditions{top:86px;left:12px;max-width:230px;font-size:10px}.course-overlay-play .lie-marker{display:none}.course-overlay-play .course-turn-cue{top:46px;left:100px;max-width:calc(100% - 290px);transform:none;min-height:30px}.course-overlay-play[data-input-mode="flick"] .gesture-hud{bottom:115px;left:12px;right:auto;width:155px}.course-overlay-play[data-input-mode="flick"] .edge-lean{top:50%}
}
.course-overlay-play:not([data-input-mode="flick"]) .flick-settings{display:none}.lean-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.lean-options button{min-height:40px}.lean-options button[aria-pressed="true"]{border-color:#e6d49a;color:#fff2c0}
@media(max-height:560px) and (orientation:landscape){.course-overlay-play #courseDiscRack{width:min(260px,calc(100% - 374px))}.course-overlay-play .disc-rack-face{width:54px;height:54px}.course-overlay-play .disc-rack-disc.is-selected .disc-rack-face{width:64px;height:64px}.course-overlay-play .disc-rack-name{font-size:9px!important}.course-overlay-play .disc-rack-help{white-space:normal;line-height:1.2}.course-overlay-play .disc-rack-order{display:none}}

/* Two-tap throw dock: vertical timing on the left, controls down the right. */
body.course-overlay-play{--map-width:234px}
.course-overlay-play .map-stack{max-width:calc(50vw - 18px)}
.course-overlay-play .map-stack .map-button canvas{height:225px}
.course-overlay-play .shot-planner{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:14px;row-gap:4px;width:min(342px,calc(100% - 28px));padding:13px 14px 12px}
.shot-planner>.planner-timing{grid-column:1;grid-row:1/8;display:flex;flex-direction:column;align-items:center;align-self:stretch;min-height:240px;padding:7px 0 0}
.shot-planner>:not(.planner-timing){grid-column:2;min-width:0}
.shot-planner .planner-meter{flex:1;width:27px;min-height:180px;margin:0 5px 0 0;background:linear-gradient(0deg,#506049,#789255 40%,#91b86a 50%,#789255 60%,#69533d)}
.shot-planner .planner-perfect-zone{left:-4px;right:-4px;width:auto;top:auto;bottom:43.5%;height:13%;border-radius:4px}
.shot-planner .planner-meter i{left:-5px;right:-5px;top:auto;bottom:var(--meter-position,50%);width:auto;height:3px;transform:translateY(50%)}
.shot-planner #plannerTimingValue{font-size:10px;line-height:1.4;white-space:normal;text-align:center;overflow-wrap:normal;width:44px;min-height:30px;margin-top:10px}
.shot-planner .planner-heading{flex-wrap:wrap;gap:3px 8px}
.shot-planner .planner-heading>strong{font-size:17px;width:100%}
.shot-planner .planner-heading>span{margin:0 auto 0 0;font-size:9px}
.shot-planner .planner-heading>button{padding:5px 7px;font-size:9px;min-height:30px}
.shot-planner .selected-disc-stats{gap:10px;flex-wrap:wrap;font-size:9px;margin:2px 0}
.shot-planner .selected-disc-stats strong{font-size:12px;margin-left:2px}
.shot-planner .planner-flight-summary{font-size:10px;margin:0 0 3px}
.shot-planner .planner-settings{grid-template-columns:1fr;gap:5px}
.shot-planner .planner-settings label{font-size:11px}
.shot-planner .planner-settings input[type="range"]{height:24px;margin:0;min-width:0;width:100%}
.planner-aim-row{display:flex;align-items:center;gap:7px}
.planner-aim-row button{padding:0;min-width:36px;min-height:36px;line-height:1;font-size:18px;background:#2b513b}
.shot-planner .planner-release-row{margin:3px 0 0}
.shot-planner .throw{width:100%;min-height:45px;touch-action:manipulation}
.shot-planner #plannerReleaseHint{margin:2px 0 0;font-size:9px;line-height:1.4}
.shot-planner[data-test-mode="true"]{border-color:#f5c978;box-shadow:0 0 0 2px #eec56d55,0 8px 32px #071c1855}
.shot-planner[data-test-mode="true"] #plannerMode{font-weight:750;color:#ffd780}
.test-mode-controls{padding:12px;margin:0 0 18px;border:1px dashed #caaa62;border-radius:9px;background:#3b392166}
.test-mode-controls>button{width:100%;min-height:44px}.test-mode-controls>button[aria-pressed="true"]{border-color:#ffda8c;color:#ffe5a5}
.test-mode-controls p{font-size:11px;line-height:1.5;color:#e0c993;margin:8px 0 0}.test-mode-controls label{margin:12px 0 0}
/* This opt-in bag keeps Destroyer first in both DOM and visual order. */
.course-overlay-play #courseDiscRack{left:max(var(--play-inset),env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:none;width:102px;min-width:0;height:auto;padding:0;background:none}
.course-overlay-play #courseDiscRack .disc-rack-heading{justify-content:center;height:20px;font-size:10px}
.course-overlay-play #courseDiscRack .disc-rack-order,.course-overlay-play #courseDiscRack .disc-rack-help{display:none}
.course-overlay-play #courseDiscRack .disc-rack-rail{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:auto;max-width:102px;touch-action:pan-x;padding:6px 0}
.course-overlay-play #courseDiscRack .disc-rack-rail::after{left:11%;right:11%;top:20px;bottom:0;height:auto;border-radius:30px 30px 8px 8px}
.course-overlay-play #courseDiscRack .disc-rack-disc{flex:none;width:96px;max-width:96px;height:65px;touch-action:pan-x;z-index:1}
.course-overlay-play #courseDiscRack .disc-rack-disc:first-child{z-index:4}.course-overlay-play #courseDiscRack .disc-rack-disc:nth-child(2){z-index:3}.course-overlay-play #courseDiscRack .disc-rack-disc:nth-child(3){z-index:2}
.course-overlay-play #courseDiscRack .disc-rack-disc.is-selected{z-index:5}
.course-overlay-play #courseDiscRack .disc-rack-face{width:84px;height:84px}.course-overlay-play #courseDiscRack .disc-rack-disc.is-selected .disc-rack-face{width:90px;height:90px}
.course-overlay-play .lie-marker{left:132px;bottom:24px;max-width:220px}
/* Keep the completed-hole action reachable above the existing scorecard. */
.course-overlay-play .shot-planner[data-finished="true"]{display:block;z-index:6;width:220px}
.course-overlay-play .shot-planner[data-finished="true"]>:not(.planner-release-row){display:none}
.course-overlay-play .round-finish{padding-bottom:95px}
@media(max-width:1000px){body.course-overlay-play{--map-width:210px}}
@media(max-width:720px){
 body.course-overlay-play{--map-width:168px}
 .course-overlay-play .map-stack{max-width:calc(50vw - 12px)}
 .course-overlay-play .map-stack .map-button canvas{height:126px}
 .course-overlay-play .shot-planner{left:110px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;grid-template-columns:30px minmax(0,1fr);column-gap:9px;padding:10px;row-gap:3px}
 .shot-planner>.planner-timing{min-height:224px}.shot-planner .planner-meter{width:21px;min-height:170px;margin-right:0}.shot-planner #plannerTimingValue{font-size:8px;width:31px}
 .shot-planner .planner-heading>strong{font-size:14px}.shot-planner .planner-heading>span{font-size:8px}.shot-planner .planner-heading>button{font-size:8px;padding:4px 5px;min-height:28px}
 .shot-planner .selected-disc-stats{gap:3px 9px;font-size:8px}.shot-planner .selected-disc-stats strong{font-size:11px}
 .shot-planner .planner-flight-summary{font-size:9px}.shot-planner .planner-settings{gap:3px}.shot-planner .planner-settings label{font-size:10px}.shot-planner .planner-settings output{font-size:10px}
 .planner-aim-row{gap:4px}.planner-aim-row button{min-width:30px;min-height:34px}
 .shot-planner .throw{font-size:13px}.shot-planner #plannerReleaseHint{font-size:8px}
 .course-overlay-play #courseDiscRack{left:8px;width:94px;bottom:calc(15px + env(safe-area-inset-bottom,0px))}.course-overlay-play #courseDiscRack .disc-rack-disc{width:88px;height:61px}.course-overlay-play #courseDiscRack .disc-rack-face{width:76px;height:76px}.course-overlay-play #courseDiscRack .disc-rack-disc.is-selected .disc-rack-face{width:82px;height:82px}
 .course-overlay-play .lie-marker{left:12px;bottom:300px;max-width:95px;font-size:8px}
 .course-overlay-play .shot-planner[data-finished="true"]{left:auto;width:210px}
}
@media(max-width:380px){body.course-overlay-play{--map-width:150px}.course-overlay-play .shot-planner{left:93px;right:8px;column-gap:7px;padding:9px;grid-template-columns:25px minmax(0,1fr)}.course-overlay-play #courseDiscRack{left:3px;width:83px}.course-overlay-play #courseDiscRack .disc-rack-disc{width:80px;height:56px}.course-overlay-play #courseDiscRack .disc-rack-face{width:69px;height:69px}.course-overlay-play #courseDiscRack .disc-rack-disc.is-selected .disc-rack-face{width:75px;height:75px}.course-overlay-play #courseDiscRack .disc-rack-name{font-size:10px!important}.shot-planner .selected-disc-stats{column-gap:6px}.shot-planner .planner-heading>strong{font-size:13px}}
@media(max-height:560px) and (orientation:landscape){
 body.course-overlay-play{--map-width:156px}
 .course-overlay-play .shot-planner{left:auto;right:12px;bottom:8px;width:300px;grid-template-columns:27px minmax(0,1fr);column-gap:9px;padding:8px 10px;row-gap:1px}
 .shot-planner>.planner-timing{min-height:198px}.shot-planner .planner-meter{min-height:150px}.shot-planner .planner-heading>strong{font-size:13px}.shot-planner .planner-flight-summary{display:none}.shot-planner .selected-disc-stats{margin:0}.shot-planner .planner-settings{gap:1px}.shot-planner .planner-settings input[type="range"]{height:20px}.shot-planner .planner-settings label{font-size:9px}.shot-planner .throw{min-height:38px;font-size:13px}.shot-planner #plannerReleaseHint{font-size:8px}
 .course-overlay-play .map-stack{right:324px;top:10px;width:156px;max-width:calc(100vw - 440px)}
 .course-overlay-play .map-stack .map-button{display:block}.course-overlay-play .map-stack .map-button canvas{height:min(126px,30dvh)}.course-overlay-play .map-stack .scorecard{display:none}.course-overlay-play .camera-control{min-height:32px}.course-overlay-play .advanced-toggle{min-height:34px}
 .course-overlay-play #courseDiscRack{left:9px;bottom:8px;width:85px;height:auto}.course-overlay-play #courseDiscRack .disc-rack-disc{width:80px;height:46px}.course-overlay-play #courseDiscRack .disc-rack-face{width:61px;height:61px}.course-overlay-play #courseDiscRack .disc-rack-disc.is-selected .disc-rack-face{width:67px;height:67px}.course-overlay-play #courseDiscRack .disc-rack-stamp{font-size:6px}.course-overlay-play #courseDiscRack .disc-rack-name{font-size:9px!important}.course-overlay-play #courseDiscRack .disc-rack-speed{font-size:6px}
}
/* All cameras remain visible and labeled, with native keyboard/touch buttons. */
.course-overlay-play .camera-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;pointer-events:auto;width:100%}
.course-overlay-play .camera-controls button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:44px;padding:5px 1px;border:1px solid #84977966;border-radius:7px;background:#102b23f2;color:#e9efcf;font-size:9px;line-height:1.15;touch-action:manipulation}
.course-overlay-play .camera-controls svg{width:19px;height:19px;flex:none}
.course-overlay-play .camera-controls button[aria-pressed="true"]{background:#376345;border-color:#e8d38b;color:#fff3c9}
.course-overlay-play .camera-controls button:focus-visible{outline:3px solid #fff1b4;outline-offset:2px}
.shot-planner .planner-meter[data-stage="timing"] .planner-perfect-zone{left:-4px;right:-4px;top:auto;width:auto;bottom:calc(var(--release-zone) - var(--release-zone-size)/2);height:var(--release-zone-size)}
.shot-planner[data-throw-stage="timing"] .throw{background:#d9bd6b;color:#173328}
@media(max-width:380px){.course-overlay-play .camera-controls{gap:3px}.course-overlay-play .camera-controls button{font-size:8px}}

/* Shared bank control stays a compact row in the primary planner. */
.shot-planner .planner-ribbon-hint{grid-column:2;margin:1px 0;color:#c4d5bc;font-size:9px;line-height:1.35}
@media(max-width:720px){.shot-planner .planner-ribbon-hint{font-size:8px}.shot-planner .planner-settings label{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:6px}.shot-planner .planner-settings output{justify-self:end}.shot-planner .planner-settings input,.shot-planner .planner-aim-row{grid-column:1 / -1}}
@media(max-height:560px) and (orientation:landscape){.shot-planner .planner-ribbon-hint{font-size:8px}}

.planner-aim-row button{touch-action:none;user-select:none;-webkit-user-select:none}

/* One persistent lean selector, shared by planner, flick and Test mode.
   It occupies the clear left HUD lane, separate from the bag and throw dock. */
.course-overlay-play .edge-lean,.course-overlay-play[data-input-mode="flick"] .edge-lean{display:none}
.course-overlay-play .lean-hud{position:absolute;z-index:4;top:180px;left:max(var(--play-inset),env(safe-area-inset-left));width:min(220px,calc(100% - var(--map-width) - 36px));padding:8px;border:1px solid #84977999;border-radius:10px;background:#102b23f2;pointer-events:auto}
.lean-hud-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:3px 6px;margin:0 0 6px;font-size:10px;color:#c4d5bc;line-height:1.4}
.lean-hud-heading>span:first-child{font-size:8px;letter-spacing:.12em}
#leanStanceCue[data-leaning="true"]{color:#ffe1a3}
.lean-hud .lean-options{gap:4px;grid-template-columns:repeat(3,minmax(0,1fr))}
.lean-hud .lean-options button{min-width:0;min-height:44px;padding:5px 2px;font-size:12px;touch-action:manipulation;border:1px solid #84977977;background:#18382b;color:#e9efcf}
.lean-hud .lean-options button[aria-pressed="true"]{background:#efd88e;border-color:#fff1be;color:#163628;font-weight:750;box-shadow:inset 0 0 0 1px #fff1be}
.lean-hud .lean-options button:focus-visible{outline:3px solid #fff1b4;outline-offset:2px}
.lean-hud .lean-options button:disabled{opacity:.65;cursor:default}
@media(max-width:720px){.course-overlay-play .lean-hud{padding:6px}.lean-hud .lean-options button{font-size:11px}.lean-hud-heading{font-size:9px}}
@media(max-height:560px) and (orientation:landscape){.course-overlay-play .lean-hud{top:auto;left:104px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:min(220px,calc(100% - 440px))}}
/* Small landscape screens use the left HUD column instead of the narrow
   gap beside the throw dock. Keep all three lean targets at least 44px. */
@media(max-width:600px) and (max-height:560px) and (orientation:landscape){
 .course-overlay-play .lean-hud{top:58px;bottom:auto;left:12px;width:144px;padding:3px}
 .lean-hud .lean-options{gap:2px}.lean-hud .lean-options button{min-width:44px;font-size:10px}
 .lean-hud-heading{font-size:8px;margin-bottom:3px}
 .course-overlay-play .shot-conditions{top:141px;left:12px;max-width:144px;padding:3px 4px;font-size:8px;line-height:1.2}
 .course-overlay-play .map-stack .map-button{display:none}
 .course-overlay-play #courseDiscRack .disc-rack-heading{display:none}
 .course-overlay-play #courseDiscRack .disc-rack-disc{height:32px}
 .course-overlay-play #courseDiscRack .disc-rack-face{width:47px;height:47px}
 .course-overlay-play #courseDiscRack .disc-rack-disc.is-selected .disc-rack-face{width:53px;height:53px}
 .course-overlay-play #courseDiscRack .disc-rack-speed{display:none}
}

@media(max-width:600px) and (max-height:280px) and (orientation:landscape){.course-overlay-play .hole-title,.course-overlay-play .shot-conditions{display:none}.course-overlay-play #courseDiscRack .disc-rack-disc{height:24px}.course-overlay-play #courseDiscRack .disc-rack-face{width:40px;height:40px}.course-overlay-play #courseDiscRack .disc-rack-disc.is-selected .disc-rack-face{width:44px;height:44px}}

/* Phone play: one unobstructed viewport, contextual tools, unchanged throw button. */
.mobile-topbar,.mobile-dock,.mobile-camera-row,.mobile-phase-cue,.mobile-meter-slot,.mobile-cancel{display:none}
body.mobile-course{--mobile-top:68px;--mobile-bottom:174px;overflow:hidden}
.mobile-course .shell,.mobile-course .play{height:100dvh!important;min-height:0!important;width:100%;overflow:hidden}
.mobile-course .play>#scene{position:absolute;top:calc(var(--mobile-top) + env(safe-area-inset-top,0px));left:0;width:100%;height:calc(100% - var(--mobile-top) - var(--mobile-bottom) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important}
.mobile-course .hole-title,.mobile-course .map-stack,.mobile-course .shot-conditions,.mobile-course .lie-marker,.mobile-course .shot-planner,.mobile-course #pause,.mobile-course .edge-lean,.mobile-course .scene-bottom{display:none!important}
.mobile-course .mobile-topbar{position:absolute;display:flex;align-items:center;gap:8px;top:env(safe-area-inset-top,0px);left:8px;right:8px;height:60px;padding:6px;border-radius:12px;background:#102f29f2;z-index:6;border:1px solid #b6c9a14d}
.mobile-title-group{flex:1;min-width:0;text-align:center}.mobile-course-title{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-course-stats{display:block;font-size:10px;margin-top:4px;color:#dce6c5}
.mobile-course .mobile-tool{min-height:44px;min-width:44px;padding:8px;border-radius:9px;background:#234b3b;border:1px solid #8ca78588;color:#eef0d4;font-size:12px;touch-action:manipulation}
.mobile-course .mobile-dock{position:absolute;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;left:8px;right:8px;bottom:env(safe-area-inset-bottom,0px);height:122px;padding:8px;background:#102f29f5;border:1px solid #acc09966;border-radius:14px;z-index:6}
.mobile-tools{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:6px;min-height:44px}.mobile-tools .mobile-tool{font-size:11px;padding:6px}
.mobile-dock .planner-release-row{margin:0!important;width:100%}.mobile-dock #throw{min-height:48px;width:100%;font-size:17px;background:#f7dc8b;color:#16382b;border:1px solid #fff0b8;border-radius:9px;font-weight:750}
.mobile-dock #plannerReleaseHint{margin:0!important;font-size:10px;line-height:1.25;text-align:center;color:#d8e4cb;max-height:27px;overflow:auto}
.mobile-course .mobile-camera-row{position:absolute;display:block;left:calc(50% - 120px);width:240px;bottom:calc(132px + env(safe-area-inset-bottom,0px));z-index:5}.mobile-camera-row .camera-controls button{min-height:40px;padding:4px;flex-direction:row;font-size:10px}.mobile-camera-row .camera-controls svg{width:17px;height:17px}
.mobile-course .course-turn-cue{top:calc(72px + env(safe-area-inset-top,0px));min-height:30px;max-width:calc(100% - 24px);font-size:13px;padding:5px 10px;border-radius:20px}
.mobile-course .mobile-phase-cue{position:absolute;display:block;top:calc(107px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);background:#163f32e8;color:#fff0bd;padding:5px 12px;border-radius:20px;font-size:11px;z-index:5;white-space:nowrap}
.mobile-course .mobile-cancel{position:absolute;display:block;bottom:calc(132px + env(safe-area-inset-bottom,0px));right:12px;z-index:6}
.mobile-course .mobile-meter-slot{display:block;position:absolute;bottom:calc(185px + env(safe-area-inset-bottom,0px));left:max(14px,env(safe-area-inset-left,0px));z-index:5;color:#fff0bf;pointer-events:none}
/* These nodes move outside .shot-planner on phones. Explicitly reset the old
   horizontal meter geometry so bottom follows the real live timing progress. */
.mobile-meter-slot .planner-timing{display:flex;flex-direction:column;align-items:center;gap:8px;width:84px}
.mobile-meter-slot .planner-meter{width:26px;height:clamp(180px,32dvh,280px);max-height:max(40px,calc(100dvh - 390px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));min-height:0;flex:none;background:linear-gradient(to top,#658c5a,#dcd48b);border:1px solid #d9e7bd;border-radius:14px;position:relative;box-shadow:0 0 0 2px #102f29b3}
.mobile-meter-slot .planner-perfect-zone{position:absolute;left:-4px;right:-4px;top:auto;width:auto;bottom:43.5%;height:13%;background:#fff0b85c;border:1px solid #fff0b8;border-radius:4px}
.mobile-meter-slot .planner-meter[data-stage='timing'] .planner-perfect-zone{left:-4px;right:-4px;top:auto;width:auto;bottom:calc(var(--release-zone) - var(--release-zone-size)/2);height:var(--release-zone-size)}
.mobile-meter-slot #plannerNeedle{position:absolute;left:-9px;right:-9px;top:auto;bottom:var(--meter-position,50%);width:auto;height:6px;transform:translateY(50%);border:1px solid #fffef3;border-radius:3px;background:#fff5c2;box-shadow:0 0 0 2px #102f29,0 2px 6px #0009;z-index:2}
.mobile-meter-slot #plannerTimingValue{display:grid;place-items:center;width:84px;max-width:84px;height:56px;min-height:56px;flex:none;margin-top:0;padding:4px 3px;border-radius:6px;background:#102f29eb;color:#fff5ce;font-size:12px;font-weight:650;line-height:1.3;white-space:normal;text-align:center;text-shadow:0 1px 3px #000}
.mobile-course [hidden]{display:none!important}.mobile-course[data-mobile-phase='watch']{--mobile-bottom:0px}.mobile-course[data-mobile-phase='throw'] .mobile-dock{justify-content:flex-end}.mobile-course[data-mobile-phase='finished'] .mobile-dock{height:80px}
.mobile-course[data-mobile-phase='throw'] .plan-ribbon-handles,.mobile-course[data-mobile-phase='watch'] .plan-ribbon-handles{display:none!important}
.mobile-sheet{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:16px;border:1px solid #9fba97;background:#153b2f;color:#eff0d6;border-radius:18px;z-index:20}.mobile-sheet::backdrop{background:#051b16a6}.mobile-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-sheet-heading h2{font-size:21px;margin:0}.mobile-sheet-heading button{min-height:44px;min-width:60px}.mobile-sheet-content{margin-top:16px}.mobile-sheet .planner-settings{display:grid;gap:16px}.mobile-sheet label{display:block;font-size:14px}.mobile-sheet output{float:right}.mobile-sheet input[type=range]{display:block;width:100%;height:44px}.mobile-sheet .planner-aim-row{display:flex}.mobile-sheet .planner-aim-row button{min-height:44px;min-width:44px}.mobile-sheet #plannerSuggest,.mobile-sheet #shotControls{display:block;position:static;width:100%;min-height:44px;margin-top:12px}.mobile-sheet #selectedDiscStats{display:flex;justify-content:space-between;font-size:12px;margin-top:14px}.mobile-sheet #plannerFlightSummary{font-size:12px}
.mobile-course .mobile-sheet .lean-hud{display:block;position:static;width:100%;padding:12px;margin-bottom:14px}.mobile-sheet .course-overlay-button{position:static;min-height:80px}.mobile-sheet #courseDiscRack{position:static!important;width:100%!important;height:auto!important;transform:none!important}.mobile-sheet #courseDiscRack .disc-rack-rail{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:18px 0}.mobile-sheet #courseDiscRack .disc-rack-disc{width:100%;max-width:none;height:110px}.mobile-sheet #courseDiscRack .disc-rack-face,.mobile-sheet #courseDiscRack .disc-rack-disc.is-selected .disc-rack-face{width:105px;height:105px}.mobile-sheet #courseDiscRack .disc-rack-rail::after{display:none}.mobile-sheet #courseDiscRack .disc-rack-name{font-size:14px!important}
@media(max-height:560px) and (orientation:landscape){body.mobile-course{--mobile-top:54px;--mobile-bottom:108px}.mobile-course .mobile-topbar{height:48px}.mobile-course .mobile-dock{left:auto;right:10px;width:310px;height:100px}.mobile-course .mobile-camera-row{left:12px;bottom:12px;width:220px}.mobile-course .mobile-tools .mobile-tool{min-height:36px}.mobile-course .mobile-dock #throw{min-height:44px}.mobile-course .mobile-dock #plannerReleaseHint{font-size:9px;max-height:22px}.mobile-course .mobile-meter-slot{bottom:calc(120px + env(safe-area-inset-bottom,0px));left:max(12px,env(safe-area-inset-left,0px))}.mobile-meter-slot .planner-meter{height:clamp(64px,25dvh,140px);max-height:max(12px,calc(100dvh - 252px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))}.mobile-course .mobile-cancel{right:335px;bottom:12px}.mobile-course .course-turn-cue{top:58px}.mobile-course .mobile-phase-cue{top:94px}}
/* Clock digits grow once per five elapsed seconds in a fixed reserved footprint. */
.course-overlay-play .course-turn-cue{--clock-step:0;width:144px;min-height:62px;box-sizing:border-box;font-size:12px;padding:5px 8px;transition:background-color .3s ease}
.course-overlay-play .course-turn-cue #mpClock{display:grid;place-items:center;width:72px;height:48px;min-width:72px;font-size:calc(18px + var(--clock-step)*2px);line-height:1;transition:font-size .3s ease}
@media(max-width:720px){.course-overlay-play .course-turn-cue{width:126px;max-width:126px;min-height:52px;font-size:10px;gap:4px}.course-overlay-play .course-turn-cue #mpClock{width:64px;min-width:64px;height:40px;font-size:calc(16px + var(--clock-step)*1.8px)}}
@media(prefers-reduced-motion:reduce){.course-overlay-play .course-turn-cue,.course-overlay-play .course-turn-cue #mpClock{transition:none}}

/* A quiet, persistent result survives the mobile watch phase without covering input. */
.shot-click-feedback{position:absolute;z-index:6;top:82px;left:50%;transform:translateX(-50%);max-width:min(540px,calc(100% - 32px));padding:9px 13px;border:1px solid #9bd8e155;border-radius:10px;background:#10271ee8;color:#e0f2e5;font:600 12px/1.5 system-ui;white-space:pre-line;pointer-events:none;text-align:center}
.shot-click-feedback[hidden]{display:none}
.course-pause-menu .scorecard{display:flex;justify-content:space-between;gap:18px;margin:16px 0;padding:12px;background:#16372b;border-radius:10px}
.course-pause-menu .history{margin:12px 0;max-height:35vh;overflow:auto}
@media(max-width:900px){.shot-click-feedback{top:64px;font-size:11px;max-width:calc(100% - 24px);width:max-content}}

/* Power is an absolute 0–110% scale. Only the release stage uses motion progress.
   A fully assisted putt may have a zero-width power band: keep its exact center
   visible as a 2px line without widening the underlying timing window. */
.planner-meter[data-stage='power']{background:linear-gradient(to right,#658c5a,#dcd48b)}
.shot-planner .planner-meter[data-stage='power'],.mobile-meter-slot .planner-meter[data-stage='power']{background:linear-gradient(to top,#658c5a,#dcd48b)}
.planner-meter[data-stage='power'] .planner-perfect-zone{left:var(--power-zone,50%);width:var(--power-zone-size,0%);min-width:2px;transform:translateX(-50%);box-sizing:border-box}
.planner-meter[data-stage='timing'] .planner-perfect-zone{left:calc(var(--release-zone) - var(--release-zone-size)/2);width:var(--release-zone-size)}
.shot-planner .planner-meter[data-stage='power'] .planner-perfect-zone,.mobile-meter-slot .planner-meter[data-stage='power'] .planner-perfect-zone{left:-4px;right:-4px;top:auto;width:auto;min-width:0;bottom:var(--power-zone,50%);height:var(--power-zone-size,0%);min-height:2px;transform:translateY(50%)}
.planner-meter[data-stage='power']::before,.planner-meter[data-stage='power']::after{position:absolute;bottom:calc(100% + 5px);color:#fff3ca;font:600 9px/1 system-ui;white-space:nowrap;text-shadow:0 1px 3px #102f29;pointer-events:none}
.planner-meter[data-stage='power']::before{content:'0%';left:0;transform:translateX(-50%)}
.planner-meter[data-stage='power']::after{content:'110%';right:0;transform:translateX(50%)}
.shot-planner .planner-meter[data-stage='power']::before,.mobile-meter-slot .planner-meter[data-stage='power']::before{left:auto;right:calc(100% + 11px);bottom:0;transform:translateY(50%)}
.shot-planner .planner-meter[data-stage='power']::after,.mobile-meter-slot .planner-meter[data-stage='power']::after{left:auto;right:calc(100% + 11px);bottom:100%;transform:translateY(50%)}

.hole-camera-hint{grid-column:1/-1;color:#f1e2b3;background:#102b23eb;border-radius:4px;padding:4px;font-size:9px;line-height:1.3;text-align:center;pointer-events:none}
.mobile-course .hole-camera-hint{font-size:8px;padding:2px}

/* One Lean system: coarse buttons and fine reach edit the same saved stance.
   Red/green describes the physical release at target timing, not a clear flight. */
.lean-hud .lean-fine{display:block;margin:8px 0 0;font-size:11px;color:#d6e5cd}
.lean-fine output{float:right;font-variant-numeric:tabular-nums;color:#fff1bc}
.lean-hud .lean-fine input{display:block;width:100%;height:44px;margin:0;accent-color:#c6e4c6;touch-action:pan-y pinch-zoom}
.lean-hud .lean-clearance-status{margin:2px 0 8px;min-height:2.6em;font-size:11px;line-height:1.3;color:#aff0c6}
.lean-hud .lean-clearance-status[data-blocked='true']{color:#ffb4a7}
.lean-hud[data-blocked='true']{border-color:#ffb4a7}
.lean-hud #leanFindClear{width:100%;min-height:44px;padding:6px 8px;background:#2f5942;border:1px solid #b9d5ae;color:#f5f3cf;font-size:12px;touch-action:manipulation}
.lean-hud #leanFindClear:focus-visible,.lean-hud input:focus-visible{outline:3px solid #fff1b4;outline-offset:2px}
.lean-clearance-note{display:block;margin-top:6px;font-size:9px;line-height:1.3;color:#bed1bb}
.mobile-course .mobile-tool[data-blocked='true']{background:#592d29;border-color:#ffb4a7;color:#ffe7d9;font-weight:700}
.mobile-sheet[data-panel='lean']{margin:auto auto calc(12px + env(safe-area-inset-bottom,0px));max-height:60dvh}
.mobile-sheet[data-panel='lean']::backdrop{background:#051b1626}
@media(max-height:560px) and (orientation:landscape){.lean-hud .lean-clearance-status{font-size:10px;min-height:0}.lean-hud .lean-fine{margin-top:3px}.lean-hud .lean-fine input{height:36px}.lean-hud .lean-clearance-note{font-size:8px}.mobile-sheet[data-panel='lean']{margin:auto;max-height:calc(100dvh - 24px)}}

/* Earned discs extend the existing bag, not its footprint over the lean HUD.
   Phones keep the existing full, scrolling bag sheet instead. */
.course-overlay-play:not(.mobile-course) #courseDiscRack[data-expanded="true"] .disc-rack-rail{max-height:max(100px,calc(100dvh - 355px));box-sizing:border-box;overflow-y:auto;overflow-x:hidden;justify-content:flex-start;padding:12px 0 22px;scrollbar-width:thin;scrollbar-color:#8ca884 #173b2b;overscroll-behavior:contain}
@media(max-height:560px) and (orientation:landscape){.course-overlay-play:not(.mobile-course) #courseDiscRack[data-expanded="true"] .disc-rack-rail{max-height:max(76px,calc(100dvh - 170px))}}