/* Geometry remains crisp SVG; decorative nodes are reused by the lesson clock. */
#modal-card .sky-schema-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:6px 12px;border-block:1px solid #7abdd91a;background:linear-gradient(110deg,#12302b55,#17142b55)}
#modal-card .sky-schema-tools .sky-layer-drawer{flex:1;min-width:160px;margin:0;border:0}
#modal-card .sky-schema-tools .sky-layer-drawer summary{min-height:36px;display:flex;align-items:center;font-size:11px;cursor:pointer}
#modal-card .sky-effect-choice{display:flex;align-items:center;gap:10px;font:500 11px Inter,system-ui,sans-serif;color:#b8d0e1;white-space:nowrap}
#modal-card #sky-lab-effects{max-width:160px;min-height:36px;border:1px solid #5985a460;border-radius:10px;background:#0b1d30;color:#dcf8f4;padding:6px 9px;font:inherit;cursor:pointer}
#modal-card #sky-lab-effects:focus-visible{outline:2px solid #7fffe0;outline-offset:3px}
#modal-card #sky-lab-effects:disabled{opacity:.65;cursor:default}
#modal-viewport svg[data-effects]{--schema-light:#6cffe4;--schema-soft:#52ddc3;--schema-gold:#ffd580;--schema-rose:#ff8caf}
#modal-viewport svg[data-direction="bear"][data-effects]{--schema-light:#ff9ac1;--schema-soft:#dc78b6}
.sky-schema-effects{pointer-events:none}
.sky-schema-trail{stroke-width:6;stroke-linecap:round;stroke-linejoin:round;opacity:.45}
.sky-schema-head-halo{fill:var(--schema-soft);opacity:.12}
.sky-schema-head-ring{fill:none;stroke:var(--schema-light);stroke-width:1.5;opacity:.8}
.sky-schema-head-core{fill:#f0fffc;stroke:var(--schema-light);stroke-width:1.3}
.sky-schema-arrival{stroke:var(--schema-light);stroke-width:1.6}
.sky-schema-selection{color:var(--schema-gold);stroke:currentColor;stroke-width:1.4;opacity:.95}
#modal-viewport svg[data-effects="expressive"] .sky-schema-trail{stroke-width:9;opacity:.5;filter:drop-shadow(0 0 3px #73ffdf66)}
#modal-viewport svg[data-effects="expressive"] .sky-schema-head-halo{opacity:.22}
#modal-viewport svg[data-effects="expressive"][data-effects-moving="true"] .sky-schema-head-ring{animation:sky-head-beacon 1.3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
#modal-viewport svg[data-effects-moving="false"] .sky-schema-head-ring{animation:none}
#modal-viewport svg[data-effects]:not([data-effects="off"])[data-schema-step="2"] .sky-schema-region{fill:#7c9cff;opacity:.13}
#modal-viewport svg[data-effects]:not([data-effects="off"])[data-schema-step="3"] path[data-layer="confirmation"]{stroke:var(--schema-gold);stroke-width:2.6}
#modal-viewport svg[data-effects]:not([data-effects="off"])[data-schema-step="4"] path[data-layer="invalidation"],#modal-viewport svg[data-effects]:not([data-effects="off"])[data-schema-step="4"] [data-layer="invalidation"] .sky-anatomy-guide{stroke:var(--schema-rose);stroke-width:2.2}
#modal-viewport svg[data-effects]:not([data-effects="off"])[data-schema-step="4"] path[data-layer="target"],#modal-viewport svg[data-effects]:not([data-effects="off"])[data-schema-step="4"] [data-layer="target"] .sky-anatomy-guide{stroke:var(--schema-gold);stroke-width:2.2}
#modal-viewport svg[data-effects] .sky-anatomy-point[aria-pressed="true"] .sky-anchor-label{fill:#ffe2a5;font-weight:700}
#modal-viewport svg[data-effects] .sky-anatomy-point[aria-pressed="true"] .sky-anchor-core{fill:#fff4cf;stroke:#ffd580}
#modal-card[data-lesson-phase="opening"]{animation:sky-lesson-arrive 280ms cubic-bezier(.2,.75,.2,1)}
#modal-card[data-lesson-effects="off"]{animation:none}
@keyframes sky-head-beacon{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.28)}}
@keyframes sky-lesson-arrive{from{transform:translateY(9px) scale(.992)}to{transform:translateY(0) scale(1)}}
@media(max-width:760px){
 #modal-card .sky-schema-tools{gap:6px;padding:6px 10px}
 #modal-card .sky-schema-tools .sky-layer-drawer{min-width:120px}
 #modal-card .sky-effect-choice{font-size:10px;gap:6px}
 #modal-card #sky-lab-effects{min-height:40px;max-width:143px;padding:5px 7px}
 #modal-card .sky-effect-choice>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #modal-card .sky-schema-tools:has(.sky-layer-drawer[open]){align-items:flex-start}
 #modal-card .sky-schema-tools .sky-layer-drawer[open]{flex-basis:100%;order:2}
 #modal-card .sky-schema-tools .sky-layer-drawer summary{min-height:40px;font-size:11px}
 #modal-card #modal-viewport[data-sky-mode="schema"]{min-height:320px;height:clamp(320px,45svh,480px)}
}
@media(max-height:520px) and (orientation:landscape){#modal-card .sky-schema-tools{padding:2px 10px}#modal-card #sky-lab-effects{min-height:30px}#modal-card #modal-viewport[data-sky-mode="schema"]{min-height:180px;height:45svh}}
@media(prefers-reduced-motion:reduce){#modal-card[data-lesson-phase],#modal-viewport svg[data-effects] .sky-schema-head-ring{animation:none!important}#modal-viewport .sky-schema-trail,#modal-viewport .sky-schema-head,#modal-viewport .sky-schema-arrival{display:none!important}}
#modal-card[data-practice="true"] .sky-schema-tools,#modal-card[data-examples="true"] .sky-schema-tools,#modal-card[data-comparing="true"] .sky-schema-tools{display:none!important}
#modal-card:not([data-lesson-mode="schematic"]) .sky-effect-choice{display:none}