/* Static surface, light and contour. Approved paintings remain unmodified. */
:is(body[data-practice-world],[data-practice-surface]){
 --material-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23808080' opacity='.09' filter='url(%23g)' d='M0 0h140v140H0z'/%3E%3C/svg%3E");
 --material-weave:repeating-linear-gradient(2deg,#ffffff04 0 1px,transparent 1px 6px);
 --world-light:radial-gradient(ellipse at 18% 0,#fff8,transparent 70%);
 --world-signature:linear-gradient(90deg,transparent 12%,var(--world-accent) 12% 88%,transparent 88%);
 --control-primary:color-mix(in srgb,var(--world-accent) 48%,#171b16);
 --control-primary-hover:color-mix(in srgb,var(--world-accent) 60%,#171b16);
 --control-primary-ink:#fffaf2;
 --control-bg:var(--world-surface);--control-hover:var(--world-field);--control-ink:#292f26;--control-border:var(--world-accent);
}
:is([data-practice-world=E01],[data-practice-surface=E01]){--world-light:linear-gradient(90deg,transparent 20%,#fff8 45% 55%,transparent 80%);--world-signature:linear-gradient(90deg,var(--world-accent) 0 39%,transparent 39% 61%,var(--world-accent) 61%)}
:is([data-practice-world=E02],[data-practice-surface=E02]){--world-light:radial-gradient(ellipse at 100% 0,#dfc89e30,transparent 70%);--world-signature:radial-gradient(ellipse at 0 50%,transparent 58%,var(--world-accent) 60% 66%,transparent 68%)}
:is([data-practice-world=THIRD-EYE],[data-practice-surface=THIRD-EYE]){--world-light:linear-gradient(108deg,transparent 40%,#f9dd9e1c 56%,#f9dd9e32 59%,transparent 69%);--world-signature:linear-gradient(108deg,transparent 40%,var(--world-accent) 43% 50%,transparent 53%)}
:is([data-practice-world=E03],[data-practice-surface=E03]){--world-light:radial-gradient(ellipse at 4% 100%,#fff0c240,transparent 78%);--world-signature:linear-gradient(0deg,var(--world-accent) 0 12%,transparent 12% 60%,var(--world-accent) 60% 70%,transparent 70%)}
:is([data-practice-world=E04],[data-practice-surface=E04]){--world-light:radial-gradient(ellipse at 0 32%,#fff9,transparent 75%);--world-signature:radial-gradient(ellipse at 50% 110%,transparent 61%,var(--world-accent) 63% 70%,transparent 72%)}
:is([data-practice-world=E05],[data-practice-surface=E05]){--world-light:radial-gradient(ellipse at 100% 0,#fff2d266,transparent 75%);--world-signature:radial-gradient(ellipse at 60% -20%,transparent 59%,var(--world-accent) 61% 70%,transparent 72%)}
:is([data-practice-world=E06],[data-practice-surface=E06]){--world-light:radial-gradient(ellipse at 50% 10%,#fff9,transparent 85%);--world-signature:radial-gradient(ellipse at 50% 130%,transparent 46%,var(--world-accent) 48% 53%,transparent 55% 70%,var(--world-accent) 72% 77%,transparent 79%)}
:is([data-practice-world=E07],[data-practice-surface=E07]){--world-light:linear-gradient(160deg,#ead5a526,transparent 60%);--world-signature:linear-gradient(167deg,transparent 44%,var(--world-accent) 46% 50%,transparent 52%)}
:is([data-practice-world=E08],[data-practice-surface=E08]){--world-light:radial-gradient(ellipse at 48% 42%,#fff9,transparent 80%);--world-signature:radial-gradient(circle at 50% 50%,var(--world-accent) 0 2px,transparent 3px)}
:is([data-practice-world=E09],[data-practice-surface=E09]){--world-light:linear-gradient(125deg,#d4ecd71c,transparent 60%);--world-signature:linear-gradient(120deg,transparent 25%,var(--world-accent) 27% 30%,transparent 32% 65%,var(--world-accent) 67% 70%,transparent 72%)}
:is([data-practice-world=E10],[data-practice-surface=E10]){--world-light:linear-gradient(90deg,#f0bc7e24,transparent 70%);--world-signature:linear-gradient(90deg,transparent 18%,var(--world-accent) 18% 22%,transparent 22% 76%,var(--world-accent) 76% 79%,transparent 79%)}
:is([data-practice-world=E11],[data-practice-surface=E11]){--world-light:radial-gradient(ellipse at 80% 100%,#f7d69c22,transparent 80%);--world-signature:linear-gradient(0deg,transparent 20%,var(--world-accent) 20% 28%,transparent 28% 66%,var(--world-accent) 66% 73%,transparent 73%)}

[data-practice-composition=grounded]{--material-weave:linear-gradient(125deg,#ffffff04,transparent 48%,#171b1603)}
[data-practice-composition=open]{--material-weave:repeating-linear-gradient(91deg,#ffffff06 0 1px,transparent 1px 9px)}

/* One themed gallery surface; the title belongs to the same space as the art. */
#main .start-practice-card{background:var(--world-field);border:0;box-shadow:0 16px 30px -28px #171b1655;overflow:hidden}
#main .start-practice-card .world-art-open{padding:1rem 1rem 0;border:0;background:var(--world-light),var(--world-hero);box-shadow:none}
#main .start-practice-card .world-art-open:hover{background:var(--world-light),var(--world-hero);box-shadow:inset 0 0 0 2px var(--world-accent)}
#main .start-practice-card .chapter-art--choice{box-shadow:0 6px 14px -10px #0008}
#main .start-practice-header{position:relative;isolation:isolate;padding:1.5rem 1.5rem 1rem;min-height:8.4rem;background:var(--world-hero);color:var(--world-title)}
#main .start-practice-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--material-grain),var(--material-weave);background-size:140px 140px,auto}
#main .start-practice-header :is(h3,.eyebrow){color:inherit}
#main .start-practice-focus{padding-top:1.25rem;margin-bottom:1.25rem}
#main .start-practice-about summary{background:color-mix(in srgb,var(--world-field) 45%,var(--world-surface));border-color:color-mix(in srgb,var(--world-accent) 50%,transparent)}
#main .start-practice-action>.primary{background:var(--control-primary);color:var(--control-primary-ink);border-color:var(--control-primary);box-shadow:inset 0 1px 0 #ffffff22,0 3px 8px #171b1612}
#main .start-practice-action>.primary:hover{background:var(--control-primary-hover);border-color:var(--control-primary-hover)}
#main .start-practice-action>button:not(.primary){background:var(--world-surface);border-color:var(--world-accent);color:#292f26}
#main .start-practice-action>button:not(.primary):hover{background:var(--world-field)}
#main .start-practice-card :is(button,summary):focus-visible{outline:3px solid #171b16;outline-offset:3px}
#main .start-practice-card .world-art-open:focus-visible{outline:3px solid #fffaf2;outline-offset:-5px;box-shadow:inset 0 0 0 2px #171b16}

/* Material is on the frame and perimeter, never across reading text or artwork. */
body[data-practice-world]::before{background-image:var(--world-light),var(--world-atmosphere),var(--material-grain);background-size:auto,auto,140px 140px;opacity:.72}
#main[data-practice-world] :is(.chapter-heading,.guided-heading):has(>[data-practice-art]){background:var(--world-light),var(--world-hero);box-shadow:0 12px 26px -26px #171b1670}
#main[data-practice-composition=open] :is(.chapter-heading,.guided-heading):has(>[data-practice-art]){background:var(--world-light),var(--world-field)}
#main[data-practice-world] :is(.chapter-heading,.guided-heading):has(>[data-practice-art])::before{inset:0;border:0;border-radius:0;transform:none;box-shadow:none;background-image:var(--material-grain),var(--material-weave);background-size:140px 140px,auto;opacity:.6;z-index:-1}
#main[data-practice-world] :is(.chapter-heading,.guided-heading)>[data-practice-art]{padding:0;border:0;background:transparent;box-shadow:none}
#main[data-practice-world] :is(.chapter-heading,.guided-heading)>[data-practice-art] img{box-shadow:0 9px 22px -20px #0008}
#main[data-practice-composition=grounded] :is(.chapter-heading,.guided-heading)>[data-practice-art]{width:100%;padding:0}
#main[data-practice-composition=grounded] :is(.chapter-heading,.guided-heading)>div:first-child{margin:1.5rem 0 1.5rem -1.5rem;border:0;box-shadow:0 10px 24px -24px #171b1680}
#main[data-practice-composition=grounded] :is(.chapter-heading,.guided-heading)>[data-practice-art] img{padding-right:1.5rem}

/* A small static contour keeps each space recognizable below the entrance. */
#main[data-practice-world] :is(#complete-instructions,#room-session-controls,.entry-heading){position:relative}
#main[data-practice-world] :is(#complete-instructions,#room-session-controls,.entry-heading)::after{content:"";position:absolute;top:0;right:1.4rem;transform:translateY(-50%);width:72px;height:18px;background-image:var(--world-signature);background-color:var(--world-surface);background-repeat:no-repeat;border-inline:8px solid var(--world-surface);box-sizing:content-box;pointer-events:none;opacity:.8}
#main[data-practice-world] .audio-current{background:linear-gradient(110deg,color-mix(in srgb,var(--world-field) 92%,var(--world-accent)),var(--world-field));border-color:color-mix(in srgb,var(--world-accent) 30%,transparent);box-shadow:0 8px 20px -24px #171b1655}
#main[data-practice-world] .audio-current .practice-audio-art{padding:0;border:0;background:transparent;box-shadow:0 4px 12px -12px #0008}
body[data-practice-phase=practice]::before{opacity:.3}

@media(max-width:700px){
 #main .start-practice-header{padding:1.3rem 1.2rem 1rem;min-height:0}
 #main .start-practice-card .world-art-open{padding:.75rem .75rem 0}
 #main[data-practice-world] :is(.chapter-heading,.guided-heading)>[data-practice-art]{padding:0}
 #main[data-practice-composition=grounded] :is(.chapter-heading,.guided-heading)>div:first-child{margin:0;padding:1rem;border:0;box-shadow:none}
 #main[data-practice-composition=grounded] :is(.chapter-heading,.guided-heading)>[data-practice-art] img{padding:0}
 body[data-practice-world]::before{opacity:.45}
 #main[data-practice-world] :is(#complete-instructions,#room-session-controls,.entry-heading)::after{width:48px;height:14px;right:1rem}
}
@media(prefers-reduced-motion:reduce){body[data-practice-world]{animation:none!important;transition:none!important}}
@media(forced-colors:active){
 body[data-practice-world]::before,#main[data-practice-world] :is(.chapter-heading,.guided-heading)::before,#main .start-practice-header::before,#main[data-practice-world] :is(#complete-instructions,#room-session-controls,.entry-heading)::after{display:none}
 #main .start-practice-card,#main .start-practice-header{background:Canvas;color:CanvasText;border:1px solid CanvasText}
 #main .start-practice-card :is(button,summary):focus-visible{outline-color:Highlight}
}
@media print{body[data-practice-world]::before,#main .start-practice-header::before,#main[data-practice-world] :is(#complete-instructions,#room-session-controls,.entry-heading)::after{display:none}#main .start-practice-card,#main .start-practice-header{background:white;color:black;box-shadow:none}}