:root,[data-theme=dunkel]{--grund:#111824;--buehne:#1a212d;--karte:#1a212d;--erhoben:#222a38;--feld:#283142;--linie:#2c3545;--haar:#ffffff12;--haar-stark:#ffffff1f;--rand-buehne:#ffffff29;--schrift:#eef2f8;--schrift-leise:#aeb6c3;--schrift-still:#8691a1;--schrift-buehne:#fff;--schrift-buehne-leise:#ffffffa8;--schrift-buehne-klein:#ffffff85;--braue:#ffffffe6;--akzent:#f0956b;--akzent-schrift:#f4b392;--akzent-hauch:#262831;--akzent-hauch-stark:#47393a;--akzent-schrift-stark:#f4b392;--akzent-schein:#f7bb9a;--auf-akzent:#fff;--auf-akzent-tief:#1a212d;--feuer:#f47a20;--flamme:#da7144;--gruen:#35c07a;--rot:#ff9a87;--seltenheit-weiss:#fff;--seltenheit-weiss-hauch:#3a3f46;--seltenheit-gewoehnlich:#1eff00;--seltenheit-gewoehnlich-hauch:#163f1d;--seltenheit-selten:#0070dd;--seltenheit-selten-hauch:#112841;--seltenheit-episch:#a335ee;--seltenheit-episch-hauch:#2b1e43;--seltenheit-legendaer:#ff8000;--seltenheit-legendaer-hauch:#3a2a1d;--stufe-leicht:#7bd9a4;--stufe-mittel:#f5c766;--stufe-schwer:#ff9a87;--stufe-extrem:#d6a6f5;--rang-bronze:#cd7f32;--rang-silber:silver;--rang-gold:#ffa01f;--rang-platin:#e5e4e2;--rang-smaragd:#50c878;--rang-saphir:#9b6dff;--rang-diamant:#b9f2ff;--schatten-karte-alt:0 4px 12px #3c2c1c0f;--schatten-zeile:0 1px 4px #3c2c1c0d;--schatten-schwebend:0 8px 20px #3c2c1c29;--schatten-akzent:0 4px 12px #e07a4c47;--schatten-dunkle-karte:0 8px 18px #11182442;--schein-feuer:0 0 26px #f47a20cc}:root{--abstand-xs:4px;--abstand-zeile:6px;--abstand-sm:8px;--abstand-mid:12px;--abstand-md:16px;--abstand-buehne:22px;--abstand-lg:24px;--abstand-xl:32px;--luft-unter-held:36px;--rund-sm:8px;--rund-marke:9px;--rund-md:14px;--rund-zeile:16px;--rund-tafel:18px;--rund-lg:20px;--rund-mitteilung:22px;--rund-kachel:28px;--rund-pille:999px;--nach-dem-text:.52s;--lauf:.52s;--auftritt-kurz:.38s;--zaehlen:1.6s;--fuellen:1.5s;--puls:1.1s;--atmen:1.4s;--zoom:9s;--glanz-fahrt:1.4s;--glanz-runde:8s;--halten:1.5s;--blende:.45s;--welle:.36s;--takt-mitteilung:.9s;--takt-team:.13s;--rang-halten:1.4s;--einschlag:.435s;--druck-verzoegerung:.12s;--listenwechsel:.28s;--kurve-lauf:cubic-bezier(.33, 1, .68, 1);--kurve-sinus:cubic-bezier(.37, 0, .63, 1);--kurve-blende:cubic-bezier(.65, 0, .35, 1);--kurve-flug:cubic-bezier(.32, 0, .67, 0);--kurve-einschlag:cubic-bezier(.22, 1, .36, 1);--kurve-weg:cubic-bezier(.11, 0, .5, 0);--kurve-da:cubic-bezier(.5, 1, .89, 1);--druck-karte:.98;--druck-kachel:.97;--druck-klein:.95;--druck-zeichen:.9;--font-titel:var(--font-rubik), Rubik, "Arial Rounded MT Bold", system-ui, sans-serif;--font-text:var(--font-nunito), Nunito, "Avenir Next", system-ui, sans-serif;--gold:#f5c542;--xp:#6fdda2;--leise:var(--schrift-leise);--still:var(--schrift-still);--glut:linear-gradient(95deg, #ffd27a 0%, #f47a20 50%, #f0956b 100%);--glut-verlauf:var(--glut);--schatten-karte:0 0 0 1px #0000008c, 0 4px 0 #0000004d, 0 14px 30px #00000061;--licht-oben:inset 0 1px 0 #ffffff1c, inset 0 -2px 0 #00000047, inset 0 0 0 1px #ffffff06;--flaeche:radial-gradient(120% 70% at 50% -10%, #ffffff0b, transparent 60%), linear-gradient(180deg, #232c3b 0%, #1c2330 140px, #1a212d 55%, #161c27 100%);--zelle:linear-gradient(180deg, #2a3343 0%, #232b39 55%, #1d2431 100%);--zelle-rand:inset 0 1px 0 #ffffff17, inset 0 -2px 0 #0000004d, 0 0 0 1px #00000073, 0 2px 0 #0000004d, 0 6px 14px #00000038;--zelle-eigen:var(--zelle-rand), inset 0 0 0 2px #f0956b8c;--schleier:radial-gradient(60% 55% at 6% -8%, #f47a202b, #f47a2000 62%), radial-gradient(48% 46% at 98% -6%, #5fa8ff1a, #5fa8ff00 66%);--knopf-glut:linear-gradient(180deg, #ffb070 0%, #f7862f 45%, #e8681a 100%);--knopf-glut-rand:inset 0 1px 0 #ffebc8b3, inset 0 -3px 0 #96320059, 0 0 0 1px #00000073, 0 4px 0 #8e3e0c, 0 12px 28px #f47a2059;--knopf-glut-gedrueckt:inset 0 1px 0 #ffebc8b3, inset 0 -3px 0 #96320059, 0 0 0 1px #00000073, 0 1px 0 #8e3e0c, 0 6px 16px #f47a204d;--knopf-gruen:linear-gradient(180deg, #5fe09a, #2fb46d);--knopf-gruen-rand:inset 0 1px 0 #dcffeb99, inset 0 -3px 0 #0050284d, 0 0 0 1px #00000073, 0 4px 0 #1c6e43, 0 12px 24px #35c07a4d;--knopf-gruen-gedrueckt:inset 0 1px 0 #dcffeb99, inset 0 -3px 0 #0050284d, 0 0 0 1px #00000073, 0 1px 0 #1c6e43, 0 6px 14px #35c07a40;--karte-weiss:linear-gradient(180deg, #fff, #eef1f6);--karte-rot:#e5484d;--karte-schwarz:#1a212d;--avatar-rahmen:0 0 0 3px #111824, 0 0 0 5px #ffffff24, 0 8px 18px #00000080;--rund-avatar:24px;--rand-seite:48px;--hoehe-leiste:96px}@media (width<=720px){:root{--rand-seite:16px;--hoehe-leiste:64px}}.t{font-family:var(--font-titel);letter-spacing:-.01em;font-weight:700}.glut{background:var(--glut);color:#0000;-webkit-background-clip:text;background-clip:text}.braue{font:800 13px/1 var(--font-text);letter-spacing:.14em;text-transform:uppercase;color:var(--akzent-schrift)}.leise{color:var(--leise)}.unsichtbar{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sym{flex:none;display:block}.kachel{border-radius:var(--rund-kachel);background:var(--flaeche);box-shadow:var(--schatten-karte), var(--licht-oben);position:relative}.zelle{border-radius:var(--rund-tafel);background:var(--zelle);box-shadow:var(--zelle-rand)}.zelle.eigen{box-shadow:var(--zelle-eigen)}.knopf,.py-knopf{box-sizing:border-box;border-radius:var(--rund-pille);background:var(--zelle);height:60px;box-shadow:var(--zelle-rand);color:var(--schrift);font:700 19px/1 var(--font-titel);white-space:nowrap;cursor:var(--zeiger-klick);transition:transform .16s var(--kurve-einschlag), box-shadow .16s var(--kurve-einschlag), filter .16s;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;gap:10px;padding:0 30px;text-decoration:none;display:inline-flex}.knopf:hover,.py-knopf:hover{filter:brightness(1.06)}.knopf:active,.py-knopf:active{transition-duration:80ms;transform:translateY(3px)}.knopf:focus-visible,.py-knopf:focus-visible{outline-offset:3px;outline:3px solid #f0956bbf}.knopf .sym,.py-knopf .sym{width:22px;height:22px}.knopf-glut,.py-knopf:not(.py-knopf--leise,.py-knopf--zweit,.py-knopf--aus){background:var(--knopf-glut);color:#fff;text-shadow:0 1px #78280059;box-shadow:var(--knopf-glut-rand)}.knopf-glut:active,.py-knopf:not(.py-knopf--leise,.py-knopf--zweit,.py-knopf--aus):active{box-shadow:var(--knopf-glut-gedrueckt)}.knopf-gruen{background:var(--knopf-gruen);color:#fff;text-shadow:0 1px #00462359;box-shadow:var(--knopf-gruen-rand)}.knopf-gruen:active{box-shadow:var(--knopf-gruen-gedrueckt)}.knopf-zweit,.py-knopf--leise,.py-knopf--zweit{background:var(--zelle);box-shadow:var(--zelle-rand);color:var(--schrift);text-shadow:none}.knopf-zweit:active,.py-knopf--leise:active,.py-knopf--zweit:active{box-shadow:inset 0 1px #ffffff17,inset 0 -2px #0000004d,0 0 0 1px #00000073,0 1px #0000004d}.py-knopf--aus{background:var(--feld);box-shadow:none;color:var(--still);cursor:var(--zeiger)}.knopf-gross{height:68px;padding:0 38px;font-size:22px}.knopf-klein,.py-knopf--schmal{height:48px;padding:0 22px;font-size:16px}.knopf[aria-disabled=true],.py-knopf[aria-disabled=true],.knopf:disabled,.py-knopf:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.knopf-rund{background:var(--zelle);width:56px;height:56px;box-shadow:var(--zelle-rand);color:var(--schrift);cursor:var(--zeiger-klick);transition:transform .16s var(--kurve-einschlag), filter .16s, color .16s;border:0;border-radius:50%;flex:none;place-items:center;padding:0;text-decoration:none;display:grid}.knopf-rund:hover{filter:brightness(1.08);color:var(--akzent-schrift)}.knopf-rund:active{transform:translateY(2px)}.knopf-rund:focus-visible{outline-offset:3px;outline:3px solid #f0956bbf}.knopf-rund.klein{width:44px;height:44px}.textknopf{color:var(--akzent-schrift);font:700 16px/1 var(--font-titel);cursor:var(--zeiger-klick);background:0 0;border:0;align-items:center;gap:6px;padding:10px 0;text-decoration:none;display:inline-flex}.textknopf .sym{width:18px;height:18px;transition:transform .2s var(--kurve-einschlag)}.textknopf:hover .sym,a:hover .textknopf .sym{transform:translate(3px)}.textknopf:focus-visible{outline-offset:3px;border-radius:6px;outline:3px solid #f0956bbf}.marke{border-radius:var(--rund-pille);background:var(--zelle);height:32px;box-shadow:var(--zelle-rand);color:var(--leise);font:800 14px/1 var(--font-text);white-space:nowrap;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.marke .sym{width:16px;height:16px}.marke.gruen{color:var(--xp)}.marke.gold{color:var(--gold)}.marke.akzent{color:var(--akzent-schrift)}.marke.rot{color:var(--rot)}.marke.glut-marke{background:var(--knopf-glut);color:#fff;text-shadow:0 1px #78280059;box-shadow:inset 0 1px #ffebc899,0 0 0 1px #00000073,0 2px #8e3e0c}.marke.blau{color:#fff;background:linear-gradient(#8cc8ff,#4e8fe0);box-shadow:0 0 0 1px #00000073,0 2px #2b5c9e}.marke.finale{color:#3a2200;background:linear-gradient(#ffe08a,#f5c542);box-shadow:0 0 0 1px #00000073,0 2px #9a7414,0 0 16px #f5c54266}.avatar{object-fit:cover;border-radius:var(--rund-avatar);background:var(--feld);box-shadow:var(--avatar-rahmen);flex:none;display:block}.avatar.rund{border-radius:50%}.avatar.ich{box-shadow:0 0 0 2px var(--akzent), 0 6px 14px #00000073}.gesichter{align-items:center;display:flex}.gesichter .avatar+.avatar{margin-left:-12px}.stufenstern{flex:none;place-items:center;display:inline-grid;position:relative}.stufenstern svg{filter:drop-shadow(0 2px 6px #6fdda259);width:100%;height:100%;position:absolute;inset:0}.stufenstern b{font:700 17px/1 var(--font-titel);color:#0e3a25;position:relative;top:2px}.xp-leiste{background:#0d121b;border-radius:6px;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #000c,0 0 0 1px #ffffff0f}.xp-leiste>i{transform-origin:0;height:100%;animation:leiste-fuellen var(--lauf) var(--kurve-lauf) both;background:linear-gradient(#9bf0c4,#3fcb86);border-radius:6px;display:block;box-shadow:0 0 10px #6fdda299}.xp-leiste.glut-leiste>i{background:linear-gradient(90deg,#ffd27a,#f47a20 60%,#f0956b);box-shadow:0 0 12px #f47a2099}@keyframes leiste-fuellen{0%{transform:scaleX(0)}}.schalter{background:var(--zelle);width:64px;height:36px;box-shadow:var(--zelle-rand);cursor:var(--zeiger-klick);transition:background .2s var(--kurve-blende);border:0;border-radius:18px;flex:none;padding:0;position:relative}.schalter:after{content:"";width:28px;height:28px;transition:transform .22s var(--kurve-einschlag);background:#fff;border-radius:50%;position:absolute;top:4px;left:4px;box-shadow:0 2px 4px #00000059}.schalter[aria-checked=true]{background:var(--knopf-gruen);box-shadow:inset 0 1px #fff6,0 0 0 1px #00000073}.schalter[aria-checked=true]:after{transform:translate(28px)}.schalter:focus-visible{outline-offset:3px;outline:3px solid #f0956bbf}.schalter:disabled{opacity:.5;cursor:not-allowed}.feld,.liga-feld input:not([type=checkbox],[type=radio]),.liga-feld textarea,.liga-feld select,.suchfeld{box-sizing:border-box;border-radius:var(--rund-tafel);background:var(--zelle);height:60px;box-shadow:var(--zelle-rand);color:var(--schrift);font:700 18px var(--font-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border:0;padding:0 20px}.liga-feld textarea{resize:vertical;height:auto;min-height:120px;padding:16px 20px;line-height:1.45}.feld::placeholder,.liga-feld input::placeholder,.liga-feld textarea::placeholder,.suchfeld input::placeholder{color:var(--still)}.feld:focus,.liga-feld input:focus,.liga-feld textarea:focus,.liga-feld select:focus,.suchfeld:focus-within{box-shadow:var(--zelle-rand), 0 0 0 3px #f0956b99;outline:none}.spielkarte{background:var(--karte-weiss);width:58px;height:82px;color:var(--karte-schwarz);border-radius:9px;flex:none;position:relative;box-shadow:0 0 0 1px #0006,inset 0 -3px #1a212d14,0 4px #00000040,0 12px 20px #00000059}.spielkarte.rot{color:var(--karte-rot)}.spielkarte b{font:700 24px/1 var(--font-titel);letter-spacing:-.02em;position:absolute;top:6px;left:7px}.spielkarte .sym.klein{width:12px;height:12px;position:absolute;top:33px;left:8px}.spielkarte .sym.gross{width:28px;height:28px;position:absolute;bottom:6px;right:6px}.spielkarte.mini{border-radius:7px;width:40px;height:56px}.spielkarte.mini b{font-size:17px;top:4px;left:5px}.spielkarte.mini .sym.klein{display:none}.spielkarte.mini .sym.gross{width:20px;height:20px;bottom:4px;right:4px}@keyframes von-unten{0%{opacity:0;transform:translateY(16px)}}.auftritt>*{animation:von-unten .28s var(--kurve-lauf) both}.auftritt>:nth-child(2){animation-delay:40ms}.auftritt>:nth-child(3){animation-delay:80ms}.auftritt>:nth-child(4){animation-delay:.12s}.auftritt>:nth-child(5){animation-delay:.16s}.auftritt>:nth-child(6){animation-delay:.2s}.auftritt>:nth-child(n+7){animation-delay:.24s}@media (prefers-reduced-motion:reduce){.auftritt>*,.xp-leiste>i{animation:.12s linear both blende-ein;animation-delay:0s!important}.knopf,.py-knopf,.knopf-rund,.schalter,.schalter:after{transition:none}.knopf:active,.py-knopf:active,.knopf-rund:active{transform:none}}@keyframes blende-ein{0%{opacity:0}}@font-face{font-family:Rubik;src:url(/schriften/rubik.woff2)format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:Nunito;src:url(/schriften/nunito.woff2)format("woff2");font-weight:200 1000;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-nunito:Nunito;--font-rubik:Rubik;--zeiger:default;--zeiger-klick:pointer}html,body{background:var(--schleier), var(--grund);min-height:100%;color:var(--schrift);font-family:var(--font-text);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-weight:600}html{height:100%}body{background:0 0}h1,h2,h3{font-family:var(--font-titel);letter-spacing:-.01em;font-weight:700}em,i,cite{font-style:normal}button,input,select,textarea{font-family:inherit}::selection{color:#fff;background:#f47a2073}.handy{align-content:center;justify-items:center;gap:var(--abstand-md);min-height:100%;padding:var(--abstand-xl) 16px;text-align:center;display:grid}.handy:before{content:"";width:72px;height:94px;margin-bottom:var(--abstand-sm);filter:drop-shadow(0 0 18px #f47a208c);background:url(/art/marke/pyron-flamme.webp) 50%/contain no-repeat}.handy h1{margin:0;font-size:32px;line-height:1.1}.handy p{max-width:32ch;color:var(--leise);margin:0 0 8px;font-size:17px;line-height:1.45}.handy button{border-radius:var(--rund-pille);background:var(--knopf-glut);height:60px;box-shadow:var(--knopf-glut-rand);color:#fff;font:700 19px/1 var(--font-titel);text-shadow:0 1px #78280059;border:0;padding:0 30px}