/* Země (Earth Systems): barva skupiny, úrovně, štítky modelu, mise, Aha!, modal „Otevři fyziku“. Jen logické vlastnosti (RTL). Čitelnost před efektem. */
body[data-grp=earth]{--grp:#46a8ff}

/* úrovně: sekce a bloky s data-min vyšší úrovně se skryjí (hodnoty ovladačů zůstávají, takže se konfigurace při přepnutí neztratí) */
body[data-elvl=all] [data-min=hs],body[data-elvl=all] [data-min=uni],body[data-elvl=hs] [data-min=uni]{display:none !important}

/* přepínač úrovně v horní části panelu */
.e-top .btnrow{align-items:stretch}
.e-top .btn.e-lv{flex:1 1 0;min-inline-size:0;font-size:12.5px;padding:7px 4px;line-height:1.2}
.e-top .btn.on{background:color-mix(in srgb,var(--grp) 30%,#0b1320);border-color:var(--grp);color:#fff;font-weight:700}
.e-top .btn.e-pause.on{background:color-mix(in srgb,var(--warn) 30%,#0b1320);border-color:var(--warn)}
.e-time{font-variant-numeric:tabular-nums}

/* štítky modelu: výpočet / aproximace / ilustrace nesou význam textem i tvarem, ne jen barvou */
.e-tag{display:inline-block;border:1px solid currentColor;border-radius:999px;padding:0 7px;font-size:11px;line-height:1.5;letter-spacing:.02em;white-space:nowrap;vertical-align:baseline}
.e-calc{color:#56e3c0}.e-calc::before{content:"● "}
.e-approx{color:#ffc14d}.e-approx::before{content:"◐ "}
.e-illus{color:#c9a0ff}.e-illus::before{content:"○ "}

/* mise */
.e-mission{border:1px solid color-mix(in srgb,var(--grp) 45%,var(--line));border-radius:10px;padding:8px 10px;background:color-mix(in srgb,var(--grp) 7%,transparent)}
.e-mt{font-weight:700;color:#fff;line-height:1.4}
.e-ms{margin-block-start:6px;font-size:12.5px;color:var(--mute)}.e-ms.ok{color:#56e3c0;font-weight:700}
.e-mbar{height:5px;border-radius:3px;background:rgba(120,160,230,.18);margin-block-start:5px;overflow:hidden}.e-mbar i{display:block;height:100%;background:var(--grp)}

/* mise napříč laboratořemi */
.e-cross{display:grid;gap:6px}
.e-step{border:1px solid var(--line);border-radius:8px;padding:6px 9px;font-size:12.5px;line-height:1.45}
.e-step.cur{border-color:var(--grp);background:color-mix(in srgb,var(--grp) 9%,transparent)}
.e-step.ok{border-color:#2a7d6a}.e-step.ok>div:first-child{color:#56e3c0}
.e-stepact{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-block-start:6px}
.e-stepact .btn{font-size:12px;padding:4px 9px}
.e-synth{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mute)}
.e-bridge{border:1px dashed var(--line);border-radius:8px;padding:6px 9px;font-size:12.5px}
.e-bridge .note{font-size:11.5px;opacity:.85}
.e-crossout.ok{color:#56e3c0}.e-crossout.bad{color:var(--warn)}

/* Aha! */
.e-ahaitem{font-size:12.5px;padding:3px 0;color:var(--mute);border-bottom:1px dashed #1c2834}
.e-ahaitem.on{color:var(--ink)}

/* samotesty */
.e-tests{font-size:12px;max-block-size:240px;overflow:auto}.e-tests .ok{color:#56e3c0}.e-tests .bad{color:var(--warn)}

/* soubory */
.e-filelbl{display:block;margin-block-start:6px;font-size:12.5px;color:var(--mute)}
.e-file{display:block;inline-size:100%;margin-block-start:4px;font:inherit;font-size:12px;color:var(--ink)}

/* modal „Otevři fyziku“ */
.e-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:14px;background:rgba(2,5,10,.74);backdrop-filter:blur(3px)}
.e-card{position:relative;inline-size:min(680px,100%);max-block-size:min(640px,calc(100vh - 28px));overflow:auto;background:#0b1320;border:1px solid color-mix(in srgb,var(--grp) 50%,var(--line));border-radius:14px;padding:0 22px 18px;box-shadow:0 12px 40px rgba(0,0,0,.55)}
.e-card h3{margin:0 40px 8px 0;font-size:19px;color:#fff}[dir=rtl] .e-card h3{margin:0 0 8px 40px}
.e-x{position:absolute;inset-block-start:10px;inset-inline-end:10px;padding:4px 10px;margin:0}
.e-hd{position:sticky;inset-block-start:0;z-index:3;margin:0 -22px 10px;padding:14px 22px 8px;background:#0b1320;border-block-end:1px solid color-mix(in srgb,var(--grp) 22%,var(--line));border-radius:14px 14px 0 0}
.e-hd h3{margin:0 40px 0 0}[dir=rtl] .e-hd h3{margin:0 0 0 40px}
.e-cbody{font-size:14.5px;line-height:1.6}
.e-eq{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px;background:rgba(70,168,255,.09);border-inline-start:3px solid var(--grp);border-radius:6px;padding:8px 12px;margin-block:8px;overflow-x:auto;white-space:pre-wrap}
.e-unit{color:var(--mute)}

/* režim projektoru: větší písmo panelu, méně dekorací, vyšší kontrast */
body.e-proj #panel{font-size:115%}
body.e-proj .note{color:#c3d3e8;font-size:14px}
body.e-proj .sec{border-color:#5d7ea8}
body.e-proj .btn{font-size:15px;padding:10px 12px}
body.e-proj .e-tag{font-size:12.5px}

@media (prefers-reduced-motion: reduce){.e-mbar i{transition:none}}