.app{min-height:100%}.kopf{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;border-bottom:1px solid var(--rand);background:#0d0b1ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10;flex-wrap:wrap}.kopf__titel{font-weight:800;letter-spacing:-.01em}.kopf__schalter{display:flex;gap:.5rem}.schalter{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--rand);color:var(--text-still);font-size:.8rem;font-weight:600}.schalter__punkt{width:.55rem;height:.55rem;border-radius:50%;background:var(--rand)}.schalter--an{color:var(--phase-2);border-color:var(--phase-2)}.schalter--an .schalter__punkt{background:var(--phase-2)}.start__logo{text-align:center;margin:1.5rem 0 2rem}.start__blase{display:inline-block;padding:.5rem 1.5rem;border-radius:999px;background:linear-gradient(135deg,var(--phase-3),var(--phase-1));color:#2a0e1e;font-weight:900;font-size:1.4rem;letter-spacing:-.02em}.start__frage{font-size:1.75rem;text-align:center;letter-spacing:-.02em}.start__regler{padding:1.5rem 1.25rem}.start__zahl{display:block;text-align:center;font-size:3.5rem;font-weight:900;line-height:1;color:var(--phase-2);font-variant-numeric:tabular-nums}.start__schieber{width:100%;margin:1.25rem 0 .5rem;accent-color:var(--phase-2);height:2rem}.start__fach{border-color:var(--phase-2)}.start__fachtitel{font-size:1rem;margin-bottom:.5rem}.start__linkknopf{color:var(--text-leise);text-decoration:underline;text-underline-offset:3px;font-size:.9rem}.start__feld{display:block;width:100%;padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--rand);background:var(--nacht-tief);color:var(--text);resize:vertical}.blubb{max-width:26rem;margin:0 auto;padding:.75rem 1rem 2rem;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.blubb__kopf{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid var(--rand)}.blubb__name{font-weight:900;font-size:1.2rem;background:linear-gradient(135deg,var(--phase-3),var(--phase-1));-webkit-background-clip:text;background-clip:text;color:transparent}.blubb__werte{display:flex;gap:.9rem;font-weight:700;font-size:.95rem}.blubb__streak{color:var(--phase-1)}.blubb__sterne{color:var(--text-leise)}.blubb__ziel{margin-top:.75rem;padding:.6rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--achtung);background:#f5a6231f;color:var(--achtung);font-size:.9rem;text-align:center}.blubb__ausloeser-platz{min-height:3.25rem;display:flex;align-items:center}.blubb__ausloeser{width:100%;display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;border-radius:var(--radius-sm);background:var(--flaeche-hell);font-size:.9rem;font-weight:600;animation:reinrutschen .3s ease}.blubb__ausloeser--leer{background:transparent}.blubb__punkt{width:.6rem;height:.6rem;border-radius:50%;background:var(--schlecht);flex:0 0 auto;animation:pochen 1.6s ease-in-out infinite}.blubb__ausloeser--nachricht .blubb__punkt{background:var(--phase-2)}.blubb__ausloeser--streak .blubb__punkt{background:var(--phase-1)}@keyframes pochen{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.65}}@keyframes reinrutschen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.blubb__buehne{flex:1;display:flex;flex-direction:column;justify-content:center;padding:1rem 0}.blubb__karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:1.5rem 1.25rem;text-align:center;animation:auftauchen .25s ease}@keyframes auftauchen{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.blubb__karte--leer{border-style:dashed}.blubb__bild{font-size:2.75rem;line-height:1}.blubb__von{margin-top:.75rem;font-weight:700;color:var(--text-leise);font-size:.85rem}.blubb__text{margin-top:.2rem;font-size:1.1rem}.blubb__gross{font-size:2rem;font-weight:900;letter-spacing:-.02em}.blubb__klein{margin-top:.4rem;color:var(--text-leise);font-size:.9rem}.blubb__karte--klein{border-color:var(--phase-4)}.blubb__karte--klein .blubb__gross{color:var(--phase-4)}.blubb__karte--gross{border-color:var(--phase-3);background:#e85a9b1f}.blubb__karte--gross .blubb__gross{color:var(--phase-3)}.blubb__karte--jackpot{border-color:var(--phase-1);background:linear-gradient(135deg,#f5a62338,#e85a9b2e)}.blubb__karte--jackpot .blubb__gross{color:var(--phase-1);font-size:2.4rem}.blubb__karte--beinahe{border-color:var(--text-still)}.blubb__karte--beinahe .blubb__gross{color:var(--text-leise)}.blubb__nachhall{margin-top:.9rem;text-align:center;color:var(--phase-4);font-size:.9rem}.blubb__fuss{padding-top:.5rem}.blubb__ziehen{font-size:1.15rem;padding:1.1rem}.blubb__ziehen--still{animation:atmen 2.8s ease-in-out infinite}@keyframes atmen{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}.blubb__aufhoeren{display:block;width:100%;margin-top:.9rem;padding:.5rem;text-align:center;color:var(--text-leise);font-size:.9rem;text-decoration:underline;text-underline-offset:3px}.blubb__zaehler{text-align:center;margin-top:.6rem}.cs__kopf{text-align:center;margin:2rem 0 1.5rem}.cs__bild,.chat__bild{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#2a0e1e;background:linear-gradient(135deg,var(--phase-3),var(--phase-1));flex:0 0 auto}.cs__bild{width:5rem;height:5rem;font-size:2rem;margin:0 auto .75rem}.chat__bild--gross{width:4rem;height:4rem;font-size:1.6rem;margin:0 auto .5rem}.cs__name{font-size:1.6rem}.cs__status{color:var(--gut);font-size:.9rem}.cs__ansage{text-align:center;border-color:var(--phase-3)}.cs__ansagetext{font-size:1.15rem}.chat{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:30rem;margin:0 auto}.chat__kopf{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"bild wer rad";align-items:center;gap:.75rem;padding:.75rem 1rem 1.5rem;border-bottom:1px solid var(--rand);background:var(--nacht-tief)}.chat__bild{grid-area:bild}.chat__wer{grid-area:wer}.chat__name{font-weight:700}.chat__status{font-size:.8rem;color:var(--gut)}.rad2{grid-area:rad;position:relative;width:4.5rem;display:grid;place-items:center;flex:0 0 auto}.rad2__svg{width:4.5rem;height:4.5rem;transform:rotate(-90deg)}.rad2__bahn{fill:none;stroke:var(--nacht);stroke-width:7}.rad2__fuellung{fill:none;stroke:var(--phase-3);stroke-width:7;stroke-linecap:round;transition:stroke-dasharray .7s cubic-bezier(.2,.7,.3,1)}.rad2__zahl{position:absolute;top:1.35rem;font-size:1.15rem;font-weight:900;color:var(--phase-3);font-variant-numeric:tabular-nums;line-height:1}.rad2__zahl span{font-size:.65rem}.rad2__ziel{position:absolute;top:4.5rem;width:7rem;text-align:center;font-size:.62rem;color:var(--text-still);line-height:1.2}.rad2__zuwachs{position:absolute;right:-.4rem;top:-.3rem;font-size:.85rem;font-weight:900;color:var(--phase-4);animation:zuwachsHoch 1.8s ease-out forwards;pointer-events:none;white-space:nowrap}@keyframes zuwachsHoch{0%{opacity:0;transform:translateY(8px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1.15)}35%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.nur-vorlesen{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.chat__verlauf{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.chat__blase{max-width:80%;padding:.6rem .9rem;border-radius:18px;line-height:1.4;animation:blaseRein .25s ease}@keyframes blaseRein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.chat__blase--mira{align-self:flex-start;background:var(--flaeche);border-bottom-left-radius:5px}.chat__blase--ich{align-self:flex-end;background:var(--phase-2);color:#06222a;border-bottom-right-radius:5px}.chat__smileys{display:flex;gap:.3rem;margin-bottom:.5rem;overflow-x:auto;scrollbar-width:none}.chat__smileys::-webkit-scrollbar{display:none}.chat__smiley{flex:0 0 auto;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--flaeche);border:1px solid var(--rand);font-size:1.25rem;line-height:1;display:grid;place-items:center;transition:transform .1s ease,border-color .15s ease}.chat__smiley:not(:disabled):hover{border-color:var(--phase-3);transform:translateY(-2px)}.chat__smiley:active{transform:scale(.9)}.chat__smiley:disabled{opacity:.35}.chat__system{align-self:center;font-size:.78rem;color:var(--text-still);background:var(--flaeche);padding:.3rem .8rem;border-radius:999px;margin:.5rem 0}.chat__tippt{display:flex;gap:4px;padding:.8rem .9rem}.chat__tippt span{width:7px;height:7px;border-radius:50%;background:var(--text-still);animation:tippen 1.2s ease-in-out infinite}.chat__tippt span:nth-child(2){animation-delay:.18s}.chat__tippt span:nth-child(3){animation-delay:.36s}@keyframes tippen{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat__fuss{padding:.75rem 1rem 1rem;border-top:1px solid var(--rand);background:var(--nacht-tief)}.chat__eingabe{display:flex;gap:.5rem}.chat__eingabe input{flex:1;min-width:0;padding:.75rem 1rem;border-radius:999px;border:1px solid var(--rand);background:var(--flaeche);color:var(--text)}.chat__senden{padding:.75rem 1.1rem;border-radius:999px;background:var(--phase-2);color:#06222a;font-weight:800;flex:0 0 auto}.chat__senden:disabled{opacity:.4}.chat__optionen{display:flex;flex-wrap:wrap;gap:.5rem}.chat__option{padding:.6rem 1rem;border-radius:999px;border:1px solid var(--phase-2);color:var(--phase-2);font-weight:600;font-size:.95rem}.chat__option:disabled{opacity:.4}.chat__raus{display:block;width:100%;min-height:44px;margin-top:.4rem;text-align:center;font-size:.78rem;color:var(--text-still)}.chat__raus:hover{color:var(--text-leise)}.gefaelle{border-color:var(--phase-3)}.gefaelle__spalten{display:grid;gap:1rem}.gefaelle__spalte{padding:1rem;border-radius:var(--radius-sm);background:var(--flaeche-hell);border-left:4px solid var(--text-still)}.gefaelle__spalte--rechts{border-left-color:var(--phase-3)}.gefaelle__kopf{font-size:.95rem;margin-bottom:.6rem}.gefaelle__liste{list-style:none;display:grid;gap:.5rem}.gefaelle__liste li{padding-left:1rem;position:relative;line-height:1.4;font-size:.95rem}.gefaelle__liste li:before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--text-still)}.gefaelle__spalte--rechts .gefaelle__liste li:before{background:var(--phase-3)}.gefaelle__heikel{color:var(--achtung)}.gefaelle__heikel:before{background:var(--achtung)!important}.gefaelle__wert{display:block;color:var(--text-leise);font-size:.85rem;font-style:italic}.gefaelle__fuss{margin-top:.75rem}@media (min-width: 640px){.gefaelle__spalten{grid-template-columns:1fr 1fr}}.legende{display:flex;flex-wrap:wrap;gap:.4rem .9rem}.legende__punkt{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-leise)}.legende__punkt:before{content:"";width:.6rem;height:.6rem;border-radius:2px;background:var(--farbe)}.rueckblick{max-height:26rem;overflow-y:auto;padding:.75rem;border-radius:var(--radius-sm);background:var(--nacht-tief);border:1px solid var(--rand);display:flex;flex-direction:column;gap:.35rem}.rueckblick__mira,.rueckblick__ich{max-width:85%;padding:.4rem .7rem;border-radius:12px;font-size:.85rem;line-height:1.35}.rueckblick__mira{align-self:flex-start;background:var(--flaeche)}.rueckblick__ich{align-self:flex-end;background:var(--phase-2);color:#06222a}.rueckblick__mira--griff{border-left:3px solid var(--farbe);position:relative;padding-right:.7rem}.rueckblick__marke{display:block;margin-top:.15rem;font-size:.65rem;font-weight:700;color:var(--farbe);text-transform:lowercase}.kurve{width:100%;height:auto;margin-top:.75rem;overflow:visible}.kurve__echt{fill:none;stroke:var(--phase-3);stroke-width:2.5;stroke-linejoin:round}.kurve__ehrlich{fill:none;stroke:var(--text-still);stroke-width:1.5;stroke-dasharray:4 4}.kurve__beschriftung{font-size:9px;fill:var(--phase-3)}.kurve__beschriftung--grau{fill:var(--text-still)}.ueberlagerung{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0d0b1ad1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:auftauchen .2s ease}.ueberlagerung__inhalt{width:100%;max-width:24rem}.ueberlagerung__inhalt--eng{max-width:20rem;text-align:center}.ueberlagerung__frage{font-size:1.25rem;margin-bottom:.4rem}.ueberlagerung__optionen{display:grid;gap:.6rem}.ueberlagerung__flamme{font-size:2.5rem;line-height:1}.meilenstein{text-align:center;border-color:var(--phase-3)}.meilenstein__rad{width:5.5rem;height:5.5rem;margin:0 auto .75rem;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;font-weight:900;color:var(--phase-3);background:radial-gradient(circle,rgba(232,90,155,.18) 55%,transparent 56%);border:4px solid var(--phase-3);animation:meilensteinPuls .6s ease-out}.meilenstein__rad span{font-size:.9rem}@keyframes meilensteinPuls{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}.aus__titel{font-size:1.6rem;letter-spacing:-.02em;margin-top:.5rem}.aus__h2{font-size:1.1rem;margin-bottom:.5rem}.aus__kopfzahl{text-align:center;border-color:var(--phase-3)}.aus__gross{font-size:2.6rem;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums;margin-bottom:.75rem}.aus__gross--gut{color:var(--gut)}.aus__soll{color:var(--text-still)}.aus__pfeil{margin:0 .5rem;color:var(--text-still);font-size:1.6rem}.aus__ist{color:var(--phase-3)}.aus__pointe{border-left:3px solid var(--phase-3);padding-left:.9rem;font-size:1.02rem}.aus__liste{padding-left:1.2rem;display:grid;gap:.5rem}.aus__liste li{line-height:1.5}.aus__dunkel{border-color:var(--schlecht)}.aus__vergleich{display:flex;align-items:flex-end;justify-content:center;gap:2.5rem;margin-top:1rem;min-height:9rem}.aus__saeule{display:flex;flex-direction:column;align-items:center;gap:.4rem}.aus__saeulenwert{font-weight:800;font-variant-numeric:tabular-nums}.aus__balken{width:3.5rem;border-radius:8px 8px 0 0;background:var(--rand)}.aus__balken--treffer{background:var(--phase-3)}.strahl-huelle{position:relative;margin-top:1rem;padding-bottom:1.4rem}.strahl{position:relative;display:flex;gap:2px;align-items:flex-end;height:3rem}.strahl__zug{flex:1 1 0;min-width:2px;height:35%;border-radius:2px;background:var(--rand)}.strahl__zug--beinahe{background:var(--text-still);height:45%}.strahl__zug--klein{background:var(--phase-4);height:60%}.strahl__zug--gross{background:var(--phase-3);height:85%}.strahl__zug--jackpot{background:var(--phase-1);height:100%}.strahl__zug--drueber{opacity:.55}.strahl__marke{position:absolute;top:-.35rem;bottom:-.35rem;width:2px;background:var(--achtung)}.strahl__beschriftung{position:absolute;bottom:0;transform:translate(-50%);white-space:nowrap;color:var(--achtung)}.rad{display:grid;gap:.6rem}.rad__phase{display:grid;grid-template-columns:2rem 1fr;grid-template-areas:"nr name" ". zahl" ". kurz";gap:.15rem .75rem;padding:.75rem .9rem;border-radius:var(--radius-sm);border-left:4px solid var(--farbe);background:var(--flaeche-hell)}.rad__nr{grid-area:nr;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--farbe);color:var(--nacht-tief);font-weight:900;display:grid;place-items:center;font-size:.85rem}.rad__name{grid-area:name;font-weight:700}.rad__fach{color:var(--text-still);font-weight:400;font-size:.85rem}.rad__zahl{grid-area:zahl;color:var(--farbe);font-weight:700;font-size:.9rem}.rad__phase .still{grid-area:kurz}.ueb__fall{text-align:center;padding:2rem 1.25rem}.ueb__text{font-size:1.3rem;font-weight:600;line-height:1.35}.ueb__phasen{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.ueb__phase{display:flex;flex-direction:column;gap:.15rem;padding:.9rem .75rem;border-radius:var(--radius-sm);border:2px solid var(--rand);background:var(--flaeche);text-align:left;transition:border-color .15s ease,opacity .15s ease}.ueb__phase:not(:disabled):hover{border-color:var(--farbe)}.ueb__phasenname{font-weight:700}.ueb__phase--richtig{border-color:var(--gut);background:#5bd07a24}.ueb__phase--falsch{border-color:var(--schlecht);background:#f2607a24}.ueb__phase--blass{opacity:.35}.ueb__aufloesung{border-left:4px solid var(--phase-2)}.gegen__karte{border-left:4px solid var(--farbe);margin-bottom:.75rem}.gegen__phase{color:var(--farbe);font-weight:700;font-size:.85rem}.gegen__titel{font-size:1.15rem;margin:.2rem 0 .5rem}.gegen__schluss{font-size:1.2rem;font-weight:700;line-height:1.4}.qr__rahmen{background:#fff;display:grid;place-items:center;padding:1rem}.qr__bild{width:100%;max-width:20rem;height:auto;display:block}.qr__adresse{text-align:center;word-break:break-all;color:var(--text-leise);font-size:.9rem}@media print{body{background:#fff!important;color:#000}.kopf,.knopf,.start__linkknopf{display:none!important}.qr__rahmen{box-shadow:none;border:none}.qr__adresse,.aus__titel,.leise{color:#000!important}.still{display:none}}.ka__satz{font-size:1.15rem;line-height:1.5}.ka__zahl{color:var(--phase-3);font-size:1.35rem;font-variant-numeric:tabular-nums}.ka__luecke{display:inline-grid;place-items:center;min-width:2.2rem;padding:0 .3rem;border-radius:6px;border:2px dashed var(--phase-3);color:var(--phase-3);font-weight:900;vertical-align:baseline}.ka__vorbehalt{border-color:var(--achtung)}.anleitung__plan{padding-left:1.3rem;display:grid;gap:.6rem}.anleitung__plan b{color:var(--phase-2);font-variant-numeric:tabular-nums}.anleitung__dl dt{font-weight:700;color:var(--phase-2);margin-top:.9rem}.anleitung__dl dd{color:var(--text-leise);margin-left:0}.anleitung__heikel{color:var(--achtung)}.anleitung__spoiler{border-color:var(--achtung);background:#f5a6231a;color:var(--text)}@media (min-width: 640px){.ueb__phasen{grid-template-columns:repeat(4,1fr)}.rad{grid-template-columns:1fr 1fr}}@media (min-width: 480px) and (min-height: 700px){.blubb{min-height:0;height:min(44rem,86vh);margin:2.5vh auto;padding:1rem 1.25rem 1.5rem;border:1px solid var(--rand);border-radius:32px;background:var(--nacht-tief);box-shadow:var(--schatten)}}:root{--nacht: #151228;--nacht-tief: #0D0B1A;--flaeche: #211C3D;--flaeche-hell: #2C2650;--rand: #3B3466;--text: #F2EFFF;--text-leise: #A9A1C9;--text-still: #7A7299;--phase-1: #F5A623;--phase-2: #2CC6C6;--phase-3: #E85A9B;--phase-4: #5BD07A;--gut: #5BD07A;--achtung: #F5A623;--schlecht: #F2607A;--radius: 20px;--radius-sm: 12px;--schatten: 0 10px 30px rgba(0, 0, 0, .35);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:17px}:root.beamer{font-size:26px}@media (min-width: 900px){:root{font-size:18px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--nacht);background-image:radial-gradient(90% 60% at 50% -10%,#2b2350,#2b235000 70%);background-attachment:fixed;-webkit-font-smoothing:antialiased;line-height:1.45;touch-action:manipulation}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}input,textarea{font:inherit;color:inherit}h1,h2,h3{line-height:1.2;font-weight:700}.huelle{max-width:30rem;margin:0 auto;padding:1.25rem 1rem 3rem;min-height:100%}.huelle--breit{max-width:46rem}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--schatten)}.knopf{display:block;width:100%;padding:.9rem 1.25rem;border-radius:999px;background:var(--phase-2);color:#06222a;font-weight:800;font-size:1.05rem;text-align:center;transition:transform .08s ease,filter .15s ease}.knopf:active{transform:scale(.97)}.knopf:disabled{opacity:.4;cursor:default}.knopf--still{background:transparent;color:var(--text-leise);border:1px solid var(--rand);font-weight:600}.knopf--klein{width:auto;padding:.5rem 1rem;font-size:.9rem}.leise{color:var(--text-leise)}.still{color:var(--text-still);font-size:.85rem}.zeile{display:flex;align-items:center;gap:.75rem}.abstand{margin-top:1.25rem}.abstand-gross{margin-top:2.25rem}:focus-visible{outline:3px solid var(--phase-2);outline-offset:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}