:root{--nacht: #1a1147;--nacht-tief: #0d0827;--nacht-hell: #2d1f6b;--sand: #fff8e7;--gold: #ffd166;--gruen: #06d6a0;--rot: #ef476f;--blau: #4cc9f0;--lila: #b388ff;--ballon-1: #ef476f;--ballon-2: #ffd166;--ballon-3: #06d6a0;--ballon-4: #4cc9f0;--rund: 2.2vmin;--schatten: 0 1vmin 3vmin rgba(0, 0, 0, .35)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--nacht-tief);color:var(--sand);font-family:Segoe UI,Trebuchet MS,system-ui,-apple-system,sans-serif;font-size:2.6vmin;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.buehne{position:relative;height:100%;width:100%;overflow:hidden;background:radial-gradient(circle at 20% 15%,var(--nacht-hell) 0%,transparent 55%),radial-gradient(circle at 85% 80%,#3d2a7a 0%,transparent 50%),linear-gradient(170deg,var(--nacht) 0%,var(--nacht-tief) 100%);display:flex;flex-direction:column}.sterne{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:.55}.stern{position:absolute;background:var(--sand);border-radius:50%;animation:funkeln 4s ease-in-out infinite}@keyframes funkeln{0%,to{opacity:.25}50%{opacity:.9}}.mitte{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3vmin;position:relative;z-index:1}.titel{font-size:9vmin;font-weight:800;letter-spacing:-.02em;margin:0 0 1vmin;color:var(--gold);text-shadow:0 .6vmin 2vmin rgba(255,209,102,.3)}.unterzeile{font-size:3.2vmin;opacity:.8;margin:0 0 5vmin;max-width:70vmin;line-height:1.5}.knopf{border:none;border-radius:99vmin;background:linear-gradient(160deg,var(--gold) 0%,#ffb703 100%);color:#3d2600;font-size:5vmin;font-weight:800;font-family:inherit;padding:2.4vmin 8vmin;cursor:pointer;box-shadow:var(--schatten);transition:transform .12s ease;min-height:12vmin}.knopf:active{transform:scale(.96)}.knopf--leise{background:#fff8e71f;color:var(--sand);font-size:3vmin;padding:1.6vmin 4vmin;box-shadow:none;min-height:auto}.kopfzeile{display:flex;align-items:center;justify-content:space-between;padding:2vmin 3vmin;position:relative;z-index:2}.fortschritt{flex:1;height:1.6vmin;background:#fff8e726;border-radius:99vmin;overflow:hidden;margin:0 3vmin}.fortschritt__balken{height:100%;background:linear-gradient(90deg,var(--gruen),var(--blau));border-radius:99vmin;transition:width .3s ease}.zaehler{font-size:3vmin;font-weight:700;opacity:.85;min-width:12vmin}.aufgabe{font-size:14vmin;font-weight:800;letter-spacing:.02em;margin:0;text-shadow:0 1vmin 3vmin rgba(0,0,0,.4);white-space:nowrap}.aufgabe--tv{font-size:22vmin}.aufgabe__frage{color:var(--gold)}.ballons{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2vmin;width:100%;height:100%;padding:2vmin}.ballon{position:relative;border:none;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;animation:schweben 3.4s ease-in-out infinite}.ballon:nth-child(2){animation-delay:-.9s}.ballon:nth-child(3){animation-delay:-1.8s}.ballon:nth-child(4){animation-delay:-2.6s}@keyframes schweben{0%,to{transform:translateY(-1.1vmin)}50%{transform:translateY(1.1vmin)}}.ballon__koerper{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.ballon--getroffen{animation:platzen .32s ease-out forwards}@keyframes platzen{0%{transform:scale(1);opacity:1}35%{transform:scale(1.22);opacity:1}to{transform:scale(.2);opacity:0}}.ballon--daneben{animation:wackeln .36s ease-in-out}@keyframes wackeln{0%,to{transform:translate(0)}20%{transform:translate(-1.6vmin) rotate(-3deg)}55%{transform:translate(1.6vmin) rotate(3deg)}80%{transform:translate(-.6vmin)}}.ballon--entweicht{animation:entweichen .5s ease-in forwards}@keyframes entweichen{to{transform:translateY(-120vh);opacity:0}}.funken{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:visible}.funke{position:absolute;top:40%;left:50%;width:1.4vmin;height:1.4vmin;border-radius:50%;animation:funke-flug .5s ease-out forwards}@keyframes funke-flug{to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}.zahlenfeld{display:flex;flex-direction:column;align-items:center;gap:2vmin;width:100%;padding:2vmin}.anzeige{font-size:10vmin;font-weight:800;min-height:14vmin;min-width:34vmin;padding:0 4vmin;display:flex;align-items:center;justify-content:center;background:#fff8e71a;border-radius:var(--rund);border:.5vmin solid rgba(255,248,231,.2);letter-spacing:.08em}.anzeige--leer{color:#fff8e74d}.tasten{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6vmin;width:100%;max-width:62vmin}.taste{border:none;border-radius:var(--rund);background:#fff8e724;color:var(--sand);font-family:inherit;font-size:6.5vmin;font-weight:700;padding:2.4vmin 0;cursor:pointer;transition:background .1s ease,transform .1s ease;min-height:13vmin}.taste:active{background:#fff8e74d;transform:scale(.95)}.taste--weg{background:#ef476f38}.taste--los{background:linear-gradient(160deg,var(--gruen),#04a97e);color:#003527}.rueck{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0d0827f0;z-index:5;padding:4vmin;text-align:center;animation:einblenden .16s ease-out}@keyframes einblenden{0%{opacity:0}to{opacity:1}}.rueck__loesung{font-size:11vmin;font-weight:800;margin:0 0 3vmin;color:var(--gold)}.rueck__merksatz{font-size:4.4vmin;line-height:1.5;max-width:80vmin;margin:0 0 4vmin;color:var(--sand)}.rueck__weiter{font-size:2.8vmin;opacity:.6}.blitz{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:4;animation:blitzen .32s ease-out forwards}.blitz--gut{background:radial-gradient(circle,rgba(6,214,160,.34) 0%,transparent 65%)}.blitz--kette{background:radial-gradient(circle,rgba(255,209,102,.42) 0%,transparent 70%)}@keyframes blitzen{0%{opacity:1}to{opacity:0}}.maskottchen{position:absolute;right:3vmin;bottom:3vmin;width:18vmin;height:18vmin;z-index:3;pointer-events:none;animation:schweben 3.8s ease-in-out infinite}.maskottchen--gross{position:relative;right:auto;bottom:auto;width:34vmin;height:34vmin;margin-bottom:2vmin}.kette{position:absolute;top:9vmin;left:50%;transform:translate(-50%);font-size:3.4vmin;font-weight:800;color:var(--gold);z-index:3;animation:kette-rein .3s ease-out;white-space:nowrap}@keyframes kette-rein{0%{opacity:0;transform:translate(-50%) translateY(-2vmin)}to{opacity:1;transform:translate(-50%) translateY(0)}}.karten{display:flex;flex-wrap:wrap;gap:2vmin;justify-content:center;margin:3vmin 0 4vmin}.karte{background:#fff8e71a;border-radius:var(--rund);padding:2.5vmin 4vmin;min-width:28vmin}.karte__wert{font-size:7vmin;font-weight:800;color:var(--gold);line-height:1.1}.karte__name{font-size:2.4vmin;opacity:.75;margin-top:.6vmin}.kalender{display:flex;gap:1.2vmin;justify-content:center;margin:2vmin 0 4vmin;flex-wrap:wrap}.tag{width:5.5vmin;height:5.5vmin;border-radius:1.2vmin;background:#fff8e71a;display:flex;align-items:center;justify-content:center;font-size:2.6vmin;font-weight:700}.tag--geschafft{background:var(--gruen);color:#003527}.tag--joker{background:#ffd1664d;color:var(--gold)}.tag--heute{outline:.5vmin solid var(--gold);outline-offset:.3vmin}.konfetti{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:2}.schnipsel{position:absolute;width:1.4vmin;height:2.4vmin;top:-4vmin;animation:fallen linear forwards}@keyframes fallen{to{transform:translateY(110vh) rotate(720deg)}}.tv-code{font-size:20vmin;font-weight:800;letter-spacing:.15em;color:var(--gold);margin:2vmin 0}.qr{background:var(--sand);padding:2vmin;border-radius:var(--rund);line-height:0}.qr svg,.qr img{width:30vmin;height:30vmin;display:block}.tv-hinweis{font-size:3vmin;opacity:.75;max-width:80vmin;line-height:1.5}.tv-ballons{display:grid;grid-template-columns:1fr 1fr;gap:3vmin;margin-top:4vmin;width:70vmin}.tv-ballon{background:#fff8e71a;border-radius:var(--rund);padding:2vmin;font-size:7vmin;font-weight:800;text-align:center}.zeile{display:flex;align-items:center;gap:2vmin;justify-content:center;flex-wrap:wrap}.fehler{color:var(--rot);font-size:3vmin;margin-top:2vmin}.code-eingabe{font-size:8vmin;font-weight:800;letter-spacing:.3em;text-align:center;background:#fff8e71a;border:.5vmin solid rgba(255,248,231,.25);border-radius:var(--rund);color:var(--sand);padding:1.5vmin 3vmin;width:44vmin;font-family:inherit}.fuss{padding:2vmin;text-align:center;font-size:2.2vmin;opacity:.45;position:relative;z-index:2}.fuss a{color:inherit}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.buehne--scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.raum{position:relative;z-index:1;padding:0 3vmin 4vmin;max-width:120vmin;margin:0 auto;width:100%}.reise{margin:2vmin 0 4vmin}.reise__karte{width:100%;height:auto;display:block;max-height:44vh}.reise__text{text-align:center;margin-top:1vmin}.reise__station{font-size:4.6vmin;font-weight:800;color:var(--gold)}.reise__land{font-weight:400;opacity:.7;font-size:3.2vmin}.reise__info{font-size:2.8vmin;opacity:.85;line-height:1.5;max-width:80vmin;margin:1vmin auto 0}.reise__naechste{font-size:2.8vmin;opacity:.75;margin-top:1.5vmin}.raetsel{background:#fff8e714;border-radius:var(--rund);padding:3vmin;text-align:center}.raetsel__frage{font-size:4.4vmin;font-weight:800;margin:0 0 2.5vmin;line-height:1.35}.raetsel__pointe{font-family:Consolas,SF Mono,Courier New,monospace;font-size:5.5vmin;font-weight:700;letter-spacing:.08em;color:var(--sand);word-break:break-word;line-height:1.5;transition:color .3s ease}.raetsel__pointe--offen{color:var(--gold)}.raetsel__hinweis{font-size:2.6vmin;opacity:.7;margin:2.5vmin 0 0;line-height:1.5}.wer{margin-top:4vmin;text-align:center}.wer__titel{font-size:3.2vmin;font-weight:700;margin:0 0 2vmin;opacity:.9}.person{background:#fff8e71a;border-radius:99vmin;padding:1.2vmin 3vmin;font-size:2.8vmin;font-weight:600}.person--geschafft{background:#06d6a040;color:var(--gruen)}.code-eingabe--raum{letter-spacing:.2em;font-size:6vmin;width:48vmin}.code-eingabe--name{letter-spacing:normal;font-size:4vmin;width:48vmin;margin-top:2vmin}.alsLink{background:none;border:none;color:var(--gold);font:inherit;text-decoration:underline;cursor:pointer;padding:0}.raumkachel{background:#fff8e717;border:none;border-radius:var(--rund);padding:2.5vmin 4vmin;margin-bottom:4vmin;color:var(--sand);font-family:inherit;cursor:pointer;text-align:center;max-width:80vmin}.raumkachel__titel{font-size:3.2vmin;font-weight:700;color:var(--gold)}.raumkachel__zeile{font-size:2.6vmin;opacity:.85;margin-top:.8vmin;line-height:1.4}.maskottchen__augen{transform-box:fill-box;transform-origin:center;animation:blinzeln 5.5s ease-in-out infinite}@keyframes blinzeln{0%,90%,to{transform:scaleY(1)}93%{transform:scaleY(.08)}96%{transform:scaleY(1)}}.fortschritt{font-size:3.4vmin;line-height:1.45;max-width:80vmin;margin:1vmin 0 3vmin;padding:2.2vmin 3.5vmin;background:#06d6a029;border-radius:var(--rund);color:var(--sand)}.farbwelt-hinweis{font-size:2.8vmin;opacity:.85;max-width:70vmin;margin:0 0 3vmin;line-height:1.45}.pause{position:absolute;top:12vmin;left:50%;transform:translate(-50%);background:#0d0827eb;border-radius:99vmin;padding:1.6vmin 4vmin;font-size:3vmin;font-weight:700;color:var(--gold);z-index:4;white-space:nowrap;animation:kette-rein .3s ease-out}.setliste{display:flex;flex-wrap:wrap;gap:2vmin;margin:2.5vmin 0}.set{display:flex;flex-direction:column;align-items:center;gap:1vmin;background:#fff8e71a;border:.4vmin solid transparent;border-radius:var(--rund);padding:2vmin 3vmin;font-family:inherit;color:var(--sand);cursor:pointer;min-width:26vmin}.set--gewaehlt{border-color:var(--gold);background:#ffd1662e}.set--zu{opacity:.4;cursor:default}.set__farben{display:flex;gap:.8vmin}.set__punkt{width:3.2vmin;height:3.2vmin;border-radius:50%}.set__name{font-size:2.8vmin;font-weight:700}.set__status{font-size:2.2vmin;opacity:.75}.ballon{animation:schweben 3.4s ease-in-out infinite,ballon-rein .26s ease-out backwards}.ballon:nth-child(1){animation-delay:0s,0s}.ballon:nth-child(2){animation-delay:-.9s,.05s}.ballon:nth-child(3){animation-delay:-1.8s,.1s}.ballon:nth-child(4){animation-delay:-2.6s,.15s}@keyframes ballon-rein{0%{opacity:0;transform:translateY(8vmin) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.blitz--schnell{background:radial-gradient(circle,rgba(255,209,102,.55) 0%,transparent 55%)}.blitzwort{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9vmin;font-weight:800;color:var(--gold);text-shadow:0 .6vmin 2vmin rgba(0,0,0,.5);z-index:5;pointer-events:none;white-space:nowrap;animation:blitzwort .55s ease-out forwards}@keyframes blitzwort{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}