.st-play-mode{display:flex;gap:8px;margin:8px 0 16px}.strategy-page .st-play-mode>.btn{min-height:50px;padding:12px 22px;font-size:15px}.strategy-page .st-tee-caption{margin:0 0 14px;color:#68765c}
.st-tee-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:24px}.strategy-page .st-tee-scenes>.btn{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:6px 10px;text-align:left;padding:15px 17px;min-height:87px}.st-tee-scenes .btn>span{font:18px Georgia,serif;color:#987845;grid-row:1/3}.st-tee-scenes .btn>strong{font-size:15px;font-weight:600;line-height:1.3}.st-tee-scenes .btn>small{font-size:12px;line-height:1.5;color:#687963}.st-tee-scenes .btn[aria-pressed=true]>small{color:#cedfc7}.st-tee-scenes .btn[aria-pressed=true]>span{color:#e2c384}
.st-tee-settings{border-top:1px solid #d1dbc7;border-bottom:1px solid #d1dbc7;margin:18px 0}.strategy-page .st-tee-settings>summary{padding:14px 0;font-size:14px}.st-tee-settings label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;line-height:1.5;margin:15px 0 4px}.st-tee-settings label b{color:#8b6e37;white-space:nowrap}.st-tee-settings input{width:100%;min-height:35px;accent-color:#375e42}.st-tee-settings>.btn{margin:12px 0}.strategy-page .st-tee-settings p{font-size:12px;line-height:1.6}.st-tee-task{border-left:3px solid #b3965e;background:#f4efdf;padding:16px;margin:18px 0}.strategy-page .st-tee-task p{font-size:14px;margin:9px 0 0;line-height:1.7}
.st-tee-map-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:5px 0 16px}.st-tee-map-tools>div{display:flex;gap:6px}.strategy-page .st-tee-map-tools .btn{font-size:12px;padding:9px 13px}.st-tee-map-tools>span{font-size:12px;color:#6a795e}.st-tee-measures{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 16px}.st-tee-measures>div{padding:13px 15px;background:#edf1e5;border-radius:9px;min-width:0}.st-tee-measures dt{font-size:12px;color:#647358;line-height:1.5}.st-tee-measures dd{margin:6px 0 0;font-size:19px;font-weight:600;line-height:1.4}.st-tee-measures dd small{font-size:12px;font-weight:400;white-space:nowrap}.st-tee-ob{stroke:#fff9e8;stroke-width:2;stroke-dasharray:7 4;fill:#6b6757;fill-opacity:.85}.st-tee-counts{grid-template-columns:repeat(4,1fr)}
.st-tee-comparison{padding:28px;background:#fffdf7;border:1px solid #d3ddc7;border-radius:18px;margin:25px 0}.st-tee-comparison>header{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:23px}.strategy-page .st-tee-comparison h2{font:500 clamp(26px,2.7vw,34px)/1.2 Georgia,serif;max-width:28ch;margin:9px 0}.strategy-page .st-tee-comparison>header>p{max-width:27ch;font-size:14px;line-height:1.7}.st-tee-clubs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.st-tee-clubs>article{min-width:0;padding:22px;border:1px solid #d5ddcb;border-radius:12px;background:#f3f5eb}.st-tee-clubs>article.is-current{background:#fcf8eb;border-color:#bb9a60;box-shadow:inset 0 3px 0 #bb9a60}.st-tee-club-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:30px}.strategy-page .st-tee-club-head h3{font-size:19px;margin:0}.st-tee-club-head>span{font-size:10px;color:#3e5f3e;background:#e0e9d6;border-radius:5px;padding:5px 7px}.strategy-page .st-tee-clubs article>p{font-size:12px;margin:8px 0 20px}.st-tee-cost{display:flex;align-items:center;gap:12px;margin:16px 0 22px}.st-tee-cost>strong{font:500 38px/1 Georgia,serif;color:#2b533d;font-variant-numeric:tabular-nums}.st-tee-cost>span{font-size:12px;line-height:1.5;color:#627257}.st-tee-clubs dl{display:grid;grid-template-columns:1fr 1fr;gap:0 13px;margin:0 0 16px}.st-tee-clubs dl>div{padding:11px 0;border-top:1px solid #d6ddca}.st-tee-clubs dl>div:nth-child(n+5){grid-column:1/-1}.st-tee-clubs dt{font-size:12px;line-height:1.5;color:#64745b}.st-tee-clubs dd{font-size:17px;margin:5px 0 0;font-weight:600;font-variant-numeric:tabular-nums}.st-tee-clubs .btn{width:100%}.st-tee-limits{border-top:1px solid #d4ddc8;margin-top:16px}.strategy-page .st-tee-limits>summary{padding:15px 0;font-size:14px}.strategy-page .st-tee-limits>p{font-size:14px;line-height:1.7;max-width:90ch}
@media(max-width:1050px){.st-tee-clubs{gap:9px}.st-tee-clubs>article{padding:17px}.st-tee-cost{display:block}.st-tee-cost>span{display:block;margin-top:8px}.st-tee-scenes .btn>small{font-size:11px}.strategy-page .st-tee-scenes>.btn{padding:13px 11px;gap:6px}.st-tee-measures dd small{display:block}}
@media(max-width:760px){.st-play-mode{display:grid;grid-template-columns:1fr 1fr;gap:6px}.strategy-page .st-play-mode>.btn{font-size:13px;padding:12px 9px;line-height:1.4}.st-tee-scenes{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:18px}.strategy-page .st-tee-scenes>.btn{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 12px;min-height:117px}.st-tee-scenes .btn>span{font-size:15px}.st-tee-scenes .btn>strong{font-size:14px;line-height:1.4}.st-tee-scenes .btn>small{font-size:11px;line-height:1.4}.st-tee-task{padding:14px}.st-tee-measures{gap:7px}.st-tee-measures>div{padding:12px 10px}.st-tee-measures dd{font-size:18px}.st-tee-counts{grid-template-columns:1fr 1fr}.st-tee-comparison{padding:21px 17px;border-radius:13px;margin:20px 0}.st-tee-comparison>header{display:block;margin-bottom:19px}.strategy-page .st-tee-comparison>header>p{max-width:40ch;margin-bottom:0}.st-tee-clubs{grid-template-columns:1fr;gap:13px}.st-tee-clubs>article{padding:22px}.st-tee-club-head{justify-content:space-between}.st-tee-cost{display:flex}.st-tee-cost>span{margin:0}.st-tee-clubs dl>div:nth-child(n+5){grid-column:auto}.st-tee-map-tools{gap:8px}.st-tee-map-tools>div{display:grid;grid-template-columns:1fr 1fr;width:100%}}
/* Editable tree corridors and doglegs: geometry and score share one outline. */
.strategy-page .st-tree-controls{padding:18px;border:1px solid #cbd7c1;border-radius:14px;background:#f5f3e9}
.strategy-page .st-tree-controls h3{margin:7px 0 18px;font-size:19px;line-height:1.3}
.strategy-page .st-tree-controls input{min-height:44px}
.st-tree-controls input:focus-visible{outline:3px solid #a98341;outline-offset:3px}
.st-tree-summary{padding:20px;border:1px solid #ccd7c3;background:#eef2e7;border-radius:14px;margin-bottom:20px}
.strategy-page .st-tree-summary h3{font:500 25px/1.25 Georgia,serif;margin:7px 0 16px}
.st-tree-summary dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}
.st-tree-summary dl>div{border-left:2px solid #b49b67;padding-left:12px;min-width:0}
.st-tree-summary dt{font-size:12px;line-height:1.5;color:#4b614d}.st-tree-summary dd{font-size:28px;margin:5px 0;color:#234e38;font-variant-numeric:tabular-nums}.st-tree-summary dd small{font-size:14px;color:#697560}
.strategy-page .st-tree-summary p,.strategy-page .st-tree-detail p{font-size:13px;line-height:1.6;margin:16px 0 0;color:#52644f}
.st-tree-detail{margin:18px 0 22px;border:1px solid #d2dcc7;border-radius:16px;padding:18px;background:#faf9f0}
.st-tree-detail header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.strategy-page .st-tree-detail h3{font:500 24px/1.3 Georgia,serif;margin:6px 0 0}.st-tree-detail header>span{font-size:12px;white-space:nowrap;color:#67795d}.st-tree-detail svg{display:block;width:100%;max-height:390px;border-radius:12px;background:#254430}
.st-tree-method{padding:16px 0;border-top:1px solid #d6ddcc}.strategy-page .st-tree-method summary{font-size:15px;min-height:44px;cursor:pointer}.strategy-page .st-tree-method p{font-size:14px;line-height:1.7}
@media(max-width:760px){.st-tree-summary{padding:15px}.st-tree-summary dl{gap:8px}.st-tree-summary dl>div{padding-left:8px}.st-tree-summary dt{font-size:12px}.st-tree-summary dd{font-size:25px}.st-tree-detail{padding:12px}.st-tree-detail header{gap:8px}.strategy-page .st-tree-detail h3{font-size:21px}}
/* Individual transparent canopies can be repositioned without moving the camera. */
.st-tree-crowns [data-tree-handle]{pointer-events:visiblePainted;cursor:grab;touch-action:none}
.st-tree-handle{cursor:grab;touch-action:none;outline:none}
.st-tree-handle:active,.st-tree-crowns [data-tree-handle]:active{cursor:grabbing}
.st-tree-touch{fill:transparent;stroke:none;pointer-events:all}
.st-tree-knob{fill:#fbf6df;stroke:#214b36;stroke-width:1.8;filter:drop-shadow(0 2px 3px #14291e55)}
.st-tree-handle path{fill:none;stroke:#214b36;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.st-tree-handle:hover .st-tree-knob,.st-tree-handle:focus-visible .st-tree-knob{fill:#f6d394;stroke:#183c2a;stroke-width:2.5}
.st-tree-handle:focus-visible .st-tree-touch{stroke:#f6d394;stroke-width:2;stroke-dasharray:3 3}
.strategy-page .st-tree-drag-hint{font-size:14px;line-height:1.6;background:#f2eedf;padding:12px 16px;border-radius:10px;color:#36533b;margin:10px 0 16px}
.st-tree-position-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.st-tree-position-list>div{padding:10px;border:1px solid #ccd5c1;border-radius:9px}.st-tree-position-list dt{font-size:12px;color:#647458}.st-tree-position-list dd{font-size:13px;margin:6px 0 0;line-height:1.5}