/* Compact, five-window topic cylinder for one half of the practice container. */
.exercise-reel-picker.exercise-selector,.exercise-reel-picker{display:block;min-width:0;margin:12px 0 0;white-space:normal}
.exercise-reel-heading{margin:0 0 8px;color:var(--lime);font-size:13px;font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none}
.practice .exercise-reel-picker .exercise-reel-random{display:inline;min-width:0;min-height:0;width:auto;margin:0;padding:0 1px;border:0;border-radius:2px;background:transparent;color:inherit;font:inherit;font-weight:700;line-height:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer}
.practice .exercise-reel-picker .exercise-reel-random:hover{background:transparent;color:#fff;text-decoration-thickness:2px}
.exercise-reel-picker .exercise-reel-random:focus-visible{outline:2px solid #f0c69b;outline-offset:3px}
.exercise-reel-layout{display:block;min-width:0}
.exercise-reel-drum{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:7px;min-width:0;align-items:center}
.exercise-reel-viewport{position:relative;height:208px;min-width:0;isolation:isolate;perspective:550px;border:1px solid #d4d7c9;border-radius:13px;background:linear-gradient(180deg,#d8ddcb 0%,#edf0e4 18%,#faf9f0 42%,#faf9f0 58%,#edf0e4 82%,#d8ddcb 100%);box-shadow:inset 0 7px 12px #254d3e0d,inset 0 -7px 12px #254d3e0b;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none}
.exercise-reel-viewport:active{cursor:grabbing}
.exercise-reel-viewport:focus-visible{outline:3px solid #c37548;outline-offset:3px;box-shadow:0 0 0 5px #f7f5ed,inset 0 7px 12px #254d3e0d,inset 0 -7px 12px #254d3e0b}
.exercise-reel-window{position:absolute;inset:calc(50% - 28px) 6px auto;height:56px;border:1px solid #afb99a;border-radius:7px;background:#fffdf388;box-shadow:0 2px 7px #254d3e0a;pointer-events:none}
.practice .exercise-reel-picker .exercise-reel-topic{--reel-y:0px;--reel-angle:0deg;--reel-scale:1;position:absolute;left:50%;top:50%;width:calc(100% - 38px);min-height:50px;margin:0;padding:4px 5px;display:flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:var(--green);font-family:Georgia,serif;font-size:15px;font-weight:400;line-height:1.2;text-align:center;text-wrap:balance;overflow-wrap:anywhere;white-space:normal;transform:translate(-50%,-50%) translateY(var(--reel-y)) rotateX(var(--reel-angle)) scale(var(--reel-scale));transition:color .12s,background .12s;cursor:pointer;backface-visibility:hidden;z-index:2}
.exercise-reel-picker .exercise-reel-topic[data-offset="-2"]{--reel-y:-80px;--reel-angle:60deg;--reel-scale:.89;opacity:.44}
.exercise-reel-picker .exercise-reel-topic[data-offset="-1"]{--reel-y:-46px;--reel-angle:30deg;--reel-scale:.945;opacity:.72}
.exercise-reel-picker .exercise-reel-topic[data-offset="1"]{--reel-y:46px;--reel-angle:-30deg;--reel-scale:.945;opacity:.72}
.exercise-reel-picker .exercise-reel-topic[data-offset="2"]{--reel-y:80px;--reel-angle:-60deg;--reel-scale:.89;opacity:.44}
.practice .exercise-reel-picker .exercise-reel-topic[data-offset="0"]{font-weight:700;color:var(--green)}
.exercise-reel-picker .exercise-reel-topic:hover{background:#dfe7c970;opacity:1}
.exercise-reel-picker .exercise-reel-topic[aria-pressed=true]{background:transparent;color:var(--green);border:0}
.exercise-reel-picker .exercise-reel-topic:focus-visible{outline:2px solid #b76b3e;outline-offset:-2px;background:#fdfaf1}
.exercise-reel-marker{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-family:Georgia,serif;font-size:25px;line-height:1;color:#7c9254;pointer-events:none}
.exercise-reel-controls{display:flex;flex-direction:column;align-items:center;gap:9px}
.exercise-reel-picker .exercise-reel-arrow{display:grid;place-items:center;width:28px;height:30px;min-width:28px;padding:0;margin:0;border:1px solid #c8cfbb;border-radius:50%;background:#f5f5eb;color:var(--green);font-size:15px;line-height:1}
.exercise-reel-picker .exercise-reel-arrow:hover{background:#e3eace}
.exercise-reel-position{color:#d5dfd4;font-size:9px;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}
.practice .exercise-reel-picker .exercise-reel-hint{margin:6px 0 0;color:#d5dfd4;font-size:10px;line-height:1.45}
.exercise-reel-picker button:disabled{cursor:default;opacity:.45}
.exercise-reel-viewport.is-spinning{cursor:progress}
.exercise-reel-viewport.is-spinning .exercise-reel-topic{opacity:unset;cursor:progress;pointer-events:none;will-change:transform;transition:none}
.exercise-reel-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.exercise-reel-viewport.is-empty:after{content:'—';position:absolute;inset:0;display:grid;place-items:center;color:#718465;font-size:20px}
@media(max-width:650px){.exercise-reel-heading{font-size:13px}.exercise-reel-drum{grid-template-columns:minmax(0,1fr) 28px;gap:6px}.exercise-reel-viewport{height:202px}.practice .exercise-reel-picker .exercise-reel-topic{font-size:14px}.exercise-reel-controls{gap:8px}}
@media(prefers-reduced-motion:reduce){.exercise-reel-picker *{scroll-behavior:auto;transition:none!important;animation:none!important}}