@import url('./practice-world-palettes.css?v=worlds-20261022');
/* Twelve approved art environments. Artwork is always shown whole. */
body[data-practice-world]{background:var(--world-field)}
body[data-practice-world]>header,body[data-practice-world]>nav{background:#f4efe6}
body[data-practice-world]>footer{background:var(--world-surface);border-top:1px solid #171b1626}
main:has(.start-practice-grid),main[data-practice-world]{max-width:1440px}
main[data-practice-world]{position:relative;isolation:isolate}
main[data-practice-world]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 0 15%,#fff9,transparent 65%),repeating-linear-gradient(93deg,#171b1602 0 1px,transparent 1px 5px);opacity:.7}
#main[data-practice-world] :is(.chapter-heading,.guided-heading):has(>[data-practice-art]){display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;background:var(--world-hero);color:var(--world-title);padding:0;margin:0 0 2rem;border:1px solid #171b1617;overflow:hidden;border-radius:3px;box-shadow:0 18px 42px -30px #171b1670;position:relative;isolation:isolate;align-items:stretch}
#main[data-practice-world] :is(.chapter-heading,.guided-heading):has(>[data-practice-art])>div:first-child{padding:clamp(1.5rem,4vw,3.7rem);align-self:center;position:relative;z-index:1;min-width:0}
#main[data-practice-world] :is(.chapter-heading,.guided-heading) :is(h1,h2){font:400 clamp(2rem,3.5vw,3.5rem)/1.15 CutGallery,Archivo,sans-serif;max-width:20ch;margin:0 0 1.2rem;color:inherit;overflow-wrap:normal}
#main[data-practice-world] :is(.chapter-heading,.guided-heading) .eyebrow{color:inherit;opacity:.86;letter-spacing:.18em;font-size:.7rem}
.practice-world-focus{font-size:1rem;line-height:1.65;max-width:35ch;margin:0;color:inherit}
#main[data-practice-world] :is(.chapter-heading,.guided-heading)>[data-practice-art]{position:relative;display:flex;width:auto;max-width:none;min-width:0;align-self:stretch;align-items:center;justify-content:center;padding:clamp(.6rem,1.4vw,1.3rem);margin:0;background:transparent;border-left:1px solid #ffffff24}
#main[data-practice-world] :is(.chapter-heading,.guided-heading)>[data-practice-art] img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:3/2;box-shadow:0 12px 26px -16px #0007}
/* Distinct static compositions outside the approved image, not instruction cues. */
#main[data-practice-world] :is(.chapter-heading,.guided-heading)::before{content:"";position:absolute;inset:0 55% 0 0;pointer-events:none;opacity:.3;z-index:0}
#main[data-practice-world=E01] :is(.chapter-heading,.guided-heading)::before{background:linear-gradient(90deg,transparent 42%,#fff9 42% 58%,transparent 58%)}
#main[data-practice-world=E02] :is(.chapter-heading,.guided-heading)::before{border:1px solid #f0dcc3;border-radius:0 180px 180px 0;inset:13% 57% 13% -10%}
#main[data-practice-world=THIRD-EYE] :is(.chapter-heading,.guided-heading)::before{background:linear-gradient(115deg,#0004,transparent 35%,#f4ddae30 52%,transparent 65%)}
#main[data-practice-world=E03] :is(.chapter-heading,.guided-heading)::before{background:linear-gradient(0deg,#78543324 0 20%,transparent 20% 24%,#fff4 24% 25%,transparent 25%)}
#main[data-practice-world=E04] :is(.chapter-heading,.guided-heading)::before{border:1px solid #65705280;border-radius:43% 57% 66% 34%;inset:12% 62% 12% 4%;transform:rotate(-12deg)}
#main[data-practice-world=E05] :is(.chapter-heading,.guided-heading)::before{background:radial-gradient(ellipse at 0 100%,#7a493833 0 28%,transparent 29%),radial-gradient(ellipse at 40% 0,#fff5,transparent 65%)}
#main[data-practice-world=E06] :is(.chapter-heading,.guided-heading)::before{border:1px solid #63828b60;border-radius:50%;inset:-45% 50% -45% -25%;box-shadow:0 0 0 42px #63828b12,0 0 0 100px #63828b08}
#main[data-practice-world=E07] :is(.chapter-heading,.guided-heading)::before{background:linear-gradient(165deg,transparent 47.5%,#e7d8ad99 47.7% 48%,transparent 48.2%)}
#main[data-practice-world=E08] :is(.chapter-heading,.guided-heading)::before{background:radial-gradient(circle at 16% 16%,#30352d 0 3px,transparent 4px);opacity:.2}
#main[data-practice-world=E09] :is(.chapter-heading,.guided-heading)::before{background:linear-gradient(125deg,transparent 10%,#eff5dc26 10% 35%,transparent 35% 45%,#eff5dc17 45% 60%,transparent 60%)}
#main[data-practice-world=E10] :is(.chapter-heading,.guided-heading)::before{background:linear-gradient(90deg,#c78c6330 0 12%,transparent 12% 82%,#fff3 82% 83%,transparent 83%)}
#main[data-practice-world=E11] :is(.chapter-heading,.guided-heading)::before{background:linear-gradient(0deg,transparent 0 16%,#e7c57b40 16% 17%,transparent 17% 26%,#c9d1bf40 26% 27%,transparent 27%)}
/* Reading remains calm and high contrast. */
#main[data-practice-world] :is(.panel,.room-boundaries,.runner,.journal-core,.program-session-brief){background:var(--world-surface);color:#171b16;border-color:#171b1630}
#main[data-practice-world] .room-boundaries{border-top:3px solid var(--world-accent)}
#main[data-practice-world] .source-copy{line-height:1.8}
#main[data-practice-world] #complete-instructions{padding:clamp(1.25rem,3vw,2.7rem);box-shadow:0 6px 24px -18px #171b1640}
#main[data-practice-world] .source-copy p{max-width:68ch}
#main[data-practice-world] .room-navigation{margin-bottom:1.5rem}
#main[data-practice-world] #room-session-controls{padding:clamp(1rem,3vw,2rem);background:var(--world-surface);border:1px solid #171b1630;border-top:3px solid var(--world-accent);margin:1.5rem 0}
#main[data-practice-world] .entry-heading{max-width:none;padding:1.5rem 0 2rem;border-bottom:1px solid var(--world-accent)}
#main[data-practice-world] .entry-heading .chapter-art{display:block;width:96px}
/* Art-led gallery, with one consistently placed primary action. */
#main .start-practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.3rem,3vw,2.5rem);align-items:stretch}
#main .start-practice-card{display:flex;flex-direction:column;padding:0;background:var(--world-surface,#faf7f0);border:1px solid #171b162b;border-radius:3px;overflow:hidden;box-shadow:0 12px 30px -24px #171b1666;min-width:0}
#main .world-art-open{display:block;width:100%;min-height:0;padding:clamp(.65rem,1.3vw,1.1rem);margin:0;border:0;border-radius:0;background:var(--world-hero);box-shadow:none;overflow:hidden}
#main .world-art-open:hover{background:var(--world-hero);transform:none;box-shadow:inset 0 0 0 2px var(--world-accent)}
#main .world-art-open:focus-visible{outline:3px solid #f4efe6;outline-offset:-6px;box-shadow:inset 0 0 0 3px #171b16}
#main .start-practice-card .chapter-art--choice{display:block;width:100%;min-width:0;max-width:none;margin:0;aspect-ratio:3/2;border-radius:0;box-shadow:0 8px 20px -16px #000b}
#main .start-practice-card .chapter-art--choice img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:3/2}
#main .start-practice-header{display:block;padding:1.5rem 1.6rem 0;margin:0}
#main .guided-start .start-practice-card h3{font:400 clamp(1.55rem,2.3vw,2rem)/1.2 CutGallery,Archivo,sans-serif;max-width:25ch;margin:.3rem 0 .7rem}
#main .start-practice-card .eyebrow{color:#4a5145;font-size:.7rem;letter-spacing:.17em}
#main .start-practice-focus{padding:0 1.6rem;margin:0 0 1rem;max-width:54ch;line-height:1.65;color:#343c31}
#main .start-practice-about{margin:0 1.6rem 1.2rem}
#main .start-practice-about summary{background:transparent;border-color:#171b1640;min-height:44px}
#main .start-practice-action{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:auto 1.6rem 1.6rem;padding-top:.3rem}
#main .start-practice-action>.primary{grid-column:1/-1;font-size:1rem}
#main .start-practice-action>*{font-size:.82rem;padding:.65rem;line-height:1.45;min-width:0}
#main .start-lessons{border-top:1px solid #171b1625;padding-top:.8rem;margin-top:1rem}
#main .start-lessons button{width:100%;font-size:.85rem}
#main .practice-library:not(.is-compact){grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
#main .practice-choice[data-practice-surface],#main .program-library>article[data-practice-surface]{background:var(--world-surface);border:1px solid #171b1628;border-radius:3px;padding:1.2rem;box-shadow:0 8px 22px -20px #171b1666}
#main .practice-choice .chapter-art--library,#main .program-library .chapter-art--choice{width:100%;max-width:none;margin:0 0 1.4rem;background:var(--world-hero);padding:.65rem}
#main .program-library{grid-template-columns:repeat(2,minmax(0,1fr))}
#main :is(.record,.plan-summary,.daily-focus)[data-practice-surface]{background:var(--world-surface);border:1px solid #171b1625;border-left:4px solid var(--world-accent);padding:clamp(1rem,2.5vw,1.8rem)}
#main .record .chapter-art--thumb{width:80px;flex:0 0 80px}
.practice-art-flight{position:fixed;z-index:90;object-fit:contain;pointer-events:none;transform-origin:0 0;border-radius:0}
/* Quiet while reading active steps or playing practice audio; no looping motion. */
body[data-practice-quiet]{background:#f4efe6}
#main[data-practice-quiet]::before{display:none}
#main[data-practice-quiet] .practice-runner{background:#faf7f0;border-top:3px solid var(--world-accent);box-shadow:none}
@media(min-width:1600px){#main .start-practice-grid,#main .practice-library:not(.is-compact),#main .program-library{grid-template-columns:repeat(3,minmax(0,1fr))}main:has(.start-practice-grid){max-width:1600px}}
@media(max-width:700px){
 #main .start-practice-grid,#main .practice-library:not(.is-compact),#main .program-library{grid-template-columns:1fr}
 #main[data-practice-world] :is(.chapter-heading,.guided-heading):has(>[data-practice-art]){grid-template-columns:1fr}
 #main[data-practice-world] :is(.chapter-heading,.guided-heading)>[data-practice-art]{order:-1;position:static;width:auto;max-width:none;border:0;padding:.75rem}
 #main[data-practice-world] :is(.chapter-heading,.guided-heading)>div:first-child{padding:1.4rem}
 #main[data-practice-world] :is(.chapter-heading,.guided-heading) .eyebrow{padding:0;min-height:0}
 #main[data-practice-world] :is(.chapter-heading,.guided-heading)::before{inset:0}
 #main[data-practice-world] :is(.chapter-heading,.guided-heading) :is(h1,h2){font-size:clamp(1.8rem,7.5vw,2.5rem);max-width:none}
 #main .start-practice-header{padding:1.25rem 1.2rem 0}
 #main .start-practice-focus{padding:0 1.2rem}
 #main .start-practice-about{margin-left:1.2rem;margin-right:1.2rem}
 #main .start-practice-action{margin-left:1.2rem;margin-right:1.2rem}
 #main[data-practice-world] .entry-heading{grid-template-columns:minmax(0,1fr) 64px;gap:1rem}
 #main[data-practice-world] .entry-heading .chapter-art{width:64px}
}
@media(max-width:360px){#main .start-practice-action{grid-template-columns:1fr}#main .start-practice-action>.primary{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.practice-art-flight{display:none}#main [data-practice-surface] *,#main[data-practice-world] *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){#main .world-art-open:focus-visible{outline-color:Highlight;box-shadow:none}}
@media print{body[data-practice-world],#main[data-practice-world] .panel,#main [data-practice-surface]{background:white!important;color:black!important;box-shadow:none!important}#main[data-practice-world]::before,#main[data-practice-world] :is(.chapter-heading,.guided-heading)::before,.practice-art-flight{display:none}#main[data-practice-world] :is(.chapter-heading,.guided-heading):has(>[data-practice-art]){display:block;color:black;background:white;box-shadow:none}#main[data-practice-world] :is(.chapter-heading,.guided-heading)>[data-practice-art]{display:none}}