@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/JetBrainsMono-400.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/JetBrainsMono-500.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/JetBrainsMono-700.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/SpaceGrotesk-400.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/SpaceGrotesk-500.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/SpaceGrotesk-600.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/SpaceGrotesk-700.woff2)format("woff2")}:root{--bg:#05080f;--bg-phone:#080d18;--panel:#131f33b8;--panel-fest:#16233a;--panel-tief:#0a101ccc;--line:#78aadc24;--line-3:#96b4dc29;--fg:#eaf2ff;--fg-2:#dce7f7;--fg-muted:#8398b8;--fg-label:#7c90b0;--fg-faint:#63799b;--fg-fainter:#4b6285;--fg-dim:#6c80a0;--fg-aus:#5f7396;--cyan:#22d3ee;--cyan-hell:#67e8f9;--cyan-soft:#bfeefb;--cyan-label:#7fd7ec;--blau:#4f7cf7;--blau-2:#2a7ff0;--blau-3:#1e63c9;--gruen:#a3e635;--gruen-2:#d9f99d;--rot-fg:#fca5b4;--rot-bg:#f4506b24;--rot-line:#f4506b4d;--sans:"Space Grotesk", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-text-size-adjust:100%;margin:0}a{color:var(--cyan);text-decoration:none}a:hover{color:var(--cyan-hell)}@keyframes pdPulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.9;transform:scale(1.35)}}@keyframes pdSweep{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes pdHoch{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.fueller{flex:1}.beamer{flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.ambient{pointer-events:none;position:absolute;inset:0}.ambient .netz{background-image:linear-gradient(#508cc80e 1px,#0000 1px),linear-gradient(90deg,#508cc80e 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0}.ambient .schein-a{filter:blur(20px);background:radial-gradient(circle,#22d3ee29,#0000 65%);width:1100px;height:900px;position:absolute;top:-320px;left:-180px}.ambient .schein-b{filter:blur(20px);background:radial-gradient(circle,#818cf824,#0000 65%);width:1200px;height:1000px;position:absolute;bottom:-420px;right:-220px}.bhead{flex-wrap:wrap;align-items:center;gap:18px;padding:clamp(18px,2.2vw,34px) clamp(20px,3vw,56px) 0;display:flex;position:relative}.marke{filter:drop-shadow(0 0 20px #22d3ee66);flex-shrink:0;width:46px;height:46px;display:block}.wortmarke{letter-spacing:-.02em;font-size:clamp(20px,1.6vw,30px);font-weight:700}.trenner{background:#96b4dc33;width:1px;height:30px}.claim{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-label);font-size:clamp(12px,.9vw,17px)}.pille{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:9px;padding:11px 20px;font-size:clamp(12px,.85vw,16px);font-weight:700;display:flex}.pille i{border-radius:50%;width:9px;height:9px;animation:1.8s ease-in-out infinite pdPulse}.pille.offen{color:var(--gruen);background:#a3e6351f;border:1px solid #a3e63559}.pille.offen i{background:var(--gruen)}.pille.zu{background:var(--rot-bg);border:1px solid var(--rot-line);color:var(--rot-fg)}.pille.zu i{background:var(--rot-fg);animation:none}.stepper{flex-wrap:wrap;align-items:center;gap:14px;padding:clamp(14px,1.6vw,26px) clamp(20px,3vw,56px) 0;display:flex;position:relative}.stufe{border:1px solid #96b4dc24;border-radius:12px;align-items:center;gap:11px;padding:9px 18px 9px 12px;display:flex}.stufe .nr{font-family:var(--mono);color:var(--fg-dim);background:#96b4dc1a;border-radius:6px;padding:3px 9px;font-size:clamp(12px,.8vw,15px);font-weight:700}.stufe .titel{color:var(--fg-aus);font-size:clamp(14px,1vw,19px);font-weight:500}.stufe.aktiv{background:linear-gradient(120deg,#22d3ee38,#22d3ee0f);border-color:#22d3ee80}.stufe.aktiv .nr{color:var(--bg);background:var(--cyan)}.stufe.aktiv .titel{color:var(--cyan-soft);font-weight:600}.stufe.fertig .nr{color:var(--gruen);background:#a3e6351f}.stufe.fertig .titel{color:var(--fg-muted)}.strich{background:#96b4dc38;width:44px;height:1px}.bkoerper{flex:1;grid-template-columns:clamp(300px,27vw,520px) 1fr;gap:clamp(20px,2.4vw,40px);min-height:0;padding:clamp(18px,1.8vw,30px) clamp(20px,3vw,56px) clamp(24px,2.6vw,44px);display:grid;position:relative}.links{flex-direction:column;gap:clamp(14px,1.5vw,24px);min-height:0;display:flex}.rechts{flex-direction:column;gap:clamp(14px,1.6vw,26px);min-height:0;display:flex}.joinkarte{background:linear-gradient(165deg,#17243af5,#0c1321f5);border:1px solid #78aadc29;border-radius:26px;padding:clamp(20px,2vw,34px);position:relative;overflow:hidden;box-shadow:0 30px 70px #00000073}.joinkarte .sweep{background:linear-gradient(90deg, transparent, var(--cyan), transparent);width:60%;height:2px;animation:3.6s linear infinite pdSweep;position:absolute;inset:0 auto auto 0}.etikett{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);font-size:clamp(12px,.85vw,16px);font-weight:700}.qrkasten{background:#fff;border-radius:20px;place-items:center;margin-top:22px;padding:18px;display:grid;box-shadow:0 0 60px #22d3ee38}.qrkasten img{width:100%;height:auto;image-rendering:pixelated;display:block}.urlzeile{font-family:var(--mono);color:var(--fg);letter-spacing:-.01em;word-break:break-all;background:#05080f99;border:1px solid #78aadc2e;border-radius:14px;margin-top:22px;padding:14px 18px;font-size:clamp(14px,1.05vw,20px);font-weight:500}.urlzeile b{color:var(--cyan);font-weight:500}.joinhinweis{color:var(--fg-muted);margin:14px 0 0;font-size:clamp(14px,.95vw,17px);line-height:1.45}.statreihe{gap:16px;display:flex}.stat{background:var(--panel);border:1px solid var(--line);border-radius:20px;flex:1;padding:20px 22px}.stat .kopf{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-label);font-size:clamp(11px,.75vw,13px)}.stat .zahl{font-family:var(--mono);font-size:clamp(28px,2.6vw,46px);font-weight:700;line-height:1.1}.stat.gut{background:#a3e63517;border-color:#a3e63547}.stat.gut .kopf{color:var(--gruen)}.stat.gut .zahl{color:var(--gruen-2)}.mission{background:linear-gradient(120deg,#1c2c4af2,#0e1626f2);border:1px solid #78aadc2e;border-radius:26px;align-items:flex-start;gap:clamp(20px,2.2vw,40px);padding:clamp(22px,2.2vw,40px) clamp(24px,2.4vw,44px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px #0006}.mission .balken{background:linear-gradient(180deg, var(--cyan), var(--blau));width:4px;height:100%;position:absolute;top:0;left:0}.mission .was{flex:1}.mission .label{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--cyan-label);font-size:clamp(12px,.85vw,15px);font-weight:700}.mission .satz{letter-spacing:-.025em;color:#f2f7ff;text-wrap:balance;margin-top:16px;font-size:clamp(26px,3vw,56px);font-weight:700;line-height:1.1}.mission .satz b{color:var(--cyan);font-weight:700}.mission .geloest{text-align:right;flex-shrink:0}.mission .geloest .kopf{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-label);font-size:clamp(11px,.8vw,14px)}.mission .geloest .zahl{font-family:var(--mono);font-size:clamp(34px,3.4vw,64px);font-weight:700;line-height:1}.mission .geloest .zahl span{color:var(--fg-fainter)}.abschnitt{align-items:center;gap:16px;display:flex}.abschnitt .txt{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--fg-label);font-size:clamp(12px,.9vw,16px);font-weight:700}.abschnitt .hair{background:var(--line-3);flex:1;height:1px}.spielergitter{flex:1;grid-template-columns:repeat(auto-fill,minmax(clamp(230px,19vw,330px),1fr));align-content:start;gap:16px;min-height:0;display:grid}.spieler{background:var(--panel);border:1px solid var(--line);border-radius:18px;align-items:center;gap:16px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.spieler.geknackt{background:#a3e63517;border-color:#a3e63547}.spieler .kuerzel{width:52px;height:52px;font-family:var(--mono);color:var(--bg);border-radius:14px;flex-shrink:0;place-items:center;font-size:20px;font-weight:700;display:grid}.spieler .wer{flex:1;min-width:0}.spieler .nam{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(17px,1.3vw,22px);font-weight:600;overflow:hidden}.spieler .zustand{font-family:var(--mono);font-size:clamp(13px,.95vw,15px)}.spieler .n{font-family:var(--mono);color:var(--fg-fainter);font-size:clamp(19px,1.7vw,26px);font-weight:700}.wartet{font-family:var(--mono);color:var(--fg-label);border:1px dashed #78aadc3d;border-radius:18px;justify-content:center;align-items:center;gap:12px;padding:18px 20px;font-size:clamp(14px,1.1vw,17px);display:flex}.wartet i{background:var(--cyan);border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite pdPulse}.leitung{background:var(--panel-tief);border:1px solid #78aadc1f;border-radius:18px;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 22px;display:flex}.leitung .name{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-faint);font-size:clamp(11px,.8vw,14px);font-weight:700}.leitung .stab{background:var(--line-3);width:1px;height:26px}.leitung .reihe{gap:10px;display:flex}.knopf{cursor:pointer;font-family:var(--sans);color:#9fb3d0;background:#96b4dc17;border:0;border-radius:10px;padding:10px 18px;font-size:clamp(14px,1vw,17px);font-weight:500}.knopf:hover{color:var(--fg);background:#96b4dc29}.knopf.an{color:var(--bg);background:var(--cyan);font-weight:600}.knopf.gut{color:var(--gruen);background:#a3e6351f;font-weight:600}.knopf.gefahr{color:var(--rot-fg);background:var(--rot-bg);border:1px solid var(--rot-line);font-weight:600}.fehler{color:var(--rot-fg);font-family:var(--mono);font-size:14px}.blitz{z-index:99;text-align:center;background:#05080fed;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:30px;display:none;position:fixed;inset:0}.blitz.an{animation:.35s ease-out pdHoch;display:flex}.blitz .riesig{letter-spacing:-.03em;color:var(--gruen);font-size:clamp(40px,8vw,120px);font-weight:700;line-height:1.05}.blitz .klein{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-label);font-size:clamp(16px,2vw,28px)}.handy{background:var(--bg-phone);flex-direction:column;min-height:100dvh;display:flex;position:relative}.handy .glanz{pointer-events:none;background:radial-gradient(120% 60% at 50% 0,#22d3ee1f,#0000 60%);position:absolute;inset:0}.phead{background:#0a111ee6;border-bottom:1px solid #78aadc1f;flex:none;padding:14px 22px 16px;position:relative}.pzeile{align-items:center;gap:13px;display:flex}.pavatar{background:linear-gradient(140deg, var(--blau), var(--cyan));width:46px;height:46px;color:var(--bg);border-radius:50%;flex-shrink:0;place-items:center;font-size:19px;font-weight:700;display:grid;position:relative}.pavatar i{background:var(--gruen);border:2.5px solid #0a111e;border-radius:50%;width:13px;height:13px;position:absolute;bottom:-1px;right:-1px}.pwer{flex:1;min-width:0}.pwer .nam{font-size:20px;font-weight:600}.pwer .sub{color:var(--fg-muted);font-size:14px}.pzaehler{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.pzaehler .kopf{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-label);font-size:12px}.pzaehler .zahl{font-family:var(--mono);font-size:19px;font-weight:700}.auftragchip{background:linear-gradient(120deg,#22d3ee24,#22d3ee0a);border:1px solid #22d3ee47;border-radius:14px;align-items:flex-start;gap:11px;margin-top:13px;padding:12px 14px;display:flex}.auftragchip .lvl{font-family:var(--mono);color:var(--bg);background:var(--cyan);border-radius:5px;flex-shrink:0;padding:2px 7px;font-size:12px;font-weight:700}.auftragchip .txt{color:var(--cyan-soft);font-size:15px;font-weight:500;line-height:1.4}.msgs{padding:20px 20px calc(130px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:1;gap:14px;display:flex;position:relative;overflow-y:auto}.msgs.mit-feld{padding-bottom:calc(190px + env(safe-area-inset-bottom,0px))}.msgs>*{flex:none}.marker{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint);text-align:center;align-self:center;font-size:12px}.blase{white-space:pre-wrap;word-wrap:break-word;max-width:82%;padding:14px 17px;font-size:17px;line-height:1.45}.blase.nora{background:var(--panel-fest);color:var(--fg-2);border:1px solid #78aadc1f;border-radius:20px 20px 20px 6px;align-self:flex-start}.blase.ich{background:linear-gradient(140deg, var(--blau-2), var(--blau-3));color:#f2f7ff;border-radius:20px 20px 6px;align-self:flex-end}.tippt{background:var(--panel-fest);border:1px solid #78aadc1f;border-radius:20px 20px 20px 6px;align-self:flex-start;align-items:center;gap:7px;padding:16px 18px;display:flex}.tippt i{background:var(--fg-label);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pdPulse}.tippt i:nth-child(2){animation-delay:.2s}.tippt i:nth-child(3){animation-delay:.4s}.treffer{text-align:center;max-width:92%;color:var(--gruen-2);background:#a3e6351f;border:1px solid #a3e63559;border-radius:16px;align-self:center;padding:12px 18px;font-size:16px;font-weight:600}.fuss{z-index:5;background:#0a111ef2;border-top:1px solid #78aadc1f;position:fixed;bottom:0;left:0;right:0}.eingabe{padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px));align-items:flex-end;gap:10px;display:flex}.loesung{align-items:center;gap:10px;padding:12px 18px 0;display:flex}.loesung .was{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gruen);font-size:12px;font-weight:700}.loesung input{min-width:0;height:44px;color:var(--fg);font-family:var(--mono);background:#a3e63514;border:1px solid #a3e63552;border-radius:22px;flex:1;padding:0 16px;font-size:16px}.loesung input::placeholder{color:var(--fg-dim)}.loesung input:focus{border-color:var(--gruen);outline:none}.loesung input.daneben{background:var(--rot-bg);border-color:var(--rot-line)}.loesung input.daneben::placeholder{color:var(--rot-fg)}.loesung button{cursor:pointer;background:var(--gruen);color:#17240a;height:44px;font-family:var(--sans);border:0;border-radius:22px;flex-shrink:0;padding:0 18px;font-size:15px;font-weight:700}.loesung button:disabled{opacity:.4;cursor:not-allowed}.eingabe textarea{resize:none;scrollbar-width:none;background:var(--panel-fest);min-width:0;height:52px;max-height:40dvh;color:var(--fg);font-family:var(--sans);border:1px solid #78aadc29;border-radius:26px;flex:1;padding:14px 18px;font-size:17px;line-height:1.35;overflow-y:auto}.eingabe textarea::placeholder{color:var(--fg-dim)}.eingabe textarea:focus{border-color:#22d3ee80;outline:none}.eingabe textarea::-webkit-scrollbar{display:none}.eingabe textarea:disabled{opacity:.55}.senden{cursor:pointer;background:linear-gradient(140deg, var(--cyan), var(--blau-2));border:0;border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 8px 22px #22d3ee59}.senden:disabled{opacity:.4;box-shadow:none;cursor:not-allowed}.senden i{border-left:14px solid var(--bg);border-top:9px solid #0000;border-bottom:9px solid #0000;width:0;height:0;margin-left:4px}.kleinknopf{cursor:pointer;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint);background:0 0;border:0;padding:0;font-size:12px}.kleinknopf:hover{color:var(--cyan)}.namensfeld{flex-direction:column;gap:16px;padding:28px 22px;display:flex}.namensfeld .gmarke{filter:drop-shadow(0 0 20px #22d3ee66);width:44px;height:44px}.namensfeld h1{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.namensfeld p{color:var(--fg-muted);margin:0;font-size:15px;line-height:1.5}.namensfeld input{background:var(--panel-fest);color:var(--fg);font-family:var(--sans);border:1px solid #78aadc29;border-radius:16px;padding:15px 18px;font-size:18px}.namensfeld input:focus{border-color:#22d3ee80;outline:none}.namensfeld button{cursor:pointer;background:linear-gradient(140deg, var(--cyan), var(--blau-2));color:var(--bg);font-family:var(--sans);border:0;border-radius:16px;padding:15px 20px;font-size:17px;font-weight:700}.namensfeld button:disabled{opacity:.4;cursor:not-allowed}@media (width<=1000px){.bkoerper{grid-template-columns:1fr}.mission{flex-direction:column;gap:16px}.mission .geloest{text-align:left}}