/* Shared activity chooser, including saved sets that do not use exercise-page. */
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] { --menu-paper: #fffaf3; --menu-ink: #203b40; --menu-muted: #52666e; --menu-line: #b8d5cf; --menu-card: #edf7f4; --menu-selected: #f9dfdb; --menu-shadow: #bfd7d2; --menu-accent: #e8796d; }
html[data-theme="dark"] :is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] { --menu-paper: #203441; --menu-ink: #edf3f5; --menu-muted: #b6c5ce; --menu-line: #64808e; --menu-card: #203441; --menu-selected: #304956; --menu-shadow: #0d1c26; --menu-accent: #f19c91; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-setup-tabs { display: flex; width: min(360px,100%); gap: 6px; padding: 6px; margin: 22px 0; border: 1px solid var(--menu-line); border-radius: 16px; background: var(--menu-paper); }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-setup-tabs button { flex: 1; min-height: 48px; border: 0; border-radius: 11px; font: inherit; font-weight: 850; color: var(--menu-ink); background: transparent; cursor: pointer; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-setup-tabs button[aria-pressed="true"] { color: var(--menu-ink); background: var(--menu-selected); box-shadow: 0 3px 0 var(--menu-shadow); }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-activity-section[hidden] { display: none; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-activity[aria-pressed="true"] { color: var(--menu-ink); background: var(--menu-selected); border-color: var(--menu-accent); }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-activity-heading :is(h3,p) { color: var(--menu-ink); }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-activity-heading p { color: var(--menu-muted); }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-activity-section--games { background: var(--menu-paper); border: 1px solid var(--menu-line); padding: clamp(14px,2vw,24px); border-radius: 22px; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-game-picker { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(240px,.8fr); gap: 22px; align-items: stretch; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-activity-section:not(.exercise-activity-section--games) .exercise-game-picker { display: block; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-activity-section--games .exercise-activity-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; align-content: start; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-activity-section--games .exercise-activity { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 180px; padding: 16px; border: 2px solid var(--menu-line); border-radius: 18px; background: var(--menu-card); color: var(--menu-ink); box-shadow: 0 5px 0 var(--menu-shadow); transition: transform .15s; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-activity-section--games .exercise-activity:hover { transform: translateY(-3px); }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-activity-section--games .exercise-activity[aria-pressed="true"] { background: var(--menu-selected); border-color: var(--menu-accent); box-shadow: 0 0 0 2px var(--menu-accent),0 5px 0 var(--menu-shadow); }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-activity-section--games .exercise-activity[aria-pressed="true"]::after { content: ''; position: absolute; top: 8px; right: 10px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #f9dfdb; color: #20343a; font-weight: 900; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-activity-section--games .exercise-activity__art { width: 100%; max-width: 280px; height: 120px; margin: 0; padding: 0; background: transparent; object-fit: contain; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-activity-section--games .exercise-activity strong { font-size: 1rem; color: var(--menu-ink); margin-top: 12px; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-activity-section--games .exercise-activity > span:last-child { display: none; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-game-preview { display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--menu-line); border-radius: 18px; background: var(--menu-paper); color: var(--menu-ink); box-shadow: 0 6px 0 #18353818; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-game-preview > img { width: 100%; height: 170px; object-fit: contain; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-game-preview h3 { margin: 8px 0; color: var(--menu-ink); font-size: 1.6rem; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-game-preview p:not(.eyebrow) { color: var(--menu-muted); font-size: .94rem; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-game-preview dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 14px 0; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-game-preview dl > div { padding: 12px; border: 1px solid var(--menu-line); border-radius: 10px; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-game-preview dl > div:last-child { grid-column: 1 / -1; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-game-preview dt { color: var(--menu-muted); font-size: .8rem; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-game-preview dd { margin: 4px 0 0; color: var(--menu-ink); font-weight: 850; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-game-preview__note { margin-top: auto; }
:is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] button:focus-visible { outline: 3px solid #de9d4d; outline-offset: 4px; }
@media (max-width: 760px) {
  :is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-game-picker { grid-template-columns: minmax(0,1fr); gap: 16px; }
  :is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-activity-section--games .exercise-activity-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
  :is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-activity-section--games .exercise-activity { min-height: 112px; padding: 8px; }
  :is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-activity-section--games .exercise-activity__art { height: 74px; }
  :is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-activity-section--games .exercise-activity strong { font-size: .76rem; margin-top: 4px; }
  :is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-game-preview { padding: 18px; }
  :is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-game-preview > img { height: 110px; }
}
@media (prefers-reduced-motion: reduce) { :is(body.exercise-page[data-exercise-page],body.study-sets-page) [data-exercise-screen="setup"] .exercise-activity { transition: none; } }

.exercise-activity-section--games .exercise-activity[aria-pressed="true"]::after { background-image: url("/assets/images/ui/check-dark.svg"); background-position: center; background-repeat: no-repeat; background-size: 70%; }