/* Keep the first choice clear and the lane visible. */
#menu{gap:18px}
#menu>.menu-grid .menu-item{min-height:100px}
#menu>.menu-grid small{display:block;font-size:10px;line-height:1.5;margin-top:7px;opacity:1;color:#c8cebf}
#menu>.menu-grid .primary small{color:#384733}
#clubModes{width:min(450px,100%);color:#d6c9aa;font-size:12px}
#clubModes summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:0 2px;border-bottom:1px solid #c7af7740;list-style:none}
#clubModes summary::-webkit-details-marker{display:none}#clubModes summary::after{content:'+';font-size:20px}#clubModes[open] summary::after{content:'−'}
#clubModes .menu-grid{padding-top:10px}.menu-footer{margin:0}
#scorePill{pointer-events:auto;text-align:left;color:inherit;cursor:pointer;max-width:210px;grid-template-areas:'eye eye' 'score frame' 'status status'}
#scoreStatus{grid-area:status;font-size:9px;color:#d3c7aa;margin-top:5px;max-width:180px;line-height:1.4}
#practiceBar{position:absolute;z-index:9;bottom:calc(var(--hud-bottom) + 106px);left:50%;transform:translateX(-50%);width:min(500px,calc(100% - 24px));display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;border-radius:12px;background:#0a1d18f5;padding:5px 9px;border:1px solid #c6b17c35}
#practiceBar[hidden]{display:none}#practiceBar span{font-size:10px;color:#b7c4b4}#practiceBar button{min-height:44px;border:0;border-radius:8px;padding:8px 12px;background:#d9c18b12;color:#ead9b5;font-size:11px;cursor:pointer}#practiceBar button:disabled{opacity:.4}
#results{overflow:auto;justify-content:safe center;touch-action:pan-y}
.results-panel{margin:auto;max-width:470px;padding:22px}
.session-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 0;border-block:1px solid #c4af7740;margin:14px 0 4px}
.session-stats[hidden]{display:none}.session-stats strong{display:block;color:#f1deb1;font:400 27px Georgia,serif}.session-stats span{display:block;font-size:10px;line-height:1.4;margin-top:4px;color:#bdc7b9}
.personal-best{color:#dec88f;font-size:12px;margin:10px 0}.results-panel #againBtn{display:block;margin:8px auto}
#scoreExplanation{font-size:12px;line-height:1.7;text-align:left}
@media(max-width:600px){
 #menu{padding:max(20px,var(--safe-top),env(safe-area-inset-top)) max(18px,var(--safe-right),env(safe-area-inset-right)) max(18px,var(--safe-bottom),env(safe-area-inset-bottom)) max(18px,var(--safe-left),env(safe-area-inset-left));gap:12px;justify-content:safe flex-end}
 #menu>.menu-grid .menu-item{min-height:96px}#clubModes .menu-item{min-height:59px}
 #scorePill{min-width:110px;max-width:160px}#scoreStatus{max-width:144px;font-size:9px}.shot-feedback{top:105px}
 .results-panel{padding:16px}.results-panel h2{font-size:27px}.result-score strong{font-size:52px}.results-panel .muted{font-size:12px}
}
@media(max-height:540px){
 #menu{overflow:auto;justify-content:safe center;gap:6px}.brand{flex-shrink:0}
 #menu>.menu-grid{grid-template-columns:1fr 1fr;width:min(450px,100%)}#menu>.menu-grid .menu-item{min-height:84px}
 #clubModes .menu-grid{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
 #practiceBar{left:12px;transform:none;bottom:102px;width:220px;justify-content:flex-start}
 .shot-feedback{top:105px}.results-panel{max-width:580px;padding:14px}.results-panel h2{font-size:25px}.result-score strong{font-size:42px}.results-panel .muted{margin:4px}.session-stats{padding:8px;margin:8px 0}
}

#loadingStatus.graphics-unavailable{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(470px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 40px);overflow:auto;text-align:center;padding:24px;border:1px solid #c6b17c55;line-height:1.7;touch-action:pan-y}
.graphics-unavailable h1{font:400 38px Georgia,serif;letter-spacing:.15em;margin:0 0 10px}.graphics-unavailable p{color:#d8decf;margin:0}
