/* ErfolgsAzubi Prüfungsdaten – Prüfungssimulation und Klassenmodus (33.15). Tokens stehen in ea-pd.css auf body; jede
   Farbe trägt ihren literalen Rückfallwert (dev/tests/test_css_rueckfall.js). Präfixe ea-sim__ (Einzelspiel) und
   ea-kl__ (Klassenmodus). Der Fokusmodus ist ein <dialog> im Top-Layer: kein Theme-Header, kein transformierter
   Vorfahr, kein z-index-Krieg. Alle Knöpfe setzen Schrift, Farbe und Hintergrund ausdrücklich, damit die globalen
   Theme-Regeln (button:hover blau o. ä.) nicht durchschlagen. */

/* ---------- Grundreset für alles, was das Theme an Knöpfen erbt ---------- */
.ea-sim button,.ea-sim__overlay button,.ea-sim__intro button{-webkit-appearance:none;appearance:none;font-family:inherit;text-transform:none;letter-spacing:normal;text-decoration:none;box-shadow:none;margin:0;text-shadow:none}
.ea-sim button:focus,.ea-sim__overlay button:focus{outline:none}
.ea-sim button:focus-visible,.ea-sim__overlay button:focus-visible,.ea-sim__overlay input:focus-visible,.ea-sim__overlay [tabindex]:focus-visible{outline:3px solid var(--ea-orange,#FF9D3F);outline-offset:2px}
.ea-sim__overlay *,.ea-sim__overlay *::before,.ea-sim__overlay *::after{box-sizing:border-box}

/* ---------- Startbildschirm ---------- */
.ea-sim{margin:1.2em 0 0}
.ea-sim__meldung{background:var(--ea-hell,#F4F6FB);border-left:4px solid var(--ea-navy,#0A1E3F);border-radius:12px;padding:12px 16px;margin:0 0 1em;color:var(--ea-text,#1E1E2F)}
.ea-sim__meldung--fehler{border-left-color:var(--ea-rot,#B3261E)}
.ea-sim__meldung--laden{border-left-color:var(--ea-orange,#FF9D3F)}
.ea-sim__hinweisbox{margin:0 0 1.2em;padding:12px 16px;border-radius:14px;background:var(--ea-hell,#F4F6FB);color:var(--ea-grau,#5B6373);font-size:.93rem;line-height:1.5;border:1px solid var(--ea-linie,#D6DEEC)}
.ea-sim .ea-sim__link{background:none;border:0;padding:0;color:var(--ea-navy,#0A1E3F);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.ea-sim__fortsetzen,.ea-sim__herausforderung{background:#fff;color:var(--ea-text,#1E1E2F);border:1.5px solid var(--ea-orange,#FF9D3F);border-radius:18px;padding:16px 20px;margin:0 0 1.2em;box-shadow:0 8px 30px rgba(10,30,63,.08)}
.ea-sim__fortsetzen p,.ea-sim__herausforderung p{margin:0 0 .8em;color:var(--ea-text,#1E1E2F);font-weight:600}
.ea-sim__zeile{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.ea-sim__kopfzeile{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 1.2em}
.ea-sim__label{font-weight:700;color:var(--ea-navy,#0A1E3F)}
.ea-sim__teile{display:inline-flex;gap:4px;background:var(--ea-hell,#F4F6FB);border:1px solid var(--ea-linie,#D6DEEC);border-radius:999px;padding:4px}
.ea-sim .ea-sim__teil{font:inherit;font-weight:600;border:0;border-radius:999px;padding:.5em 1.15em;background:transparent;color:var(--ea-navy,#0A1E3F);cursor:pointer;transition:background .18s,color .18s}
.ea-sim .ea-sim__teil.ist-aktiv{background:var(--ea-navy,#0A1E3F);color:#fff}
.ea-sim__select{font:inherit;padding:.5em .9em;border:1.5px solid var(--ea-linie,#D6DEEC);border-radius:12px;background:#fff;color:var(--ea-text,#1E1E2F)}
.ea-sim__tagespruefung{display:flex;align-items:center;gap:.5em;margin:.8em 0 1.2em;color:var(--ea-grau,#5B6373);font-size:.93rem}
.ea-sim__karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:0 0 .6em}
.ea-sim__karte{background:#fff;border:1.5px solid var(--ea-linie,#D6DEEC);border-radius:20px;padding:20px 20px 18px;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 30px rgba(10,30,63,.06);transition:transform .2s,box-shadow .2s}
.ea-sim__karte:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(10,30,63,.12)}
.ea-sim__karte--check{border-color:var(--ea-orange,#FF9D3F);background:linear-gradient(180deg,#FFF8F0 0%,#fff 60%)}
.ea-sim__karte--klasse{border-color:var(--ea-navy,#0A1E3F);background:linear-gradient(180deg,var(--ea-hell,#F4F6FB) 0%,#fff 70%)}
.ea-sim .ea-sim__karte-titel{margin:0;font-size:1.15rem;font-weight:800;color:var(--ea-navy,#0A1E3F);letter-spacing:-.01em}
.ea-sim__karte-zeile{margin:0;color:var(--ea-text,#1E1E2F);font-size:.97rem;line-height:1.45;font-weight:600}
.ea-sim__karte-unten{margin:0;font-size:.86rem;line-height:1.45;color:var(--ea-grau,#5B6373)}
.ea-sim__karte .ea-pd__btn{margin-top:auto;align-self:flex-start}
.ea-sim__stand{background:var(--ea-hell,#F4F6FB);border-radius:20px;padding:20px 22px;margin:1.2em 0 1em}
.ea-sim__level{margin:0 0 .5em;color:var(--ea-text,#1E1E2F)}
.ea-sim__level span{color:var(--ea-grau,#5B6373);font-size:.92rem}
.ea-sim__balken{height:10px;border-radius:999px;background:#fff;border:1px solid var(--ea-linie,#D6DEEC);overflow:hidden;margin:0 0 .8em}
.ea-sim__balken span{display:block;height:100%;background:linear-gradient(90deg,var(--ea-orange,#FF9D3F),#FF7A1A);border-radius:999px;transition:width .6s ease}
.ea-sim__serie{margin:0 0 .8em;color:var(--ea-grau,#5B6373)}
.ea-sim__serie.ist-aktiv{color:var(--ea-navy,#0A1E3F);font-weight:700}
.ea-sim__abzeichen{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 1em}
.ea-sim__abz{display:inline-block;border:1px dashed var(--ea-linie,#D6DEEC);border-radius:999px;padding:.3em .8em;font-size:.82rem;color:var(--ea-grau,#5B6373);background:#fff}
.ea-sim__abz.ist-da{border-style:solid;border-color:var(--ea-orange,#FF9D3F);color:var(--ea-navy,#0A1E3F)}
.ea-sim__abz.ist-da::before{content:"🏅 "}
.ea-sim .ea-sim__h4,.ea-sim__overlay .ea-sim__h4{font-size:1rem;font-weight:800;color:var(--ea-navy,#0A1E3F);margin:.6em 0 .4em}
.ea-sim__laeufe{list-style:none;padding:0;margin:0;font-size:.92rem;color:var(--ea-text,#1E1E2F)}
.ea-sim__laeufe li{padding:.35em 0;border-top:1px solid var(--ea-linie,#D6DEEC)}
.ea-sim__speicher{margin:1em 0 0;border-top:1px solid var(--ea-linie,#D6DEEC);padding-top:.6em}
.ea-sim__speicher summary{cursor:pointer;font-weight:700;color:var(--ea-navy,#0A1E3F);padding:.3em 0}
.ea-sim__code{width:100%;font:inherit;font-size:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;border:1.5px solid var(--ea-linie,#D6DEEC);border-radius:10px;padding:8px 10px;margin:.6em 0;resize:vertical;background:#fff;color:var(--ea-text,#1E1E2F);box-sizing:border-box}
.ea-sim__speicher-meld{margin:0;color:var(--ea-gruen,#1E7A3A)}
.ea-sim__startkarte{margin:1em 0}
.ea-sim__startkarte .ea-pd__btn{margin-top:.6em}

/* ---------- Intro ---------- */
.ea-sim__intro{position:fixed;inset:0;z-index:100001;background:rgba(10,30,63,.62);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;padding:0}
.ea-sim__intro-karte{background:#fff;color:var(--ea-text,#1E1E2F);border-radius:26px 26px 0 0;padding:26px 24px calc(22px + env(safe-area-inset-bottom));width:100%;max-width:640px;max-height:92vh;overflow:auto;box-shadow:0 -20px 60px rgba(10,30,63,.35);animation:ea-sim-hoch .35s cubic-bezier(.2,.8,.2,1)}
.ea-sim__intro-marke{margin:0 0 .4em;font-weight:800;color:var(--ea-orange,#FF9D3F);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}
.ea-sim__intro .ea-sim__intro-titel{margin:0 0 .6em;font-size:1.5rem;font-weight:800;color:var(--ea-navy,#0A1E3F);letter-spacing:-.01em}
.ea-sim__intro p{margin:0 0 .8em;line-height:1.55}
.ea-sim__intro-schluss{font-weight:700;color:var(--ea-navy,#0A1E3F)}
.ea-sim__intro-regeln{margin:0 0 1.2em;padding-left:1.2em;color:var(--ea-grau,#5B6373);font-size:.93rem;line-height:1.5}
.ea-sim__intro-regeln li{margin:0 0 .35em}
.ea-sim__intro .ea-sim__intro-knopf{width:100%;justify-content:center}
@media (min-width:700px){.ea-sim__intro{align-items:center;padding:24px}.ea-sim__intro-karte{border-radius:26px;padding:34px 36px}}

/* ---------- Fokusmodus (dialog im Top-Layer) ---------- */
html.ea-sim--fokus{overflow:hidden}
dialog.ea-sim__overlay,.ea-sim__overlay.ist-ohne-dialog{position:fixed;inset:0;width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;z-index:100000;overflow:hidden;background:var(--ea-hell,#F4F6FB);color:var(--ea-text,#1E1E2F);display:flex;flex-direction:column;font-size:1rem;line-height:1.5}
dialog.ea-sim__overlay:not([open]){display:none}
dialog.ea-sim__overlay::backdrop{background:rgba(10,30,63,.5)}
.ea-sim__kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;background:var(--ea-navy,#0A1E3F);color:#fff;flex:0 0 auto}
.ea-sim__kopf-links,.ea-sim__kopf-rechts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;min-width:0}
.ea-sim__bereich{font-weight:800;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw;letter-spacing:-.01em}
.ea-sim__nr,.ea-sim__abwahl-zaehler,.ea-sim__punkte{font-size:.9rem;opacity:.9}
.ea-sim__zeit{font-variant-numeric:tabular-nums;font-weight:800;font-size:1.15rem;background:rgba(255,255,255,.14);border-radius:999px;padding:.2em .8em}
.ea-sim__zeit .ist-knapp{color:var(--ea-orange,#FF9D3F)}
.ea-sim__zeit .ist-sehr-knapp{color:#FFB08A;animation:ea-sim-puls 1s infinite}
@keyframes ea-sim-puls{50%{opacity:.55}}
.ea-sim__fortschritt{height:4px;background:rgba(10,30,63,.12);flex:0 0 auto}
.ea-sim__fortschritt span{display:block;height:100%;background:var(--ea-orange,#FF9D3F);transition:width .3s}
.ea-sim__live{position:absolute;left:50%;transform:translateX(-50%);top:calc(64px + env(safe-area-inset-top));background:var(--ea-navy,#0A1E3F);color:#fff;padding:.55em 1.1em;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .25s;z-index:3;max-width:90vw;text-align:center;font-weight:700;box-shadow:0 10px 30px rgba(10,30,63,.3)}
.ea-sim__live.ist-sichtbar{opacity:1}
.ea-sim__buehne{flex:1;display:flex;min-height:0;position:relative}
.ea-sim__body{flex:1;min-width:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:18px 16px 30px}
.ea-sim__body>*{max-width:820px;margin-left:auto;margin-right:auto}
.ea-sim__body.ist-abgewaehlt .ea-sim__frage,.ea-sim__body.ist-abgewaehlt .ea-sim__optionen{opacity:.5}
.ea-sim__frage{background:#fff;border-radius:20px;padding:18px 22px;box-shadow:0 8px 28px rgba(10,30,63,.08);margin:0 auto 14px;outline:none}
.ea-sim__frage-nr{margin:0 0 .4em;font-size:.8rem;font-weight:700;color:var(--ea-grau,#5B6373);text-transform:uppercase;letter-spacing:.05em}
.ea-sim__hinweis{margin:0 0 .6em;font-size:.85rem;color:var(--ea-gelb,#9A5A12);font-weight:600}
.ea-sim__fragetext{font-size:1.08rem;color:var(--ea-text,#1E1E2F);overflow-wrap:anywhere}
.ea-sim__fragetext p{margin:0 0 .6em}
.ea-sim__fragetext img{max-width:100%;height:auto;max-height:40vh;object-fit:contain;display:block;margin:.6em 0;border-radius:10px;cursor:zoom-in;background:#fff}
.ea-sim__fragetext table{border-collapse:collapse;margin:.6em 0;font-size:.95rem;max-width:100%}
.ea-sim__fragetext td,.ea-sim__fragetext th{border:1px solid var(--ea-linie,#D6DEEC);padding:.3em .6em}
.ea-sim__overlay .ea-sim__zeichnung-knopf{display:inline-flex;align-items:center;gap:.5em;margin:.4em 0 0;padding:.5em .9em;border-radius:999px;border:1.5px solid var(--ea-navy,#0A1E3F);background:#fff;color:var(--ea-navy,#0A1E3F);font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}
.ea-sim__overlay .ea-sim__zeichnung-knopf.ist-aktiv{background:var(--ea-navy,#0A1E3F);color:#fff}
.ea-sim__optionen{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0 auto}
.ea-sim__overlay .ea-sim__option{display:flex;align-items:flex-start;gap:12px;width:100%;max-width:100%;min-width:0;text-align:left;font:inherit;font-size:1rem;line-height:1.45;min-height:56px;padding:12px 14px;border:2px solid var(--ea-linie,#D6DEEC);border-radius:16px;background:#fff !important;color:var(--ea-text,#1E1E2F) !important;cursor:pointer;white-space:normal;overflow-wrap:anywhere;transition:border-color .15s,transform .15s,box-shadow .15s}
.ea-sim__overlay .ea-sim__option:hover:not([disabled]){border-color:var(--ea-navy,#0A1E3F);transform:translateY(-1px);box-shadow:0 6px 18px rgba(10,30,63,.1)}
.ea-sim__overlay .ea-sim__option[disabled]{cursor:default}
.ea-sim__overlay .ea-sim__option.ist-gewaehlt{border-color:var(--ea-navy,#0A1E3F);background:var(--ea-navy,#0A1E3F) !important;color:#fff !important}
.ea-sim__overlay .ea-sim__option.ist-richtig{border-color:var(--ea-gruen,#1E7A3A);background:#E8F5EC !important;color:var(--ea-text,#1E1E2F) !important}
.ea-sim__overlay .ea-sim__option.ist-falsch{border-color:var(--ea-rot,#B3261E);background:#FBEAE8 !important;color:var(--ea-text,#1E1E2F) !important}
.ea-sim__buchstabe{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;background:var(--ea-hell,#F4F6FB);color:var(--ea-navy,#0A1E3F)}
.ea-sim__overlay .ea-sim__option.ist-gewaehlt .ea-sim__buchstabe{background:var(--ea-orange,#FF9D3F);color:var(--ea-navy,#0A1E3F)}
.ea-sim__overlay .ea-sim__option.ist-richtig .ea-sim__buchstabe{background:var(--ea-gruen,#1E7A3A);color:#fff}
.ea-sim__overlay .ea-sim__option.ist-falsch .ea-sim__buchstabe{background:var(--ea-rot,#B3261E);color:#fff}
.ea-sim__optiontext{flex:1;min-width:0;padding-top:5px}
.ea-sim__optiontext img{max-width:100%;height:auto}
.ea-sim__feedback{margin:16px auto 0;border-radius:16px;padding:14px 18px;background:#fff;border-left:5px solid var(--ea-gruen,#1E7A3A);animation:ea-sim-ein .25s ease}
.ea-sim__feedback.ist-falsch{border-left-color:var(--ea-rot,#B3261E)}
.ea-sim__feedback-kopf{margin:0 0 .5em;font-size:1.05rem}
.ea-sim__plus{color:var(--ea-gruen,#1E7A3A);font-weight:800}
.ea-sim__gesperrt{margin:.6em 0 0;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,var(--ea-navy,#0A1E3F),#1B3A6B);color:#fff;box-shadow:0 10px 30px rgba(10,30,63,.22)}
.ea-sim__gesperrt-marke{margin:0 0 .25em;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ea-orange,#FF9D3F)}
.ea-sim__gesperrt-titel{margin:0 0 .3em;font-weight:800;font-size:1rem}
.ea-sim__schloss{display:inline-block;margin-right:.2em}
.ea-sim__gesperrt-text{margin:0 0 .7em;font-size:.95rem;line-height:1.45;color:rgba(255,255,255,.88)}
.ea-sim .ea-sim__gesperrt-knopf,.ea-sim__overlay .ea-sim__gesperrt-knopf{display:inline-block;margin:0;font-size:.95rem;padding:.6em 1.1em}
.ea-sim__gesperrt-kurz{margin:.5em 0 0;font-size:.9rem;color:var(--ea-navy,#0A1E3F);font-weight:700}
.ea-sim__fragetext figure{margin:.6em 0}
.ea-sim__fragetext figcaption{font-size:.8rem;color:var(--ea-grau,#5B6373);margin-top:.2em}
.ea-sim__fuss{flex:0 0 auto;background:#fff;border-top:1px solid var(--ea-linie,#D6DEEC);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
.ea-sim__fuss>*{max-width:820px;margin-left:auto;margin-right:auto}
.ea-sim__leiste{display:flex;flex-wrap:wrap;gap:6px 8px;margin:0 0 8px}
.ea-sim__overlay .ea-sim__knopf{font:inherit;font-size:.88rem;font-weight:700;padding:.45em .9em;border:1.5px solid var(--ea-linie,#D6DEEC);border-radius:999px;background:#fff !important;color:var(--ea-navy,#0A1E3F) !important;cursor:pointer;white-space:nowrap}
.ea-sim__overlay .ea-sim__knopf:hover:not([disabled]){border-color:var(--ea-navy,#0A1E3F)}
.ea-sim__overlay .ea-sim__knopf.ist-aktiv{background:var(--ea-navy,#0A1E3F) !important;border-color:var(--ea-navy,#0A1E3F);color:#fff !important}
.ea-sim__overlay .ea-sim__knopf[disabled]{opacity:.45;cursor:not-allowed}
.ea-sim__overlay .ea-sim__knopf--leise{border-color:transparent;color:var(--ea-grau,#5B6373) !important;margin-left:auto}
.ea-sim__overlay .ea-sim__knopf--werkzeug{border-color:var(--ea-orange,#FF9D3F)}
.ea-sim__nav{display:flex;justify-content:space-between;gap:10px}
.ea-sim__nav .ea-pd__btn{flex:1;justify-content:center}
.ea-sim__tastatur{margin:6px 0 0;font-size:.76rem;color:var(--ea-grau,#5B6373);text-align:center}

/* Seitenpanel: rechts ab 1100 px, sonst Vollbild über der Frage */
.ea-sim__seite{display:none;flex-direction:column;min-width:0;background:#fff;border-left:1px solid var(--ea-linie,#D6DEEC)}
.ea-sim__seite[hidden]{display:none !important}
.ea-sim__overlay.hat-panel .ea-sim__seite{display:flex}
.ea-sim__seite-kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--ea-linie,#D6DEEC);color:var(--ea-navy,#0A1E3F)}
@media (min-width:1100px){.ea-sim__overlay.hat-panel .ea-sim__seite{flex:0 0 46%;max-width:760px}}
@media (max-width:1099px){.ea-sim__seite{position:absolute;inset:0;z-index:4;border-left:0;animation:ea-sim-hoch .25s ease}}

/* Zeichnungsviewer */
.ea-sim__zv{display:flex;flex-direction:column;flex:1;min-height:0}
.ea-sim__zv-blaetter{display:flex;gap:8px;padding:10px 12px;overflow-x:auto;flex:0 0 auto;background:var(--ea-hell,#F4F6FB);border-bottom:1px solid var(--ea-linie,#D6DEEC);-webkit-overflow-scrolling:touch}
.ea-sim__overlay .ea-sim__zv-tab{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border:2px solid transparent;border-radius:12px;background:#fff !important;color:var(--ea-navy,#0A1E3F) !important;font:inherit;font-size:.72rem;font-weight:700;cursor:pointer}
.ea-sim__overlay .ea-sim__zv-tab img{width:84px;height:60px;object-fit:cover;border-radius:6px;border:1px solid var(--ea-linie,#D6DEEC);background:#fff}
.ea-sim__overlay .ea-sim__zv-tab.ist-aktiv{border-color:var(--ea-orange,#FF9D3F)}
.ea-sim__zv-flaeche{flex:1;position:relative;overflow:hidden;background:#fff;touch-action:none;cursor:grab;user-select:none;min-height:240px;outline:none}
.ea-sim__zv-flaeche:active{cursor:grabbing}
.ea-sim__zv-bild{position:absolute;left:0;top:0;transform-origin:0 0;max-width:none !important;width:auto;height:auto;pointer-events:none;image-rendering:auto;will-change:transform}
.ea-sim__zv-knoepfe{position:absolute;right:14px;bottom:56px;display:flex;flex-direction:column;gap:6px;z-index:2}
.ea-sim__zv{position:relative}
.ea-sim__overlay .ea-sim__zv-knopf{width:44px;height:44px;border-radius:50%;border:1px solid var(--ea-linie,#D6DEEC);background:#fff !important;color:var(--ea-navy,#0A1E3F) !important;font:inherit;font-size:1.3rem;font-weight:800;box-shadow:0 6px 18px rgba(10,30,63,.18);cursor:pointer}
.ea-sim__zv-hinweis{margin:0;padding:8px 14px;font-size:.78rem;color:var(--ea-grau,#5B6373);background:#fff;border-top:1px solid var(--ea-linie,#D6DEEC);flex:0 0 auto}

/* Taschenrechner */
.ea-sim__rechner{padding:14px;display:flex;flex-direction:column;gap:10px;max-width:420px;margin:0 auto;width:100%}
.ea-sim__rechner-kopf{display:flex;gap:8px;align-items:stretch}
.ea-sim__rechner-feld{flex:1;min-width:0;font:inherit;font-size:1.3rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:10px 12px;border:2px solid var(--ea-linie,#D6DEEC);border-radius:14px;background:var(--ea-hell,#F4F6FB);color:var(--ea-text,#1E1E2F);text-align:right}
.ea-sim__rechner-erg{min-height:1.6em;text-align:right;font-size:1.4rem;font-weight:800;color:var(--ea-navy,#0A1E3F);font-variant-numeric:tabular-nums}
.ea-sim__rechner-erg.ist-fehler{color:var(--ea-rot,#B3261E);font-size:1rem}
.ea-sim__rechner-tasten{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.ea-sim__overlay .ea-sim__rechner-taste{font:inherit;font-size:1.1rem;font-weight:700;min-height:52px;border-radius:14px;border:1px solid var(--ea-linie,#D6DEEC);background:#fff !important;color:var(--ea-text,#1E1E2F) !important;cursor:pointer;box-shadow:0 2px 0 rgba(10,30,63,.08)}
.ea-sim__overlay .ea-sim__rechner-taste:active{transform:translateY(1px);box-shadow:none}
.ea-sim__overlay .ea-sim__rechner-taste.ist-op{background:var(--ea-hell,#F4F6FB) !important;color:var(--ea-navy,#0A1E3F) !important}
.ea-sim__overlay .ea-sim__rechner-taste.ist-gleich{background:var(--ea-orange,#FF9D3F) !important;color:var(--ea-navy,#0A1E3F) !important;border-color:var(--ea-orange,#FF9D3F)}
.ea-sim__overlay .ea-sim__rechner-taste.ist-c{flex:0 0 64px;background:var(--ea-navy,#0A1E3F) !important;color:#fff !important;border-color:var(--ea-navy,#0A1E3F)}

/* Sheets (Rückfragen, Übersicht, Bild) */
.ea-sim__sheet{position:absolute;left:0;right:0;bottom:0;margin:0 auto;width:100%;max-width:640px;background:#fff;border-radius:24px 24px 0 0;padding:10px 22px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -18px 60px rgba(10,30,63,.3);z-index:5;max-height:88vh;max-height:88dvh;overflow:auto;animation:ea-sim-hoch .3s cubic-bezier(.2,.8,.2,1)}
.ea-sim__sheet-griff{width:44px;height:5px;border-radius:999px;background:var(--ea-linie,#D6DEEC);margin:4px auto 16px}
.ea-sim__sheet-text{margin:0 0 1em;color:var(--ea-text,#1E1E2F);font-size:1.05rem;font-weight:600}
.ea-sim__sheet--breit{max-width:820px}
.ea-sim__bild img{max-width:100%;max-height:70vh;display:block;margin:0 auto 1em;object-fit:contain}
@media (min-width:700px){.ea-sim__sheet{bottom:24px;border-radius:24px;left:24px;right:24px}}
.ea-sim__raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;margin:0 0 1em}
.ea-sim__overlay .ea-sim__zelle{font:inherit;font-weight:800;min-height:46px;border-radius:12px;border:2px solid var(--ea-linie,#D6DEEC);background:#fff !important;color:var(--ea-navy,#0A1E3F) !important;cursor:pointer}
.ea-sim__overlay .ea-sim__zelle.ist-beantwortet{background:var(--ea-navy,#0A1E3F) !important;border-color:var(--ea-navy,#0A1E3F);color:#fff !important}
.ea-sim__overlay .ea-sim__zelle.ist-markiert{border-color:var(--ea-orange,#FF9D3F);background:#FFF3E6 !important}
.ea-sim__overlay .ea-sim__zelle.ist-abgewaehlt{text-decoration:line-through;color:var(--ea-grau,#5B6373) !important;background:var(--ea-hell,#F4F6FB) !important}
.ea-sim__overlay .ea-sim__zelle.ist-aktuell{box-shadow:0 0 0 3px var(--ea-orange,#FF9D3F)}
.ea-sim__overlay .ea-sim__zelle.ist-gesperrt::after{content:"🔒";font-size:.65rem;vertical-align:top}
.ea-sim__legende{font-size:.85rem;color:var(--ea-grau,#5B6373)}
.ea-sim__legende span{display:inline-block;width:12px;height:12px;border-radius:3px;border:2px solid var(--ea-linie,#D6DEEC);vertical-align:-2px;background:#fff}
.ea-sim__legende .ist-beantwortet{background:var(--ea-navy,#0A1E3F);border-color:var(--ea-navy,#0A1E3F)}
.ea-sim__legende .ist-markiert{border-color:var(--ea-orange,#FF9D3F);background:#FFF3E6}
.ea-sim__legende .ist-abgewaehlt{background:var(--ea-hell,#F4F6FB)}
.ea-sim__legende .ist-gesperrt{border-color:var(--ea-gelb,#9A5A12)}

/* ---------- Ergebnis ---------- */
.ea-sim__body--ergebnis{padding:0 16px 40px}
.ea-sim__ergebnis{width:100%;max-width:820px;margin:0 auto;padding:22px 0 0}
.ea-sim__ergebnis-bereich{margin:0 0 .2em;color:var(--ea-grau,#5B6373);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}
.ea-sim__ergebnis .ea-sim__ergebnis-titel{margin:0 0 .6em;font-size:1.7rem;font-weight:800;color:var(--ea-navy,#0A1E3F);letter-spacing:-.02em}
.ea-sim__gross{font-size:1.25rem;font-weight:800;color:var(--ea-navy,#0A1E3F)}
.ea-sim__ring{display:flex;align-items:center;gap:18px;margin:0 0 .8em}
.ea-sim__ring svg{transform:rotate(-90deg)}
.ea-sim__ring-hg{fill:none;stroke:var(--ea-linie,#D6DEEC);stroke-width:10}
.ea-sim__ring-wert{fill:none;stroke:var(--ea-gruen,#1E7A3A);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1s ease}
.ea-sim__ring.ist-nicht .ea-sim__ring-wert{stroke:var(--ea-rot,#B3261E)}
.ea-sim__ring-text b{display:block;font-size:2.6rem;line-height:1;color:var(--ea-navy,#0A1E3F);letter-spacing:-.02em}
.ea-sim__ring-text span{display:block;color:var(--ea-grau,#5B6373);font-weight:700}
.ea-sim__status{border-radius:14px;padding:12px 16px;margin:0 0 .8em;background:#E8F5EC;color:var(--ea-text,#1E1E2F)}
.ea-sim__status.ist-nicht{background:#FBEAE8}
.ea-sim__lf{background:#fff;border-radius:16px;padding:14px 18px;margin:1em 0;box-shadow:0 6px 20px rgba(10,30,63,.05)}
.ea-sim__lf-zeile{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(80px,1fr) auto;gap:10px;align-items:center;padding:4px 0;font-size:.92rem}
.ea-sim__lf-zeile.ist-schwach .ea-sim__lf-name{color:var(--ea-rot,#B3261E);font-weight:700}
.ea-sim__lf-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ea-sim__lf-balken{height:8px;background:var(--ea-hell,#F4F6FB);border-radius:999px;overflow:hidden}
.ea-sim__lf-balken span{display:block;height:100%;background:var(--ea-navy,#0A1E3F);border-radius:999px}
.ea-sim__lf-wert{font-variant-numeric:tabular-nums;color:var(--ea-grau,#5B6373)}
.ea-sim__xp{background:var(--ea-navy,#0A1E3F);color:#fff;border-radius:14px;padding:12px 16px;margin:1em 0}
.ea-sim__xp strong{color:var(--ea-orange,#FF9D3F)}
.ea-sim__falsche{background:#fff;border-radius:16px;padding:6px 18px;margin:1em 0}
.ea-sim__falsche summary{cursor:pointer;font-weight:800;padding:10px 0;color:var(--ea-navy,#0A1E3F)}
.ea-sim__nachschau{border-top:1px solid var(--ea-linie,#D6DEEC);padding:14px 0}
.ea-sim__nachschau-nr{margin:0 0 .4em;font-size:.85rem;color:var(--ea-grau,#5B6373);font-weight:700}
.ea-sim__nachschau-optionen{margin:.6em 0;padding-left:1.6em}
.ea-sim__nachschau-optionen li{padding:.15em .4em;border-radius:6px}
.ea-sim__nachschau-optionen li.ist-richtig{background:#E8F5EC;font-weight:600}
.ea-sim__nachschau-optionen li.ist-falsch{background:#FBEAE8;text-decoration:line-through}
.ea-sim__alles-richtig{color:var(--ea-gruen,#1E7A3A);font-weight:700}
.ea-sim__cta{background:var(--ea-navy,#0A1E3F);color:#fff;border-radius:22px;padding:24px 24px 18px;margin:1.2em 0;box-shadow:0 20px 50px rgba(10,30,63,.25)}
.ea-sim__cta .ea-sim__cta-titel{color:#fff;margin:0 0 .5em;font-size:1.25rem;font-weight:800;letter-spacing:-.01em;line-height:1.3}
.ea-sim__cta>p{color:#fff;opacity:.92;margin:0 0 1em;line-height:1.5}
.ea-sim__cta .ea-sim__kurskarte{background:#fff;color:var(--ea-text,#1E1E2F);border-radius:16px;padding:16px 18px}
.ea-sim__cta .ea-sim__kurskarte .ea-pd__h3{color:var(--ea-navy,#0A1E3F);margin:0 0 .3em}
.ea-sim__cta .ea-sim__kurskarte .ea-pd__btn{width:100%;justify-content:center;margin-top:.6em}
.ea-sim__cta .ea-sim__kurskarte-haken{margin:.4em 0 .6em;padding:0;list-style:none;font-size:.92rem}
.ea-sim__cta .ea-sim__kurskarte-haken li{display:flex;gap:.5em;align-items:flex-start;margin:.3em 0}
.ea-sim__cta .ea-sim__kurskarte-mikro{font-size:.85rem;color:var(--ea-grau,#5B6373);margin:.2em 0 0}
.ea-sim__cta-beleg{font-size:.85rem;opacity:.85;margin:.8em 0 0 !important;text-align:center}
.ea-sim__ergebnis-knoepfe{margin:1em 0 0}
.ea-sim__teilen{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--ea-grau,#5B6373)}
.ea-sim__teilen-opt{display:flex;align-items:center;gap:.4em}
.ea-sim__konfetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:6}
.ea-sim__konfetti i{position:absolute;top:-12px;width:10px;height:14px;border-radius:2px;background:var(--ea-orange,#FF9D3F);animation:ea-sim-fall 2.2s ease-in forwards;transform:rotate(var(--r,0deg))}
.ea-sim__konfetti i:nth-child(3n){background:var(--ea-navy,#0A1E3F)}
.ea-sim__konfetti i:nth-child(3n+1){background:var(--ea-gruen,#1E7A3A)}
@keyframes ea-sim-fall{to{transform:translateY(105vh) rotate(calc(var(--r,0deg) + 540deg));opacity:.2}}
@keyframes ea-sim-hoch{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
@keyframes ea-sim-ein{from{transform:scale(.98);opacity:0}to{transform:none;opacity:1}}

/* ---------- Klassenmodus: Einrichtung (Seite) ---------- */
.ea-kl__setup{background:#fff;border:1.5px solid var(--ea-navy,#0A1E3F);border-radius:20px;padding:22px 22px 18px;margin:0 0 1.2em;box-shadow:0 10px 30px rgba(10,30,63,.08)}
.ea-kl__form{display:flex;flex-direction:column;gap:14px}
.ea-kl__zeile{display:flex;flex-direction:column;gap:6px}
.ea-kl__radios{display:flex;flex-wrap:wrap;gap:8px}
.ea-kl__radios--breit{flex-direction:column}
.ea-kl__radio{display:inline-flex;align-items:center;gap:.5em;padding:.5em .9em;border:1.5px solid var(--ea-linie,#D6DEEC);border-radius:12px;background:#fff;cursor:pointer;color:var(--ea-text,#1E1E2F);font-weight:600}
.ea-kl__radio:has(input:checked){border-color:var(--ea-navy,#0A1E3F);background:var(--ea-hell,#F4F6FB)}
.ea-kl__check{display:flex;align-items:center;gap:.5em;margin:0;color:var(--ea-text,#1E1E2F)}

/* ---------- Klassenmodus: Bühne (Host) ---------- */
dialog.ea-sim__overlay.ea-kl__buehne,.ea-sim__overlay.ea-kl__buehne{background:var(--ea-navy,#0A1E3F);color:#fff;overflow:auto !important}
.ea-kl__kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;flex:0 0 auto;border-bottom:1px solid rgba(255,255,255,.12)}
.ea-kl__kopf-links,.ea-kl__kopf-rechts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.ea-kl__kopf-mitte{font-weight:800;font-size:1.05rem;text-align:center;flex:1;min-width:0}
.ea-kl__marke{font-weight:800;color:var(--ea-orange,#FF9D3F);letter-spacing:.05em;text-transform:uppercase;font-size:.8rem}
.ea-kl__code-klein{font-weight:700;opacity:.85;font-size:.9rem;letter-spacing:.08em}
.ea-kl__buehne .ea-sim__knopf{background:rgba(255,255,255,.1) !important;color:#fff !important;border-color:rgba(255,255,255,.25)}
.ea-kl__buehne .ea-sim__knopf--leise{color:rgba(255,255,255,.75) !important;border-color:transparent}
.ea-kl__status{position:sticky;top:0;z-index:3;margin:0;padding:8px 16px;background:var(--ea-rot,#B3261E);color:#fff;text-align:center;font-weight:700}
.ea-kl__status[hidden]{display:none}
.ea-kl__lobby{display:grid;grid-template-columns:1fr;gap:24px;padding:24px 20px 40px;max-width:1200px;margin:0 auto;width:100%}
@media (min-width:900px){.ea-kl__lobby{grid-template-columns:1.1fr 1fr;align-items:start}}
.ea-kl__beitritt{background:#fff;color:var(--ea-navy,#0A1E3F);border-radius:26px;padding:26px 24px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.ea-kl__beitritt-label,.ea-kl__code-label{margin:0;font-size:.9rem;font-weight:700;color:var(--ea-grau,#5B6373);text-transform:uppercase;letter-spacing:.08em}
.ea-kl__url{margin:.2em 0 .8em;font-size:clamp(1.2rem,3vw,2rem);font-weight:800;overflow-wrap:anywhere}
.ea-kl__code{margin:.1em 0 .4em;font-size:clamp(3rem,9vw,6rem);font-weight:900;letter-spacing:.14em;font-variant-numeric:tabular-nums;line-height:1;color:var(--ea-navy,#0A1E3F)}
.ea-kl__qr{width:min(260px,60vw);margin:.6em auto;background:#fff;border-radius:16px;padding:8px}
.ea-kl__qr svg{width:100%;height:auto;display:block}
.ea-kl__lobby-rechts{display:flex;flex-direction:column;gap:16px}
.ea-kl__zaehler{margin:0;font-size:1.4rem;font-weight:800}
.ea-kl__spieler{display:flex;flex-wrap:wrap;gap:8px;min-height:60px}
.ea-kl__chip{display:inline-block;padding:.45em 1em;border-radius:999px;background:rgba(255,255,255,.14);font-weight:700;animation:ea-sim-ein .3s ease}
.ea-kl__buehne .ea-kl__start{font-size:1.2rem;padding:.9em 1.6em;align-self:flex-start}
.ea-kl__countdown{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;min-height:60vh}
.ea-kl__countdown-label{margin:0 0 .4em;font-size:1.3rem;font-weight:700;opacity:.9}
.ea-kl__zahl{margin:0;font-size:clamp(6rem,22vw,14rem);font-weight:900;line-height:1;color:var(--ea-orange,#FF9D3F);animation:ea-kl-zahl 1s ease infinite}
@keyframes ea-kl-zahl{0%{transform:scale(1.15);opacity:.6}30%{transform:scale(1);opacity:1}}
.ea-kl__uhr{display:flex;align-items:center;gap:14px;padding:12px 20px 0;max-width:1200px;margin:0 auto;width:100%}
.ea-kl__sek{font-size:2rem;font-weight:900;font-variant-numeric:tabular-nums;min-width:2.2em;text-align:center;background:rgba(255,255,255,.12);border-radius:16px;padding:.1em .3em}
.ea-kl__balken{flex:1;height:14px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}
.ea-kl__balken span{display:block;height:100%;background:linear-gradient(90deg,var(--ea-orange,#FF9D3F),#FF7A1A);border-radius:999px;transition:width .25s linear}
.ea-kl__frage{background:#fff;color:var(--ea-text,#1E1E2F);border-radius:22px;padding:22px 26px;margin:16px auto;max-width:1200px;width:calc(100% - 40px);box-shadow:0 12px 40px rgba(0,0,0,.25)}
.ea-kl__frage .ea-sim__fragetext{font-size:clamp(1.15rem,2.2vw,1.7rem);line-height:1.4}
.ea-kl__frage--sp .ea-sim__fragetext{font-size:1.05rem}
.ea-kl__richtig-war{margin:.6em 0 0;font-weight:800;color:var(--ea-gruen,#1E7A3A);font-size:1.1rem}
.ea-kl__optionen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 20px;max-width:1200px;margin:0 auto 16px;width:100%}
.ea-kl__optionen--sp{grid-template-columns:minmax(0,1fr);padding:0;margin:0}
@media (max-width:640px){.ea-kl__optionen{grid-template-columns:minmax(0,1fr)}}
.ea-kl__option{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 16px;border-radius:18px;border:0;color:#fff !important;font:inherit;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:700;text-align:left;width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;box-shadow:0 8px 24px rgba(0,0,0,.2);transition:transform .12s,filter .12s}
button.ea-kl__option{cursor:pointer}
button.ea-kl__option:active{transform:scale(.98)}
button.ea-kl__option:hover:not([disabled]){filter:brightness(1.08)}
.ea-kl__option--0{background:#E21B3C !important}.ea-kl__option--1{background:#1368CE !important}.ea-kl__option--2{background:#C79300 !important}.ea-kl__option--3{background:#26890C !important}.ea-kl__option--4{background:#7B2CBF !important}
.ea-kl__option.ist-falsch{opacity:.35}
.ea-kl__option.ist-richtig{box-shadow:0 0 0 4px #fff,0 8px 24px rgba(0,0,0,.2)}
.ea-kl__option.ist-gewaehlt{box-shadow:0 0 0 4px var(--ea-orange,#FF9D3F)}
.ea-kl__form{flex:0 0 auto;font-size:1.3rem;line-height:1}
.ea-kl__buchstabe{flex:0 0 auto;font-weight:900;opacity:.9}
.ea-kl__optiontext{flex:1;min-width:0}
.ea-kl__optiontext img{max-width:100%;height:auto;border-radius:8px;background:#fff}
.ea-kl__anzahl{flex:0 0 auto;font-size:1.3rem;font-weight:900;background:rgba(0,0,0,.25);border-radius:999px;padding:.1em .6em}
.ea-kl__fuss{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px calc(16px + env(safe-area-inset-bottom));max-width:1200px;margin:0 auto;width:100%;font-weight:700;flex-wrap:wrap}
.ea-kl__fuss .ea-pd__btn{margin-left:auto}
.ea-kl__verteilung{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}
.ea-kl__h{margin:.4em 0;font-weight:800;opacity:.9}
.ea-kl__vbalken{display:grid;grid-template-columns:2em 1fr 3em;align-items:center;gap:10px;margin:6px 0;background:transparent !important}
.ea-kl__vbalken.ist-richtig .ea-kl__vlabel{color:var(--ea-orange,#FF9D3F)}
.ea-kl__vlabel{font-weight:900;text-align:center}
.ea-kl__vwert{height:22px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.ea-kl__vwert span{display:block;height:100%;border-radius:999px;background:currentColor;transition:width .8s cubic-bezier(.2,.8,.2,1)}
.ea-kl__vbalken.ea-kl__option--0 .ea-kl__vwert span{background:#E21B3C}.ea-kl__vbalken.ea-kl__option--1 .ea-kl__vwert span{background:#1368CE}.ea-kl__vbalken.ea-kl__option--2 .ea-kl__vwert span{background:#C79300}.ea-kl__vbalken.ea-kl__option--3 .ea-kl__vwert span{background:#26890C}.ea-kl__vbalken.ea-kl__option--4 .ea-kl__vwert span{background:#7B2CBF}
.ea-kl__vzahl{font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.ea-kl__alle{background:#fff;color:var(--ea-text,#1E1E2F);border-radius:16px;padding:8px 18px;margin:12px auto;max-width:1200px;width:calc(100% - 40px)}
.ea-kl__alle summary{cursor:pointer;font-weight:800;color:var(--ea-navy,#0A1E3F);padding:8px 0}
.ea-kl__gesperrt{margin:12px auto;max-width:1200px;width:calc(100% - 40px);font-size:.95rem;color:rgba(255,255,255,.85);font-weight:700;text-align:center}
.ea-kl__rangliste{list-style:none;margin:16px auto;padding:0 20px;max-width:900px;width:100%}
.ea-kl__rang{display:grid;grid-template-columns:2.4em minmax(0,1fr) minmax(60px,2fr) auto auto;align-items:center;gap:12px;padding:10px 14px;margin:0 0 8px;background:rgba(255,255,255,.08);border-radius:14px;animation:ea-sim-hoch .4s ease both;animation-delay:var(--verz,0s)}
.ea-kl__rang.ist-top{background:rgba(255,157,63,.18)}
.ea-kl__rang-platz{font-weight:900;font-size:1.3rem;text-align:center}
.ea-kl__rang-name{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ea-kl__rang-balken{height:12px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.ea-kl__rang-balken span{display:block;height:100%;background:var(--ea-orange,#FF9D3F);border-radius:999px;transition:width 1s cubic-bezier(.2,.8,.2,1)}
.ea-kl__rang-punkte{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.ea-kl__rang-delta{font-size:.85rem;font-weight:800;padding:.1em .5em;border-radius:999px;background:rgba(255,255,255,.12)}
.ea-kl__rang-delta.ist-hoch{color:#8BE28B}.ea-kl__rang-delta.ist-runter{color:#FFB3A7}
.ea-kl__rangliste--klein .ea-kl__rang{grid-template-columns:2.4em minmax(0,1fr) auto;font-size:.95rem;padding:8px 12px}
@media (max-width:640px){.ea-kl__rang{grid-template-columns:2em minmax(0,1fr) auto;gap:8px}.ea-kl__rang-balken,.ea-kl__rang-delta{display:none}}
.ea-kl__ende-titel{margin:20px 0 0;text-align:center;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:900;color:#fff}
.ea-kl__podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:24px 20px 10px;max-width:900px;margin:0 auto;width:100%}
.ea-kl__stufe{flex:1;max-width:240px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;animation:ea-sim-hoch .6s ease both}
.ea-kl__stufe-name{font-weight:900;font-size:1.15rem;overflow-wrap:anywhere}
.ea-kl__stufe-punkte{font-weight:700;opacity:.9}
.ea-kl__stufe-sockel{width:100%;border-radius:14px 14px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:10px;font-size:2rem;font-weight:900;color:var(--ea-navy,#0A1E3F)}
.ea-kl__stufe--1 .ea-kl__stufe-sockel{height:150px;background:linear-gradient(180deg,#FFD35A,#F2B705)}
.ea-kl__stufe--2 .ea-kl__stufe-sockel{height:110px;background:linear-gradient(180deg,#E6E9EF,#C3C9D6)}
.ea-kl__stufe--3 .ea-kl__stufe-sockel{height:80px;background:linear-gradient(180deg,#F0B98A,#C98A55)}
.ea-kl__stufe--1{animation-delay:.6s}.ea-kl__stufe--2{animation-delay:.3s}.ea-kl__stufe--3{animation-delay:0s}

/* ---------- Klassenmodus: Spieler (/spielen/) ---------- */
.ea-sim-spielen{max-width:560px}
.ea-kl__beitritt-form{display:flex;flex-direction:column;gap:8px;background:#fff;border:1.5px solid var(--ea-linie,#D6DEEC);border-radius:20px;padding:20px;box-shadow:0 10px 30px rgba(10,30,63,.06)}
.ea-kl__eingabe{font:inherit;font-size:1.1rem;padding:12px 14px;border:2px solid var(--ea-linie,#D6DEEC);border-radius:14px;background:#fff;color:var(--ea-text,#1E1E2F);width:100%;box-sizing:border-box;min-width:0;flex:1}
.ea-kl__eingabe--code{font-size:1.8rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;text-align:center;font-variant-numeric:tabular-nums}
.ea-sim-spielen .ea-kl__beitreten{width:100%;justify-content:center;font-size:1.1rem;margin-top:6px}
.ea-kl__warten{text-align:center;padding:40px 16px;background:#fff;border-radius:20px;border:1.5px solid var(--ea-linie,#D6DEEC)}
.ea-kl__puls{width:64px;height:64px;border-radius:50%;margin:0 auto 16px;background:var(--ea-orange,#FF9D3F);animation:ea-kl-puls 1.4s ease-in-out infinite}
@keyframes ea-kl-puls{0%,100%{transform:scale(.85);opacity:.7}50%{transform:scale(1.05);opacity:1}}
.ea-kl__warten-text{margin:0;font-weight:700;color:var(--ea-navy,#0A1E3F);font-size:1.1rem}
.ea-kl__sp-kopf{margin:0 0 .6em;font-weight:800;color:var(--ea-grau,#5B6373);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}
.ea-sim-spielen .ea-kl__frage{width:100%;margin:0 0 12px;padding:16px 18px;box-shadow:0 8px 24px rgba(10,30,63,.08)}
.ea-sim-spielen .ea-kl__option{min-height:72px;font-size:1.05rem}
.ea-kl__sp-ergebnis{border-radius:22px;padding:26px 22px;text-align:center;color:#fff;background:var(--ea-gruen,#1E7A3A);animation:ea-sim-ein .3s ease}
.ea-kl__sp-ergebnis.ist-falsch{background:var(--ea-rot,#B3261E)}
.ea-kl__sp-ergebnis.ist-podium{background:var(--ea-navy,#0A1E3F)}
.ea-kl__sp-gross{margin:0 0 .4em;font-size:1.5rem;font-weight:900;line-height:1.25}
.ea-kl__sp-ergebnis p{color:#fff;margin:0 0 .3em}
.ea-kl__sp-platz{font-weight:700;opacity:.95}
.ea-sim-spielen .ea-kl__gesperrt{width:100%;margin:12px 0;color:var(--ea-navy,#0A1E3F)}
.ea-sim-spielen .ea-kl__status{border-radius:12px;margin:0 0 12px;position:static}

/* ---------- Bewegung reduziert, kleine Bildschirme, Feinschliff ---------- */
@media (prefers-reduced-motion:reduce){.ea-sim__balken span,.ea-sim__ring-wert,.ea-sim__fortschritt span,.ea-sim__overlay .ea-sim__option,.ea-kl__balken span,.ea-kl__vwert span,.ea-kl__rang-balken span,.ea-sim__karte{transition:none}.ea-sim__zeit .ist-sehr-knapp,.ea-kl__zahl,.ea-kl__puls,.ea-kl__rang,.ea-kl__stufe,.ea-sim__sheet,.ea-sim__intro-karte,.ea-sim__feedback,.ea-sim__seite{animation:none}.ea-sim__konfetti{display:none}}
@media (max-width:640px){
  .ea-sim__kopf{padding-left:12px;padding-right:12px}
  .ea-sim__bereich{max-width:50vw;font-size:.88rem}
  .ea-sim__nr{display:none}
  .ea-sim__zeit{font-size:1.05rem}
  .ea-sim__body{padding:14px 12px 24px}
  .ea-sim__frage{padding:14px 16px}
  .ea-sim__overlay .ea-sim__option{font-size:.98rem;padding:11px 12px}
  .ea-sim__tastatur{display:none}
  .ea-sim__ring{gap:14px}
  .ea-sim__ring svg{width:110px;height:110px}
  .ea-sim__lf-zeile{grid-template-columns:minmax(0,1fr) 70px auto}
  .ea-sim__leiste{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;-webkit-overflow-scrolling:touch}
  .ea-sim__overlay .ea-sim__knopf--leise{margin-left:0}
  .ea-sim__rechner-tasten{gap:6px}
}
@media (min-width:1024px){.ea-sim__body{padding-top:28px}.ea-sim__fragetext{font-size:1.15rem}.ea-sim__overlay .ea-sim__option{font-size:1.05rem}}