.rotations{background:#171916;color:#f5f4e9;scroll-margin-top:90px}
.rotations .section-heading>p{color:#c1c7b9;max-width:420px;line-height:1.7}
.rotations .section-heading h2{color:#f5f4e9}
.rt-panel{background:#f5f4ed;color:#20251e;border-radius:20px;padding:30px;min-width:0}
.rt-modes,.rt-player-buttons,.rt-toggles{display:flex;flex-wrap:wrap;gap:8px}
.rt-button{appearance:none;-webkit-appearance:none;background:#fff;color:#20251e;border:1px solid #b9bfaf;border-radius:8px;padding:11px 17px;font:inherit;font-size:14px;font-weight:700;min-height:44px;cursor:pointer;line-height:1.4}
.rt-button[aria-pressed=true]{background:#f2cf22;color:#172019;border-color:#9d8619}
.rt-button:hover{border-color:#363f2d;box-shadow:0 1px 4px #0002}
.rt-button:focus-visible,.rt-field select:focus-visible,.rt-toggles input:focus-visible,.rt-notes summary:focus-visible{outline:3px solid #4b7467;outline-offset:3px}
.rt-complexes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.rt-complexes .rt-button{display:flex;align-items:center;gap:14px;padding:15px 20px;text-align:left}
.rt-complexes b{font-size:27px;letter-spacing:-1px}
.rt-complexes span{font-size:15px}
.rt-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.rt-field{display:grid;gap:8px;font-size:13px;font-weight:700;min-width:0}
.rt-field select{font:inherit;font-size:16px;color:#20251e;background:#fff;border:1px solid #aab19f;border-radius:8px;padding:12px 9px;min-height:48px;width:100%;min-width:0;max-width:100%}
.rt-toggles{gap:12px 24px;margin:8px 0 20px}
.rt-toggles label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px;cursor:pointer}
.rt-toggles input{width:19px;height:19px;accent-color:#766518}
.rt-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:28px;align-items:start}
.rt-figure{margin:0;min-width:0}
.rx-court,.sand-court{width:100%;height:auto;display:block;max-width:650px;margin:auto;font-family:Arial,sans-serif}
.sand-court{max-width:560px}
.rx-field-title{fill:#f3f5e8;font-size:15px;font-weight:800;text-anchor:middle;letter-spacing:.5px}
.rx-net-title{fill:#dce3d4;font-size:12px;text-anchor:middle}
.rx-3m{fill:#bdc9af;font-size:12px}.rx-role{fill:#18221b;font-size:17px;text-anchor:middle;font-weight:850}
.rx-origin{fill:#f6f7e8;font-size:12px;text-anchor:middle}.rx-footer{fill:#c2ccb5;font-size:12px;text-anchor:middle}
.rx-pass-ring{fill:none;stroke:#8bdac5;stroke-width:3;stroke-dasharray:6 3}.rx-passer-label{fill:#a7ecda;font-size:11px;font-weight:800;text-anchor:middle;letter-spacing:1px}
.rx-selected-ring{fill:none;stroke:#fff;stroke-opacity:.45;stroke-width:2}.rx-player[role=button]{cursor:pointer;outline:none}
.rx-player:focus>circle:last-of-type{stroke:#fff;stroke-width:4}.rx-player:hover{filter:brightness(1.12)}
.rx-move{fill:none;stroke:#94bba7;stroke-width:2.4;stroke-dasharray:6 5;opacity:.75}.rx-ball{fill:none;stroke:#f9b167;stroke-width:3.2;stroke-dasharray:7 4}
.rx-target{fill:none;stroke:#b1d8c4;stroke-dasharray:4 3;stroke-width:1.8}.rx-target-text{fill:#c8e2d2;font-size:10px;text-anchor:middle}
.rt-figure figcaption{font-size:13px;line-height:1.7;color:#49523f;margin-top:16px}
.rt-legend{display:flex;flex-wrap:wrap;gap:10px 18px;margin:14px 0;font-size:12px}
.rt-legend span{display:inline-flex;align-items:center;gap:7px}.rt-legend i{width:12px;height:12px;border:1px solid #89947a;border-radius:50%;background:#f7f6eb}.rt-legend .front{background:#f2cf22}.rt-legend .lib{background:#9fe0ce}.rt-legend .pass{border:2px dashed #36745e}
.rt-navigation{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.rt-details{background:#eaece0;border:1px solid #d5dac9;padding:26px;border-radius:12px;min-width:0}
.rt-details .eyebrow{font-size:11px;color:#4b5842}.rt-details h3{font-size:27px;line-height:1.2;margin:14px 0;letter-spacing:-.7px}
.rt-details p{font-size:14px;line-height:1.75;color:#414a38}.rt-details hr{border:0;border-top:1px solid #cbd2bf;margin:22px 0}
.rt-details .rt-hint{font-size:13px;margin:0 0 12px}.rt-player-buttons .rt-button{min-width:44px;padding:10px 12px}
.rt-player-info{margin-top:18px;min-height:190px}.rt-player-info h4{font-size:18px;line-height:1.4;margin:10px 0}.rt-origin{font-size:12px;color:#4d5c40}
.rt-context{background:#fbf5d6;border-left:3px solid #b79d23;padding:16px;margin-top:20px}.rt-context strong{font-size:14px}.rt-context p{font-size:13px;margin:8px 0 0}
.rt-all-control{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:28px;border-top:1px solid #d0d5c6;padding-top:24px}.rt-all-control span{font-size:13px;color:#4d5b40}
.rt-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px}.rt-gallery[hidden]{display:none}
.rt-gallery figure{margin:0;min-width:0}.rt-gallery figcaption{display:grid;gap:5px;font-size:14px;line-height:1.5;margin-bottom:12px}.rt-gallery figcaption span{color:#5d6750;font-size:12px}
.rt-notes{border-top:1px solid #d0d5c6;padding-top:20px;margin-top:28px;font-size:13px;line-height:1.7}.rt-notes summary{font-weight:700;cursor:pointer;min-height:44px}.rt-notes p{margin:12px 0;color:#4d5942}
@media(max-width:1100px){.rt-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.rt-layout{grid-template-columns:minmax(0,1fr)}.rt-figure{max-width:650px;width:100%;margin:auto}.rt-details{display:block}.rt-player-info{min-height:0}.rt-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.rt-panel{padding:16px;border-radius:12px}.rotations .shell{width:calc(100% - 24px)}.rt-modes{display:grid;grid-template-columns:1fr}.rt-modes .rt-button{text-align:left}.rt-complexes{gap:7px}.rt-complexes .rt-button{display:grid;gap:3px;padding:12px}.rt-complexes b{font-size:23px}.rt-complexes span{font-size:13px}.rt-controls{grid-template-columns:1fr}.rt-details{padding:18px}.rt-details h3{font-size:24px}.rt-layout{gap:20px}.rt-gallery{grid-template-columns:1fr}.rt-all-control .rt-button{width:100%}.rt-toggles{display:grid;gap:2px}.rt-figure figcaption{font-size:12px}}
