/* ════════════════════════════════════════════════════════════════
   MOTUS MUNAS — The Movement Of The Gift.
   THE FUSION: davara-distinct neoglass futurism × In-A-Nutshell
   boldness. Deep space, glass that glows, flat candy color carried
   on luminous edges, chunky Baloo 800 type — ZERO thin text, ever.
   A circle, not a ladder. #BuiltToShare · MOTUS MOTIVUS MODE.
═══════════════════════════════════════════════════════════════════ */
.mn{ display:flex; flex-direction:column; gap:16px;
  --mnvoid:#081129; --mnspace:#0C1B40; --mncard:#13244F; --mnink:#EEF3FF; --mnmuted:#9DB0DC; }
.mn-dim{ color:var(--mnmuted); font-size:.9rem; font-weight:600; line-height:1.55; }
/* the emergence of the room itself — sections arrive in a staggered wave */
.mn > *{ animation:mnIn .55s var(--dv-spring, cubic-bezier(.32,1.4,.45,1)) both; }
.mn > *:nth-child(2){ animation-delay:.06s; } .mn > *:nth-child(3){ animation-delay:.12s; }
.mn > *:nth-child(4){ animation-delay:.18s; } .mn > *:nth-child(5){ animation-delay:.24s; }
.mn > *:nth-child(n+6){ animation-delay:.3s; }
@keyframes mnIn{ from{ opacity:0; transform:translateY(12px) scale(.99); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce){ .mn > *{ animation:none; } }
/* ── NEOGLASS PANEL RECIPE — glass gradient + specular top edge + aura ── */
.mn-hero, .mn-tier, .mn-next, .mn-door, .mn-rec-item, .mn-refl-i, .mn-finkeep{
  background:linear-gradient(180deg, rgba(24,44,92,.92), rgba(12,27,64,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 14px 40px -22px rgba(0,0,0,.8);
}
/* hero — the name in lights */
.mn-hero{ position:relative; border-radius:22px; padding:20px 20px 18px; border:1.5px solid rgba(139,124,248,.3); overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 0 44px -18px rgba(139,124,248,.55); }
.mn-hero::before{ content:""; position:absolute; inset:-40% -20%; pointer-events:none;
  background:radial-gradient(40% 55% at 22% 30%, rgba(53,208,186,.14), transparent 68%), radial-gradient(42% 60% at 82% 70%, rgba(139,124,248,.16), transparent 70%);
  animation:mnAurora 14s ease-in-out infinite alternate; }
@keyframes mnAurora{ from{ opacity:.7; transform:translate3d(-2%,0,0); } to{ opacity:1; transform:translate3d(2%,3%,0); } }
@media (prefers-reduced-motion: reduce){ .mn-hero::before{ animation:none; } }
.mn-hero-row{ position:relative; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.mn-hero h3{ margin:0; font-family:'Baloo 2','Sora',sans-serif; font-weight:800; font-size:1.72rem; letter-spacing:.02em; color:var(--mnink); line-height:1.1;
  text-shadow:0 0 26px rgba(139,124,248,.45); }
.mn-hero-sub{ position:relative; margin:2px 0 3px; font-family:'Baloo 2','Sora',sans-serif; font-weight:700; font-size:1.04rem; color:#A99CFF; }
.mn-hero-latin{ position:relative; margin:0 0 12px; font-family:'Nunito','Sora',sans-serif; font-weight:600; font-size:.82rem; color:#9FB0DA; }
.mn-hero-latin em{ font-style:italic; color:#C6D4F5; font-weight:700; }
.mn-hero.is-gift h3{ text-shadow:0 0 26px rgba(53,208,186,.5); }
.mn-hero.is-gift .mn-hero-sub{ color:#5FEBCF; }

/* ── THE MAP LEGEND — all eight movements, named + verb; tap any to look ahead ── */
.mn-legend{ margin:12px 0 4px; }
.mn-legend-k{ display:block; font-family:'Nunito',sans-serif; font-size:.62rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#8FA0CE; margin:0 2px 9px; }
.mn-legend-row{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
@media (min-width:760px){ .mn-legend-row{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
.mn-leg{ display:flex; align-items:center; gap:10px; width:100%; text-align:left; padding:10px 12px; border-radius:14px; cursor:pointer;
  background:rgba(8,17,41,.55); border:1.5px solid rgba(157,176,220,.14); box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform var(--dv-quick), border-color var(--dv-quick), background var(--dv-quick), box-shadow var(--dv-quick); font:inherit; }
.mn-leg:hover{ transform:translateY(-1px); border-color:rgba(var(--mnh),.5); }
.mn-leg:focus-visible{ outline:2px solid rgba(var(--mnh),.8); outline-offset:2px; }
.mn-leg-g{ width:30px; height:30px; flex:none; display:grid; place-items:center; border-radius:9px; font-family:'Baloo 2',sans-serif; font-size:1.05rem; font-weight:800;
  color:rgb(var(--mnh)); background:rgba(var(--mnh),.12); box-shadow:0 0 12px -4px rgba(var(--mnh),.7); }
.mn-leg-b{ min-width:0; display:flex; flex-direction:column; gap:1px; }
.mn-leg-n{ font-family:'Baloo 2','Nunito',sans-serif; font-weight:800; font-size:.94rem; color:var(--mnink); line-height:1.18; overflow-wrap:anywhere; }
.mn-leg-v{ font-family:'Nunito',sans-serif; font-weight:700; font-size:.62rem; letter-spacing:.06em; color:#8FA0CE; text-transform:uppercase; overflow-wrap:anywhere; }
.mn-leg-v b{ color:rgb(var(--mnh)); font-weight:800; }
/* states: emerged (filled), current (pulse ring), next (lit outline), walked (soft), locked (dim), mystery (?) */
.mn-leg.is-emerged{ border-color:rgba(var(--mnh),.55); background:rgba(var(--mnh),.10); }
.mn-leg.is-emerged .mn-leg-g{ color:#081129; background:rgb(var(--mnh)); }
.mn-leg.is-walked{ border-color:rgba(var(--mnh),.4); }
.mn-leg.is-cur{ border-color:rgba(var(--mnh),.75); background:rgba(var(--mnh),.09); box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 0 22px -8px rgba(var(--mnh),.9); }
.mn-leg.is-cur .mn-leg-g{ animation:mnBreathe 3.2s ease-in-out infinite; }
.mn-leg.is-next{ border-color:rgba(var(--mnh),.5); border-style:dashed; }
.mn-leg.is-locked{ opacity:.5; } .mn-leg.is-locked:hover{ opacity:.85; }
.mn-leg.is-mystery{ opacity:.42; } .mn-leg.is-mystery .mn-leg-g{ color:#9DB0DC; background:rgba(157,176,220,.08); }
.mn-leg.is-focus{ outline:2px solid rgba(var(--mnh),.85); outline-offset:1px; }

/* ── THE FORESIGHT CARD — the movement you tapped (name · verb · essence · leverage) ── */
.mn-focus{ margin:10px 0 4px; padding:15px 16px; border-radius:18px; background:linear-gradient(180deg, rgba(var(--mnh),.10), rgba(12,27,64,.6));
  border:1.5px solid rgba(var(--mnh),.4); box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 0 30px -16px rgba(var(--mnh),.8); animation:mnIn .3s var(--ease-out,ease); }
.mn-focus.is-mystery{ --mnh:157,176,220; border-style:dashed; }
.mn-focus-head{ display:flex; align-items:center; gap:10px; }
.mn-focus-head b{ font-family:'Nunito',sans-serif; font-weight:800; font-size:.68rem; letter-spacing:.16em; color:rgb(var(--mnh)); }
.mn-focus-head em{ font-family:'Nunito',sans-serif; font-style:normal; font-weight:800; font-size:.66rem; letter-spacing:.24em; color:#C6D4F5; }
.mn-focus-when{ margin-left:auto; font-family:'Nunito',sans-serif; font-weight:800; font-size:.58rem; letter-spacing:.1em; color:rgb(var(--mnh)); background:rgba(var(--mnh),.14); padding:3px 9px; border-radius:999px; }
.mn-focus-name{ margin:8px 0 3px; font-family:'Baloo 2','Sora',sans-serif; font-weight:800; font-size:1.28rem; color:var(--mnink); line-height:1.15; }
.mn-focus-mk{ color:rgb(var(--mnh)); text-shadow:0 0 14px rgba(var(--mnh),.7); }
.mn-focus-state{ margin:0 0 8px; font-family:'Nunito',sans-serif; font-weight:700; font-size:.82rem; color:rgb(var(--mnh)); }
.mn-focus-state em{ font-style:italic; color:#C6D4F5; }
.mn-focus-ess{ margin:0 0 10px; font-family:'Nunito',sans-serif; font-weight:600; font-size:.92rem; line-height:1.5; color:#DCE6FF; }
.mn-focus-lever{ padding:9px 12px; border-radius:12px; background:rgba(255,209,102,.07); border:1px solid rgba(255,209,102,.32);
  font-family:'Nunito',sans-serif; font-weight:600; font-size:.84rem; line-height:1.5; color:#F3E6C7; }
.mn-focus-lever b{ color:#FFD166; font-weight:800; }
.mn-focus-blks{ margin-top:9px; font-family:'Nunito',sans-serif; font-weight:800; font-size:.84rem; color:var(--mnink); }
.mn-focus-blks span{ display:block; font-size:.58rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:rgb(var(--mnh)); margin-bottom:3px; }
.mn-chips{ position:relative; display:flex; gap:8px; flex-wrap:wrap; }
.mn-chip{ font-family:'Nunito','Sora',sans-serif; font-weight:800; font-size:.78rem; padding:5px 12px; border-radius:999px; border:2px solid; background:rgba(8,17,41,.7); }
.mn-chip-mint{ color:#35D0BA; border-color:#35D0BA; box-shadow:0 0 16px -6px rgba(53,208,186,.8); }
.mn-chip-blue{ color:#4FA8F0; border-color:#1E8FE0; box-shadow:0 0 16px -6px rgba(30,143,224,.8); }
.mn-chip-gold{ color:#FFD166; border-color:#FFD166; box-shadow:0 0 16px -6px rgba(255,209,102,.8); }
.mn-dl{ cursor:pointer; font-family:'Nunito',sans-serif; font-weight:800; font-size:.8rem; color:var(--mnink);
  background:rgba(8,17,41,.7); border:2px solid rgba(157,176,220,.3); border-radius:12px; padding:7px 13px;
  transition:transform var(--dv-fast), border-color var(--dv-quick), box-shadow var(--dv-quick); }
.mn-dl:hover{ border-color:#35D0BA; transform:translateY(-1px); box-shadow:0 0 18px -6px rgba(53,208,186,.8); }
/* the circle — the void, alive */
.mn-arc{ position:relative; background:radial-gradient(120% 90% at 50% 20%, rgba(19,36,79,.55), rgba(8,17,41,.98) 70%); border-radius:22px; border:1.5px solid rgba(157,176,220,.18); overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 0 50px -22px rgba(61,242,255,.35); }
.mn-arc svg{ width:100%; height:auto; display:block; max-width:520px; margin:0 auto; }
.mn-flow{ animation:mnFlow 2.6s linear infinite; }
@keyframes mnFlow{ to{ stroke-dashoffset:-36; } }
.mn-pulse{ animation:mnBreathe 4.2s ease-in-out infinite; transform-origin:center; }
.mn-ring{ animation:mnRing 4.2s ease-in-out infinite; transform-origin:center; }
.mn-tw{ animation:mnTw 3.6s ease-in-out infinite alternate; }
.mn-orbit{ animation:mnSpin 60s linear infinite; }
.mn-orbit2{ animation:mnSpinBack 44s linear infinite; }
@keyframes mnSpin{ to{ transform:rotate(360deg); } }
@keyframes mnSpinBack{ to{ transform:rotate(-360deg); } }
@keyframes mnBreathe{ 0%,100%{ opacity:.85; } 50%{ opacity:1; } }
@keyframes mnRing{ 0%,100%{ opacity:.3; } 50%{ opacity:.6; } }
@keyframes mnTw{ from{ opacity:.12; } to{ opacity:.5; } }
@media (prefers-reduced-motion: reduce){ .mn-pulse,.mn-ring,.mn-tw,.mn-orbit,.mn-orbit2,.mn-flow,.mn-emerge[disabled]{ animation:none; } }
.mn-cname{ font-family:'Nunito',sans-serif; font-size:15px; font-weight:800; letter-spacing:.14em; }
.mn-num{ font-family:'Baloo 2','Sora',sans-serif; font-size:56px; font-weight:800; letter-spacing:.01em; }
.mn-numsub{ font-family:'Nunito',sans-serif; font-size:13px; font-weight:800; letter-spacing:.32em; }
.mn-mono1{ animation:mnFlow 2.6s linear infinite; }
.mn-flow[data-reduced], .mn-mono1[data-reduced]{ animation:none; }
.mn-cap{ margin:-6px 10px 0; text-align:center; font-family:'Nunito',sans-serif; font-weight:700; font-size:.8rem; color:var(--mnmuted); }
/* the current movement — glass banded in its candy light */
.mn-tier{ position:relative; border-radius:22px; padding:20px 20px 18px; overflow:hidden; border:1.5px solid rgba(var(--mnh),.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 0 46px -18px rgba(var(--mnh),.6); }
.mn-tier-band{ position:absolute; left:0; right:0; top:0; height:4px; background:linear-gradient(90deg, rgb(var(--mnh)), rgba(var(--mnh),.15));
  box-shadow:0 0 18px 0 rgba(var(--mnh),.7); }
.mn-tier-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:6px; }
.mn-tier-k{ font-family:'Nunito',sans-serif; font-weight:800; font-size:.74rem; letter-spacing:.26em; color:rgb(var(--mnh)); text-shadow:0 0 14px rgba(var(--mnh),.6); }
.mn-tier-v{ font-family:'Nunito',sans-serif; font-style:normal; font-weight:800; font-size:.72rem; letter-spacing:.3em; color:var(--mnmuted); }
.mn-tier-name{ margin:2px 0 2px; font-family:'Baloo 2','Sora',sans-serif; font-weight:800; font-size:1.68rem; color:var(--mnink); line-height:1.12;
  text-shadow:0 0 22px rgba(var(--mnh),.35); }
.mn-ask{ margin:0 0 12px; font-family:'Nunito',sans-serif; font-weight:700; font-size:.94rem; color:#C6D4F5; line-height:1.5; }
/* ── MENTOR GUIDE CARDS — each building block, explained + a door to its room ── */
.mn-blks{ display:flex; flex-direction:column; gap:10px; margin-top:6px; }
.mn-blk-card{ border-radius:16px; background:rgba(8,17,41,.55); border:1.5px solid rgba(157,176,220,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05); overflow:hidden;
  transition:border-color var(--dv-quick), box-shadow var(--dv-quick); }
.mn-blk-card.is-seeded{ border-color:rgba(var(--mnh),.34); box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 0 18px -12px rgba(var(--mnh),.7); }
.mn-blk-card.is-emerged{ border-color:rgba(var(--mnh),.55); box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 0 22px -12px rgba(var(--mnh),.8); }
.mn-blk-open{ display:flex; align-items:flex-start; gap:12px; width:100%; text-align:left; padding:13px 14px; background:none; border:0; font:inherit; cursor:pointer;
  transition:background var(--dv-quick); }
button.mn-blk-open:hover{ background:rgba(var(--mnh),.08); }
button.mn-blk-open:active{ background:rgba(var(--mnh),.13); }
button.mn-blk-open:focus-visible{ outline:2px solid rgba(var(--mnh),.85); outline-offset:-2px; }
.mn-blk-open.is-nolink{ cursor:default; }
.mn-blk-go{ flex:none; align-self:center; font-family:'Nunito',sans-serif; font-size:.62rem; font-weight:800; letter-spacing:.12em; color:rgb(var(--mnh)); white-space:nowrap; }
.mn-blk-go--soon{ color:var(--mnmuted); font-size:.56rem; letter-spacing:.06em; }
/* THE WAY — the movement's walk, spelled out (guide mode) */
.mn-way{ margin-top:12px; padding:12px 14px; border-radius:14px; background:rgba(8,17,41,.55);
  border:1.5px solid rgba(var(--mnh),.28); box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 0 22px -14px rgba(var(--mnh),.8); }
.mn-way b{ display:block; font-family:'Nunito',sans-serif; font-size:.68rem; font-weight:800; letter-spacing:.16em; color:rgb(var(--mnh)); margin-bottom:8px; }
.mn-way ol{ margin:0; padding-left:20px; }
.mn-way li{ font-family:'Nunito',sans-serif; font-weight:700; font-size:.9rem; color:#C6D4F5; line-height:1.55; margin:4px 0; }
.mn-way li::marker{ color:rgb(var(--mnh)); font-weight:800; }
/* a room that just emerged announces itself on the tab river */
.dv-tab-revealed{ animation:dvTabReveal 1.6s cubic-bezier(.22,1,.36,1) both; }
@keyframes dvTabReveal{
  0%{ opacity:0; transform:translateY(6px) scale(.92); box-shadow:0 0 0 rgba(53,208,186,0); }
  45%{ opacity:1; transform:none; box-shadow:0 0 22px rgba(53,208,186,.55); }
  100%{ box-shadow:0 0 0 rgba(53,208,186,0); } }
@media (prefers-reduced-motion:reduce){ .dv-tab-revealed{ animation:none; } }
.mn-blk-g{ width:26px; flex:none; text-align:center; font-size:1.2rem; font-weight:800; color:rgb(var(--mnh)); text-shadow:0 0 12px rgba(var(--mnh),.7); line-height:1.3; }
.mn-blk-body{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:3px; }
.mn-blk-n{ color:var(--mnink); font-family:'Baloo 2','Nunito',sans-serif; font-size:1.05rem; font-weight:800; line-height:1.2; }
.mn-blk-purpose{ color:#C6D4F5; font-family:'Nunito',sans-serif; font-size:.83rem; font-weight:600; line-height:1.4; }
.mn-blk-s{ flex:none; align-self:flex-start; font-family:'Nunito',sans-serif; font-size:.58rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  color:var(--mnmuted); background:rgba(157,176,220,.1); padding:3px 8px; border-radius:999px; }
.mn-blk-card.is-seeded .mn-blk-s{ color:rgb(var(--mnh)); background:rgba(var(--mnh),.14); }
.mn-blk-card.is-emerged .mn-blk-s{ color:#081129; background:rgb(var(--mnh)); }
/* the collapsible MENTOR guide — why it matters + how to make it yours */
.mn-blk-guide{ border-top:1px solid rgba(157,176,220,.12); }
.mn-blk-guide summary{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:9px 14px; cursor:pointer; list-style:none;
  font-family:'Nunito',sans-serif; font-size:.76rem; font-weight:800; letter-spacing:.03em; color:rgb(var(--mnh)); }
.mn-blk-guide summary::-webkit-details-marker{ display:none; }
.mn-blk-guide summary:hover{ background:rgba(var(--mnh),.06); }
.mn-sum-b{ font-size:.56rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--mnmuted); }
.mn-blk-guide[open] summary{ border-bottom:1px solid rgba(157,176,220,.1); }
.mn-blk-guide[open] .mn-sum-b{ color:rgb(var(--mnh)); }
.mn-blk-why{ margin:11px 14px 8px; font-family:'Nunito',sans-serif; font-size:.87rem; font-weight:600; line-height:1.5; color:#DCE6FF; }
.mn-blk-tips{ margin:0 14px 13px; padding-left:20px; list-style:none; }
.mn-blk-tips li{ position:relative; font-family:'Nunito',sans-serif; font-size:.83rem; font-weight:600; line-height:1.5; color:#C6D4F5; margin:6px 0; }
.mn-blk-tips li::before{ content:'→'; position:absolute; left:-18px; color:rgb(var(--mnh)); font-weight:800; }
.mn-lever{ margin-top:12px; padding:12px 14px; border-radius:14px; background:rgba(255,209,102,.07); border:1.5px solid rgba(255,209,102,.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 0 26px -14px rgba(255,209,102,.8); }
.mn-lever b{ display:block; font-family:'Nunito',sans-serif; font-weight:800; font-size:.72rem; letter-spacing:.2em; color:#FFD166; margin-bottom:3px; text-shadow:0 0 14px rgba(255,209,102,.6); }
.mn-lever p{ margin:0; font-family:'Nunito',sans-serif; font-weight:700; font-size:.92rem; color:#FFE9B8; line-height:1.55; }
.mn-deepen{ margin-top:10px; padding:12px 14px; border-radius:14px; background:rgba(139,124,248,.09); border:1.5px solid rgba(139,124,248,.45);
  box-shadow:0 0 26px -14px rgba(139,124,248,.8); }
.mn-deepen b{ display:block; font-family:'Nunito',sans-serif; font-weight:800; font-size:.72rem; letter-spacing:.2em; color:#A99CFF; margin-bottom:3px; }
.mn-deepen p{ margin:0; font-family:'Nunito',sans-serif; font-weight:700; font-size:.92rem; color:#D9D2FF; line-height:1.55; }
.mn-need{ margin-top:12px; display:flex; flex-direction:column; gap:6px; }
.mn-need b{ font-family:'Nunito',sans-serif; font-weight:800; font-size:.72rem; letter-spacing:.22em; color:rgb(var(--mnh)); text-shadow:0 0 12px rgba(var(--mnh),.6); }
.mn-need-i{ font-family:'Nunito',sans-serif; font-weight:700; font-size:.94rem; color:var(--mnink); line-height:1.5; }
.mn-emerge{ display:block; width:100%; margin-top:14px; cursor:pointer; text-align:center;
  font-family:'Baloo 2','Sora',sans-serif; font-weight:800; font-size:1.02rem; letter-spacing:.02em; color:#081129;
  background:linear-gradient(180deg, rgb(var(--mnh)), rgba(var(--mnh),.82)); border:2px solid rgba(8,17,41,.25); border-radius:16px; padding:14px 16px;
  box-shadow:0 6px 0 rgba(8,17,41,.5), 0 0 34px -8px rgba(var(--mnh),.85);
  transition:transform var(--dv-fast), box-shadow var(--dv-fast), filter var(--dv-quick); }
.mn-emerge:hover{ filter:brightness(1.07); transform:translateY(-2px); box-shadow:0 8px 0 rgba(8,17,41,.5), 0 0 44px -6px rgba(var(--mnh),.95); }
.mn-emerge:active{ transform:translateY(2px); box-shadow:0 2px 0 rgba(8,17,41,.5), 0 0 24px -8px rgba(var(--mnh),.8); }
.mn-emerge[disabled]{ background:rgba(var(--mnh),.16); color:rgb(var(--mnh)); cursor:default; box-shadow:none; transform:none; animation:mnBreathe 1.5s ease-in-out infinite; }
/* the movement is auto-emerging — a calm lit pulse (advancement is automatic; this
   is a live "crossing the threshold" state, tap to complete instantly if impatient) */
.mn-emerging{ background:rgba(var(--mnh),.14); color:rgb(var(--mnh)); border-color:rgba(var(--mnh),.45);
  box-shadow:inset 0 0 0 1px rgba(var(--mnh),.2), 0 0 30px -10px rgba(var(--mnh),.7); animation:mnBreathe 1.8s ease-in-out infinite; }
.mn-emerging:hover{ filter:brightness(1.05); transform:none; box-shadow:inset 0 0 0 1px rgba(var(--mnh),.34), 0 0 40px -8px rgba(var(--mnh),.85); }
@media (prefers-reduced-motion:reduce){ .mn-emerging{ animation:none; } }
/* THE CONTINUE — the standing forward move: always present, unmissable, walks the
   operator into their current movement's next room. Candy-glass in the movement's light. */
.mn-continue{ display:flex; align-items:center; gap:12px; width:100%; margin:14px 0 4px; cursor:pointer; text-align:left;
  background:linear-gradient(135deg, rgb(var(--mnh)), rgba(var(--mnh),.8) 62%); color:#06121f;
  border:2px solid rgba(8,17,41,.22); border-radius:16px; padding:14px 16px;
  box-shadow:0 6px 0 -1px rgba(8,17,41,.42), 0 16px 38px -16px rgba(var(--mnh),.95);
  transition:transform var(--dv-fast,.16s) ease, box-shadow var(--dv-fast,.16s) ease, filter var(--dv-quick,.1s) ease; }
.mn-continue__k{ font-family:'Nunito','Sora',sans-serif; font-weight:800; font-size:.66rem; letter-spacing:.26em;
  padding:5px 10px; border-radius:999px; background:rgba(6,18,31,.24); color:#06121f; box-shadow:inset 0 0 0 1px rgba(6,18,31,.18); }
.mn-continue__b{ flex:1 1 auto; min-width:0; font-family:'Baloo 2','Sora',sans-serif; font-weight:800; font-size:1.04rem;
  letter-spacing:.006em; text-transform:capitalize;
  /* NEVER clipped: the row grows, the words stay. A button that trails off has
     stopped saying what it does, which is the one job a button has. */
  white-space:normal; overflow-wrap:anywhere; line-height:1.22; }
.mn-continue__go{ flex:0 0 auto; font-family:'Baloo 2','Sora',sans-serif; font-weight:800; font-size:1.3rem; line-height:1;
  transition:transform var(--dv-fast,.16s) ease; }
.mn-continue:hover{ filter:brightness(1.06); transform:translateY(-2px); box-shadow:0 8px 0 -1px rgba(8,17,41,.42), 0 22px 46px -14px rgba(var(--mnh),1); }
.mn-continue:hover .mn-continue__go{ transform:translateX(4px); }
.mn-continue:active{ transform:translateY(2px); box-shadow:0 2px 0 -1px rgba(8,17,41,.42), 0 12px 28px -16px rgba(var(--mnh),.85); }
/* On a narrow phone the CONTINUE key sits ABOVE its label instead of stealing the
   label's width. The button owns its height; the words own their space. */
@media (max-width:430px){
  .mn-continue{ flex-wrap:wrap; gap:6px 10px; align-items:center; }
  .mn-continue__k{ flex:0 0 auto; }
  .mn-continue__b{ flex:1 1 100%; order:3; font-size:1.06rem; }
  .mn-continue__go{ margin-left:auto; }
}
@media (prefers-reduced-motion:reduce){ .mn-continue,.mn-continue__go{ transition:none; } .mn-continue:hover{ transform:none; } .mn-continue:hover .mn-continue__go{ transform:none; } }

/* ✦ MOTUSMIND — UNLOCKED EARLY. Appears the moment ~7 Pillars are named (before MOTUS FIVE):
   the north star arriving ahead of the journey. Glass + a warm tier-5 AURA (glow, never a slab),
   BIG readable type, one decisive OPEN. A celebratory sibling of .mn-continue. Entrance plays
   ONCE (no infinite loop → no battery cost). */
.mn-early{ display:flex; align-items:center; gap:13px; width:100%; margin:14px 0 4px; cursor:pointer; text-align:left;
  background:linear-gradient(135deg, rgba(var(--mnh),.16), rgba(10,16,38,.72) 60%);
  border:1.5px solid rgba(var(--mnh),.5); border-radius:18px; padding:14px 15px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 34px -14px rgba(var(--mnh),.85), 0 10px 30px -18px rgba(4,8,26,.9);
  animation:mnEarlyIn .5s cubic-bezier(.2,.8,.2,1) both;
  transition:transform var(--dv-fast,.16s) ease, box-shadow var(--dv-fast,.16s) ease, border-color var(--dv-quick,.1s) ease; }
.mn-early__glyph{ flex:0 0 auto; width:44px; height:44px; display:grid; place-items:center; border-radius:50%; font-size:1.4rem;
  background:radial-gradient(circle at 50% 40%, rgba(var(--mnh),.5), rgba(var(--mnh),.14) 70%);
  box-shadow:inset 0 0 0 1px rgba(var(--mnh),.55), 0 0 22px -6px rgba(var(--mnh),.9); }
.mn-early__body{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:3px; }
.mn-early__k{ font-family:'Nunito','Sora',sans-serif; font-weight:800; font-size:.66rem; letter-spacing:.2em;
  color:rgb(var(--mnh)); text-shadow:0 0 14px rgba(var(--mnh),.6); }
.mn-early__t{ font-family:'Nunito',sans-serif; font-weight:700; font-size:.9rem; line-height:1.5; color:#DCE6FF; }
.mn-early__t b{ color:#fff; font-weight:800; }
.mn-early__go{ flex:0 0 auto; align-self:center; font-family:'Baloo 2','Sora',sans-serif; font-weight:800; font-size:.72rem; letter-spacing:.1em;
  padding:8px 12px; border-radius:999px; color:#06121f; background:rgb(var(--mnh)); white-space:nowrap;
  box-shadow:0 0 18px -6px rgba(var(--mnh),.95); transition:transform var(--dv-fast,.16s) ease, box-shadow var(--dv-fast,.16s) ease; }
.mn-early:hover{ transform:translateY(-2px); border-color:rgba(var(--mnh),.85);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 0 44px -12px rgba(var(--mnh),1), 0 16px 40px -18px rgba(4,8,26,.95); }
.mn-early:hover .mn-early__go{ transform:translateX(3px); box-shadow:0 0 26px -4px rgba(var(--mnh),1); }
.mn-early:active{ transform:translateY(1px); }
@keyframes mnEarlyIn{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion:reduce){ .mn-early{ animation:none; } .mn-early,.mn-early__go{ transition:none; } .mn-early:hover{ transform:none; } }
@media (max-width:430px){ .mn-early{ gap:10px; padding:12px; } .mn-early__glyph{ width:38px; height:38px; font-size:1.2rem; } .mn-early__go{ padding:7px 10px; font-size:.68rem; } }

/* next movement + the beyond + the door */
.mn-next{ border-radius:18px; padding:15px 17px; border:1.5px dashed rgba(var(--mnh),.5); box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 0 30px -18px rgba(var(--mnh),.6); }
.mn-next-k{ display:block; font-family:'Nunito',sans-serif; font-weight:800; font-size:.7rem; letter-spacing:.26em; color:rgb(var(--mnh)); margin-bottom:4px; text-shadow:0 0 12px rgba(var(--mnh),.55); }
.mn-next-t{ display:flex; align-items:baseline; gap:10px; }
.mn-next-t b{ font-family:'Baloo 2','Sora',sans-serif; font-weight:800; font-size:1.22rem; color:var(--mnink); }
.mn-next-t em{ font-family:'Nunito',sans-serif; font-style:normal; font-weight:800; font-size:.7rem; letter-spacing:.28em; color:var(--mnmuted); }
.mn-next ul{ margin:10px 0 0; padding-left:1.2em; }
.mn-next li{ font-family:'Nunito',sans-serif; font-weight:700; font-size:.9rem; color:#C6D4F5; line-height:1.6; margin:4px 0; }
/* the leverage this next movement unlocks — the Meadows hook, the hype */
.mn-next-lever{ margin:10px 0 0; font-family:'Nunito',sans-serif; font-weight:600; font-size:.86rem; line-height:1.5; color:#DCE6FF; }
.mn-next-lk{ font-weight:800; color:rgb(var(--mnh)); white-space:nowrap; }
.mn-next-blks{ margin-top:10px; padding:9px 12px; border-radius:12px; background:rgba(var(--mnh),.08); border:1px solid rgba(var(--mnh),.24);
  font-family:'Nunito',sans-serif; font-weight:800; font-size:.86rem; color:var(--mnink); }
.mn-next-bl{ display:block; font-size:.6rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:rgb(var(--mnh)); margin-bottom:3px; }
.mn-beyond{ margin:2px 8px 0; text-align:center; font-family:'Nunito',sans-serif; font-weight:700; font-size:.82rem; color:var(--mnmuted); letter-spacing:.02em; line-height:1.5; }
/* the whole circle, hinted — progress across the seven, then ∞ */
.mn-progress{ margin:4px 2px 2px; }
.mn-progress-t{ display:block; text-align:center; font-family:'Nunito',sans-serif; font-weight:800; font-size:.72rem; letter-spacing:.06em; color:var(--mnmuted); margin-bottom:8px; }
.mn-progress-dots{ display:flex; align-items:center; justify-content:center; gap:9px; }
.mn-pd{ width:11px; height:11px; border-radius:50%; background:rgba(157,176,220,.22); flex:none; transition:all .3s ease; }
.mn-pd.is-em{ background:rgb(var(--mnh)); box-shadow:0 0 12px rgba(var(--mnh),.65); }
.mn-pd.is-cur{ background:transparent; border:2.5px solid rgb(var(--mnh)); width:14px; height:14px; box-shadow:0 0 14px rgba(var(--mnh),.5); }
.mn-pd--inf{ width:auto; height:auto; background:none; box-shadow:none; font-family:'Baloo 2',sans-serif; font-weight:800; font-size:1.1rem; color:rgb(53,208,186); text-shadow:0 0 12px rgba(53,208,186,.5); margin-left:2px; }
.mn-door{ display:block; text-decoration:none; border-radius:18px; padding:16px 18px; text-align:center;
  font-family:'Nunito',sans-serif; font-weight:800; font-size:1rem; color:var(--mnink); line-height:1.6;
  border:2px solid #35D0BA; box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 40px -10px rgba(53,208,186,.85);
  transition:transform var(--dv-fast), box-shadow var(--dv-quick); }
.mn-door:hover{ transform:translateY(-2px); box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 54px -8px rgba(53,208,186,1); }
.mn-door b{ font-family:'Baloo 2','Sora',sans-serif; letter-spacing:.06em; }
.mn-door em{ color:#35D0BA; font-style:normal; }
/* motivus en fine, kept on the map */
.mn-finkeep{ border-radius:18px; padding:14px 16px; border:1.5px solid rgba(53,208,186,.45); box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 0 34px -14px rgba(53,208,186,.8); }
.mn-finkeep b{ display:block; font-family:'Nunito',sans-serif; font-weight:800; font-size:.72rem; letter-spacing:.22em; color:#35D0BA; margin-bottom:4px; }
.mn-finkeep p{ margin:0; font-family:'Nunito',sans-serif; font-weight:700; font-size:.93rem; color:#C6F5EC; line-height:1.6; font-style:italic; }
/* emergence record + reflections */
.mn-rec h4, .mn-refl h4{ margin:2px 0 8px; font-family:'Nunito',sans-serif; font-weight:800; font-size:.74rem; letter-spacing:.24em; color:var(--mnmuted); }
.mn-rec-item{ display:flex; gap:13px; align-items:flex-start; border-radius:16px; padding:13px 15px; margin:7px 0; border:1.5px solid rgba(157,176,220,.15); }
.mn-rec-mk{ flex:0 0 auto; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; font-size:1.05rem; font-weight:800; color:#081129; box-shadow:0 0 18px -4px currentColor; }
.mn-rec-item b{ font-family:'Nunito',sans-serif; font-weight:800; font-size:.92rem; color:var(--mnink); }
.mn-rec-item p{ margin:3px 0 0; font-family:'Nunito',sans-serif; font-weight:600; font-size:.92rem; color:#C6D4F5; line-height:1.6; }
.mn-refl-i{ border-radius:14px; padding:11px 14px; margin:6px 0; border:1.5px solid rgba(157,176,220,.12); }
.mn-refl-i em{ font-family:'Nunito',sans-serif; font-weight:800; font-style:normal; font-size:.7rem; letter-spacing:.1em; color:var(--mnmuted); }
.mn-refl-i p{ margin:3px 0 0; font-family:'Nunito',sans-serif; font-weight:700; font-size:.94rem; color:var(--mnink); line-height:1.55; }
.mn-refl .mn-dl{ margin-top:8px; }
/* ── THE ROOM EVOLVES — practitioner (1–4) → leader (5–7) → the gift (8) ── */
.mn-ph2{ gap:20px; }
.mn-ph2 .mn-hero{ border-color:rgba(53,208,186,.35); box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 0 52px -16px rgba(53,208,186,.6); }
.mn-ph2 .mn-hero h3{ text-shadow:0 0 30px rgba(53,208,186,.5); }
.mn-ph3{ gap:22px; }
.mn-ph3 .mn-hero, .mn-ph3 .mn-arc{ border-color:rgba(53,208,186,.5); }
.mn-ph3 .mn-hero::before{ opacity:1; }
/* ── MOTIVUS EN FINE — the interstitial in the void ── */
.mn-fin{ position:fixed; inset:0; z-index:140; display:grid; place-items:center; padding:18px; overflow:auto;
  background:radial-gradient(90% 70% at 50% 30%, rgba(12,27,64,.97), rgba(8,17,41,.99)); animation:mnIn .5s ease both; }
.mn-fin__p{ width:min(620px,100%); text-align:center; background:linear-gradient(180deg, rgba(24,44,92,.9), rgba(12,27,64,.95));
  border:1.5px solid rgba(53,208,186,.4); border-radius:26px; padding:30px 26px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 0 80px -24px rgba(53,208,186,.7); }
.mn-fin__mk{ display:block; font-size:2.6rem; color:#35D0BA; text-shadow:0 0 34px rgba(53,208,186,.9); }
.mn-fin__p h3{ margin:6px 0 2px; font-family:'Baloo 2','Sora',sans-serif; font-weight:800; font-size:1.7rem; color:var(--mnink, #EEF3FF); }
.mn-fin__sub{ margin:0 0 16px; font-family:'Nunito',sans-serif; font-weight:800; font-size:.82rem; letter-spacing:.18em; color:#9DB0DC; }
.mn-fin__wait{ font-size:1.4rem; color:#35D0BA; animation:mnBreathe 1.4s ease-in-out infinite; }
.mn-fin__parable{ text-align:left; font-family:'Nunito',sans-serif; font-weight:700; font-size:1rem; color:#EEF3FF; line-height:1.75; margin:0 0 16px; }
.mn-fin__parable p{ margin:0 0 10px; }
.mn-fin__song b{ display:block; font-family:'Nunito',sans-serif; font-weight:800; font-size:.74rem; letter-spacing:.26em; color:#FFD166; margin-bottom:5px; text-shadow:0 0 14px rgba(255,209,102,.6); }
.mn-fin__song p{ margin:0 0 8px; font-family:'Nunito',sans-serif; font-weight:700; font-size:.85rem; color:#C6D4F5; }
.mn-fin__audio{ width:100%; height:40px; border-radius:10px; }
.mn-fin__hint{ font-family:'Nunito',sans-serif; font-weight:700; font-size:.85rem; color:#9DB0DC; }
.mn-fin__go{ margin-top:18px; }

/* ══ THE TRANSFORMATION — MotusManas → MotusMunas · the mind becomes the gift ══ */
.mn-gift{ position:fixed; inset:0; z-index:160; display:grid; place-items:center; padding:18px; overflow:auto;
  background:radial-gradient(100% 80% at 50% 20%, rgba(19,36,79,.98), rgba(8,17,41,.995)); animation:mnGiftIn .8s cubic-bezier(.2,.7,.2,1) both; }
@keyframes mnGiftIn{ from{ opacity:0; } to{ opacity:1; } }
.mn-gift__p{ width:min(600px,100%); text-align:center; background:linear-gradient(180deg, rgba(24,44,92,.9), rgba(12,27,64,.96));
  border:1.5px solid rgba(53,208,186,.45); border-radius:28px; padding:34px 26px 28px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 0 100px -26px rgba(53,208,186,.75); animation:mnIn .7s .15s var(--ease-out,ease) both; }
.mn-gift__seal{ display:block; font-size:2.8rem; color:#35D0BA; text-shadow:0 0 40px rgba(53,208,186,.95); animation:mnBreathe 3.2s ease-in-out infinite; }
.mn-gift__rename{ display:flex; align-items:center; justify-content:center; gap:12px; margin:14px 0 4px; flex-wrap:wrap; }
.mn-gift__from{ font-family:'Baloo 2','Sora',sans-serif; font-weight:800; font-size:1.35rem; color:#8FA0CE; text-decoration:line-through; text-decoration-color:rgba(143,160,206,.5); opacity:.75; }
.mn-gift__arrow{ font-size:1.3rem; color:#FFD166; }
.mn-gift__to{ font-family:'Baloo 2','Sora',sans-serif; font-weight:800; font-size:1.7rem; color:#5FEBCF;
  text-shadow:0 0 30px rgba(53,208,186,.8); animation:mnGiftGlow 2.6s ease-in-out infinite; }
@keyframes mnGiftGlow{ 0%,100%{ text-shadow:0 0 22px rgba(53,208,186,.6); } 50%{ text-shadow:0 0 40px rgba(53,208,186,1); } }
.mn-gift__trans{ margin:0 0 18px; font-family:'Nunito',sans-serif; font-weight:600; font-size:.86rem; color:#C6D4F5; line-height:1.55; }
.mn-gift__trans em{ font-style:italic; color:#5FEBCF; font-weight:700; }
.mn-gift__h{ margin:8px 0 4px; font-family:'Baloo 2','Sora',sans-serif; font-weight:800; font-size:1.42rem; color:var(--mnink,#EEF3FF); line-height:1.2; }
.mn-gift__lead{ margin:0 0 16px; font-family:'Nunito',sans-serif; font-weight:700; font-size:1rem; color:#DCE6FF; line-height:1.5; }
.mn-gift__moves{ display:flex; flex-wrap:wrap; justify-content:center; gap:7px; margin:0 0 18px; }
.mn-gift__moves span{ font-family:'Nunito',sans-serif; font-weight:800; font-size:.76rem; padding:6px 12px; border-radius:999px;
  color:#5FEBCF; border:1.5px solid rgba(53,208,186,.4); background:rgba(53,208,186,.06); }
.mn-gift__share{ margin:0 0 2px; font-family:'Nunito',sans-serif; font-weight:800; font-size:.72rem; letter-spacing:.28em; text-transform:uppercase; color:#FFD166; text-shadow:0 0 16px rgba(255,209,102,.5); }
.mn-gift__name{ font-family:'Baloo 2','Sora',sans-serif; font-weight:800; font-size:2rem; color:#5FEBCF; margin:2px 0 16px; text-shadow:0 0 34px rgba(53,208,186,.7); }
.mn-gift__lines{ list-style:none; margin:0 0 16px; padding:0; }
.mn-gift__lines li{ font-family:'Nunito',sans-serif; font-style:italic; font-weight:700; font-size:.95rem; color:#EEF3FF; line-height:1.7; margin:6px 0; }
.mn-gift__tag{ margin:0 0 18px; font-family:'Baloo 2','Sora',sans-serif; font-weight:800; font-size:1.05rem; color:#FFD166; }
.mn-gift__mover{ margin:0 auto 18px; max-width:340px; padding:14px 18px; border-radius:18px; background:rgba(255,209,102,.08); border:1.5px solid rgba(255,209,102,.42);
  box-shadow:0 0 30px -12px rgba(255,209,102,.7); display:flex; flex-direction:column; gap:2px; }
.mn-gift__mover b{ font-family:'Baloo 2','Sora',sans-serif; font-weight:800; font-size:1.6rem; color:#FFD166; text-shadow:0 0 22px rgba(255,209,102,.6); }
.mn-gift__mover.is-pending{ border-style:dashed; opacity:.8; }
.mn-gift__mk{ font-family:'Nunito',sans-serif; font-weight:700; font-size:.64rem; letter-spacing:.14em; text-transform:uppercase; color:#C6D4F5; }
.mn-gift__cta{ display:flex; flex-direction:column; gap:10px; margin:4px 0 12px; }
.mn-gift__go{ font-family:'Baloo 2','Sora',sans-serif; font-weight:800; font-size:1.02rem; padding:15px 20px; border-radius:16px; cursor:pointer; border:0;
  color:#04121a; background:linear-gradient(135deg,#7CF0D8,#35D0BA 55%,#2AB79E); box-shadow:0 8px 0 -2px rgba(42,183,158,.5), 0 16px 40px -18px rgba(53,208,186,.9); transition:transform .12s ease, box-shadow .12s ease; }
.mn-gift__go:hover{ transform:translateY(-1px); } .mn-gift__go:active{ transform:translateY(3px); box-shadow:0 3px 0 -2px rgba(42,183,158,.5); }
.mn-gift__link{ font-family:'Nunito',sans-serif; font-weight:800; font-size:.92rem; padding:12px 18px; border-radius:14px; text-decoration:none;
  color:#5FEBCF; border:1.5px solid rgba(53,208,186,.45); background:rgba(53,208,186,.06); transition:background .16s ease, border-color .16s ease; }
.mn-gift__link:hover{ background:rgba(53,208,186,.12); }
.mn-gift__mentor{ margin:10px 0 14px; font-family:'Nunito',sans-serif; font-weight:700; font-size:.86rem; color:#C6D4F5; line-height:1.6; }
.mn-gift__mentor a{ color:#A99CFF; font-weight:800; text-decoration:none; } .mn-gift__mentor a b{ color:#C6B8FF; }
.mn-gift__verita{ margin:6px 0 16px; font-family:'Baloo 2','Sora',sans-serif; font-style:italic; font-weight:800; font-size:1.1rem; letter-spacing:.06em; color:#FFD166; text-shadow:0 0 20px rgba(255,209,102,.5); }
.mn-gift__close{ font-family:'Nunito',sans-serif; font-weight:800; font-size:.82rem; letter-spacing:.06em; color:#9DB0DC; background:none; border:0; cursor:pointer; padding:8px; }
.mn-gift__close:hover{ color:#EEF3FF; }
@media (prefers-reduced-motion:reduce){ .mn-gift,.mn-gift__p,.mn-gift__seal,.mn-gift__to{ animation:none; } }

/* ══ THE LEVEL-UP — a movement emerges automatically the moment it's earned ══
   Tinted live by the tier's own hue via --mnh; the celebration for MOTUS 1–5. */
.mn-cel{ position:fixed; inset:0; z-index:150; display:grid; place-items:center; padding:18px; overflow:auto;
  background:radial-gradient(80% 60% at 50% 22%, rgba(var(--mnh,53,208,186),.22), transparent 58%), linear-gradient(180deg, rgba(9,16,36,.985), rgba(6,10,24,.995)); animation:mnGiftIn .55s cubic-bezier(.2,.7,.2,1) both; }
.mn-cel__p{ position:relative; width:min(520px,100%); text-align:center; overflow:hidden;
  background:linear-gradient(180deg, rgba(22,38,78,.92), rgba(11,20,44,.96));
  border:1.5px solid rgba(var(--mnh,53,208,186),.5); border-radius:26px; padding:34px 26px 24px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 0 90px -24px rgba(var(--mnh,53,208,186),.8); animation:mnIn .6s .12s var(--ease-out,ease) both; }
.mn-cel__halo{ position:absolute; top:-40%; left:50%; width:120%; aspect-ratio:1; transform:translateX(-50%);
  background:radial-gradient(circle, rgba(var(--mnh,53,208,186),.24), transparent 60%); pointer-events:none; animation:mnBreathe 3.4s ease-in-out infinite; }
.mn-cel__mk{ position:relative; display:block; font-size:2.7rem; color:rgb(var(--mnh,53,208,186));
  text-shadow:0 0 40px rgba(var(--mnh,53,208,186),.95); animation:mnBreathe 3.2s ease-in-out infinite; }
.mn-cel__kick{ position:relative; margin:10px 0 2px; font-family:'Nunito',sans-serif; font-weight:800; font-size:.68rem; letter-spacing:.28em; text-transform:uppercase; color:rgb(var(--mnh,53,208,186)); text-shadow:0 0 16px rgba(var(--mnh,53,208,186),.5); }
.mn-cel__h{ position:relative; margin:2px 0 4px; font-family:'Baloo 2','Sora',sans-serif; font-weight:800; font-size:1.15rem; letter-spacing:.06em; color:#9DB0DC; display:flex; flex-direction:column; gap:2px; }
.mn-cel__h em{ font-style:normal; font-size:2rem; color:var(--mnink,#EEF3FF); letter-spacing:-.01em; text-shadow:0 0 30px rgba(var(--mnh,53,208,186),.5); }
.mn-cel__state{ position:relative; margin:0 0 14px; font-family:'Nunito',sans-serif; font-weight:700; font-size:.82rem; color:#C6D4F5; }
.mn-cel__state b{ color:rgb(var(--mnh,53,208,186)); }
.mn-cel__multi{ margin:0 0 14px; font-family:'Nunito',sans-serif; font-weight:700; font-style:italic; font-size:.85rem; color:#DCE6FF; }
.mn-cel__lever{ position:relative; text-align:left; margin:0 0 14px; padding:12px 14px; border-radius:14px; background:rgba(var(--mnh,53,208,186),.08); border:1px solid rgba(var(--mnh,53,208,186),.3); }
.mn-cel__lever b{ display:block; font-family:'Nunito',sans-serif; font-weight:800; font-size:.66rem; letter-spacing:.16em; color:rgb(var(--mnh,53,208,186)); margin-bottom:4px; }
.mn-cel__lever p{ margin:0; font-family:'Nunito',sans-serif; font-weight:600; font-size:.9rem; color:#EEF3FF; line-height:1.5; }
.mn-cel__next{ position:relative; text-align:left; margin:0 0 16px; padding-top:14px; border-top:1px solid rgba(255,255,255,.09); }
.mn-cel__next>b{ display:block; font-family:'Nunito',sans-serif; font-weight:800; font-size:.66rem; letter-spacing:.14em; color:#FFD166; margin-bottom:4px; }
.mn-cel__ask{ margin:0 0 10px; font-family:'Nunito',sans-serif; font-weight:600; font-style:italic; font-size:.88rem; color:#C6D4F5; line-height:1.45; }
.mn-cel__doors{ display:flex; flex-wrap:wrap; gap:8px; }
.mn-cel__door{ font-family:'Nunito',sans-serif; font-weight:800; font-size:.84rem; padding:9px 15px; border-radius:12px; cursor:pointer;
  color:#5FEBCF; background:rgba(53,208,186,.08); border:1.5px solid rgba(53,208,186,.4); transition:transform .12s ease, background .16s ease; }
.mn-cel__door span{ color:#FFD166; margin-left:2px; } .mn-cel__door:hover{ transform:translateY(-1px); background:rgba(53,208,186,.16); }
.mn-cel__bless{ position:relative; text-align:left; margin:0 0 16px; padding:12px 14px; border-radius:14px; background:rgba(177,92,255,.08); border:1px solid rgba(177,92,255,.32); animation:mnIn .5s ease both; }
.mn-cel__bless b{ display:block; font-family:'Nunito',sans-serif; font-weight:800; font-size:.64rem; letter-spacing:.16em; color:#C6B8FF; margin-bottom:4px; }
.mn-cel__bless p{ margin:0; font-family:'Nunito',sans-serif; font-weight:600; font-size:.9rem; font-style:italic; color:#EEF3FF; line-height:1.6; }
.mn-cel__go{ position:relative; font-family:'Baloo 2','Sora',sans-serif; font-weight:800; font-size:.98rem; padding:14px 20px; border-radius:15px; cursor:pointer; border:0; width:100%;
  color:#04121a; background:linear-gradient(135deg, rgb(var(--mnh,124,240,216)), rgba(var(--mnh,53,208,186),.85) 60%);
  box-shadow:0 8px 0 -2px rgba(var(--mnh,42,183,158),.45), 0 16px 40px -18px rgba(var(--mnh,53,208,186),.9); transition:transform .12s ease, box-shadow .12s ease; }
.mn-cel__go:hover{ transform:translateY(-1px); } .mn-cel__go:active{ transform:translateY(3px); box-shadow:0 3px 0 -2px rgba(var(--mnh,42,183,158),.45); }
@media (prefers-reduced-motion:reduce){ .mn-cel,.mn-cel__p,.mn-cel__mk,.mn-cel__halo,.mn-cel__bless{ animation:none; } }

/* THE EMERGENCE BANNER — persistent notification on the map with the confirm/enter
   button. Stays until the operator taps "Enter MOTUS N" (acknowledges the movement). */
.mn-banner{ display:flex; align-items:center; gap:12px; margin:0 0 16px; padding:13px 14px; border-radius:18px;
  background:linear-gradient(120deg, rgba(var(--mnh,53,208,186),.16), rgba(var(--mnh,53,208,186),.05));
  border:1.5px solid rgba(var(--mnh,53,208,186),.5); box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 34px -12px rgba(var(--mnh,53,208,186),.8);
  animation:mnIn .5s var(--ease-out,ease) both; }
.mn-banner__mk{ font-size:1.7rem; color:rgb(var(--mnh,53,208,186)); text-shadow:0 0 20px rgba(var(--mnh,53,208,186),.9); animation:mnBreathe 2.6s ease-in-out infinite; }
.mn-banner__t{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; }
.mn-banner__t b{ font-family:'Baloo 2','Sora',sans-serif; font-weight:800; font-size:1rem; color:var(--mnink,#EEF3FF); }
.mn-banner__t span{ font-family:'Nunito',sans-serif; font-weight:700; font-size:.78rem; color:#C6D4F5; }
.mn-banner__go{ flex:0 0 auto; font-family:'Baloo 2','Sora',sans-serif; font-weight:800; font-size:.86rem; padding:10px 15px; border-radius:13px; cursor:pointer; border:0;
  color:#04121a; background:linear-gradient(135deg, rgb(var(--mnh,124,240,216)), rgba(var(--mnh,53,208,186),.85) 60%);
  box-shadow:0 5px 0 -2px rgba(var(--mnh,42,183,158),.45), 0 12px 30px -14px rgba(var(--mnh,53,208,186),.9); transition:transform .12s ease; }
.mn-banner__go:hover{ transform:translateY(-1px); } .mn-banner__go:active{ transform:translateY(2px); }
@media (prefers-reduced-motion:reduce){ .mn-banner,.mn-banner__mk{ animation:none; } }
@media (max-width:460px){ .mn-banner{ flex-wrap:wrap; } .mn-banner__go{ width:100%; } }


/* ══════════════════════════════════════════════════════════════════════════════
   THE COLLAPSE — why MotusManas text stacked two words to a line
   `.mn-blk-open` is a flex row: [glyph] [title + body] [OPEN →]. A flex child
   cannot shrink below its content unless it is given `min-width: 0` — so when the
   row ran out of room, the ONLY child that could give way was the text, and it gave
   way to almost nothing while "OPEN →" kept every pixel it asked for.
   Text is the reason the card exists; it yields last, not first.
   ══════════════════════════════════════════════════════════════════════════════ */
.mn-blk-open{ flex-wrap:wrap; }
.mn-blk-open > *{ min-width:0; }
/* THE SLACK BELONGS TO THE BODY, AND ONLY THE BODY.
   This rule used to read `> :not(.mn-blk-go):not(.mn-blk-mk)`, which handed
   flex:1 to the 26px glyph and the status pill as well — so on a desktop row
   the three of them split 1900px into equal thirds and the layout scattered.
   The protection was right; its aim was not. */
.mn-blk-open > .mn-blk-body{ flex:1 1 auto; overflow-wrap:anywhere; }
.mn-blk-open > .mn-blk-g, .mn-blk-open > .mn-blk-s{ flex:0 0 auto; }
/* the affordance never competes with the words — on a phone it drops to its own line */
.mn-blk-open .mn-blk-go{ flex:0 0 auto; margin-left:auto; white-space:nowrap; }
@media (max-width:430px){
  .mn-blk-open .mn-blk-go{ margin-left:0; margin-top:2px; }
}
/* same law, every Munas row — none of them may starve their own text */
.mn-hero-row > *, .mn-leg > *, .mn-focus-head > *, .mn-tier-top > *{ min-width:0; }
.mn-hero-row, .mn-tier-top{ flex-wrap:wrap; }


/* ══════════════════════════════════════════════════════════════════════════════
   NO LABEL IS TRUNCATED
   nowrap + ellipsis is a decision to hide words rather than let a control be as
   tall as its own name — and on a phone it turned "Deepen your Signifa" into
   "Deepen …". A label that cannot say its own name has stopped being a label.
   They wrap; the buttons grow to fit them.
   ══════════════════════════════════════════════════════════════════════════════ */
.mn-leg-n, .mn-leg-v, .mn-early__t, .mn-early__s, .mn-blk-h, .mn-blk-p, .mn-sum-a, .mn-cel__h{
  white-space:normal; overflow:visible; text-overflow:clip; }
.mn-leg, .mn-early, .mn-blk-open, .mn-cel__door{ height:auto; min-height:0; align-items:center; }
.mn-leg-b{ flex:1 1 auto; min-width:0; }
/* the CONTINUE / OPEN affordances keep their shape but never eat the words beside them */
.mn-blk-go, .mn-early__go{ flex:0 0 auto; }
.mn-chip{ white-space:normal; }
@media (max-width:430px){
  /* a two-part control stacks rather than squeezing either half */
  .mn-early{ flex-wrap:wrap; row-gap:4px; }
  .mn-early__go{ margin-left:auto; }
}


/* ══════════════════════════════════════════════════════════════════════════════
   THE DESKTOP MEASURE
   MotusMunas was authored for a phone column and then handed a 1900px viewport,
   where every row stretched to the glass and a reader's eye had to travel the
   whole display to get from a glyph to its own label. Prose gets a measure; the
   rows get a real grid with named columns instead of three fighting flex items.
   ══════════════════════════════════════════════════════════════════════════════ */
@media (min-width:900px){
  .mn{ max-width:1180px; margin-left:auto; margin-right:auto; width:100%; }
  /* [glyph] [name + purpose] [status] [affordance] — fixed intent, no tug of war */
  .mn-blk-open{ display:grid; grid-template-columns:34px minmax(0,1fr) auto auto;
    align-items:center; gap:16px; padding:16px 20px; }
  .mn-blk-g{ width:34px; font-size:1.35rem; }
  .mn-blk-s{ align-self:center; justify-self:end; }
  .mn-blk-go{ justify-self:end; }
  .mn-blk-guide summary{ padding:11px 20px; }
  .mn-blk-why, .mn-blk-tips{ margin-left:20px; margin-right:20px; }
  /* the guide's two halves stop shouting across an empty room */
  .mn-blk-guide summary{ justify-content:flex-start; gap:14px; }
  .mn-blk-guide summary .mn-sum-b{ margin-left:auto; }
  .mn-way, .mn-next, .mn-early{ padding-left:20px; padding-right:20px; }
}
@media (min-width:1400px){
  .mn{ max-width:1280px; }
}

/* MOTUS MOMENTS — signifa ranks */
.mn-rec-mk--sg{background:transparent!important;font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center;text-shadow:0 0 12px rgba(255,196,90,.45)}
.mn-rec-mk--sg[data-rk="2"],.mn-rec-mk--sg[data-rk="3"]{text-shadow:0 0 10px rgba(97,218,251,.4)}
.mn-rec-seed{font-size:12.5px;color:#cfe9ff;opacity:.9;line-height:1.5}