/* Club patches and the daily flame share one effort projection in every mode. */
.practice-panel{margin:var(--movli-space-6) 0;color:var(--movli-text);text-align:left}
.practice-panel p,.practice-context p{font-size:16px;line-height:1.6;margin:var(--movli-space-3) 0}
.practice-signals{display:flex;justify-content:center;align-items:flex-start;gap:clamp(24px,6vw,80px);padding:var(--movli-space-4) 0 var(--movli-space-6)}
.practice-rank,.practice-streak-signal{display:flex;flex-direction:column;align-items:center;min-width:0}
.practice-signal-copy{display:flex;flex-direction:column;gap:var(--movli-space-2);align-items:flex-start;text-align:left;min-width:0}
.practice-signal-copy strong{font:850 clamp(26px,3vw,36px)/1.05 var(--movli-font-display);letter-spacing:-.035em;text-wrap:balance}
.practice-signal-copy>span,.practice-signal-note{font:500 15px/1.35 var(--movli-font-body)}
.practice-signal-note{margin-top:var(--movli-space-2)}
.practice-patch{--patch-fill:var(--movli-mist-100);--patch-ink:var(--movli-road-900);position:relative;isolation:isolate;width:100px;height:100px;flex:none;display:grid;place-items:center;border-radius:26px;background:var(--patch-fill);color:var(--patch-ink);box-shadow:6px 7px 0 color-mix(in srgb,var(--patch-fill) 55%,var(--movli-road-900));transform:rotate(-7deg);font:900 48px/1 var(--movli-font-display);transition:transform var(--movli-motion-standard) var(--movli-ease)}
.practice-patch::before{content:'';position:absolute;inset:9px;border:2px dashed currentColor;border-radius:18px;opacity:.5}
.practice-patch b{transform:rotate(7deg)}
.practice-patch[data-badge=bronze]{--patch-fill:var(--movli-timber-300);--patch-ink:var(--movli-bark-500)}
.practice-patch[data-badge=silver]{--patch-fill:var(--movli-mist-300)}
.practice-patch[data-badge=gold]{--patch-fill:var(--movli-sun-500)}
.practice-patch[data-badge=platinum]{--patch-fill:var(--movli-sky-300)}
.practice-patch[data-badge=diamond]{--patch-fill:var(--movli-road-900);--patch-ink:var(--movli-sun-500);outline:2px solid var(--movli-sun-500)}
.practice-patch.is-empty{background:none;box-shadow:none;color:inherit;opacity:.65}
.practice-flame{position:relative;display:grid;place-items:center;isolation:isolate;flex:none;width:106px;height:110px;color:var(--movli-sun-500);transition:transform var(--movli-motion-standard) var(--movli-ease)}
.practice-flame>.movli-icon{width:92px;height:100px;stroke-width:1.5;fill:color-mix(in srgb,var(--movli-sun-500) 16%,transparent);filter:drop-shadow(0 4px 0 color-mix(in srgb,var(--movli-sun-700) 30%,transparent))}
.practice-flame::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb,var(--movli-sun-500) 15%,transparent),transparent 70%)}
.practice-flame.is-unlit{color:var(--movli-mist-300)}
.practice-flame.is-unlit>.movli-icon{fill:none;stroke-dasharray:1 2;filter:none}
.practice-flame.is-unlit::before{display:none}
.practice-spark{position:absolute;background:currentColor;width:4px;height:9px;border-radius:var(--movli-radius-round);top:18px;left:4px;transform:rotate(-28deg)}
.practice-spark:nth-of-type(2){top:3px;left:26px;transform:rotate(-12deg)}.practice-spark:nth-of-type(3){top:8px;left:auto;right:20px;transform:rotate(20deg)}.practice-spark:nth-of-type(4){top:36px;left:auto;right:0;transform:rotate(40deg)}.practice-spark:nth-of-type(5){top:auto;bottom:12px;left:10px;transform:rotate(-45deg)}
.practice-rest{position:absolute;bottom:6px;right:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--movli-sky-700);background:var(--movli-cloud-000)}
.practice-rest svg{width:18px;height:18px}
.practice-panel progress{appearance:none;width:100%;height:8px;border:0;border-radius:var(--movli-radius-round);overflow:hidden;background:var(--movli-mist-300);margin:var(--movli-space-2) 0 var(--movli-space-4)}
.practice-panel progress::-webkit-progress-bar{background:var(--movli-mist-300)}.practice-panel progress::-webkit-progress-value{background:var(--movli-sun-500)}.practice-panel progress::-moz-progress-bar{background:var(--movli-sun-500)}
.practice-ladder{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--movli-space-3);padding:var(--movli-space-6) 0}
.practice-badge-cell{display:flex;flex-direction:column;align-items:center;gap:var(--movli-space-2);text-align:center;font-size:14px}
.practice-badge-cell .practice-patch{width:62px;height:62px;font-size:30px;border-radius:18px;margin-bottom:var(--movli-space-2)}
.practice-badge-cell .practice-patch::before{inset:6px;border-radius:12px}
.practice-badge-cell:not(.is-earned) .practice-patch{opacity:.4;box-shadow:none}
.practice-level-table{border-collapse:collapse;width:100%;font-size:14px}.practice-level-table :is(th,td){padding:var(--movli-space-3) var(--movli-space-2);text-align:left;border-bottom:1px solid var(--movli-mist-300)}.practice-level-table [aria-current]{background:var(--movli-mist-200)}
.practice-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--movli-space-2);margin:var(--movli-space-4) 0}
.practice-calendar-day{display:grid;justify-items:center;gap:var(--movli-space-2);font-size:13px}.practice-calendar-day>span:last-child{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--movli-mist-200)}
.practice-calendar-day[data-state=practiced]>span:last-child{background:var(--movli-go-500)}.practice-calendar-day[data-state=rest]>span:last-child{background:var(--movli-sky-300)}.practice-calendar-day svg{width:20px;height:20px}
.practice-history{list-style:none;padding:0;display:grid;gap:var(--movli-space-3);font-size:14px}.practice-history li{display:grid;gap:var(--movli-space-2)}
.practice-settings{padding:var(--movli-space-4) 0;border-top:1px solid var(--movli-mist-300);margin-top:var(--movli-space-4)}.practice-settings label{display:flex;align-items:center;gap:var(--movli-space-3);margin:var(--movli-space-3) 0}.practice-settings select{padding:var(--movli-space-2);font:inherit}.practice-settings p{font-size:14px;line-height:1.5}
.practice-summary{padding:var(--movli-space-3) 0;font-size:14px}.practice-summary:empty{display:none}
body.course-home-active:has([data-practice-panel=home]) #menuOv{background:var(--movli-road-900)}
[data-practice-panel=home]{color:var(--movli-cloud-000);margin:0 0 var(--movli-space-6)}
.competency-board:has([data-practice-panel=home])>h1{text-align:center;text-shadow:none;font-size:clamp(28px,3.2vw,38px)}
.movli-dialog-overlay .course-card.movli-dialog.practice-ceremony{display:flex;flex-direction:column;max-height:calc(100dvh - 32px);overflow:hidden;text-align:center}
.practice-ceremony-body{overflow:auto;min-height:0;display:flex;flex-direction:column;align-items:center;padding:var(--movli-space-4) 0}
.practice-ceremony .dialog-actions{flex:none}.practice-ceremony h1{order:1;margin:var(--movli-space-3) 0!important}.practice-ceremony .page-intro{order:2;font-size:16px;margin:var(--movli-space-2) 0!important}.practice-ceremony-body>p:not(.page-intro){order:3}
.practice-celebration{display:contents}.practice-ceremony-art{position:relative;display:grid;place-items:center;width:200px;height:180px;margin:var(--movli-space-2) auto}
.practice-ceremony-art .practice-patch{width:132px;height:132px;font-size:64px;border-radius:32px}.practice-ceremony-art .practice-patch::before{inset:12px;border-radius:22px}
.practice-ceremony-art.is-playing> :is(.practice-patch,.practice-flame){visibility:hidden}
.practice-ceremony-fact{order:2;margin:var(--movli-space-2) 0!important;font-size:20px}
.practice-ceremony-streak{order:3;display:flex;align-items:center;justify-content:center;gap:var(--movli-space-2);font-weight:700}.practice-ceremony-streak svg{width:28px;height:32px;color:var(--movli-sun-700)}
.practice-flourish{position:absolute;inset:0;display:grid;place-items:center}.practice-flourish .celebration-reward{display:grid;place-items:center;background:none;border:0;box-shadow:none;padding:0;width:100%;height:100%;overflow:visible}
.practice-flourish .celebration-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.practice-flourish .celebration-custom{width:132px;height:132px;flex-basis:132px;background:none;box-shadow:none;border:0;margin:0;overflow:visible}.practice-flourish .celebration-fill{opacity:0}
.practice-flourish .celebration-particle{z-index:2;background:var(--movli-sun-500)}
.practice-flourish .celebration-static .celebration-custom{outline:none}
.practice-flourish .celebration-static .practice-patch{outline:2px solid var(--movli-sun-500);outline-offset:4px}
@media(hover:hover){.practice-signal:hover .practice-patch{transform:translateY(-3px) rotate(-3deg)}.practice-signal:hover .practice-flame{transform:translateY(-3px) rotate(-4deg)}}
@media(max-width:650px){.practice-signals{gap:var(--movli-space-6)}.practice-signal-copy{align-items:center;text-align:center}.practice-signal-copy strong{font-size:26px;max-width:155px}.practice-signal-copy>span{font-size:14px}.practice-signal-note{font-size:13px;text-align:center}.practice-patch{width:82px;height:82px;font-size:40px}.practice-flame{width:92px;height:94px}.practice-flame>.movli-icon{width:80px;height:90px}.practice-ladder{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:380px){.practice-signals{gap:var(--movli-space-3)}.practice-signal-copy strong{font-size:24px}.practice-signal-copy>span{font-size:13px}.practice-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-calendar{gap:4px}}
@media(prefers-reduced-motion:reduce){.practice-signal :is(.practice-patch,.practice-flame){transform:none!important;transition:none!important}}
