/* Gallery: one presentation for Move, over the existing room/Stage/player.
   Layout only: anatomy's semantic palette, drawing and geometry stay owned by the engine.
   System dark mode follows the app. No effect outside #move.
   THE APP'S OWN LOOK (27 Oct 2026, sketch three, his yes): "the whole move section aesthetically looks different to the
   rest of the app". The Gallery's paper, serif and small radii are gone; its five fields are the app's own colours, so
   every Move screen wears Home's and Breathe's charcoal cards, sans type and sage, in both modes. */
#move {
  --gallery-paper:var(--bg); --gallery-field:var(--card); --gallery-blue:var(--card);
  --gallery-clay:var(--card); --gallery-signal:var(--accent); --gallery-ink:var(--ink);
  --gallery-muted:var(--soft); --gallery-rule:var(--line);
  background:var(--bg); color:var(--ink); padding:0 2px 40px;
}
#move :is(button,a,select):focus-visible { outline:2px solid var(--gallery-signal); outline-offset:3px; }
#move #mv-title { margin:2px 0 16px; }
/* Library destinations, not anchors into a long page. */
#move [hidden] { display:none !important; }
#move .mg-tabs { display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:24px; }
#move .mg-tabs button { flex:1;border:0;border-bottom:3px solid transparent;background:none;color:var(--soft);font:inherit;font-size:16px;padding:13px 16px;min-height:48px;cursor:pointer; }
#move .mg-tabs [aria-selected=true] { color:var(--ink);border-bottom-color:var(--gallery-signal);font-weight:600; }
/* The map of Move (27 Oct 2026): four doors of equal weight on arrival, the same four as tabs
   inside. Four tabs share a phone's width, so they set tighter than the 25 Oct pair. */
#move .mg-tabs button { padding:13px 4px;font-size:15px; }
#move .mg-hub { text-align:left; }
/* Move's arrival in Home's grammar (sketch three, 27 Oct 2026): a practice card, the poses as picture tiles, list rows. */
#move .mh-practice { background:var(--card);border:1px solid var(--line);border-radius:16px;padding:15px 16px;box-shadow:var(--shadow);margin-bottom:6px; }
#move .mh-practice-open { display:flex;flex-direction:column;align-items:stretch;gap:2px;width:100%;border:0;background:none;padding:0;text-align:left;color:var(--ink);font:inherit;cursor:pointer; }
#move .mh-practice-open b { font-size:19px;font-weight:650; }
#move .mh-soft { color:var(--soft);font-size:14px;line-height:1.45; }
#move .mh-strip { display:flex;gap:2px;height:46px;margin-top:10px;color:var(--accent); }
#move .mh-strip svg { flex:1 1 0;min-width:0;height:100%; }
#move .mh-practice .mh-begin { border-radius:12px;background:var(--accent);border-color:var(--accent);color:#fff;margin-top:12px;min-height:0; }
#move .mh-kick { font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin:24px 2px 10px; }
#move .mh-kick span { letter-spacing:0;text-transform:none; }
#move .mh-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
#move .mh-tile { display:flex;flex-direction:column;align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:8px 8px 10px;
  font:inherit;color:var(--ink);text-align:left;cursor:pointer; }
#move .mh-pic { display:flex;align-items:flex-end;height:78px;color:var(--accent); }
#move .mh-pic svg { width:100%;height:100%; }
#move .mh-name { font-size:14.5px;margin:4px 4px 0; }
#move .mh-tag { display:inline-block;margin-left:4px;font-size:10.5px;letter-spacing:.06em;color:var(--accent);border:1px solid var(--accent);border-radius:10px;padding:0 6px;vertical-align:1px; }
#move .mh-row { display:flex;align-items:center;gap:12px;width:100%;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 14px;margin:0 0 10px;
  font:inherit;color:var(--ink);text-align:left;cursor:pointer; }
#move .mh-row b { font-weight:600;font-size:16.5px; }
#move .mh-row .mh-soft { margin-left:auto;font-size:13px; }
#move .mh-ic { color:var(--accent);width:26px;flex:none;display:flex;justify-content:center; }
#move .mh-chev { color:var(--soft);font-size:20px;line-height:1; }
#move .mh-row b + .mh-chev { margin-left:auto; }
#move .mh-all { margin-top:10px; }
#move .mg-inside-mark { position:absolute;top:8px;left:8px;font-size:11px;letter-spacing:.06em;padding:3px 7px;border-radius:14px;background:var(--gallery-ink);color:var(--gallery-paper); }
#move :is(#mv-shelf,#mg-inside-grid) .mv-figrow { position:relative; }
/* Under the four tabs the Movements room needs neither its own heading nor its own way back. */
#move #mv-room > :is(.mv-room-back,.mv-room-head) { display:none; }
#move .mg-filters { text-align:left;margin:18px 0 0; }
#move .mg-filters label { display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;color:var(--soft); }
#move .mg-filters :is(input,select) { box-sizing:border-box;width:100%;min-width:0;min-height:48px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);padding:10px 12px;font:inherit;font-size:16px; }
#move .mg-filters select { appearance:none;-webkit-appearance:none;padding-right:32px;
  background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);
  background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat; }
#move .mg-filters input::placeholder { color:var(--soft);opacity:1; }
#move .mg-filter-row { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px; }
#move .mg-results { display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:6px;font-size:13px;color:var(--soft); }
#move .mg-results button { font-size:12px; }
#move .mg-empty { padding:24px 18px;background:var(--gallery-field);border-radius:14px;font-size:15px;line-height:1.6;text-align:left; }
#move .mg-movements-door { display:block;margin:0 0 20px; }
#move .mg-movements-door .mv-room-open { width:100%;padding:10px 0;min-height:44px;gap:10px; }
#move .mg-movements-door .mv-seq-loopart { display:none; }
#move .mg-movements-door .mv-seq-cap b { font:500 14px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
#move :is(input,select):focus-visible { outline:2px solid var(--gallery-signal);outline-offset:3px; }
#move .mv-shelf-sec { text-align:left;margin:36px 0 0;scroll-margin-top:18px; }
#move #mv-intro > .mv-shelf-sec { margin-top:0; }
#move #mv-intro > .mv-shelf-sec > .mv-shelf-head { display:none; }
#move #mv-intro > .mv-shelf-sec > .mv-shelf-sub { margin:0 0 12px; }
#move .mv-band { border:0;padding:0; }
#move .mv-shelf-head { font:650 26px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;text-transform:none;color:var(--ink); }
#move .mv-shelf-sub { font-size:14px;margin:8px 0 22px; }
#move .mv-filter-label { color:var(--soft);font-size:10px;letter-spacing:.12em;margin:18px 0 6px; }
#move .mv-group-chips { justify-content:flex-start;gap:6px;margin:0 0 26px; }
#move .chip-btn { border-radius:14px;min-height:44px;padding:9px 13px;box-shadow:none;font-size:13px; }
#move .chip-btn:is(.on,.active), #move .st-layer[aria-pressed=true] { background:var(--ink);border-color:var(--ink);color:var(--bg); }
#move .mv-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px; }
#move .mv-shelf-group { font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--soft);border-top:1px solid var(--line);padding-top:18px;margin:12px 0 -6px; }
#move :is(#mv-shelf,#mg-inside-grid) > .mv-thumb { border:0;border-radius:0;background:none;padding:0;gap:10px;align-items:stretch;text-align:left;box-shadow:none;justify-content:flex-start; }
#move :is(#mv-shelf,#mg-inside-grid) .mv-figrow { background:var(--gallery-field);border-radius:14px;aspect-ratio:1/.92;padding:12px;align-items:center;transition:background .15s; }
#move :is(#mv-shelf,#mg-inside-grid) .mv-thumb:nth-of-type(3n+2) .mv-figrow { background:var(--gallery-blue); }
#move :is(#mv-shelf,#mg-inside-grid) .mv-thumb:nth-of-type(3n) .mv-figrow { background:var(--gallery-clay); }
#move :is(#mv-shelf,#mg-inside-grid) .mv-thumb:hover .mv-figrow { outline:1px solid var(--accent);outline-offset:-1px; }
#move :is(#mv-shelf,#mg-inside-grid) .mv-fig { width:100%; }
#move :is(#mv-shelf,#mg-inside-grid) .mv-fig svg { width:100%;height:112px; }
#move :is(#mv-shelf,#mg-inside-grid) .mv-cap { font-size:15px;line-height:1.35;font-weight:550;color:var(--ink);letter-spacing:0; }
#move .mv-thumb-pair { grid-column:span 2; }
#move :is(#mv-shelf,#mg-inside-grid) .mv-thumb-pair .mv-figrow { aspect-ratio:2/.92; }
#move .mv-seq-card { border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none;padding:16px 0;gap:14px;text-align:left; }
#move .mv-seq-loopart { background:var(--gallery-field);border-radius:14px;flex:0 0 84px;height:80px;padding:8px; }
#move .mv-seq-cap b { font:650 18px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--ink); }
#move .mv-seq-cap span { font-size:12px;line-height:1.5;margin-top:5px;color:var(--soft); }
#move .mv-seq-min { font-size:12px; }
#move .mv-seq-chev { color:var(--gallery-signal); }
#move .mv-suggest { border-left:3px solid var(--gallery-signal);padding-left:18px;margin:32px 0; }
#move .mv-prev-detail { max-width:none;width:100%;border:1px solid var(--line);border-top:3px solid var(--gallery-signal);border-radius:14px;background:var(--card);padding:20px 16px;margin:0;box-shadow:none; }
#move .mv-pd-name { font:650 24px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; }
#move .mv-pd-loop { background:var(--gallery-field);border-radius:14px;margin:18px 0; }
#move .mv-seq-step { padding:14px 0; }
#move .mv-seq-detail { padding:8px 0 22px 32px; }
#move .mv-seq-fig { background:var(--gallery-field);border-radius:14px; }
#move :is(.ci-save,.mv-tr-begin) { border-radius:14px;background:var(--ink);color:var(--bg);min-height:48px; }
#move :is(.st-back,.mv-room-back,.mv-tr-back) { border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink);padding:10px 0;min-height:44px;font-size:14px; }
#move .st-top { margin-bottom:18px; }
#move .st-head { border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px; }
#move .st-name { font:650 26px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; }
#move .st-sanskrit { font:italic 13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;letter-spacing:0; }
#move .st-line { font-size:14px;margin-top:9px; }
#move #mv-stagepage { width:100%;left:auto;margin-left:0; }
#move #mv-stagepage .st-fig { background:linear-gradient(125deg,var(--gallery-field),var(--bg));border:1px solid var(--line);border-radius:14px; }
#move #mv-stagepage .st-layers { display:flex;flex-wrap:nowrap;gap:3px;background:var(--card);border:1px solid var(--line);padding:4px;border-radius:14px; }
#move #mv-stagepage .st-layer { flex:1;min-width:0;padding:9px 4px;border:0;border-radius:14px;font-size:12px; }
#move #mv-stagepage .st-words { border-top:3px solid var(--gallery-signal);padding-top:22px; }
#move .st-lead { font:400 19px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;margin-bottom:18px; }
#move .st-cue { font-size:16px;line-height:1.7;margin-bottom:22px; }
#move .mv-detail { gap:16px;max-width:none; }
#move .mv-d-row { font-size:14px;line-height:1.7; }
#move .mv-d-label { display:block;font-size:10px;letter-spacing:.12em;color:var(--gallery-signal);margin-bottom:4px; }
#move .st-concept { padding:18px 0; }
#move .st-concept summary { font-size:16px;min-height:28px; }
#move .st-concept p { font-size:15px;line-height:1.7; }
#move .st-move { border-radius:14px;min-height:56px; }
#move :is(.mv-room-head,.mv-tr-head) { font:650 27px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;padding:12px 0; }
#move .mv-room-lead { font-size:15px;margin-bottom:28px; }
@media(min-width:900px) {
  #move { position:relative;left:50%;width:min(1160px,calc(100vw - 64px));margin-left:calc(min(1160px,calc(100vw - 64px)) / -2); }
  #move .mg-tabs button { flex:none;min-width:180px;padding:13px 16px;font-size:16px; }
  #move .mh-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #move .mg-hub { max-width:740px; }
  #move .mg-filters { display:grid;grid-template-columns:1fr 1fr;column-gap:24px; }
  #move .mg-filter-row { margin-top:0; }
  #move .mg-results { grid-column:1/-1; }
  #move .mv-grid { grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px; }
  #move :is(#mv-shelf,#mg-inside-grid) .mv-fig svg { height:180px; }
  #move :is(#mv-shelf,#mg-inside-grid) .mv-cap { font-size:17px; }
  #move #mv-sequences { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #move #mv-sequences .mv-seq-card { grid-column:auto; }
  #move .st-name { font-size:36px; }
  #move .st-sanskrit { font-size:17px;margin-left:16px; }
  #move .st-line { font-size:16px; }
  #move #mv-stagepage .st-body { column-gap:48px; }
  #move .st-lead { font-size:21px; }
  #move .mv-prev-detail { padding:30px; }
}
@media(prefers-reduced-motion:reduce) { #move * { scroll-behavior:auto;transition:none; } }

/* The existing anatomy workspace: same regions, layers and study, Gallery furniture. */
#move #mv-stagepage .an-stage { border-radius:14px;background:var(--card); }
#move .aw-fig { gap:10px; }
#move .aw-menu-select { border-radius:14px;min-height:44px;background:var(--card); }
#move :is(.an-figbar,.aw-tabs) { border-bottom:1px solid var(--line);padding-bottom:10px; }
#move .fc-zoom { border-radius:14px; }
#move .fc-btn { border-radius:14px;min-height:40px;min-width:40px; }
#move .fc-reset { border-radius:14px;min-height:40px; }
#move .aw-tabs { gap:0;padding-bottom:0; }
#move .aw-tab { flex:1;min-height:44px;font-size:13px;padding:10px 5px;white-space:nowrap; }
#move .aw-tab[aria-selected=true] { border-bottom-color:var(--gallery-signal); }
#move .aw-read { gap:20px; }
#move :is(.aw-card,.aw-action) { border-radius:14px;padding:18px;background:var(--card); }
#move .aw-card { border-top:3px solid var(--gallery-signal); }
#move :is(.aw-title,.aw-notes-title,.aw-structures-head h3) { font:650 20px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; }
#move .aw-say { font-size:15px;line-height:1.7;margin-top:12px; }
#move :is(.aw-eyebrow,.aw-sub-head) { font-size:10px;letter-spacing:.1em;color:var(--soft); }
#move :is(.aw-text,.aw-clear) { min-height:44px; }
#move .aw-study-step { border-radius:14px;min-height:44px; }
#move .aw-study-step[aria-pressed=true] { background:var(--ink);border-color:var(--ink);color:var(--bg); }
#move .an-key-pick { border-bottom:1px solid var(--line);padding:12px 8px;min-height:44px; }
#move .an-key-pick[aria-pressed=true] { background:var(--ink);color:var(--bg);border-radius:14px; }
#move .an-key li { margin:0; }
#move .an-cap { line-height:1.7; }
/* Movement cards keep their existing animated/still rendering and reduced-motion path. */
#move #mv-movements { grid-template-columns:repeat(2,minmax(0,1fr)); }
#move #mv-movements .mv-room-card,
#move #mv-stagepage.st-front-b .st-moves-grid .mv-room-card { grid-column:auto;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:0 0 18px;border:0;text-align:left; }
#move #mv-movements .mv-seq-loopart,
#move #mv-stagepage.st-front-b .st-moves-grid .mv-seq-loopart { flex:none;width:100%;height:140px;padding:12px;background:var(--gallery-field);border-radius:14px; }
#move #mv-movements .mv-room-card:nth-child(3n+2) .mv-seq-loopart { background:var(--gallery-blue); }
#move #mv-movements .mv-room-card:nth-child(3n) .mv-seq-loopart { background:var(--gallery-clay); }
#move #mv-movements .mv-seq-cap b,
#move #mv-stagepage.st-front-b .st-moves-grid .mv-seq-cap b { font:550 15px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
#move #mv-movements .mv-seq-chev { display:none; }
#move #mv-stagepage.st-front-b .st-moves-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;margin-top:18px; }
#move .mv-tr-stage { border-radius:14px;background:var(--gallery-field);box-shadow:none; }
#move .mv-tr-teach { font-size:15px;line-height:1.7;border-top:1px solid var(--line);padding-top:18px; }
/* Practice player, its pause-to-learn reading and completion use the same plate and paper. */
#move #mv-flow { border-top:1px solid var(--line);padding-top:24px; }
#move .mv-flow-wrap { gap:12px; }
#move .mv-pose-name { font:650 29px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; }
#move .mv-badge { border-radius:14px; }
#move .mv-stage { width:100%;max-width:100%;aspect-ratio:4/3;max-height:44vh;background:linear-gradient(125deg,var(--gallery-field),var(--bg));border:1px solid var(--line);border-radius:14px;margin:6px 0; }
#move .mv-enter { font:400 19px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--ink);max-width:38ch; }
#move .mv-cue { font-size:15px;line-height:1.7;max-width:50ch; }
#move .mv-controls { width:100%;gap:8px; }
#move .mv-controls .chip-btn { flex:1; }
#move :is(.mv-btn-next,.mv-learn-btn[aria-expanded=true],.mv-pace-chip.active,.mv-opt-chip.active) { background:var(--ink);border-color:var(--ink);color:var(--bg); }
#move .mv-ring-fg { stroke:var(--gallery-signal); }
#move .mv-learn { max-width:640px;border-radius:14px;border-top:3px solid var(--gallery-signal);padding:20px;background:var(--card); }
#move .mv-learn-art { background:var(--gallery-field);border-radius:14px; }
#move .mv-learn-title { font:650 18px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; }
#move #mv-complete { max-width:640px;margin:24px auto;padding:30px 20px;border-top:3px solid var(--gallery-signal);background:var(--card);border-radius:14px; }
#move .mv-result { font:650 24px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; }
#move #mv-done-note { font-size:16px;line-height:1.7;margin:20px 0; }
#move #mv-repeat { margin-top:20px; }
@media(min-width:900px) {
  #move #mv-movements { grid-template-columns:repeat(4,minmax(0,1fr)); }
  #move #mv-movements .mv-seq-loopart { height:180px; }
  #move #mv-flow { max-width:880px;margin:0 auto; }
  #move .mv-stage { max-width:640px;max-height:50vh; }
  #move .mv-pose-name { font-size:48px; }
  #move .mv-enter { font-size:30px; }
  #move .mv-controls { max-width:560px; }
  #move .mv-flow-wrap>.mv-detail { max-width:640px; }
}
/* With enlarged text or a short viewport, let the figure scroll so the reading remains usable. */
@media(max-width:899px) and (max-height:43.99em) {
  #move #mv-stagepage.st-front-b .st-figwrap { position:static; }
}
/* Body owns the phone's sticky surface. The Stage tabs must pass underneath it,
   not inherit the non-Body figure wrapper's stacking level and cover the drawing. */
#move #mv-stagepage.st-front-b.st-in-body .st-figwrap { z-index:auto; }
/* Playback controls precede the reference prose, so pausing never requires reading past it. */
#move .mv-flow-wrap>.mv-badge { order:1; }
#move .mv-flow-wrap>.mv-pose-name { order:2; }
#move .mv-flow-wrap>.mv-sanskrit { order:3; }
#move .mv-flow-wrap>.mv-stage { order:4; }
#move .mv-flow-wrap>.mv-meta { order:5; }
#move .mv-flow-wrap>.mv-dots { order:6; }
#move .mv-flow-wrap>.mv-controls { order:7;margin-top:0;padding-bottom:18px;border-bottom:1px solid var(--line); }
#move .mv-flow-wrap>.mv-enter { order:8; }
#move .mv-flow-wrap>.mv-cue { order:9; }
#move .mv-flow-wrap>.mv-detail { order:10; }
#move .mv-flow-wrap>.mv-learn-row { order:11; }
#move .mv-flow-wrap>.mv-learn { order:12; }
#move .mv-flow-wrap>.mv-tap-hint { order:13; }

/* The pose page and its areas (move-lesson.js, sketch three built, 27 Oct 2026): the body large and first with points
   on it, one reading under it that is the only thing a tap changes, closed
   cards in Home's row grammar, the areas as pictures, the movement map and the flows. An area's screen keeps the body's
   layers, doors and drag to turn. The body view is the Stage's own with every other control put away. */
#move:has(#mv-lesson.on) > #mv-title, #move:has(#mv-lesson.on) > .back { display:none; }
#move #mv-lesson { text-align:left;padding-top:4px; }
#move .ls-back { border:0;background:none;padding:6px 0;color:var(--soft);font:inherit;font-size:15px;cursor:pointer; }
#move .ls-title { font-size:30px;line-height:1.15;font-weight:650;margin:6px 2px 0; }
#move .ls-title i { display:block;font-size:14px;font-weight:400;color:var(--soft);margin-top:2px; }
#move .ls-line1 { color:var(--soft);font-size:15px;margin:6px 2px 12px; }
#move .ls-kick { font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin:6px 2px 0;display:block; }
#move .ls-pic { position:relative;width:100%;border-radius:18px;overflow:hidden;background:var(--card);border:1px solid var(--line); }
#move .ls-body > :not(.aw-fig) { display:none !important; }
#move .ls-body .aw-fig { display:flex;flex-direction:column;min-width:0; }
#move .ls-body .aw-fig > :not(.an-stage):not(.an-controls) { display:none !important; }
#move .ls-body .an-controls { display:none; }
#move .ls-body .an-stage { width:100%;aspect-ratio:1.34;margin:0;max-height:none;border:0;background:none;pointer-events:none; }
#move .ls-body .an-stage .an-slot { inset:4px; }
#move .ls-body .an-turn { display:none; }
/* Both gives are PAUSED, here and in the Body view (his word of 28 Oct 2026): the body shows full range, so a slider
   toward less range says nothing yet. It comes back with bodies of different range (lab/2026-10-27-move-navigation/run.md).
   His yes the same day widened it from this page to the Body view and to 90/90's On the hips to On the hands, whose
   middle passes the left hand through the left thigh (lab/2026-10-28-ninety-give/give-anatomy-facts.md). Only the
   control is hidden: the records, the engine and web/test.html's give rows stay, so it returns by deleting this rule. */
.an-give { display:none !important; }
#move .ls-dots { position:absolute;inset:0;pointer-events:none; }
#move .ls-dot { position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border:0;padding:0;background:none;cursor:pointer;pointer-events:auto; }
#move .ls-dot::before { content:"";position:absolute;inset:7px;border-radius:50%;border:2px solid var(--ink);
  background:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 15%,transparent); }
#move .ls-dot::after { content:"";position:absolute;inset:18px;border-radius:50%;background:var(--ink); }
#move .ls-hint, #move .ls-whole { position:absolute;left:10px;top:10px;font-size:13px;color:var(--soft);
  padding:5px 10px;border-radius:12px;background:color-mix(in srgb,var(--card) 82%,transparent); }
#move .ls-whole { border:0;font-family:inherit;color:var(--ink);cursor:pointer; }
#move .ls-read { display:grid;margin:14px 4px 4px; }
#move .ls-line { grid-area:1 / 1;visibility:hidden; }
#move .ls-line.on { visibility:visible; }
#move .ls-name { font-size:20px;font-weight:650;margin:0; }
#move .ls-name i { font-weight:400;color:var(--soft);font-size:15px;margin-left:4px; }
#move .ls-say { font-size:16px;line-height:1.5;margin:4px 0 0; }
/* the closed cards: Home's list rows, which open in place */
#move .ls-card { display:block;width:100%;margin:10px 0 0;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:0;box-shadow:var(--shadow);
  color:var(--ink);font:inherit;text-align:left; }
#move .ls-card summary { display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;list-style:none; }
#move .ls-card summary::-webkit-details-marker { display:none; }
#move .ls-card summary::after { content:"\203A";color:var(--soft);font-size:20px;line-height:1;margin-left:6px;transition:transform .15s; }
#move .ls-card[open] summary::after { transform:rotate(90deg); }
#move .ls-card summary b { font-weight:600;font-size:16.5px;white-space:nowrap; }
#move .ls-card summary .ls-soft { margin-left:auto;text-align:right;font-size:12.5px;max-width:52%; }
#move .ls-ic { color:var(--accent);width:26px;flex:none;display:flex;justify-content:center; }
#move .ls-card-body { padding:0 16px 14px;font-size:15px;line-height:1.55; }
#move .ls-card-body p { margin:8px 0 0; }
#move .ls-card-body .st-lead { font-size:16px;margin:4px 0 12px; }
#move .ls-card-body .mv-detail { margin-top:12px; }
#move .ls-steps { margin:4px 0 0;padding-left:20px; }
#move .ls-steps li { margin:6px 0; }
#move .ls-soft { color:var(--soft);font-size:14px;line-height:1.4; }
#move .ls-head { font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin:26px 4px 10px;font-weight:600; }
/* the areas as pictures */
#move .ls-areas { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
#move .ls-area { display:flex;flex-direction:column;align-items:stretch;padding:0 0 10px;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;
  font:inherit;color:var(--ink);text-align:left;cursor:pointer; }
#move .ls-area-pic { display:block;aspect-ratio:1.4;overflow:hidden; }
#move .ls-area-pic svg { width:100%;height:100%;display:block; }
#move .ls-area b { font-size:15px;margin:6px 10px 0; }
#move .ls-area .ls-soft { font-size:12.5px;line-height:1.35;margin:2px 10px 0; }
#move .ls-count { font-size:12px;color:var(--accent);margin:4px 10px 0; }
/* the movement map */
#move .ls-map { position:relative;width:100%;aspect-ratio:1;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow); }
#move .ls-lines { position:absolute;inset:0;width:100%;height:100%; }
#move .ls-lines line { stroke:var(--line);stroke-width:.6;stroke-dasharray:1.5 1.5; }
#move .ls-node { position:absolute;width:27%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;
  border:0;background:none;padding:0;font:inherit;color:var(--accent);text-align:center;cursor:pointer; }
#move .ls-node-pic { display:flex;align-items:flex-end;width:100%;aspect-ratio:1/.75;padding:4px;background:var(--bg);border:1px solid var(--line);border-radius:12px; }
#move .ls-node-pic svg { width:100%;height:100%; }
#move .ls-node-name { font-size:12.5px;line-height:1.2;color:var(--ink);margin-top:4px; }
#move .ls-node-tag { font-size:11px;color:var(--accent); }
#move .ls-node.here { width:34%;color:var(--ink);cursor:default; }
#move .ls-node.here .ls-node-pic { border-color:var(--accent); }
/* the app's own button (index.html .ci-save), which the Gallery's line above restyles everywhere else in the room */
#move #mv-lesson .ls-practise { margin:18px 0 6px;border-radius:12px;background:var(--accent);border-color:var(--accent);color:#fff;min-height:0; }
#move .ls-also { display:block;margin:0 auto 8px;border:0;background:none;color:var(--soft);font:inherit;font-size:14px;cursor:pointer;padding:6px; }
/* AN AREA'S SCREEN: the body takes a finger again, and shows its layers and its doors (never the region row: the area
   is chosen) */
#move .ls-area-page .ls-body .an-stage { pointer-events:auto; }
#move .ls-area-page .ls-body .an-turn { display:block; }
#move .ls-area-page .ls-body .an-controls { display:flex;flex-direction:column;gap:8px;padding:10px 12px 0;order:2; }
#move .ls-area-page .ls-body .an-controls > .aw-menu { display:none !important; }
#move .ls-area-page .ls-body .an-places { display:flex !important;flex-wrap:wrap;gap:6px;margin:0; }
#move .ls-area-page .ls-body .an-places :is(.aw-whole,.an-region,.an-sep) { display:none !important; }
#move .ls-area-page .ls-body .an-layers:not([hidden]) { display:flex;flex-wrap:wrap;gap:6px;margin:0; }
#move .ls-area-page .ls-body .an-controls { padding-bottom:12px; }
#move .ls-rows { padding:6px 14px 8px; }
#move .ls-rows > .ls-soft { margin:8px 2px; }
#move .ls-part { display:block;width:100%;border:0;border-top:1px solid var(--line);background:none;padding:12px 2px;font:inherit;font-size:15.5px;color:var(--ink);text-align:left;cursor:pointer; }
#move .ls-part .an-st { float:right;font-style:normal;font-size:12.5px;color:var(--soft); }
#move .ls-part-body { display:none;margin-top:6px;font-size:14.5px;line-height:1.55;color:var(--ink); }
#move .ls-rows > .ls-part:first-child { border-top:0; }
#move .ls-part.open { font-weight:600; }
#move .ls-part.open .ls-part-body { display:block;font-weight:400; }
#move .ls-study { margin-top:12px; }
#move .ls-study .ls-card { padding:14px 16px; }
#move .ls-study-start { display:flex;flex-direction:column;gap:2px;cursor:pointer;border-color:var(--accent); }
#move .ls-study-start .ls-kick { margin:0;color:var(--accent); }
#move .ls-study-steps { display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px; }
#move .ls-study-step { border:1px solid var(--line);border-radius:16px;background:none;color:var(--ink);font:inherit;font-size:13px;padding:5px 11px;cursor:pointer; }
#move .ls-study-step.on { background:var(--ink);color:var(--bg); }
@media(min-width:900px) {
  #move #mv-lesson.on { display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:48px;align-items:start; }
  #move #mv-lesson > :is(.ls-top,.ls-kick,.ls-title,.ls-line1) { grid-column:1 / -1; }
  #move #mv-lesson > .ls-pic { grid-column:1;grid-row:span 12;position:sticky;top:16px; }
  #move #mv-lesson > :not(.ls-top):not(.ls-kick):not(.ls-title):not(.ls-line1):not(.ls-pic) { grid-column:2; }
  #move #mv-lesson > :is(.ls-read,.ls-study,.ls-parts) { margin-top:0; }
  #move .ls-title { font-size:40px; }
}