.match-screen .shot-deck{grid-template-columns:220px minmax(0,1fr) 88px}.spin-console{min-width:0;border-left:1px solid #87a69744;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:10px 6px;background:#183947;color:#c5d2b4}.spin-console-title{font:8px/1.4 TourSans,sans-serif;letter-spacing:1px;color:#a8c1ae;white-space:nowrap}.spin-pad{position:relative;width:66px;height:82px;flex-shrink:0;touch-action:none;user-select:none;cursor:ns-resize;outline:none;border:1px solid transparent;border-radius:3px}.spin-ball-art{position:absolute;left:8px;top:16px;width:48px;height:48px;image-rendering:pixelated;pointer-events:none}.spin-edge{position:absolute;left:0;right:0;text-align:center;font:7px/1 TourSans,sans-serif;letter-spacing:.5px;color:#89aca0;pointer-events:none}.spin-top{top:3px}.spin-back{bottom:3px}.spin-center-line{position:absolute;left:13px;right:13px;top:50%;border-top:1px dashed #6b8c8066;pointer-events:none}.spin-strike{position:absolute;left:50%;top:var(--spin-y,50%);width:14px;height:14px;transform:translate(-50%,-50%);border:2px solid #d66a48;background:#f7d18a3d;box-shadow:0 0 0 1px #fff0b9;pointer-events:none}.spin-strike:before,.spin-strike:after{content:'';position:absolute;background:#a54c32}.spin-strike:before{left:4px;top:-4px;width:2px;height:18px}.spin-strike:after{left:-4px;top:4px;width:18px;height:2px}.spin-strike i{display:none}.spin-pad:hover{border-color:#8eae8f66;background:#32545955}.spin-pad:focus-visible{outline:2px solid #f2cf87;outline-offset:1px}.spin-value{font:9px/1.4 TourSans,sans-serif;color:#f2d493;text-align:center;white-space:nowrap;min-height:13px;letter-spacing:.25px}.spin-reset{font:9px TourSans,sans-serif;border:1px solid #88a68e66;background:#274d54;color:#c6d2b4;min-height:28px;width:58px;padding:4px;cursor:pointer;touch-action:manipulation}.spin-reset:hover:not(:disabled){background:#39615e;color:#f4d898}.spin-reset:focus-visible{outline:2px solid #f2cf87;outline-offset:2px}.spin-pad[aria-disabled=true]{cursor:default;opacity:.5}.spin-reset:disabled{opacity:.4;cursor:default}.spin-console.is-putting .spin-strike{border-color:#7f9f91;box-shadow:none}.swinging .spin-console{opacity:.65}.match-screen.is-scout .spin-console{display:none}.match-screen .swing-controls{min-width:0}
@media(max-width:560px){.match-screen .shot-deck{grid-template-columns:minmax(0,1fr) 76px}.match-screen .club-controls{grid-column:1/-1;grid-row:1}.match-screen .swing-controls{grid-column:1;grid-row:2;padding:12px 10px;min-width:0}.spin-console{grid-column:2;grid-row:2;padding:8px 3px;gap:3px}.spin-console-title{font-size:7px}.spin-value{font-size:8px}.spin-pad{width:64px;height:78px}.spin-ball-art{left:8px;top:15px;width:46px;height:46px}.spin-edge{font-size:6px}.spin-reset{min-height:28px;font-size:9px;width:56px}.match-screen .swing-head{gap:5px}.match-screen .swing-step{font-size:6px;letter-spacing:0}.match-screen #meter-reading{font-size:8px}.match-screen .meter-ruler{display:grid;grid-template-columns:auto 1fr auto;gap:4px;font-size:6px}.match-screen #live-shot-distance{font-size:7px;overflow:hidden;text-overflow:ellipsis;text-align:center}.match-screen .keyhint{display:none}.match-screen .swing-bottom .btn{font-size:11px;padding:8px;min-height:40px;flex:1}.match-screen .swing-cancel{font-size:10px;padding:8px;min-height:40px}.match-screen .club-controls .options-toggle:not(.scout-toggle){flex:0 0 auto;max-width:none}}
@media(max-width:340px){.match-screen .shot-deck{grid-template-columns:minmax(0,1fr) 70px}.spin-console{padding-left:1px;padding-right:1px}.match-screen .swing-step{font-size:5.5px}.match-screen #meter-reading{font-size:7px}.match-screen #live-shot-distance{font-size:6px}}
@media(max-height:650px) and (min-width:561px){.spin-console{padding:6px 4px;gap:2px}.spin-pad{height:72px}.spin-ball-art{top:12px;width:46px;height:46px}.spin-reset{min-height:24px}.spin-value{font-size:8px}.spin-console-title{font-size:7px}}

@media(min-width:561px) and (max-width:800px){.match-screen .shot-deck{grid-template-columns:minmax(0,1fr) 88px}.match-screen .club-controls{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:18px;border-right:0;border-bottom:1px solid #87a69744;padding:10px 14px}.match-screen .club-row{flex:1;justify-content:flex-start;gap:22px}.match-screen .club-controls #club-distance{display:none}.match-screen .swing-controls{grid-column:1;grid-row:2}.spin-console{grid-column:2;grid-row:2}}