@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff)format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2)format("woff2"),url(/assets/barlow-condensed-latin-800-normal-e9GbPXiK.woff)format("woff")}:root,:host{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--nacht:#0e1424;--hoehle:#18213a;--stein:#222d4c;--kante:#33406a;--kante-hell:#56628c;--mondlicht:#f3f1ea;--nebel:#a9b1cc;--nebel-dunkel:#8a93b5;--kristall:#4fd8e8;--glut:#ffb547;--glut-hell:#ffe0a3;--glut-schatten:#b9781f;--arkan:#a98bff;--boss-leben:#f2546b;--schild:#bfefff;--funke:#ff8a5b;--schatten:#0a0f1c;--schrift:"Atkinson Hyperlegible", system-ui, sans-serif;--titel:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--nacht);color:var(--mondlicht);font-family:var(--schrift);-webkit-tap-highlight-color:transparent;margin:0;line-height:1.3}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:focus-visible{outline:4px solid var(--kristall);outline-offset:3px}h1,h2{margin:0}.titel{font-family:var(--titel);font-weight:800;line-height:1}.nur-vorlesen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.knopf{border:none;border-radius:10px;min-height:72px;padding:0 32px;font-size:28px;font-weight:700}.knopf-haupt{background:var(--glut);color:var(--nacht);box-shadow:0 3px 0 var(--glut-schatten)}.knopf-haupt:active:not(:disabled){box-shadow:0 0 0 var(--glut-schatten);transform:translateY(3px)}.knopf-rand{border:4px solid var(--kristall);color:var(--kristall);background:0 0}.knopf:disabled{background:var(--stein);color:var(--nebel-dunkel);box-shadow:0 3px 0 var(--schatten);cursor:default}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:root,:host{--rand:36px;--taste-h:clamp(56px, 6.6dvh, 76px)}html,body{overscroll-behavior:none;height:100%}#app{min-height:100dvh}.bildschirm{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(var(--rand), env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(var(--rand), env(safe-area-inset-left));flex-direction:column;gap:22px;display:flex}.klein{color:var(--nebel);font-size:15px}.leise{color:var(--nebel);font-size:24px}.fuellen{flex:1 1 0}.glut{color:var(--glut)}.kristall{color:var(--kristall)}.arkan{color:var(--arkan)}.marke{align-items:center;gap:12px;display:flex}.marke svg{flex:none}.marke-name{font-size:32px}.punkte{justify-content:center;gap:12px;display:flex}.punkte span{background:var(--glut);border-radius:999px;width:16px;height:16px;animation:1.2s ease-in-out infinite punkt}.punkte span:nth-child(2){animation-delay:.2s}.punkte span:nth-child(3){animation-delay:.4s}.laden{color:var(--nebel);justify-content:center;align-items:center;font-size:26px}.verbindung-hinweis{z-index:40;top:max(10px, env(safe-area-inset-top));background:var(--stein);border:3px solid var(--kante-hell);text-align:center;border-radius:999px;width:max-content;max-width:calc(100% - 32px);padding:10px 24px;font-size:20px;font-weight:700;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0006}.verbindung-hinweis[hidden]{display:none}.taste{height:var(--taste-h);border:2px solid var(--kante-hell);background:var(--stein);min-height:48px;box-shadow:0 3px 0 var(--schatten);border-radius:10px;font-size:34px;font-weight:700}.taste:active:not(:disabled){box-shadow:0 1px 0 var(--schatten);transform:translateY(3px)}.taste:disabled{opacity:.5}.code-schritt{flex-direction:column;flex:1;align-items:center;gap:26px;display:flex}.code-titel{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:16px;display:flex}.code-titel h1{font-size:56px}.code-titel p{margin:0}.code-kaesten{gap:12px;width:min(100%,636px);display:flex}.code-kasten{aspect-ratio:4/5;background:var(--hoehle);border:3px solid var(--kante);border-radius:10px;flex:1;justify-content:center;align-items:center;max-width:96px;font-size:clamp(40px,9vw,72px);display:flex}.code-kasten.aktiv{border:4px solid var(--glut)}.fehler-zeile{min-height:34px;color:var(--funke);text-align:center;font-size:22px;font-weight:700}.code-tasten{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:480px;display:grid}.code-tasten .taste{height:clamp(56px,7dvh,84px);font-size:36px}.code-weiter{width:100%;max-width:480px;height:88px;font-size:30px}.profil-schritt{flex-direction:column;flex:1;gap:22px;display:flex}.profil-karte{background:var(--hoehle);border-radius:14px;align-items:center;gap:24px;padding:20px 24px;display:flex}.profil-karte svg{flex:none}.profil-name{overflow-wrap:anywhere;font-size:60px}.profil-wahl{flex-direction:column;gap:22px;display:flex}.wahl-gruppe h2{margin-bottom:12px;font-size:26px}.wahl-raster{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.wahl-raster.tiere{grid-template-columns:repeat(5,minmax(0,1fr))}.tiere .wahl{padding:1px 4px;font-size:21px}.wahl{border:3px solid var(--kante);background:var(--hoehle);border-radius:8px;height:64px;font-size:24px;font-weight:700}.wahl.an{border-color:var(--glut);background:var(--glut);color:var(--nacht)}.wahl.an:before{content:"✓ "}.farben{flex-wrap:wrap;gap:14px;display:flex}.farbe{border:3px solid var(--nacht);border-radius:999px;width:72px;height:72px}.farbe.an{border:6px solid var(--mondlicht);box-shadow:0 0 0 3px var(--nacht), 0 0 0 6px var(--mondlicht)}.los{border-radius:12px;height:96px;font-size:32px}.profil-text{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.vorname-label{color:var(--nebel);flex-direction:column;gap:6px;font-size:20px;font-weight:700;display:flex}.vorname-feld{border:3px solid var(--kante-hell);background:var(--nacht);width:100%;height:72px;color:var(--mondlicht);font:inherit;border-radius:10px;padding:0 18px;font-size:34px;font-weight:700}.vorname-feld:focus{border-color:var(--glut);outline:none;box-shadow:0 0 0 4px #ffb5474d}.vorname-feld::placeholder{color:var(--nebel-dunkel);font-weight:400}.profil-zeile{flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:20px;display:flex}.profil-zufall{font-size:34px}.wuerfel,.aufklappen{border:3px solid var(--kante-hell);background:var(--stein);border-radius:999px;flex:none;align-items:center;gap:10px;min-height:56px;padding:0 18px;font-size:22px;font-weight:700;display:inline-flex}.wuerfel:active,.aufklappen:active{transform:scale(.96)}.aufklappen{align-self:flex-start}.aufklappen[aria-expanded=true] .pfeil{display:inline-block;transform:rotate(90deg)}.raidname-wahl{gap:inherit;flex-direction:column;display:flex}.raidname-wahl[hidden]{display:none}.raidname-wahl .wahl{height:56px}.raidname-wahl h2{margin-bottom:8px}.profil-kopf h1{font-size:52px}.profil-kopf p{margin:6px 0 0;font-size:24px}.ueberlagerung.neuer-name{background:var(--nacht);padding:0;display:block;overflow-y:auto}.neuer-name .bildschirm{max-width:900px;margin:0 auto}.ueberlagerung.neuer-name h2{font-size:26px}.neuer-name .profil-kopf p{color:var(--nebel);font-size:24px}.meldung-name{z-index:45;border-color:var(--kristall)}.ping{z-index:60;color:var(--nacht);text-align:center;cursor:pointer;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.ping-inhalt{flex-direction:column;align-items:center;gap:12px;display:flex}.ping-wappen{background:var(--nacht);border-radius:999px;place-items:center;width:240px;height:240px;animation:1s ease-in-out infinite puls;display:grid}.ping-titel{font-size:min(200px,24vw);line-height:.9}.ping-name{overflow-wrap:anywhere;font-size:min(80px,10vw)}.ping p{margin:0;font-size:28px;font-weight:700}.ping .ping-tipp{font-size:22px;font-weight:400}@keyframes puls{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.ping-wappen{animation:none}}.warten-mitte{flex-direction:column;flex:1;align-items:center;gap:26px;margin-top:24px;display:flex}.warten-titel{flex-direction:column;align-items:center;gap:14px;display:flex}.warten-titel h1{text-align:center;font-size:72px}.warten-avatar svg{width:min(260px,26dvh);height:auto;display:block}.schweben{animation:2.4s ease-in-out infinite schweben}.warten-name{font-size:64px}.eigener-name{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.raid-name,.ping-raid-name{color:var(--nebel);font-size:26px;font-weight:700}.ping-raid-name{color:inherit;opacity:.85}.pille{background:var(--hoehle);border-radius:999px;align-items:center;gap:14px;padding:14px 28px;font-size:30px;display:flex}.tipp{background:var(--hoehle);border-radius:14px;align-items:center;gap:20px;padding:24px 28px;font-size:24px;line-height:1.4;display:flex}.tipp svg{flex:none}.spiel{height:100dvh;min-height:0;padding-top:max(16px, env(safe-area-inset-top));gap:18px;overflow:hidden}.kopfzeile{background:var(--hoehle);border-radius:14px;flex:none;align-items:center;gap:18px;padding:14px 20px;display:flex}.kopf-avatar svg{display:block}.kopf-mitte{flex-direction:column;flex:1 1 0;gap:10px;min-width:0;display:flex}.kopf-werte{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.kopf-wert{flex-direction:column;display:flex}.kopf-ich{min-width:0;max-width:300px}.kopf-name{color:var(--mondlicht);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.kopf-schaden{align-items:baseline;gap:6px;display:flex}.kopf-serie{flex-direction:row;align-items:center;gap:6px}.wert{font-size:36px}.schaden{color:var(--glut)}.serie{color:var(--glut);font-size:30px}.serie.aus{color:#8a93b5}.flamme svg{display:block}.pips{gap:4px;display:flex}.pips svg{display:block}.ziel{align-items:center;gap:10px;display:flex}.balken{background:var(--stein);border-radius:999px;flex:1 1 0;height:16px;overflow:hidden}.balken-fuellung{background:var(--glut);border-radius:999px;width:0;height:100%;transition:width .4s ease-out}.ziel-text{white-space:nowrap;font-size:17px;font-weight:700}.ziel.erreicht .ziel-text{color:var(--glut)}.vignette{background:var(--nacht);border-radius:10px;flex-direction:column;flex:none;align-items:center;gap:4px;width:116px;padding:6px 0 10px;display:flex}.vignette[hidden]{display:none}.vignette-bild{width:88px;height:88px}.vignette-bild svg{width:100%;height:100%;display:block}.balken-boss{flex:none;width:88px;height:10px}.balken-boss .balken-fuellung{background:var(--boss-leben);border-radius:0}.schwachstelle{background:var(--glut);color:var(--nacht);font-family:var(--titel);border-radius:10px;flex:none;justify-content:space-between;align-items:center;padding:10px 20px;font-size:30px;font-weight:800;display:flex}.schwachstelle[hidden]{display:none}.spiel-bereich{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow-y:auto}.aufgabe{flex-direction:column;flex:1;gap:18px;display:flex}.einblenden{animation:.42s ease-out both einblenden}.aufgabe-kopf{color:var(--nebel);justify-content:space-between;gap:16px;font-size:18px;display:flex}.aufgabe-inhalt{flex-direction:column;flex:1;gap:20px;display:flex}.aufgabe-frage{flex-direction:column;gap:18px;display:flex}.aufgabe-antwort{flex-direction:column;flex:1;gap:12px;display:flex}.aufgabe-inhalt[data-art=tastatur] .aufgabe-antwort{justify-content:flex-end}.frage{font-size:40px;font-weight:700;line-height:1.2}.frage-bild{justify-content:center;display:flex}.frage-bild svg{width:min(100%,300px);height:auto;max-height:24dvh}.zahl-bild{vertical-align:middle;font-family:var(--titel);align-items:center;gap:.12em;font-weight:800;line-height:1;display:inline-flex}.bruch{flex-direction:column;align-items:center;padding:0 .05em;font-size:.82em;display:inline-flex}.bruch .strich{background:currentColor;border-radius:2px;align-self:stretch;height:max(3px,.08em);margin:.08em 0}.ganze{font-size:1.15em}.hervor{color:var(--glut)}.rechnung{background:var(--hoehle);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding:18px;display:flex}.term{font-family:var(--titel);font-size:60px;font-weight:800;line-height:1}.term .bruch{font-size:1.05em}.term .bruch .strich{height:6px;margin:6px 0}.gleich{font-family:var(--titel);font-size:60px;font-weight:800}.rechnung-nur-eingabe .frage-bild svg{width:220px;max-height:20dvh}.eingabe{align-items:center;gap:10px;display:flex}.eingabe-bruch{flex-direction:column;align-items:center;gap:8px;display:flex}.eingabe-bruch .strich{background:var(--mondlicht);border-radius:3px;width:122px;height:6px}.feld{background:var(--nacht);width:112px;height:clamp(64px,7.2dvh,84px);font-family:var(--titel);border:3px solid #5a6890;border-radius:8px;justify-content:center;align-items:center;font-size:56px;font-weight:800;line-height:1;display:inline-flex}.feld.leer{color:var(--nebel-dunkel)}.feld.lang{font-size:44px}.feld.aktiv{border:5px solid var(--glut);background:#1b2440;box-shadow:0 0 0 5px #ffb5474d,0 0 22px #ffb54759}.feld.aktiv:not(.feld-fest):after{content:"";background:var(--glut);border-radius:2px;width:4px;height:.8em;margin-left:3px;animation:1.1s step-end infinite cursor}.feld.lockt{border:4px dashed var(--kristall);animation:.6s ease-in-out 3 locken}.feld-zahl{width:auto;min-width:150px;padding:0 18px}.feld-zahl.lang{font-size:48px}.feld-g{width:92px;height:clamp(96px,10dvh,120px);font-size:64px}.tastatur{flex-direction:column;gap:12px;display:flex}.eingabe-hinweis{text-align:center;min-height:26px;color:var(--nebel);font-size:20px}.eingabe-hinweis.wichtig{color:var(--glut);font-weight:700}.ziffern{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ziffern-bruch{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.2fr)}.ziffern-bruch .taste-0,.ziffern-bruch .taste-loeschen,.ziffern-zahl .taste-9+.taste-0{grid-column:span 2}.taste-loeschen{font-size:22px}.taste-komma{font-size:44px;line-height:.6}.taste-wechsel{border:3px solid var(--kristall);height:auto;color:var(--kristall);background:#16334a;flex-direction:column;grid-area:1/4/span 3;justify-content:center;align-items:center;gap:10px;font-size:28px;line-height:1.1;display:flex}.wechsel-text{white-space:nowrap}.sym{align-items:center;gap:6px;display:flex}.sym-bruch{flex-direction:column;align-items:center;gap:5px;display:flex}.sym-kasten{border:3px solid;border-radius:5px;width:38px;height:30px}.sym-g{width:30px;height:44px}.sym-kasten.sym-ziel{background:currentColor}.sym-strich{background:var(--mondlicht);border-radius:3px;width:52px;height:6px}.abschicken{height:88px;font-size:32px}.tastatur.gesperrt .taste{opacity:.6}.karten{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(88px,1fr);gap:22px;max-height:680px;display:grid}.karte{border:3px solid var(--kante);background:var(--hoehle);min-height:88px;box-shadow:0 3px 0 var(--schatten);text-align:center;overflow-wrap:anywhere;border-radius:12px;justify-content:center;align-items:center;padding:12px;font-size:34px;font-weight:700;display:flex}.karte-gross{font-family:var(--titel);font-size:clamp(48px,7dvh,88px);font-weight:800}.karte .zahl-bild .bruch{font-size:.9em}.karte:active:not(:disabled),.karte.gewaehlt{box-shadow:0 1px 0 var(--schatten);border:4px solid var(--mondlicht);background:#2b3860;transform:translateY(3px)}.karte:disabled:not(.gewaehlt){opacity:.6}.karte-bild svg{width:min(85%,250px);height:auto;max-height:100%}.auswahl-hinweis{text-align:center;min-height:26px;color:var(--glut);font-size:20px;font-weight:700}.schritte{gap:8px;margin:0;padding:0;list-style:none;display:flex}.schritte li{background:var(--stein);border:2px solid var(--kante);border-radius:999px;width:40px;height:10px}.schritte li.erledigt{background:var(--kristall);border-color:var(--kristall)}.schritte li.jetzt{background:var(--glut);border-color:var(--glut);width:64px}.verlauf{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.verlauf li{background:var(--hoehle);border-radius:12px;align-items:center;gap:14px;padding:10px 16px;font-size:24px;display:flex}.verlauf svg{flex:none}.verlauf-frage{color:var(--nebel)}.verlauf-antwort{color:var(--kristall);margin-left:auto;font-size:36px}.typ-mehrschritt{--taste-h:clamp(52px, 5.8dvh, 72px);gap:14px}.typ-mehrschritt .aufgabe-frage{gap:12px}.typ-mehrschritt .verlauf li{padding:6px 14px;font-size:20px}.typ-mehrschritt .verlauf-antwort{font-size:30px}.typ-mehrschritt .rechnung{padding:12px}.karte.nl-markiert{padding-top:48px;position:relative}.karte.nl-richtig{border:4px solid var(--kristall)}.nl-marke{background:var(--nacht);font-family:var(--schrift);white-space:nowrap;overflow-wrap:normal;border-radius:999px;align-items:center;gap:6px;padding:3px 12px 3px 4px;font-size:18px;font-weight:700;line-height:1.2;display:inline-flex;position:absolute;top:8px;left:8px}.feld-fest{justify-content:center;align-items:center;display:inline-flex}.feld-text{width:auto;min-width:112px;padding:0 16px;font-size:40px}.nl-ergebnis{flex-direction:column;gap:10px;display:flex}.nl-zeile{background:var(--hoehle);border:3px solid var(--kante);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 16px;font-size:24px;display:flex}.nl-zeile svg{flex:none}.nl-ok{border-color:var(--kristall)}.nl-falsch{border-color:var(--funke)}.nl-titel{color:var(--nebel)}.nl-wert{font-size:32px;font-weight:700}.nl-loesung .nl-wert{color:var(--kristall)}.nl-urteil{margin-left:auto;font-weight:700}.nl-schritt{border:2px solid var(--kante);border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex}.nl-schritt.jetzt{border:4px solid var(--glut)}.nl-schritt-kopf{color:var(--nebel);font-size:20px;font-weight:700}.nl-schritt.jetzt .nl-schritt-kopf{color:var(--glut)}.warte-aufgabe{color:var(--nebel);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;font-size:26px;display:flex}.rueckmeldung{flex-direction:column;flex:1;gap:20px;padding-top:12px;display:flex;position:relative}.treffer{text-align:center;align-items:center}.treffer>.pop svg{width:clamp(110px,16dvh,190px);height:auto;display:block}.treffer-titel{color:var(--kristall);font-size:clamp(56px,7dvh,80px)}.treffer-schaden{color:var(--glut);font-size:clamp(72px,10dvh,120px);animation-delay:.15s}.treffer-unter{font-size:30px}.kuerzer{background:var(--hoehle);border:3px solid var(--kristall);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:14px 22px;font-size:26px;display:flex}.kuerzer .titel{color:var(--kristall);font-size:40px}.kuerzer .klein{font-size:18px}.chips{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.chip{background:var(--hoehle);border-radius:999px;align-items:center;gap:10px;padding:10px 22px;font-size:26px;font-weight:700;display:flex}.chip[hidden]{display:none}.chip-stufe{border:3px solid var(--arkan);background:#2a2350;animation:.52s ease-out both pop}.funken svg{animation:1.4s ease-out infinite funke;position:absolute}.funken svg:first-child{top:40px;left:18%}.funken svg:nth-child(2){animation-delay:.4s;top:20px;right:20%}.funken svg:nth-child(3){animation-delay:.8s;top:200px;right:15%}.weiter{border-radius:12px;flex:none;align-self:stretch;height:96px;font-size:32px}.fast{animation:.42s ease-out both einblenden}.fast-kopf{align-items:center;gap:22px;display:flex}.fast-kopf svg{flex:none}.fast-titel{color:var(--funke);font-size:64px}.fast-unter{margin-top:6px;font-size:28px}.loesung{background:var(--hoehle);border-radius:12px;flex-direction:column;gap:18px;padding:24px 28px;display:flex}.loesung-text{font-size:28px;line-height:1.45}.loesung-text+.loesung-richtig{border-top:2px solid var(--kante);padding-top:18px}.loesung-richtig{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.loesung-richtig svg{flex:none}.loesung-richtig .klein{font-size:26px}.loesung-wert{color:var(--kristall);font-size:72px}.loesung-vergleich{flex-wrap:wrap;gap:18px 40px;display:flex}.loesung-vergleich .loesung-wert{font-size:60px}.loesung-du .loesung-wert{color:var(--nebel)}.loesung-vergleich .loesung-bild svg{width:110px}.loesung-bild svg{width:140px;height:auto;display:block}.mut{color:var(--nebel);margin:0;font-size:24px;line-height:1.4}.held{z-index:20;text-align:center;background:#1f1a2e;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:48px;display:flex;position:fixed;inset:0}.held>*{position:relative}.held-licht{opacity:.25;background:linear-gradient(90deg,#0000 24%,#ffb5474d 24%,#ffb54780 34%,#ffe0a3cc 43% 57%,#ffb54780 66%,#ffb5474d 76%,#0000 76%);animation:1.6s ease-in-out infinite leuchten;position:absolute;inset:0}.held-licht,.held>.held-licht{position:absolute}.held-avatar svg{width:min(280px,30dvh);height:auto;display:block}.held-titel{color:var(--glut-hell);font-size:clamp(64px,9dvh,96px)}.held-text{background:#1f1a2e;border-radius:12px;max-width:600px;margin:0;padding:16px 24px;font-size:30px;line-height:1.4}.held .weiter{align-self:center;width:100%;max-width:560px}.ueberlagerung{z-index:30;background:#0e1424f2;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.ueberlagerung[hidden]{display:none}.ueberlagerung-inhalt{text-align:center;flex-direction:column;align-items:center;gap:22px;display:flex}.ueberlagerung h2{font-size:88px}.entfernt h2{font-size:64px}.ueberlagerung p{color:var(--nebel);margin:0;font-size:30px;line-height:1.4}.ende{background:#141b33;align-items:center;gap:24px;position:relative;overflow:hidden}.ende>:not(.konfetti){position:relative}.konfetti span{animation:6s linear infinite fallen;position:absolute;top:0}.ende-kopf{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:10px;display:flex}.ende-oben{font-size:26px}.ende-titel{color:var(--glut-hell);font-size:clamp(64px,8dvh,88px)}.ende-ich{align-items:center;gap:22px;display:flex}.ende-ich svg{flex:none}.ende-name{font-size:56px}.abzeichen{background:var(--glut);color:var(--nacht);border-radius:999px;align-items:center;gap:10px;margin-top:8px;padding:6px 18px 6px 8px;font-size:24px;font-weight:700;display:inline-flex}.bilanz{grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;gap:18px;display:grid}.bilanz-wert{background:var(--hoehle);border-radius:12px;flex-direction:column;gap:4px;padding:20px 24px;display:flex}.bilanz-wert .leise{font-size:22px}.bilanz-wert .titel{font-size:clamp(44px,6dvh,64px);line-height:1.05}.geuebt{background:var(--hoehle);border-radius:12px;flex-direction:column;align-self:stretch;gap:12px;padding:22px 24px;display:flex}.geuebt h2{font-size:26px}.geuebt p{margin:0;font-size:22px;line-height:1.4}.geuebt-themen{flex-wrap:wrap;gap:10px;display:flex}.thema{border:2px solid var(--kante);border-radius:999px;padding:8px 16px;font-size:22px}.leiser-link{border:1px solid var(--kante);min-height:48px;color:var(--nebel);background:0 0;border-radius:999px;padding:6px 20px;font-size:18px}@media (orientation:landscape) and (width>=900px){:root{--rand:32px;--taste-h:clamp(52px, 8.6dvh, 80px)}.bildschirm{padding-top:max(18px, env(safe-area-inset-top));padding-bottom:max(22px, env(safe-area-inset-bottom));gap:18px}.kopfzeile{gap:22px;padding:10px 18px}.kopf-avatar svg{width:52px;height:52px}.kopf-mitte{flex-direction:row;align-items:center;gap:24px}.kopf-werte{flex-wrap:nowrap;gap:24px}.wert{font-size:32px}.serie{font-size:28px}.klein{font-size:14px}.ziel{flex:1 1 0;min-width:160px}.vignette{flex-direction:row;gap:8px;width:auto;padding:4px 12px 4px 4px}.vignette-bild{width:56px;height:56px}.balken-boss{width:60px}.aufgabe-inhalt{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;display:grid}.aufgabe-inhalt[data-art=tastatur]{grid-template-columns:minmax(0,1fr) 470px}.aufgabe-frage{justify-content:flex-start}.aufgabe-inhalt[data-art=tastatur] .aufgabe-frage .rechnung{flex:1}.taste-wechsel{padding:0 4px;font-size:24px}.frage{font-size:36px}.karten{max-height:none}.frage-bild svg{max-height:34dvh}.code-schritt{grid-template-rows:auto auto auto 1fr;grid-template-columns:minmax(0,1fr) 440px;align-items:start;gap:18px 48px;display:grid}.code-titel,.code-kaesten,.fehler-zeile{grid-column:1;justify-self:center}.code-titel{margin-top:40px}.code-tasten{grid-area:1/2/span 4;align-self:end}.code-weiter{grid-area:5/2}.profil-schritt{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:16px 32px;display:grid}.profil-karte{text-align:center;flex-direction:column;grid-area:1/1}.profil-wahl{grid-area:1/2/span 3;gap:16px}.profil-schritt>.fehler-zeile{grid-area:2/1;align-self:end}.los{grid-area:3/1}.wahl{height:56px}.wahl-raster.tiere{grid-template-columns:repeat(4,minmax(0,1fr))}.farbe{width:60px;height:60px}.warten-mitte{gap:16px;margin-top:0}.warten-titel h1{font-size:60px}.warten-name{font-size:52px}.treffer{gap:12px}.ende{gap:16px}.bilanz{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (orientation:portrait) and (height<=1040px){.spiel{padding-bottom:max(16px, env(safe-area-inset-bottom));gap:12px}.kopfzeile{padding:10px 16px}.vignette{width:96px}.vignette-bild{width:64px;height:64px}.balken-boss{width:72px}.aufgabe,.aufgabe-inhalt,.aufgabe-frage{gap:12px}.frage{font-size:34px}.rechnung{padding:10px}.frage-bild svg,.rechnung-nur-eingabe .frage-bild svg{max-height:16dvh}.feld{height:60px;font-size:48px}.feld-g{height:88px}.eingabe-bruch{gap:6px}.tastatur,.ziffern{gap:10px}.abschicken{height:72px}.karten{gap:16px}}@media (width<=600px){:root{--rand:16px}.frage{font-size:30px}.code-titel h1,.warten-titel h1{font-size:44px}.profil-name,.warten-name,.ende-name{font-size:40px}.wahl{font-size:19px}.wahl-raster.tiere{grid-template-columns:repeat(3,minmax(0,1fr))}.tiere .wahl{font-size:19px}.term,.gleich{font-size:44px}.feld{width:84px;font-size:44px}.eingabe-bruch .strich{width:92px}.taste-wechsel{padding:0 2px;font-size:19px}.sym-kasten:not(.sym-g){width:30px;height:24px}.sym-strich{width:40px}.kopfzeile{flex-wrap:wrap;gap:10px;padding:10px 12px}.vignette{display:none}}.pop{animation:.52s ease-out both pop}@keyframes pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes cursor{50%{opacity:0}}@keyframes locken{0%,to{transform:none;box-shadow:0 0 #4fd8e800}50%{transform:scale(1.08);box-shadow:0 0 0 8px #4fd8e866}}@keyframes einblenden{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes funke{0%{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.6)translateY(-30px)}}@keyframes leuchten{0%,to{opacity:.15}50%{opacity:.35}}@keyframes schweben{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes punkt{0%,to{opacity:.25}50%{opacity:1}}@keyframes fallen{0%{opacity:0;transform:translateY(-60px)rotate(0)}10%{opacity:1}to{opacity:1;transform:translateY(110dvh)rotate(400deg)}}@media (prefers-reduced-motion:reduce){.funken,.konfetti{display:none}}