@font-face{font-family:Minecraft;src:url(/schrift/Minecraft.otf)format("opentype");font-weight:400;font-display:block}@font-face{font-family:Minecraft;src:url(/schrift/Minecraft-Bold.otf)format("opentype");font-weight:700;font-display:block}:root{--nacht:#0a0f1b;--rand:#0c1120;--hell:#141b2c;--tafel:#121829;--tafel-hell:#1a2133;--schatten:#060912;--gold:#e0a526;--gold-text:#0a0f1b;--gruen:#6abe30;--mc-gruen:#5f5;--rot:#d9453b;--blau:#3fb7ff;--grau:#b9c0cf;--dunkelgrau:#6b7385;--aus:#3a4256;--linie:#ffffff14;--welt:var(--gold);--text-groesse:16px;--kante:inset 2px 2px 0 #ffffff17, inset -2px -2px 0 #00000080, 0 0 0 2px #000;--kante-gold:inset 2px 2px 0 #ffffff73, inset -2px -2px 0 #00000059, 0 0 0 2px #000;--raus:cubic-bezier(.22, 1, .36, 1);--zurueck:cubic-bezier(.34, 1.56, .64, 1);--schrift:"Minecraft", ui-monospace, monospace;--text-schrift:var(--schrift);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root.klar{--text-schrift:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{background:var(--schatten);color:#fff;height:100%;font:16px/1.45 var(--schrift);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}img{image-rendering:pixelated}img.weich{image-rendering:auto}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;margin:0;padding:0}input,textarea,select{font:inherit;color:#fff}a{color:#6cc4ff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#ffffff29}::selection{background:var(--gold);color:var(--nacht)}.s{text-shadow:2px 2px 0 color-mix(in srgb, currentColor 25%, #000)}.ico{flex:none;width:20px;height:20px;display:block}.ico.klein{width:14px;height:14px}.abzeichen{vertical-align:-2px;width:auto;height:14px;image-rendering:pixelated;display:inline-block}.t{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;min-width:0;overflow:hidden}.leer-hinweis{color:var(--dunkelgrau);text-align:center;padding:20px 14px;font-size:14px}.live{background:var(--gruen);flex:none;width:8px;height:8px;animation:1.8s infinite puls;display:inline-block}@keyframes puls{50%{opacity:.35}}@keyframes rein{0%{opacity:0;transform:translateY(10px)}}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.97)}}@keyframes einblenden{0%{opacity:0}}@keyframes hupf{0%{transform:scale(.4)}}:root.ruhig *,:root.ruhig :before,:root.ruhig :after{transition-duration:1ms!important;animation-duration:1ms!important}.nur-handy{display:none!important}.tt,.tafel{background:var(--tafel);box-shadow:var(--kante), 6px 6px 0 2px #00000080}.knopf{box-shadow:var(--kante);transition:background .1s, color .1s, transform .12s var(--zurueck);background:#2e3550;justify-content:center;align-items:center;gap:10px;padding:9px 16px;font-weight:700;display:inline-flex}.knopf:hover{color:#ffffa0;background:#3c4566;transform:translateY(-1px)}.knopf:active{transform:translateY(1px)}.knopf:disabled{opacity:.5;pointer-events:none}.knopf.gold{background:var(--gold);color:var(--gold-text);box-shadow:var(--kante-gold)}.knopf.gold:hover{background:color-mix(in srgb, var(--gold) 85%, #fff);color:var(--gold-text)}.knopf.rot{background:var(--rot);box-shadow:var(--kante)}.knopf.rot:hover{color:#fff;background:#ee5a50}.knopf.gross{width:100%;padding:12px;font-size:17px}.knopf.klein{gap:7px;padding:5px 11px;font-size:13px}.knopf .ico{width:18px;height:18px}.knopf-icon{width:34px;height:34px;box-shadow:var(--kante);transition:background .12s, transform .12s var(--zurueck);background:#252b40;flex:none;place-items:center;display:grid;position:relative}.knopf-icon:hover{background:#343c58;transform:translateY(-1px)}.knopf-icon.an{box-shadow:var(--kante), 0 0 0 4px var(--gold);background:#343c58}.knopf-icon .ico{width:18px;height:18px}.knopf-klein{width:32px;height:32px;box-shadow:var(--kante);background:#252b40;flex:none;place-items:center;display:grid}.knopf-klein:hover{background:#343c58}.knopf-flach{color:var(--grau);align-items:center;gap:6px;padding:6px 8px;transition:color .12s,background .12s;display:inline-flex}.knopf-flach:hover{color:#fff;background:#ffffff0f}.zahl{background:var(--rot);color:#fff;text-align:center;min-width:20px;height:18px;animation:hupf .35s var(--zurueck);flex:none;padding:0 5px;font-size:12px;line-height:18px;box-shadow:0 0 0 2px #000}.zahl.leise{background:var(--aus)}.rang{vertical-align:1px;padding:0 4px;font-size:10px;font-weight:700;line-height:14px;display:inline-block;box-shadow:0 0 0 1px #000}.rang.admin{background:var(--rot);color:#fff}.rang.gruender{background:linear-gradient(90deg,#b57bff,#ff6f91)}.rang.inhaber{color:#fff;background:#ff1e1e}.rang.mod{background:var(--blau);color:#001b2b}.feld{gap:6px;margin:0 0 14px;display:grid}.feld>span{color:var(--grau);font-size:13px}.feld input:not([type=range]):not([type=color]),.feld textarea,.feld select,.eingabe-roh{background:var(--schatten);border:0;outline:0;width:100%;padding:10px 12px;transition:box-shadow .12s;box-shadow:inset 2px 2px #0009,0 0 0 2px #000}.feld textarea{resize:vertical;min-height:80px;font-family:var(--text-schrift)}.feld input:not([type=range]):focus,.feld textarea:focus,.feld select:focus{box-shadow:inset 2px 2px 0 #0009, 0 0 0 2px var(--gold)}.feld .zaehler{color:var(--dunkelgrau);justify-self:end;font-size:12px}.schalter{cursor:pointer;align-items:center;gap:12px;padding:10px 0;display:flex}.schalter input{display:none}.schalter .bahn{background:var(--aus);flex:none;width:40px;height:20px;transition:background .15s;position:relative;box-shadow:0 0 0 2px #000}.schalter .bahn:after{content:"";width:14px;height:14px;transition:transform .18s var(--zurueck);background:#fff;position:absolute;top:3px;left:3px}.schalter input:checked+.bahn{background:var(--gruen)}.schalter input:checked+.bahn:after{transform:translate(20px)}.schalter .was{flex:1}.schalter .was small{color:var(--dunkelgrau);font-size:13px;display:block}input[type=range]{accent-color:var(--gold);width:100%}select.knopf{appearance:none;padding-right:12px}.kopf{object-fit:cover;background:var(--hell);flex:none;display:block;position:relative;box-shadow:0 0 0 2px #000}.kopf.buchstabe{color:#000000bf;place-items:center;font-weight:700;display:grid}.kopf-huelle{flex:none;display:block;position:relative}.kopf-huelle .status-punkt{background:var(--aus);width:11px;height:11px;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 0 2px #000}.kopf-huelle .status-punkt.an{background:var(--gruen)}.kopf-huelle.aura:after{content:"";pointer-events:none;box-shadow:0 0 0 2px var(--aura), 0 0 10px var(--aura);opacity:.8;animation:2.4s ease-in-out infinite aura;position:absolute;inset:-3px}@keyframes aura{50%{opacity:.3}}.d{height:100vh;background:var(--nacht);grid-template-columns:88px 268px minmax(0,1fr) 280px;height:100dvh;display:grid}.d-leiste{background:var(--schatten);z-index:3;scrollbar-width:none;flex-direction:column;align-items:center;gap:4px;padding:14px 0;display:flex;overflow-y:auto;box-shadow:2px 0 #000}.d-bereich{flex-direction:column;flex:none;align-items:center;gap:6px;width:80px;padding:4px 0 8px;display:flex;position:relative}.d-bereich .kachel{width:52px;height:52px;box-shadow:var(--kante);color:var(--gold);transition:transform .18s var(--zurueck), background .12s;background:#252b40;place-items:center;font-size:24px;font-weight:700;display:grid}.d-bereich .kachel.logo{background:var(--gold);width:58px;height:58px;color:var(--gold-text);box-shadow:var(--kante-gold);font-size:30px}.d-bereich .kachel img{width:30px;height:30px}.d-bereich .name{color:var(--dunkelgrau);text-overflow:ellipsis;white-space:nowrap;max-width:78px;font-size:11px;transition:color .12s;overflow:hidden}.d-bereich:hover .kachel{transform:translateY(-2px)}.d-bereich:hover .name{color:#fff}.d-bereich:before{content:"";background:var(--gold);width:4px;height:0;transition:height .2s var(--raus), top .2s var(--raus);position:absolute;top:16px;left:0}.d-bereich:hover:before{height:14px;top:24px}.d-bereich.an:before{height:36px;top:12px}.d-bereich.an .kachel:not(.logo){box-shadow:var(--kante), 0 0 0 4px var(--gold);background:#343c58}.d-bereich.an .kachel.logo{box-shadow:var(--kante-gold), 0 0 0 5px #fff}.d-bereich.an .name{color:var(--gold)}.d-bereich .zahl{position:absolute;top:-2px;right:8px}.d-trenner{background:var(--linie);flex:none;width:40px;height:2px;margin:6px 0}.d-nav{background:var(--rand);z-index:2;flex-direction:column;min-height:0;display:flex;box-shadow:2px 0 #000}.d-nav-kopf{text-align:left;flex:none;align-items:flex-end;width:100%;height:136px;padding:14px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px #000}.d-nav-kopf .bild{background-position:50%;background-size:cover;transition:transform 8s linear;position:absolute;inset:0}.d-nav-kopf:hover .bild{transform:scale(1.07)}.d-nav-kopf:after{content:"";background:linear-gradient(transparent 10%, color-mix(in srgb, var(--rand) 97%, transparent));position:absolute;inset:0}.d-nav-kopf .inhalt{z-index:1;min-width:0;position:relative}.d-nav-kopf h1{margin:0;font-size:21px}.d-nav-kopf .unter{color:var(--grau);align-items:center;gap:8px;font-size:13px;display:flex}.d-nav-kopf .menue-pfeil{z-index:1;opacity:0;filter:drop-shadow(2px 2px #000);width:18px;height:18px;transition:opacity .15s;position:absolute;top:12px;right:12px}button.d-nav-kopf:hover .menue-pfeil{opacity:1}.d-nav-liste{flex:1;padding:4px 10px 14px;overflow-y:auto}.d-gruppe{color:var(--dunkelgrau);letter-spacing:1.5px;justify-content:space-between;align-items:center;margin:16px 6px 6px;font-size:11px;display:flex}.d-gruppe button{opacity:.55;transition:opacity .12s}.d-gruppe button:hover{opacity:1}.d-gruppe .ico{width:16px;height:16px}.d-punkt,.d-sprache{width:100%;color:var(--grau);align-items:center;gap:12px;margin-bottom:2px;padding:8px 10px;transition:background .12s,color .12s;display:flex;position:relative}.d-punkt:hover,.d-sprache:hover{color:#fff;background:#ffffff0d}.d-punkt.an{background:var(--tafel-hell);color:#fff;box-shadow:var(--kante)}.d-sprache{opacity:.75}.d-sprache .bald{color:var(--gold);padding:0 5px;font-size:10px;box-shadow:0 0 0 2px #e0a52666}.d-kanal{width:100%;height:42px;color:var(--grau);transition:height .25s var(--raus), color .12s;align-items:center;gap:10px;margin-bottom:4px;padding:0 10px 0 6px;display:flex;position:relative;overflow:hidden}.d-kanal .bild{opacity:.16;background-position:50%;background-size:cover;transition:opacity .2s;position:absolute;inset:0}.d-kanal:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--rand) 92%, transparent) 30%, color-mix(in srgb, var(--rand) 45%, transparent));position:absolute;inset:0}.d-kanal>:not(.bild){z-index:1;position:relative}.d-kanal .symbol{background:#00000080;flex:none;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 0 0 2px #000}.d-kanal .symbol .ico{width:18px;height:18px}.d-kanal:hover{color:#fff}.d-kanal:hover .bild{opacity:.45}.d-kanal.neu{color:#fff;font-weight:700}.d-kanal.neu:before{content:"";z-index:2;background:#fff;width:4px;height:10px;margin-top:-5px;position:absolute;top:50%;left:0}.d-kanal.an{color:#fff;height:54px;box-shadow:var(--kante), 0 0 0 2px var(--farbe)}.d-kanal.an .bild{opacity:.85}.d-kanal.an .symbol{box-shadow:0 0 0 2px var(--farbe)}.d-kanal.puls .bild{animation:kanal-puls 1.4s var(--raus)}@keyframes kanal-puls{0%{opacity:.9}}.d-person{width:100%;color:var(--grau);align-items:center;gap:10px;margin-bottom:4px;padding:8px;transition:background .12s;display:flex}.d-person:hover{background:#ffffff0d}.d-person.an{background:var(--tafel-hell);box-shadow:var(--kante);color:#fff}.d-person.neu b{color:#fff}.d-person .t b{font-size:14px;display:block}.d-person .t small{color:var(--dunkelgrau);text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.d-ich{background:var(--schatten);flex:none;align-items:center;gap:8px;padding:10px;display:flex}.d-ich .ich-knopf{flex:1;align-items:center;gap:10px;min-width:0;padding:2px;transition:background .12s;display:flex}.d-ich .ich-knopf:hover{background:#ffffff0d}.d-ich .t b{font-size:15px;display:block}.d-ich .t small{color:var(--gruen);text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.d-mitglieder{background:var(--rand);z-index:2;flex-direction:column;min-height:0;display:flex;box-shadow:-2px 0 #000}.d-mitglieder-kopf{flex:none;justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex;box-shadow:0 2px #000}.d-mitglieder-kopf b{font-size:17px}.d-mitglieder-kopf .online{color:var(--gruen);align-items:center;gap:8px;font-size:13px;display:flex}.d-aktiv{flex:none;gap:6px;padding:12px 14px 4px;display:grid}.d-aktiv-zeile{background:var(--tafel);box-shadow:var(--kante);color:var(--grau);align-items:center;gap:10px;padding:7px 10px;font-size:13px;display:flex}.d-aktiv-zeile b{color:#fff}.d-aktiv-zeile .ico{width:18px;height:18px}.d-mitglieder-liste{flex:1;padding:0 10px 16px;overflow-y:auto}.d-raum-koepfe{flex-wrap:wrap;gap:8px;padding:2px 6px;display:flex}.d-mitglied{align-items:center;gap:10px;width:100%;padding:6px 8px;transition:background .12s,opacity .2s;display:flex}.d-mitglied:hover{background:#ffffff0d}.d-mitglied.weg{opacity:.4}.d-mitglied .t b{align-items:center;gap:6px;font-size:14px;display:flex}.d-mitglied .t small{color:var(--dunkelgrau);text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.d-mitglied .t small.hier{color:var(--gold)}.d-mehr{width:100%;color:var(--dunkelgrau);text-align:center;padding:8px;font-size:12px}.d-mehr:hover{color:#fff}.d-haupt{background:var(--nacht);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.d-kopf{z-index:2;background:var(--nacht);flex:none;align-items:center;gap:10px;height:60px;padding:0 18px;display:flex;box-shadow:0 2px #000}.d-kopf h2{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:10px;margin:0;font-size:18px;display:flex;overflow:hidden}.d-kopf .thema{min-width:0;color:var(--dunkelgrau);white-space:nowrap;text-overflow:ellipsis;border-left:2px solid var(--linie);flex:1;padding-left:12px;font-size:13px;overflow:hidden}.suchfeld{background:var(--schatten);flex:none;align-items:center;gap:8px;width:190px;height:34px;padding:0 10px;display:flex;box-shadow:inset 2px 2px #0009,0 0 0 2px #000}.suchfeld .ico{width:16px;height:16px}.suchfeld input{background:0 0;border:0;outline:0;width:100%;font-size:13px}.suchfeld:focus-within{box-shadow:inset 2px 2px 0 #0009, 0 0 0 2px var(--gold)}.d-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.d-seite{padding:20px 22px}.d-banner{align-items:flex-end;height:160px;padding:18px 22px;display:flex;position:relative;overflow:hidden}.d-banner .bild{background-position:50% 35%;background-size:cover;animation:30s ease-in-out infinite alternate zoom;position:absolute;inset:0}.d-banner canvas{pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}@keyframes zoom{to{transform:scale(1.08)}}.d-banner:after{content:"";background:linear-gradient(#0a0f1b1a, var(--nacht) 98%);position:absolute;inset:0}.d-banner .text{z-index:1;align-items:center;gap:14px;width:100%;display:flex;position:relative}.d-banner .symbol{width:58px;height:58px;box-shadow:var(--kante), 0 0 0 4px var(--farbe);background:#04060bd9;flex:none;place-items:center;display:grid}.d-banner .symbol img{width:32px;height:32px}.d-banner h3{margin:0;font-size:26px}.d-banner small{color:var(--grau)}.d-banner .welt-knopf{margin-left:auto}.d-verlauf{flex-direction:column;gap:10px;padding:8px 22px 14px;display:flex}.tag{color:var(--dunkelgrau);letter-spacing:1px;align-items:center;gap:12px;margin:8px 0 2px;font-size:12px;display:flex}.tag:before,.tag:after{content:"";background:var(--linie);flex:1;height:2px}.trenn-neu{color:#f55;letter-spacing:1px;align-items:center;font-size:11px;font-weight:700;display:flex}.trenn-neu:after{content:"";background:#f55;flex:1;height:2px;margin-left:8px}.mehr-laden{color:var(--dunkelgrau);text-align:center;padding:8px 0;font-size:13px}.zum-ende{align-self:center}.nachricht{max-width:82%;font-size:var(--text-groesse);align-items:flex-start;gap:12px;display:flex;position:relative}.nachricht.neu{animation:rein .3s var(--raus)}.nachricht.folge{margin-top:-6px}.nachricht .kopf-platz{flex:none;width:40px}.nachricht .kopf-knopf{flex:none;margin-top:2px}.blase{background:var(--tafel);min-width:0;box-shadow:var(--kante), inset 3px 0 0 var(--farbe);padding:8px 14px 9px 16px;transition:background .1s;position:relative}.nachricht:hover .blase,.nachricht.menue-offen .blase{background:var(--tafel-hell)}.nachricht.eigen{flex-direction:row-reverse;align-self:flex-end}.nachricht.eigen .blase{box-shadow:var(--kante), inset -3px 0 0 var(--gold);background:#261e0c;padding:8px 16px 9px 14px}.nachricht.eigen:hover .blase{background:#30260f}.nachricht.eigen .name-zeile{justify-content:flex-end}.nachricht.erwaehnt .blase{background:color-mix(in srgb, var(--gold) 16%, var(--tafel));box-shadow:var(--kante), inset 3px 0 0 var(--gold), 0 0 12px #e0a52640}.nachricht.wartet{opacity:.55}.nachricht.fehler .blase{box-shadow:var(--kante), inset 3px 0 0 #f55}.nachricht.springziel .blase{animation:springziel 2s var(--raus)}@keyframes springziel{0%,30%{background:color-mix(in srgb, var(--welt) 40%, var(--tafel))}}.name-zeile{align-items:center;gap:8px;margin-bottom:2px;display:flex}.name-zeile .name{font-size:15px;font-weight:700}.name-zeile .name:hover{text-underline-offset:3px;text-decoration:underline}.name-zeile small{color:var(--dunkelgrau);font-size:11px}.blase .text{font-family:var(--text-schrift);color:#e8ebf2;overflow-wrap:anywhere}:root.klar .blase .text{line-height:1.5}.blase .text p{white-space:pre-wrap;margin:0}.blase .text .riesig{font-size:40px;line-height:1.2}.blase .bearbeitet{color:var(--dunkelgrau);margin-left:4px;font-size:11px}.blase .bearbeitet:hover{color:#fff;text-decoration:underline}.blase code{background:#00000073;padding:0 4px;font-family:ui-monospace,Menlo,monospace;font-size:.88em}.blase pre{white-space:pre;background:#00000080;margin:4px 0;padding:8px 10px;font-family:ui-monospace,Menlo,monospace;font-size:.85em;overflow-x:auto;box-shadow:0 0 0 2px #000}.blase blockquote{border-left:3px solid var(--welt);color:var(--grau);white-space:pre-wrap;margin:2px 0;padding-left:10px}.blase .erw{color:var(--gold);cursor:pointer;font-weight:700}.blase .erw.ich{background:var(--gold);color:var(--gold-text);padding:0 3px}.blase .kanal-link{color:var(--welt);cursor:pointer;font-weight:700}.blase .spoiler{color:#0000;cursor:pointer;-webkit-user-select:none;user-select:none;background:#000;padding:0 3px}.blase .spoiler *{visibility:hidden}.blase .spoiler.auf{color:inherit;-webkit-user-select:auto;user-select:auto;background:#ffffff1a}.blase .spoiler.auf *{visibility:visible}.blase a{color:#5ff;text-decoration:none}.blase a:hover{text-decoration:underline}.zitat{max-width:100%;color:var(--grau);box-shadow:inset 2px 0 0 var(--gold);text-align:left;background:#00000059;align-items:center;gap:6px;margin-bottom:4px;padding:2px 8px;font-size:13px;display:flex}.zitat .ico{width:14px;height:14px}.zitat span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.zitat:hover{color:#fff}.bearbeiten-feld{resize:none;background:var(--schatten);width:min(560px,70vw);font-family:var(--text-schrift);box-shadow:0 0 0 2px var(--gold);border:0;outline:0;padding:8px}.bearbeiten-hinweis{color:var(--dunkelgrau);align-items:center;gap:10px;margin-top:6px;font-size:12px;display:flex}.versionen-liste{background:#00000059;margin-top:6px;padding:6px 10px;font-size:13px}.versionen-liste>b{color:var(--dunkelgrau);letter-spacing:1px;font-size:11px}.versionen-liste small{color:var(--dunkelgrau)}.anhaenge{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.anhang{cursor:zoom-in;max-width:min(420px,100%);transition:transform .2s var(--zurueck);background:#000;position:relative;overflow:hidden;box-shadow:0 0 0 2px #000}.anhang:hover{transform:translateY(-2px)}.anhang img{image-rendering:auto;width:auto;max-width:100%;height:auto;max-height:340px;display:block}.anhang .gif{background:#000000b3;padding:1px 4px;font-size:10px;font-weight:700;position:absolute;top:6px;left:6px}.reaktionen{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.reaktion{height:24px;box-shadow:var(--kante);transition:transform .15s var(--zurueck);background:#252b40;align-items:center;gap:5px;padding:0 7px;font-size:12px;display:inline-flex}.reaktion:hover{transform:translateY(-2px)}.reaktion.ich{box-shadow:var(--kante), 0 0 0 2px var(--gold);background:#3a2e10}.reaktion.neu{animation:plopp .45s var(--zurueck)}.reaktion .emoji{font-family:system-ui,sans-serif;font-size:14px;line-height:1}.reaktion .ico{width:14px;height:14px}.reaktion.plus{opacity:0;padding:0 5px}.nachricht:hover .reaktion.plus{opacity:1}@keyframes plopp{0%{transform:scale(.2)}60%{transform:scale(1.25)}}.fehler-zeile{color:#f77;align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.aktionen{z-index:5;background:var(--tafel-hell);box-shadow:var(--kante), 4px 4px 0 2px #0006;opacity:0;pointer-events:none;transition:opacity .1s, transform .15s var(--raus);gap:2px;padding:3px;display:flex;position:absolute;top:-16px;right:0;transform:translateY(4px)}.nachricht.eigen .aktionen{left:0;right:auto}.nachricht:hover .aktionen,.nachricht.menue-offen .aktionen{opacity:1;pointer-events:auto;transform:none}.aktionen button{width:30px;height:28px;transition:background .1s, transform .15s var(--zurueck);place-items:center;display:grid}.aktionen button:hover{background:#343c58;transform:scale(1.1)}.aktionen .schnell{font-family:system-ui,sans-serif;font-size:15px}.aktionen .ico{width:16px;height:16px}.system{background:var(--tafel);box-shadow:var(--kante), inset 3px 0 0 var(--mc-gruen);color:var(--grau);align-self:center;align-items:center;gap:10px;max-width:100%;padding:7px 12px;font-size:13px;display:flex;position:relative}.system canvas{pointer-events:none;width:100%;height:160px;position:absolute;top:-60px;left:0}.system b{color:#fff}.system .erfolg{color:var(--mc-gruen)}.system .winker{color:var(--dunkelgrau);font-size:12px}.eingabe-zone{flex:none;padding:0 22px 18px}.tippt{height:20px;color:var(--dunkelgrau);align-items:center;gap:6px;font-size:12px;display:flex}.tippt .punkte span{background:var(--grau);width:4px;height:4px;margin-right:3px;animation:1.2s infinite punkt;display:inline-block}.tippt .punkte span:nth-child(2){animation-delay:.15s}.tippt .punkte span:nth-child(3){animation-delay:.3s}@keyframes punkt{0%,60%,to{opacity:.4;transform:none}30%{opacity:1;transform:translateY(-4px)}}.eingabe-box{background:var(--tafel);box-shadow:var(--kante);transition:box-shadow .12s}.eingabe-box:focus-within{box-shadow:var(--kante), 0 0 0 4px var(--gold)}.eingabe-leiste{color:var(--grau);background:#0000004d;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.eingabe-leiste .ico{width:14px;height:14px}.eingabe-leiste b{color:#fff}.eingabe-leiste .zu{margin-left:auto}.eingabe-zeile{align-items:flex-end;gap:6px;padding:6px;display:flex}.eingabe-zeile textarea{resize:none;min-height:34px;max-height:220px;font-family:var(--text-schrift);font-size:var(--text-groesse);background:0 0;border:0;outline:0;flex:1;padding:7px 4px;line-height:1.4}.eingabe-zeile textarea::placeholder{color:var(--dunkelgrau)}.eingabe-zeile .emoji-knopf{font-family:system-ui,sans-serif;font-size:17px}.eingabe-zeile .senden{background:var(--gold);box-shadow:var(--kante-gold)}.eingabe-zeile .senden.aus{box-shadow:var(--kante);opacity:.6;background:#252b40}.vorschlaege{background:var(--tafel-hell);box-shadow:var(--kante);margin-bottom:6px;padding:4px}.vorschlag{align-items:center;gap:10px;width:100%;padding:5px 8px;display:flex}.vorschlag.an{background:#343c58}.vorschlag small{color:var(--dunkelgrau)}.vorschau-liste{flex-wrap:wrap;gap:10px;padding:8px 8px 0;display:flex}.vorschau{background:#000;width:88px;height:88px;position:relative;box-shadow:0 0 0 2px #000}.vorschau img{object-fit:cover;image-rendering:auto;width:100%;height:100%}.vorschau .weg{background:var(--rot);place-items:center;width:22px;height:22px;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 0 0 2px #000}.vorschau .weg .ico{width:12px;height:12px}.vorschau .laedt{background:#0009;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.gesperrt-hinweis{color:var(--dunkelgrau);padding:11px 14px;font-size:14px}.ablage{z-index:60;pointer-events:none;background:#0000008c;place-items:center;font-size:22px;font-weight:700;animation:.15s einblenden;display:grid;position:fixed;inset:0}.ablage div{background:var(--tafel);box-shadow:var(--kante), 0 0 0 4px var(--gold);padding:28px 40px}.held{align-items:flex-end;min-height:220px;margin-bottom:20px;padding:24px 26px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 2px #000,6px 6px 0 2px #00000080}.held .bild{background-position:50% 40%;background-size:cover;animation:30s ease-in-out infinite alternate zoom;position:absolute;inset:0}.held:after{content:"";background:linear-gradient(90deg,#0a0f1bf2,#0a0f1b66 65%,#0000);position:absolute;inset:0}.held .text{z-index:1;max-width:600px;position:relative}.held h3{margin:0 0 6px;font-size:28px}.held p{color:var(--grau);margin:0 0 16px}.held .zeile{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pille{background:#04060bd9;align-items:center;gap:10px;padding:9px 14px;font-size:14px;display:flex;box-shadow:0 0 0 2px #000}.pille b{color:var(--gold)}.raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.karte{background:var(--tafel);box-shadow:var(--kante), 5px 5px 0 2px #0006;min-width:0}.karte.doppelt{grid-column:span 2}.karte-kopf{background:var(--tafel-hell);align-items:center;gap:10px;padding:12px 16px;display:flex;box-shadow:inset 0 -2px #000}.karte-kopf h4{flex:1;margin:0;font-size:15px}.karte-kopf .mehr{color:var(--dunkelgrau);font-size:12px}.karte-kopf button.mehr:hover{color:#ffffa0}.karte-inhalt{padding:10px 16px 16px}.news{text-align:left;gap:12px;width:calc(100% + 20px);margin:0 -10px;padding:8px 10px;transition:background .1s;display:flex}.news:hover{background:#ffffff0d}.news .marke{background:var(--gold);color:var(--gold-text);flex:none;height:-moz-fit-content;height:fit-content;margin-top:2px;padding:1px 6px;font-size:10px;font-weight:700;box-shadow:0 0 0 2px #000}.news b{font-size:14px;font-weight:400;display:block}.news small{color:var(--dunkelgrau);font-size:12px}.koepfe{flex-wrap:wrap;gap:10px;display:flex}.zeile-link{text-align:left;align-items:center;gap:12px;width:calc(100% + 20px);margin:0 -10px;padding:8px 10px;transition:background .1s;display:flex}.zeile-link:hover{background:#ffffff0d}.zeile-link .mini{background-position:50%;background-size:cover;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 0 0 2px #000}.zeile-link .mini .ico{filter:drop-shadow(2px 2px #000000b3);width:22px;height:22px}.zeile-link .wer{flex:1;min-width:0}.zeile-link .wer b{font-size:14px;display:block}.zeile-link .wer small{color:var(--grau);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.seitenblatt{z-index:10;background:var(--tafel);width:min(400px,100% - 24px);box-shadow:var(--kante), 6px 6px 0 2px #00000080;animation:von-rechts .25s var(--raus);flex-direction:column;display:flex;position:absolute;top:72px;bottom:12px;right:12px}@keyframes von-rechts{0%{opacity:0;transform:translate(20px)}}.blatt-kopf{background:var(--tafel-hell);flex:none;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:inset 0 -2px #000}.blatt-kopf b{flex:1}.blatt-suche{flex:none;gap:8px;padding:10px;display:flex}.blatt-suche input{background:var(--schatten);border:0;outline:0;flex:1;padding:8px 10px;box-shadow:inset 2px 2px #0009,0 0 0 2px #000}.blatt-inhalt{flex:1;min-height:0;padding:10px;overflow-y:auto}.treffer{background:var(--rand);width:100%;box-shadow:var(--kante);text-align:left;margin-bottom:8px;padding:8px 10px;transition:background .1s;display:block}.treffer:hover{background:var(--tafel-hell)}.treffer .oben-zeile{align-items:center;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.treffer .oben-zeile .ort{color:var(--dunkelgrau)}.treffer .oben-zeile small{color:var(--dunkelgrau);margin-left:auto}.treffer .inhalt{font-family:var(--text-schrift);color:var(--grau);overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.dunkel,.schleier-ganz{z-index:80;background:#020408b3;place-items:center;padding:16px;animation:.12s einblenden;display:grid;position:fixed;inset:0}.menue{z-index:150;background:var(--tafel);min-width:220px;box-shadow:var(--kante), 5px 5px 0 2px #00000080;animation:pop .12s var(--raus);padding:4px;position:fixed}.menue button{width:100%;color:var(--grau);align-items:center;gap:10px;padding:7px 10px;font-size:14px;transition:background 80ms,color 80ms;display:flex}.menue button:hover{color:#ffffa0;background:#343c58}.menue button.rot{color:#f77}.menue button.rot:hover{background:var(--rot);color:#fff}.menue .ico{width:16px;height:16px}.menue hr{background:var(--linie);border:0;height:2px;margin:4px 0}.tooltip{z-index:230;pointer-events:none;background:var(--schatten);box-shadow:var(--kante);max-width:280px;padding:6px 10px;font-size:13px;animation:80ms einblenden;position:fixed}.tooltip b{color:#fff;font-weight:400;display:block}.tooltip small{color:var(--dunkelgrau);font-size:12px;display:block}.toasts{z-index:170;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;top:72px;right:296px}.toast{background:var(--tafel);max-width:340px;box-shadow:var(--kante), 0 0 0 4px var(--gold), 6px 6px 0 4px #00000080;text-align:left;animation:toast-rein .35s var(--zurueck);align-items:center;gap:12px;padding:8px 14px 8px 8px;display:flex}.toast .titel{color:var(--gold);font-size:13px;display:block}.toast .text{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:14px;display:block;overflow:hidden}@keyframes toast-rein{0%{opacity:0;transform:translate(30px)}}.verbindung{z-index:210;background:var(--rot);box-shadow:var(--kante);padding:7px 14px;font-size:13px;position:fixed;top:12px;left:50%;transform:translate(-50%)}.meldung{z-index:220;opacity:0;pointer-events:none;background:var(--tafel);max-width:calc(100% - 32px);box-shadow:var(--kante), 0 0 0 4px var(--gold);transition:transform .25s var(--zurueck), opacity .2s;padding:9px 16px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.meldung.da{opacity:1;transform:translate(-50%)}.effekt-ebene{pointer-events:none;z-index:140;width:100vw;height:100vh;image-rendering:pixelated;position:fixed;inset:0}.lightbox{z-index:180;cursor:zoom-out;background:#000000e6;place-items:center;padding:24px;animation:.15s einblenden;display:grid;position:fixed;inset:0}.lightbox img{image-rendering:auto;max-width:100%;max-height:100%;animation:pop .25s var(--zurueck);box-shadow:0 0 0 2px #000}.lightbox .oeffnen{color:var(--grau);font-size:14px;position:absolute;top:16px;right:20px}.profil-karte{z-index:120;width:340px;animation:pop .2s var(--zurueck);position:fixed;overflow:hidden}.profil-karte .banner{background-position:50%;background-size:cover;background-color:var(--pakzent,#2e3550);height:112px;position:relative}.profil-karte .banner:after{content:"";background:linear-gradient(transparent 40%, color-mix(in srgb, var(--tafel) 95%, transparent));position:absolute;inset:0}.profil-karte .kopf-zone{z-index:2;width:92px;height:92px;margin:-46px 0 0 16px;position:relative}.profil-karte .kopf-zone canvas{pointer-events:none;z-index:2;width:152px;height:152px;position:absolute;inset:-30px}.profil-karte .kopf-zone .kopf{box-shadow:0 0 0 4px var(--tafel), 0 0 0 6px var(--pakzent,#000)}.profil-karte .koerper{padding:10px 16px 16px}.profil-karte .namen b{text-shadow:2px 2px #000;color:var(--pakzent,#fff);font-size:22px;display:block}.profil-karte .namen small{color:var(--dunkelgrau);font-size:13px}.profil-karte .abzeichen{flex-wrap:wrap;gap:6px;height:auto;margin:8px 0;display:flex}.profil-karte .status{font-size:14px;font-family:var(--text-schrift);background:#00000059;margin:8px 0;padding:6px 10px}.profil-karte h4{color:var(--dunkelgrau);letter-spacing:1.5px;margin:12px 0 4px;font-size:11px}.profil-karte .ueber{font-family:var(--text-schrift);color:var(--grau);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.profil-karte .mc-zeile-profil{align-items:center;gap:10px;font-size:14px;display:flex}.profil-karte .aktionen-zeile{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.emoji-wahl{z-index:160;width:352px;height:400px;animation:pop .15s var(--raus);flex-direction:column;display:flex;position:fixed}.emoji-wahl .reiter{background:var(--tafel-hell);gap:2px;padding:4px;display:flex;box-shadow:inset 0 -2px #000}.emoji-wahl .reiter button{flex:1;height:32px;font-family:system-ui,sans-serif;font-size:18px}.emoji-wahl .reiter button:hover{background:#343c58}.emoji-wahl .gitter{flex:1;grid-template-columns:repeat(8,1fr);align-content:start;gap:2px;padding:6px;display:grid;overflow-y:auto}.emoji-wahl .gitter h5{color:var(--dunkelgrau);letter-spacing:1.5px;grid-column:1/-1;margin:6px 2px 4px;font-size:11px}.emoji-wahl .gitter button{height:38px;transition:transform .12s var(--zurueck);font-family:system-ui,sans-serif;font-size:24px}.emoji-wahl .gitter button:hover{background:#343c58;transform:scale(1.2)}.schnellsuche{align-self:start;width:min(560px,100%);margin-top:12vh}.schnellsuche input{background:0 0;border:0;outline:0;width:100%;padding:14px 16px;font-size:18px}.schnellsuche .liste{max-height:50vh;margin-top:8px;padding:4px;overflow-y:auto}.eintrag{text-align:left;align-items:center;gap:10px;width:100%;padding:7px 8px;transition:background .1s;display:flex}.eintrag:hover,.eintrag.an{background:#343c58}.schnellsuche .eintrag small{color:var(--dunkelgrau);margin-left:auto;font-size:12px}.schnellsuche .tipp-zeile{color:var(--dunkelgrau);padding:8px 10px;font-size:12px}.fenster{background:var(--tafel);width:min(520px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--kante), 8px 8px 0 2px #00000080;animation:pop .2s var(--zurueck);position:relative;overflow:auto}.fenster .fenster-kopf{z-index:2;background:var(--tafel-hell);align-items:center;gap:10px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:inset 0 -2px #000}.fenster .fenster-kopf b{flex:1;font-size:17px}.fenster .fenster-inhalt{padding:16px}.fenster .fenster-fuss{background:var(--tafel-hell);justify-content:flex-end;gap:10px;padding:12px 16px;display:flex;position:sticky;bottom:0;box-shadow:inset 0 2px #000}.fenster-titel{color:var(--dunkelgrau);letter-spacing:1.5px;margin:18px 0 8px;font-size:12px}.reiter-zeile{gap:4px;margin-bottom:18px;display:flex}.reiter-zeile button{box-shadow:var(--kante);color:var(--grau);letter-spacing:1px;background:#252b40;flex:1;padding:9px;font-size:13px;font-weight:700}.reiter-zeile button.an{background:var(--gold);color:var(--gold-text);box-shadow:var(--kante-gold)}.symbol-wahl{flex-wrap:wrap;gap:4px;display:flex}.symbol-wahl button{width:42px;height:42px;box-shadow:var(--kante);transition:transform .12s var(--zurueck);background:#252b40;place-items:center;display:grid}.symbol-wahl button img{width:24px;height:24px}.symbol-wahl button:hover{transform:translateY(-2px)}.symbol-wahl button.an{box-shadow:var(--kante), 0 0 0 4px var(--gold)}.wahl-gitter{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;display:grid}.wahl{background:var(--hell);height:78px;box-shadow:var(--kante);transition:transform .15s var(--zurueck);background-position:50%;background-size:cover;align-items:flex-end;padding:8px;font-size:13px;font-weight:700;display:flex;position:relative;overflow:hidden}.wahl:before{content:"";background:linear-gradient(#0000 30%,#000c);position:absolute;inset:0}.wahl span{text-shadow:2px 2px #000;position:relative}.wahl canvas{width:100%;height:100%;position:absolute;inset:0}.wahl:hover{transform:translateY(-2px)}.wahl.an{box-shadow:var(--kante), 0 0 0 4px var(--gold)}.zuschnitt{touch-action:none;cursor:grab;background:#000;margin:0 auto 14px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #000}.zuschnitt img{transform-origin:0 0;image-rendering:auto;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute;top:0;left:0}.zuschnitt .rahmen{pointer-events:none;box-shadow:inset 0 0 0 3px var(--gold);position:absolute;inset:0}.einst{background:var(--tafel);width:min(1080px,100%);height:min(820px,100dvh - 32px);box-shadow:var(--kante), 8px 8px 0 2px #00000080;animation:pop .2s var(--zurueck);grid-template-columns:250px minmax(0,1fr);display:grid;overflow:hidden}.einst-nav{background:var(--rand);flex-direction:column;gap:2px;padding:14px 10px;display:flex;overflow-y:auto;box-shadow:2px 0 #000}.einst-nav>button{width:100%;color:var(--grau);align-items:center;gap:12px;padding:9px 10px;transition:background .1s,color .1s;display:flex}.einst-nav>button:hover{color:#fff;background:#ffffff0d}.einst-nav>button.an{background:var(--tafel-hell);color:#fff;box-shadow:var(--kante), inset 3px 0 0 var(--gold)}.einst-nav>button.rot{color:#f77}.einst-nav .d-gruppe{margin:14px 8px 4px}.einst-ich{border-bottom:2px solid var(--linie);align-items:center;gap:10px;padding:6px 6px 10px;display:flex}.einst-ich .t b{display:block}.einst-ich .t small{color:var(--dunkelgrau);font-size:12px}.einst-rechts{flex-direction:column;min-width:0;min-height:0;display:flex}.einst-kopf{flex:none;align-items:center;gap:12px;padding:14px 22px;display:flex;box-shadow:0 2px #000}.einst-kopf>.ico{width:28px;height:28px}.einst-kopf h2{margin:0;font-size:20px}.einst-kopf small{color:var(--dunkelgrau);font-size:13px}.einst-inhalt{flex:1;padding:20px 22px 90px;overflow-y:auto}.einst-inhalt h3{color:var(--dunkelgrau);letter-spacing:1.5px;margin:22px 0 10px;font-size:12px}.einst-inhalt .absatz{color:var(--grau);margin:0 0 12px;font-size:14px}.einst-karte{background:var(--rand);box-shadow:var(--kante);margin-bottom:16px}.karte-titel{align-items:center;gap:10px;padding:12px 16px;display:flex}.karte-titel b{font-size:15px}.karte-text{color:var(--dunkelgrau);margin:-4px 16px 12px;font-size:13px}.karte-text b{color:var(--grau)}.karte-feld{padding:0 16px 16px}.einst-zeile{border-top:2px solid var(--linie);cursor:default;align-items:center;gap:14px;padding:12px 16px;display:flex}label.einst-zeile{cursor:pointer}.einst-zeile .was{flex:1;min-width:0}.einst-zeile .was b,.option .was b{color:#fff;font-size:15px;font-weight:400;display:block}.einst-zeile .was small,.option .was small{color:var(--dunkelgrau);font-size:13px;display:block}.einst-zeile .schalter{padding:0}.option{border-top:2px solid var(--linie);text-align:left;align-items:center;gap:14px;width:100%;padding:12px 16px;transition:background .1s;display:flex}.option:hover{background:#ffffff0a}.option .punkt-wahl{background:var(--schatten);flex:none;width:18px;height:18px;position:relative;box-shadow:inset 2px 2px #0009,0 0 0 2px #000}.option.an .punkt-wahl:after{content:"";background:var(--gold);position:absolute;inset:4px}.option.an{background:color-mix(in srgb, var(--gold) 8%, transparent)}.hinweis-karte{background:color-mix(in srgb, var(--blau) 7%, var(--rand))}.banner-mini{background-color:var(--hell);background-position:50%;background-size:cover;flex:none;width:120px;height:40px;box-shadow:0 0 0 2px #000}.d-seite.schmal{max-width:820px}.zeile-form{gap:10px;padding:0 16px 16px;display:flex}.zeile-form input{flex:1}.freund-zeile{background:var(--tafel);box-shadow:var(--kante);align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex}.freund-zeile.weg{opacity:.6}.freund-zeile .wer-knopf{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.freund-zeile .t b{font-size:15px;display:block}.freund-zeile .t small{color:var(--dunkelgrau);text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.leer-hinweis.klein{text-align:left;padding:8px 10px 14px}.zwei-spalten{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}.vorschau-karte{position:sticky;top:0}.vorschau-karte .profil-karte{animation:none;position:relative}.farben{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.farbe{width:34px;height:34px;transition:transform .15s var(--zurueck);box-shadow:0 0 0 2px #000}.farbe:hover{transform:scale(1.12)}.farbe.an{box-shadow:0 0 0 2px #000,0 0 0 5px #fff}.farben input[type=color]{cursor:pointer;background:0 0;border:0;width:34px;height:34px;padding:0}.bild-wahl{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;display:flex}.liste-zeile{background:var(--rand);box-shadow:var(--kante);align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.liste-zeile .wer{flex:1;min-width:0}.liste-zeile .wer b{display:block}.liste-zeile .wer small{color:var(--dunkelgrau);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.code-gross{letter-spacing:6px;color:var(--gold);background:var(--schatten);-webkit-user-select:all;user-select:all;margin:6px 0 10px;padding:12px 16px;font-size:28px;font-weight:700;display:inline-block;box-shadow:inset 2px 2px #0009,0 0 0 2px #000}.speicher-leiste{z-index:190;background:var(--tafel);width:min(720px,100% - 32px);box-shadow:var(--kante), 0 0 0 4px var(--gold);animation:hochfahren .35s var(--zurueck);align-items:center;gap:12px;padding:10px 12px 10px 16px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.speicher-leiste span{flex:1;font-size:14px}@keyframes hochfahren{0%{transform:translate(-50%,120%)}}.zentriert{place-items:center;height:100dvh;padding:16px;display:grid;position:relative;overflow:hidden}.anmelde-hinter{filter:brightness(.55);background-position:50%;background-size:cover;animation:40s ease-in-out infinite alternate langsam-zoom;position:absolute;inset:-40px}@keyframes langsam-zoom{to{transform:scale(1.12)translate(-1%,1%)}}.zentriert canvas{pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.anmelde-karte{z-index:1;width:min(400px,100%);animation:pop .4s var(--zurueck);padding:26px 24px;position:relative}.logo{color:var(--gold);text-shadow:3px 3px 0 color-mix(in srgb, var(--gold) 30%, #000);font-size:28px;font-weight:700}.anmelde-karte .logo{font-size:40px}.anmelde-karte .unterzeile{letter-spacing:8px;color:var(--dunkelgrau);margin:-2px 0 22px;font-size:13px}.fehler{color:#f77;min-height:20px;margin:-4px 0 8px;font-size:14px}.hinweis{color:var(--dunkelgrau);margin:14px 0 0;font-size:13px}.laden-bild{place-items:center;height:100dvh;display:grid}.laden-bild .logo{font-size:44px;animation:1.2s infinite puls}@media (max-width:1200px){.d{grid-template-columns:80px 240px minmax(0,1fr) 240px}.suchfeld{width:140px}.toasts{right:256px}}@media (max-width:960px){.d{grid-template-columns:80px 240px minmax(0,1fr)}.d-mitglieder{display:none}.d[data-handy=mitglieder] .d-mitglieder{z-index:60;width:min(320px,92vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-6px 0 #000}.d[data-handy=mitglieder] .nur-handy{display:grid!important}.toasts{right:16px}.raster{grid-template-columns:1fr}.karte.doppelt{grid-column:auto}}@media (max-width:720px){.nur-handy{display:grid!important}.nicht-handy{display:none!important}.d{grid-template-columns:76px minmax(0,1fr)}.d .d-haupt{display:none}.d[data-handy=inhalt]{grid-template-columns:minmax(0,1fr)}.d[data-handy=inhalt] .d-leiste,.d[data-handy=inhalt] .d-nav{display:none}.d[data-handy=inhalt] .d-haupt{animation:von-rechts .25s var(--raus);display:flex}.d-kopf{padding:0 10px}.d-kopf .thema{display:none}.d-verlauf{padding:8px 10px 12px}.nachricht{max-width:94%}.eingabe-zone{padding:0 10px calc(10px + env(safe-area-inset-bottom))}.d-seite{padding:14px 10px}.d-banner{height:120px;padding:12px}.einst{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;height:calc(100dvh - 16px)}.einst-nav{flex-direction:row;gap:4px;padding:8px;overflow-x:auto}.einst-nav>button{white-space:nowrap;flex:none;width:auto}.einst-nav .d-gruppe,.einst-ich,.einst-nav>div[style]{display:none}.einst-inhalt{padding:14px 12px 90px}.einst-zeile{flex-wrap:wrap}.zwei-spalten{grid-template-columns:1fr}.vorschau-karte{position:relative}.profil-karte,.emoji-wahl{width:auto;bottom:8px;right:8px;top:auto!important;left:8px!important}.dunkel{padding:8px}.toasts{align-items:stretch;top:8px;left:8px;right:8px}}.titel-knopf{white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.nm.verlauf{background:var(--v);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.nm.verlauf.bewegt{animation:3s linear infinite verlauf}@keyframes verlauf{to{background-position:200% 0}}.lv{vertical-align:middle;height:17px;color:var(--lv);background:color-mix(in srgb, var(--lv) 14%, #0d111c);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--lv) 55%, transparent), 0 0 0 1px #000;flex:none;align-items:center;gap:2px;padding:0 5px 0 2px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.lv img{filter:drop-shadow(1px 1px #0009);width:13px;height:13px}.lv.gross{gap:4px;height:26px;padding:0 8px 0 4px;font-size:15px}.lv.gross img{width:20px;height:20px}.lv.lv-gold,.lv.lv-diamant,.lv.lv-netherite{position:relative;overflow:hidden}.lv.lv-gold:after,.lv.lv-diamant:after,.lv.lv-netherite:after{content:"";background:linear-gradient(115deg,#0000 35%,#ffffff73 50%,#0000 65%) 0 0/250% 100%;animation:3s ease-in-out infinite glanz;position:absolute;inset:0}.lv.lv-netherite{box-shadow:inset 0 0 0 1px var(--lv), 0 0 0 1px #000, 0 0 10px #c49bff99}@keyframes glanz{0%{background-position:130% 0}60%,to{background-position:-130% 0}}.d-mitglied small .lv{height:15px;margin-right:6px;font-size:10px}.d-mitglied small .lv img{width:11px;height:11px}.name-zeile .lv{height:15px;font-size:10px}.name-zeile .lv img{width:11px;height:11px}.kopf-huelle.rahmen{isolation:isolate}.kopf-huelle.rahmen .kopf{box-shadow:0 0 0 var(--rb) var(--tafel), 0 0 0 calc(var(--rb) * 2) #39405a}.kopf-huelle.r_holz .kopf{box-shadow:0 0 0 var(--rb) #5b3a1c, 0 0 0 calc(var(--rb) * 2) #a8743a, 0 0 0 calc(var(--rb) * 2.6) #000}.kopf-huelle.r_kupfer .kopf{box-shadow:0 0 0 var(--rb) #7a3a1c, 0 0 0 calc(var(--rb) * 2) #e8834f, 0 0 0 calc(var(--rb) * 2.6) #000, 0 0 calc(var(--rb) * 4) #e8834f73}.kopf-huelle.r_gold .kopf{box-shadow:0 0 0 var(--rb) #8a5f10, 0 0 0 calc(var(--rb) * 2) #ffd23d, 0 0 0 calc(var(--rb) * 2.6) #000, 0 0 calc(var(--rb) * 6) #ffc43d8c}.kopf-huelle.r_eisen .kopf{box-shadow:0 0 0 var(--rb) #5c6370, 0 0 0 calc(var(--rb) * 2) #e6ebf2, 0 0 0 calc(var(--rb) * 2.6) #000, 0 0 calc(var(--rb) * 5) #e6ebf266}.kopf-huelle.r_diamant .kopf{box-shadow:0 0 0 var(--rb) #1b6f7a, 0 0 0 calc(var(--rb) * 2) #6ff6ff, 0 0 0 calc(var(--rb) * 2.6) #000, 0 0 calc(var(--rb) * 7) #6ff6ff99}.kopf-huelle.r_diamant:before{content:"";z-index:3;right:calc(var(--rb) * -1.6);top:calc(var(--rb) * -1.6);width:calc(var(--rb) * 2.4);height:calc(var(--rb) * 2.4);background:#fff;animation:1.6s ease-in-out infinite funkeln;position:absolute;box-shadow:0 0 8px #6ff6ff}.kopf-huelle.r_glut .kopf{box-shadow:0 0 0 var(--rb) #5a1206, 0 0 0 calc(var(--rb) * 2) #ff7a1f, 0 0 0 calc(var(--rb) * 2.6) #000, 0 0 calc(var(--rb) * 8) #ff5a14b3;animation:1.4s ease-in-out infinite glut-flackern}@keyframes glut-flackern{50%{box-shadow:0 0 0 var(--rb) #5a1206, 0 0 0 calc(var(--rb) * 2) #ffb13d, 0 0 0 calc(var(--rb) * 2.6) #000, 0 0 calc(var(--rb) * 12) #ff781ee6}}.kopf-huelle.r_ender:before,.kopf-huelle.r_netherite:before{content:"";inset:calc(var(--rb) * -2.2);z-index:-1;animation:3s linear infinite regenbogen;position:absolute}.kopf-huelle.r_ender:before{box-shadow:0 0 calc(var(--rb) * 8) #b57bffb3;background:conic-gradient(#b57bff,#ff7ad9,#3fb7ff,#b57bff)}.kopf-huelle.r_netherite:before{box-shadow:0 0 calc(var(--rb) * 8) #c49bff99;background:conic-gradient(#3b2f36,#c49bff,#5b4352,#c49bff,#3b2f36);animation-duration:6s}.kopf-huelle.r_ender .kopf,.kopf-huelle.r_netherite .kopf{box-shadow:0 0 0 var(--rb) var(--tafel)}@keyframes regenbogen{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes funkeln{50%{opacity:.35}}.sk{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--s) 30%, transparent), #10141f 75%);width:40px;height:40px;box-shadow:inset 2px 2px 0 #ffffff1a, inset -2px -2px 0 #00000080, 0 0 0 2px var(--s), 0 0 0 4px #000;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.sk.gross{width:64px;height:64px}.sk>img{width:22px;height:22px}.sk.gross>img,.sk.gross>.ico{width:34px;height:34px}.sk canvas{width:100%;height:100%;position:absolute;inset:0}.sk .bannerbild{background-position:50%;background-size:cover;position:absolute;inset:0}.sk-farbe b{font-size:17px}.sk.gross.sk-farbe b{font-size:26px}.sk.s-legendaer,.sk.s-mythisch{box-shadow:inset 2px 2px 0 #ffffff1f, inset -2px -2px 0 #00000080, 0 0 0 2px var(--s), 0 0 0 4px #000, 0 0 14px color-mix(in srgb, var(--s) 55%, transparent)}.sk.s-mythisch:after,.sk.s-legendaer:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#fff6 50%,#0000 65%) 0 0/250% 100%;animation:3s ease-in-out infinite glanz;position:absolute;inset:0}.sk.gesperrt{filter:saturate(.35)brightness(.6)}.abz{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--s) 38%, transparent), #10141f 72%);width:36px;height:36px;box-shadow:inset 2px 2px 0 #ffffff1f, inset -2px -2px 0 #00000080, 0 0 0 2px var(--s), 0 0 0 4px #000;transition:transform .15s var(--zurueck);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.abz img{z-index:1;filter:drop-shadow(2px 2px #0000008c);width:22px;height:22px;position:relative}.abz.gross{width:62px;height:62px}.abz.gross img{width:38px;height:38px}.abz.riesig{width:78px;height:78px}.abz.riesig img{width:48px;height:48px}.abz:hover{transform:translateY(-3px)scale(1.06)}.abz:hover img{animation:.5s ease-in-out wackeln}@keyframes wackeln{30%{transform:rotate(-8deg)}70%{transform:rotate(6deg)}}.abz .glanz{z-index:2;pointer-events:none;position:absolute;inset:0}.abz.s-episch,.abz.s-legendaer,.abz.s-mythisch{box-shadow:inset 2px 2px 0 #ffffff26, inset -2px -2px 0 #00000080, 0 0 0 2px var(--s), 0 0 0 4px #000, 0 0 16px color-mix(in srgb, var(--s) 55%, transparent)}.abz.s-legendaer .glanz,.abz.s-mythisch .glanz,.abz.s-einzigartig .glanz{background:linear-gradient(115deg,#0000 35%,#ffffff8c 50%,#0000 65%) 0 0/250% 100%;animation:2.8s ease-in-out infinite glanz}.abz.s-mythisch img{animation:2.4s ease-in-out infinite schweben}.abz.s-einzigartig{background:radial-gradient(circle at 50% 45%,#ff78c873,#10141f 72%);animation:4s linear infinite regenbogen;box-shadow:inset 2px 2px #ffffff26,inset -2px -2px #00000080,0 0 0 2px #ff7ad9,0 0 0 4px #000,0 0 18px #ff7ad999}.abz.gesperrt{background:#0c0f17;animation:none;box-shadow:inset 2px 2px #ffffff0d,0 0 0 2px #2a3047,0 0 0 4px #000}.abz.gesperrt img{filter:brightness(0)opacity(.55);animation:none}.abz.gesperrt .glanz{display:none}.abz.leer{background:repeating-linear-gradient(45deg,#121829 0 6px,#0e1320 6px 12px);box-shadow:0 0 0 2px #2a3047,0 0 0 4px #000}@keyframes schweben{50%{transform:translateY(-5px)}}.profil-karte.pk{width:364px;box-shadow:0 0 0 2px #000, 0 0 0 4px var(--pakzent), 0 0 40px color-mix(in srgb, var(--pakzent) 35%, transparent), 10px 10px 0 4px #0000008c;animation:pk-rein .35s var(--zurueck);background:#0d111c}@keyframes pk-rein{0%{opacity:0;transform:translateY(10px)scale(.96)}}.profil-karte.pk.effekt{animation:pk-rein .35s var(--zurueck), pk-puls 3.5s ease-in-out .4s infinite}@keyframes pk-puls{50%{box-shadow:0 0 0 2px #000, 0 0 0 4px var(--pakzent), 0 0 64px color-mix(in srgb, var(--pakzent) 55%, transparent), 10px 10px 0 4px #0000008c}}.pk-banner{background-color:#1a2133;background-position:50%;background-size:cover;height:128px;position:relative;overflow:hidden}.pk-banner:after{content:"";background:linear-gradient(transparent 35%, #0d111c40 60%, #0d111c), linear-gradient(120deg, color-mix(in srgb, var(--pakzent) 35%, transparent), transparent 60%);position:absolute;inset:0}.pk-banner canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pk-kopf{z-index:2;align-items:flex-end;gap:14px;margin:-58px 16px 0;display:flex;position:relative}.pk-kopf>.kopf-huelle:not(.rahmen) .kopf{box-shadow:0 0 0 4px #0d111c, 0 0 0 7px var(--pakzent)}.pk-kopf .kopf-huelle .status-punkt{width:16px;height:16px;box-shadow:0 0 0 3px #0d111c}.pk-blase{font-size:13px;font-family:var(--text-schrift);box-shadow:var(--kante);overflow-wrap:anywhere;background:#1a2133;max-width:210px;margin-bottom:6px;padding:6px 10px;position:relative}.pk-koerper{padding:12px 18px 16px}.pk-name{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pk-name h4{letter-spacing:0!important;color:var(--pakzent)!important;margin:0!important;font-size:25px!important}.pk .handle{color:var(--dunkelgrau);margin-top:2px;font-size:13px}.pk .handle .on,.ps-zeile .on{color:var(--gruen)}.pk .handle .dnd,.ps-zeile .dnd{color:#f77}.pk-vitrine{box-shadow:var(--kante);background:linear-gradient(#ffffff08,#00000040);justify-content:space-around;gap:2px;margin:14px 0 4px;padding:14px 2px 10px;display:flex}.pk-platz{text-align:center;flex-direction:column;align-items:center;gap:9px;width:106px;display:flex}.pk-platz small{font-size:11px;font-weight:700;line-height:1.2}.pk-keine{color:var(--grau);box-shadow:var(--kante);background:#00000040;align-items:center;gap:10px;margin:14px 0 4px;padding:10px 12px;font-size:12px;display:flex}.pk-keine .ico{filter:grayscale()opacity(.6)}.pk-fakten{color:var(--grau);gap:24px;margin-top:12px;font-size:13px;display:flex}.pk-fakten>span{flex-direction:column;gap:3px;display:flex}.pk-fakten b{color:var(--dunkelgrau);letter-spacing:1.5px;font-size:10px;font-weight:400}.pk-fakten .mc-zeile-profil{gap:6px;font-size:13px}.pk-ganz{width:100%;color:var(--grau);text-align:center;box-shadow:var(--kante);background:#00000040;margin-top:10px;padding:7px;font-size:12px;display:block}.pk-ganz:hover{color:#ffffa0}.vorschau-karte .profil-karte.pk,.spind-vorschau .profil-karte.pk{width:100%}.d-ich{position:relative}.ich-kopf{flex:none;position:relative}.status-punkt-ich{z-index:4;width:12px;height:12px;position:absolute;bottom:-5px;right:-5px;box-shadow:0 0 0 2px #000}.ich-xp{align-items:center;gap:6px;margin-top:3px;display:flex}.ich-xp .xp-balken{flex:1;margin:0}.status-wahl{z-index:70;width:290px;animation:pop .2s var(--zurueck);padding:10px;position:absolute;bottom:calc(100% + 8px);left:8px}.status-stufe{width:100%;color:var(--grau);box-shadow:var(--kante);background:linear-gradient(90deg,#ffb93326,#0000);align-items:center;gap:8px;margin-bottom:4px;padding:8px 10px;font-size:12px;display:flex}.status-stufe img{width:18px;height:18px}.status-stufe b{color:var(--gold)}.status-stufe em{color:var(--gold);margin-left:auto;font-style:normal}.karten-titel{color:var(--dunkelgrau);letter-spacing:1.5px;margin:10px 2px 6px;font-size:10px}.status-option{text-align:left;align-items:center;gap:10px;width:100%;padding:7px 8px;display:flex}.status-option:hover{background:#ffffff0d}.status-option.an{background:var(--tafel-hell);box-shadow:var(--kante)}.status-option b{font-size:14px;display:block}.status-option small{color:var(--dunkelgrau);font-size:11px;display:block}.punkt-farbe{flex:none;width:12px;height:12px;box-shadow:0 0 0 2px #000}.status-feld{background:var(--schatten);border:0;outline:0;width:100%;padding:8px 10px;font-size:13px;box-shadow:inset 2px 2px #0009,0 0 0 2px #000}.status-feld:focus{box-shadow:inset 2px 2px 0 #0009, 0 0 0 2px var(--gold)}.vorschlaege-status{flex-wrap:wrap;gap:4px;margin:6px 0 2px;display:flex}.vorschlaege-status button{box-shadow:var(--kante);color:var(--grau);background:#252b40;padding:3px 7px;font-size:11px}.vorschlaege-status button:hover{color:#fff}.status-profil{width:100%;color:var(--grau);box-shadow:inset 0 2px 0 var(--linie);align-items:center;gap:8px;margin-top:10px;padding:7px 8px;font-size:13px;display:flex}.status-profil:hover{color:#fff}.d-fuer{background:linear-gradient(90deg, color-mix(in srgb, var(--gold) 16%, transparent), color-mix(in srgb, var(--gold) 4%, transparent));width:100%;box-shadow:var(--kante);text-align:left;transition:transform .15s var(--zurueck);align-items:center;gap:12px;margin:10px 0 4px;padding:10px;display:flex;position:relative}.d-fuer:hover{transform:translateY(-2px)}.d-fuer.an{box-shadow:var(--kante), 0 0 0 2px var(--gold)}.d-fuer .t b{color:var(--gold);font-size:15px;display:block}.d-fuer .t small{color:var(--grau);white-space:normal;font-size:11px;display:block}.d-gruppe.gold{color:var(--gold)}.d-ziel{text-align:left;background:linear-gradient(135deg, #6abe3029, var(--tafel) 70%);box-shadow:var(--kante);transition:transform .15s var(--zurueck);flex-direction:column;gap:6px;padding:9px 10px;display:flex}.d-ziel:hover{transform:translateY(-2px)}.d-ziel.geschafft{box-shadow:var(--kante), 0 0 0 2px #9be35f}.d-ziel .kopfzeile{align-items:center;gap:8px;font-size:13px;display:flex}.d-ziel .kopfzeile .ico{width:18px;height:18px}.d-ziel small{color:var(--grau);font-size:11px}.d-ziel small b{color:#fff}.balken{background:#0a0d16;height:8px;display:block;overflow:hidden;box-shadow:0 0 0 2px #000}.balken i{height:100%;transition:width 1s var(--raus);background:linear-gradient(90deg,#6abe30,#b6f05a);display:block;box-shadow:inset 0 -2px #0000004d}.xp-balken{background:#0a0d16;height:5px;margin-top:4px;display:block;overflow:hidden;box-shadow:0 0 0 1px #000}.xp-balken i{height:100%;transition:width .6s var(--raus);background:linear-gradient(90deg,#6abe30,#b6f05a);display:block;box-shadow:0 0 6px #8ce64699}.xp-balken.konto i{background:linear-gradient(90deg,#ffb933,#ffe08a);box-shadow:0 0 6px #ffc43d99}.xp-balken.gross{height:12px;margin:6px 0 4px;box-shadow:0 0 0 2px #000}.xp-fliegt{z-index:130;color:#b6f05a;text-shadow:2px 2px #000;pointer-events:none;animation:xp-hoch 1.2s var(--raus) forwards;font-size:15px;font-weight:700;position:fixed;bottom:54px;left:150px}@keyframes xp-hoch{0%{opacity:0;transform:translateY(8px)scale(.6)}20%{opacity:1;transform:translateY(0)scale(1.15)}to{opacity:0;transform:translateY(-46px)}}.nachricht.gold .blase{box-shadow:var(--kante), 0 0 0 2px #ffd23d, 0 0 24px #ffc43d73;background:linear-gradient(135deg,#4a3608,#2a1f08 60%);padding-bottom:18px;overflow:hidden}.nachricht.gold .blase:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#fff0b44d 50%,#0000 65%) 0 0/250% 100%;animation:2.6s ease-in-out infinite glanz;position:absolute;inset:0}.gold-marke{letter-spacing:1px;color:#ffd23d;z-index:1;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:4px;right:8px}.gold-marke .ico{width:12px;height:12px}.reaktion.sticker img{width:16px;height:16px}.fliegt{z-index:150;pointer-events:none;animation:fliegen .9s var(--raus) forwards;font-family:system-ui,sans-serif;font-size:22px;position:fixed}.fliegt img{width:22px;height:22px;image-rendering:pixelated}@keyframes fliegen{to{opacity:0;transform:translateY(-70px)scale(1.6)}}.tipp-koepfe{gap:3px;display:flex}.tipp-koepfe .huepf{animation:1s ease-in-out infinite huepf}.tipp-koepfe .huepf:nth-child(2){animation-delay:.2s}.tipp-koepfe .huepf:nth-child(3){animation-delay:.4s}@keyframes huepf{0%,60%,to{transform:none}30%{transform:translateY(-4px)}}.emoji-wahl .gitter .sticker-knopf{place-items:center;display:grid}.emoji-wahl .gitter .sticker-knopf img{width:26px;height:26px}.emoji-wahl .gitter .sticker-knopf.gesperrt img{filter:brightness(0)opacity(.4)}.d-banner .bild{animation:welt-rein .7s var(--raus), zoom 30s ease-in-out .7s infinite alternate}@keyframes welt-rein{0%{opacity:0;filter:brightness(1.8);transform:scale(1.25)translate(30px)}}.d-banner .text{animation:rein .5s var(--raus) .15s both}.d-banner .licht{mix-blend-mode:soft-light;pointer-events:none;position:absolute;inset:0}.tz-morgen .licht{background:radial-gradient(120% 90% at 15% 0,#ffaa50bf,#0000 70%)}.tz-tag .licht{background:radial-gradient(120% 90% at 50% 0,#fff5d259,#0000 70%)}.tz-abend .licht{background:radial-gradient(120% 100% at 85% 0,#ff5a32cc,#0000 70%)}.tz-nacht .licht{mix-blend-mode:multiply;background:linear-gradient(#141e5ad9,#0a0f2866)}.tz-nacht .bild{filter:brightness(.6)saturate(.85)}.sterne{pointer-events:none;background-image:radial-gradient(2px 2px at 10% 20%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 30% 10%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 55% 25%,#cfe4ff 50%,#0000 51%),radial-gradient(2px 2px at 75% 12%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 88% 30%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 45% 8%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 20% 35%,#cfe4ff 50%,#0000 51%),radial-gradient(2px 2px at 65% 38%,#fff 50%,#0000 51%);animation:3s ease-in-out infinite funkeln;position:absolute;inset:0}.angeheftet-leiste{background:var(--tafel);box-shadow:var(--kante), inset 3px 0 0 var(--gold);z-index:1;flex:none;align-items:stretch;margin:10px 22px 0;display:flex}.angeheftet-leiste .pin-text{min-width:0;color:var(--grau);text-align:left;flex:1;align-items:center;gap:10px;padding:7px 12px;font-size:13px;display:flex}.angeheftet-leiste .pin-text:hover{background:#ffffff0a}.angeheftet-leiste .pin-text .ico{width:16px;height:16px}.angeheftet-leiste .t b{color:#fff}.angeheftet-leiste small{color:var(--dunkelgrau);white-space:nowrap;font-size:11px}.angeheftet-leiste .alle{color:var(--gold);box-shadow:inset 2px 0 0 var(--linie);padding:0 12px;font-size:12px}.angeheftet-leiste .alle:hover{background:#ffffff0d}.toasts .toast{flex-direction:column;align-items:stretch;padding:8px}.toast-kopf{text-align:left;align-items:center;gap:12px;padding-right:6px;display:flex}.toast-antwort{gap:6px;margin-top:8px;display:flex}.toast-antwort input{background:var(--schatten);border:0;outline:0;flex:1;min-width:0;padding:7px 10px;font-size:13px;box-shadow:inset 2px 2px #0009,0 0 0 2px #000}.toast-antwort input:focus{box-shadow:inset 2px 2px 0 #0009, 0 0 0 2px var(--gold)}.toast-antwort .senden{background:var(--gold);width:32px;height:32px;box-shadow:var(--kante-gold)}.d-seite.hub{max-width:1080px;margin:0 auto}.hub-reiter{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.hub-reiter button{color:var(--grau);box-shadow:var(--kante);transition:transform .12s var(--zurueck);background:#1a2133;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:700;display:flex}.hub-reiter button:hover{color:#fff;transform:translateY(-2px)}.hub-reiter button.an{color:var(--gold-text);background:var(--gold);box-shadow:var(--kante-gold)}.hub-inhalt{animation:rein .35s var(--raus)}.hub-hinweis{color:var(--dunkelgrau);margin:0 0 12px;font-size:13px}.hinweis-klein{color:var(--dunkelgrau);margin:8px 0;font-size:12px}.hinweis-klein b{color:var(--grau)}.filter-zeile{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.filter{box-shadow:var(--kante);color:var(--grau);background:#252b40;padding:6px 12px;font-size:13px}.filter:hover{color:#fff}.filter.an{background:var(--gold);color:var(--gold-text);box-shadow:var(--kante-gold)}.leer-seite{text-align:center;animation:rein .4s var(--raus);flex-direction:column;align-items:center;padding:60px 20px;display:flex}.leer-icon{background:var(--tafel);width:84px;height:84px;box-shadow:var(--kante);flex:none;place-items:center;margin-bottom:16px;animation:3s ease-in-out infinite schweben;display:grid}.leer-icon .ico.gross{width:44px;height:44px}.leer-seite b{margin-bottom:6px;font-size:19px}.leer-seite p{max-width:440px;color:var(--grau);margin:0 0 18px;font-size:14px}.saison-held{box-shadow:var(--kante), 5px 5px 0 2px #0006;background:linear-gradient(90deg, #080a12eb 30%, #080a1266), var(--bild) center / cover;align-items:flex-end;gap:20px;padding:26px 26px 22px;display:flex;position:relative;overflow:hidden}.saison-held .links{flex:1;min-width:0}.saison-held>.links>small{color:var(--gold);letter-spacing:3px;font-size:12px;font-weight:700}.saison-held h2{margin:2px 0 14px;font-size:34px}.saison-held p{color:var(--grau);margin:10px 0 0;font-size:13px}.stufe-gross{align-items:center;gap:16px;max-width:520px;display:flex}.stufe-gross .zahl{color:#0a0f1b;background:linear-gradient(#ffe08a,#ffb933);flex:none;place-items:center;width:72px;height:72px;font-size:34px;font-weight:700;display:grid;box-shadow:inset -4px -4px #b07a12,inset 4px 4px #fff3c4,0 0 0 3px #000,0 0 24px #ffb93380}.stufe-gross .t{white-space:normal;flex:1}.stufe-gross .t small{color:var(--grau);font-size:12px}.saison-held .naechste{box-shadow:var(--kante);text-align:center;background:#00000073;flex-direction:column;flex:none;align-items:center;gap:6px;padding:14px 16px;display:flex;position:relative}.saison-held .naechste small{letter-spacing:1.5px;color:var(--gold);font-size:10px}.saison-held .naechste em{font-size:11px;font-style:normal}.pass{background:var(--tafel);box-shadow:var(--kante);scroll-behavior:smooth;gap:10px;margin-top:14px;padding:30px 14px 16px;display:flex;position:relative;overflow-x:auto}.pass-linie{background:#0a0d16;height:6px;position:absolute;top:59px;left:14px;box-shadow:0 0 0 2px #000}.pass-linie i{background:linear-gradient(90deg,#6abe30,#b6f05a);height:100%;display:block}.pass-stufe{z-index:1;width:64px;transition:transform .15s var(--zurueck);flex-direction:column;flex:none;align-items:center;gap:8px;display:flex;position:relative}.pass-stufe>small{color:var(--dunkelgrau);font-size:11px;font-weight:700;position:absolute;top:-22px}.pass-stufe:hover{transform:translateY(-3px)}.pass-stufe .sk{width:56px;height:56px}.pass-stufe .sk>img{width:30px;height:30px}.pass-stufe:not(.frei):not(.jetzt) .sk{filter:saturate(.35)brightness(.6)}.pass-stufe.frei>small{color:#9be35f}.pass-stufe.jetzt>small{color:var(--gold)}.pass-stufe.jetzt .sk{animation:1.6s ease-in-out infinite jetzt-puls}@keyframes jetzt-puls{50%{box-shadow:inset 2px 2px 0 #ffffff1a, 0 0 0 2px var(--gold), 0 0 0 4px #000, 0 0 22px #ffb933cc}}.pass-stufe.gewaehlt .sk{outline-offset:4px;outline:3px solid #fff}.pass-stufe .haken,.pass-stufe .schloss{z-index:2;background:#0d111c;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:40px;right:-2px;box-shadow:0 0 0 2px #000}.pass-stufe .haken .ico,.pass-stufe .schloss .ico{width:12px;height:12px}.pass-stufe .bonus{z-index:3;position:absolute;top:-8px;left:-8px}.pass-stufe .bonus img{filter:drop-shadow(2px 2px #000);width:24px;height:24px}.pass-detail{background:linear-gradient(90deg, color-mix(in srgb, var(--s) 14%, transparent), var(--tafel) 60%);box-shadow:var(--kante);animation:rein .25s var(--raus);align-items:center;gap:16px;margin-top:10px;padding:14px 16px;display:flex}.pass-detail .t{white-space:normal;flex:1}.pass-detail small{letter-spacing:1.5px;color:var(--dunkelgrau);font-size:10px}.pass-detail b{font-size:18px;display:block}.pass-detail em{color:var(--grau);font-size:12px;font-style:normal}.zwei-karten{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;margin-top:14px;display:grid}.ps-karte{background:var(--tafel);box-shadow:var(--kante);min-width:0;padding:16px 18px}.ps-titel{align-items:center;gap:8px;margin-bottom:14px;display:flex}.ps-titel>img:not(.ico){width:20px;height:20px}.ps-titel b{font-size:16px}.ps-titel small{color:var(--dunkelgrau);text-align:right;margin-left:auto;font-size:11px}.xp-quellen{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.xp-quelle{background:var(--rand);box-shadow:var(--kante);align-items:center;gap:12px;padding:9px 12px;display:flex}.xp-quelle .t{white-space:normal}.xp-quelle b{font-size:13px;font-weight:400;display:block}.xp-quelle small{color:var(--dunkelgrau);font-size:11px;display:block}.xp-quelle em{color:#9be35f;white-space:nowrap;margin-left:auto;font-style:normal;font-weight:700}.konto-karte{background:linear-gradient(135deg, color-mix(in srgb, var(--lv) 12%, var(--tafel)), var(--tafel) 60%)}.konto-karte .stufe-gross{margin-bottom:10px}.spind{grid-template-columns:364px minmax(0,1fr);align-items:start;gap:20px;display:grid}.spind-vorschau{flex-direction:column;gap:10px;display:flex;position:sticky;top:0}.spind-vorschau .ueber{letter-spacing:1.5px;color:var(--dunkelgrau);font-size:10px}.spind-vorschau .profil-karte{animation:none;position:relative}.anprobe-leiste{color:var(--grau);box-shadow:var(--kante), 0 0 0 2px var(--gold);background:#1d2438;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.anprobe-leiste span{flex:1}.anprobe-leiste b{color:#fff}.spind-raster{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.spind-teil{text-align:center;background:var(--tafel);box-shadow:var(--kante);transition:transform .15s var(--zurueck);flex-direction:column;align-items:center;gap:6px;padding:14px 8px 10px;display:flex}.spind-teil:hover{transform:translateY(-3px)}.spind-teil b{margin-top:4px;font-size:13px}.spind-teil small{color:var(--s);font-size:11px;font-weight:700}.spind-teil em{color:var(--dunkelgrau);font-size:11px;font-style:normal;line-height:1.3}.spind-teil.an{box-shadow:var(--kante), 0 0 0 3px var(--gold);background:color-mix(in srgb, var(--gold) 10%, var(--tafel))}.spind-teil.an em{color:var(--gold)}.spind-teil.gesperrt .sk{filter:saturate(.4)brightness(.65)}.spind-teil.gesperrt b{color:var(--grau)}.spind-teil.probe{box-shadow:var(--kante), 0 0 0 3px #fff}.vitrine-gross{background:linear-gradient(135deg, #ffb9331f, var(--tafel) 60%);box-shadow:var(--kante), 5px 5px 0 2px #0006;flex-wrap:wrap;align-items:center;gap:24px;padding:18px 20px;display:flex}.vitrine-gross .t{white-space:normal;flex:1;min-width:200px}.vitrine-gross b{font-size:20px}.vitrine-gross p{color:var(--grau);margin:4px 0 0;font-size:13px}.vitrine-gross .plaetze{gap:8px;display:flex}.abz-raster{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.abz-eintrag{background:var(--tafel);box-shadow:var(--kante), inset 3px 0 0 var(--s);align-items:center;gap:16px;padding:14px;display:flex}.abz-eintrag .t{white-space:normal}.abz-eintrag b{font-size:15px;display:block}.abz-eintrag small{letter-spacing:.5px;font-size:11px;font-weight:700;display:block}.abz-eintrag p{color:var(--grau);margin:3px 0;font-size:12px}.abz-eintrag em{color:var(--dunkelgrau);font-size:11px;font-style:normal}.abz-eintrag .knopf{margin-top:8px}.abz-eintrag.fehlt{box-shadow:var(--kante), inset 3px 0 0 #2a3047}.abz-eintrag.fehlt b{color:var(--grau)}.ziel-held{box-shadow:var(--kante), 5px 5px 0 2px #0006;background:linear-gradient(#080a12bf, #080a12e6), var(--bild) center / cover;padding:24px 26px;position:relative;overflow:hidden}.ziel-held>small{color:#9be35f;letter-spacing:3px;font-size:12px;font-weight:700}.ziel-held h2{margin:4px 0 8px;font-size:30px}.ziel-held.geschafft{box-shadow:var(--kante), 0 0 0 3px #9be35f, 0 0 30px #9be35f66}.ziel-zahl{color:var(--grau);font-size:15px}.ziel-zahl b{color:#fff;font-size:32px}.ziel-balken{background:#0a0d16;height:18px;margin:16px 0 26px;position:relative;box-shadow:0 0 0 3px #000}.ziel-balken>i{height:100%;transition:width 1s var(--raus);background:linear-gradient(90deg,#6abe30,#b6f05a);display:block;box-shadow:inset 0 -4px #00000040,0 0 16px #8ce64699}.ziel-balken.klein{height:10px;margin:10px 0 8px;box-shadow:0 0 0 2px #000}.ziel-balken .marke{position:absolute;top:50%;transform:translate(-50%,-50%)}.ziel-balken .marke .sk{width:34px;height:34px}.ziel-balken .marke .sk>img{width:20px;height:20px}.ziel-balken .marke:not(.erreicht) .sk{filter:saturate(.3)brightness(.6)}.ziel-unten{color:var(--grau);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;display:flex}.ziel-unten>span{align-items:center;gap:6px;display:flex}.ziel-unten b{color:#fff}.ziel-belohnung{background:var(--tafel);box-shadow:var(--kante);margin-top:12px;padding:16px 18px}.ziel-belohnung>b{letter-spacing:1.5px;color:var(--dunkelgrau);font-size:10px}.ziel-belohnung .reihe{flex-wrap:wrap;gap:22px;margin:12px 0 8px;display:flex}.ziel-belohnung .ding{align-items:center;gap:12px;display:flex}.ziel-belohnung .ding b{font-size:14px;display:block}.ziel-belohnung .ding small{color:var(--grau);font-size:11px}.ziel-belohnung p{color:var(--dunkelgrau);margin:0;font-size:12px}.xp-kachel{text-align:center;color:#b6f05a;background:radial-gradient(circle,#6abe304d,#10141f 75%);flex:none;place-content:center;width:64px;height:64px;font-size:18px;font-weight:700;line-height:1;display:grid;box-shadow:inset 2px 2px #ffffff1a,0 0 0 2px #6abe30,0 0 0 4px #000}.xp-kachel small{font-size:10px}.team-zeile{color:var(--grau);background:var(--rand);box-shadow:var(--kante);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;font-size:13px;display:flex}.ziel-form{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 14px;display:grid}.ziel-liste{flex-direction:column;gap:6px;display:flex}.ziel-zeile{background:var(--tafel);box-shadow:var(--kante);align-items:center;gap:12px;padding:10px 12px;display:flex}.ziel-zeile .t{white-space:normal}.ziel-zeile b{font-size:14px;display:block}.ziel-zeile small{color:var(--dunkelgrau);font-size:12px}.ziel-zeile em{color:#9be35f;white-space:nowrap;margin-left:auto;font-size:12px;font-style:normal}.erfolg-gesamt{background:var(--tafel);box-shadow:var(--kante);color:var(--grau);align-items:center;gap:14px;padding:12px 14px;font-size:13px;display:flex}.erfolg-gesamt .balken{flex:1}.erfolg-zeile{background:var(--tafel);box-shadow:var(--kante);align-items:center;gap:12px;margin-bottom:6px;padding:9px 12px;display:flex}.erfolg-zeile .t{white-space:normal}.erfolg-zeile b{font-size:14px;display:block}.erfolg-zeile small{color:var(--dunkelgrau);font-size:12px}.erfolg-zeile:not(.fertig)>.ico{filter:grayscale()opacity(.5)}.erfolg-zeile .fortschritt{text-align:right;flex:none;width:140px}.erfolg-zeile .fortschritt small{margin-bottom:4px;display:block}.moment{z-index:110;background:radial-gradient(circle at 50% 40%,#282006eb,#03050af5 62%);place-items:center;padding:16px;animation:.25s einblenden;display:grid;position:fixed;inset:0;overflow-y:auto}.moment.ansicht{background:#03050ac7}.moment-abzeichen{background:radial-gradient(circle at 50% 42%,#280a28e6,#03050af5 60%)}.moment-ziel{background:radial-gradient(circle at 50% 40%,#10280aeb,#03050af5 62%)}.moment .inhalt{text-align:center;flex-direction:column;align-items:center;max-width:520px;display:flex;position:relative}.moment .oben{color:#fff;letter-spacing:6px;animation:rein .5s var(--raus) both;font-size:13px;font-weight:700}.stufe-zahl{place-items:center;width:300px;height:220px;display:grid;position:relative}.strahlen{pointer-events:none;background:repeating-conic-gradient(color-mix(in srgb, var(--s,#ffb933) 30%, transparent) 0 10deg, transparent 10deg 30deg);width:560px;height:560px;margin:-280px 0 0 -280px;animation:12s linear infinite drehen;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 15%,#0000 60%);mask:radial-gradient(circle,#000 15%,#0000 60%)}@keyframes drehen{to{transform:rotate(360deg)}}.ring{width:140px;height:140px;box-shadow:0 0 0 3px var(--s,#ffd23d);animation:ring 1s var(--raus) .55s both;pointer-events:none;margin:-70px 0 0 -70px;position:absolute;top:50%;left:50%}@keyframes ring{0%{opacity:1;transform:scale(.4)rotate(45deg)}to{opacity:0;transform:scale(2.6)rotate(45deg)}}.stufe-zahl>span{grid-area:1/1;font-size:120px;font-weight:700;line-height:1}.stufe-zahl .alt{color:#8a93a8;animation:zahl-weg .5s var(--raus) .25s both}.stufe-zahl .neu{color:#ffd23d;text-shadow:6px 6px #6b4a08,0 0 40px #ffc43dcc;animation:.7s cubic-bezier(.2,1.6,.4,1) .55s both zahl-rein}@keyframes zahl-weg{to{opacity:0;transform:translateY(-60px)}}@keyframes zahl-rein{0%{opacity:0;transform:scale(.2)}}.rang-moment .stufe-zahl .neu{color:var(--s);text-shadow:6px 6px 0 #0009, 0 0 40px color-mix(in srgb, var(--s) 70%, transparent)}.stufe-zahl .schwert{animation:.8s cubic-bezier(.2,1.6,.4,1) .7s both schwert-rein;transform:translate(-120px,10px)rotate(-20deg)}.stufe-zahl .schwert img{filter:drop-shadow(4px 4px #0009);width:110px;height:110px}@keyframes schwert-rein{0%{opacity:0;transform:translate(-260px,60px)rotate(-200deg)}}.rang-name{color:var(--s);letter-spacing:6px;text-shadow:5px 5px 0 #0009, 0 0 30px color-mix(in srgb, var(--s) 60%, transparent);margin:0;font-size:46px;animation:.6s cubic-bezier(.2,1.6,.4,1) 1s both zahl-rein}.moment .inhalt>p{color:#d7dbe6;animation:rein .5s var(--raus) .9s both;margin:6px 0 0}.moment .inhalt>p.leise{color:var(--dunkelgrau);font-size:12px}.saison-name{color:var(--gold);letter-spacing:3px;animation:rein .5s var(--raus) .8s both;font-size:11px;font-weight:700}.moment .belohnung{text-align:left;box-shadow:var(--kante), 0 0 0 2px var(--s), 0 0 30px color-mix(in srgb, var(--s) 40%, transparent);animation:pop .5s var(--zurueck) 1s both;background:#00000073;align-items:center;gap:14px;margin-top:14px;padding:12px 18px;display:flex}.moment .belohnung small{letter-spacing:2px;color:var(--dunkelgrau);font-size:10px}.moment .belohnung b{font-size:21px;display:block}.moment .belohnung em{font-size:12px;font-style:normal}.moment .knoepfe{animation:rein .5s var(--raus) 1.15s both;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.abz-buehne{background:radial-gradient(circle, color-mix(in srgb, var(--s) 35%, transparent), transparent 65%);place-items:center;height:170px;margin:0 -22px 6px;display:grid;position:relative;overflow:hidden}.abz-buehne .strahlen{width:420px;height:420px;margin:-210px 0 0 -210px}.abz-buehne img.riesig{width:96px;height:96px;filter:drop-shadow(4px 4px 0 #0009) drop-shadow(0 0 18px color-mix(in srgb, var(--s) 70%, transparent));animation:3s ease-in-out infinite schweben;position:relative}.abz-buehne.gross{background:radial-gradient(circle, color-mix(in srgb, var(--s) 45%, transparent), transparent 62%);width:360px;height:250px;margin:6px 0;overflow:visible}.abz-buehne.gross .strahlen{width:620px;height:620px;margin:-310px 0 0 -310px}.abz-buehne.gross img.riesig{width:144px;height:144px;animation:.9s cubic-bezier(.2,1.6,.4,1) .2s both auftauchen,3s ease-in-out 1.1s infinite schweben}.abz-buehne.gross .ring{width:150px;height:150px;margin:-75px 0 0 -75px}@keyframes auftauchen{0%{opacity:0;transform:scale(0)rotate(-200deg)}}.seltenheit{color:var(--s);letter-spacing:3px;animation:rein .5s var(--raus) .6s both;font-size:12px;font-weight:700}.seltenheit.s-einzigartig{background:linear-gradient(90deg,#ff7ad9,#7ad7ff,#ffe17a,#ff7ad9) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite verlauf}.moment-abzeichen h2{text-shadow:0 0 30px color-mix(in srgb, var(--s) 60%, transparent);animation:rein .5s var(--raus) .7s both;margin:2px 0 6px;font-size:40px}.ziel-moment h1{color:#b6f05a;text-shadow:5px 5px #2b4d12,0 0 40px #9be35f99;margin:6px 0;font-size:54px;animation:.7s cubic-bezier(.2,1.6,.4,1) .2s both zahl-rein}.ziel-moment>p{font-size:16px;margin:0 0 18px!important}.koepfe-reihe{flex-wrap:wrap;justify-content:center;gap:6px;margin:4px 0 20px;display:flex}.koepfe-reihe span{animation:.5s cubic-bezier(.2,1.6,.4,1) both huepf-rein}@keyframes huepf-rein{0%{opacity:0;transform:translateY(30px)scale(.3)}}.belohnungen{animation:pop .5s var(--zurueck) 1.1s both;gap:28px;display:flex}.belohnungen .ding{flex-direction:column;align-items:center;gap:8px;font-size:13px;display:flex}.abz-karte{text-align:center;width:min(340px,100%);box-shadow:0 0 0 2px #000, 0 0 0 4px var(--s), 0 0 60px color-mix(in srgb, var(--s) 40%, transparent), 10px 10px 0 4px #0000008c;animation:pop .35s var(--zurueck);background:#0d111c;padding:0 22px 20px;overflow:hidden}.abz-karte h3{margin:4px 0 6px;font-size:24px}.abz-karte p{color:var(--grau);margin:0 0 12px;font-size:14px}.abz-infos{color:var(--grau);text-align:left;flex-direction:column;gap:6px;margin-bottom:16px;font-size:12px;display:flex}.abz-infos span{box-shadow:var(--kante);background:#0000004d;align-items:center;gap:8px;padding:6px 10px;display:flex}.abz-infos .ico{width:16px;height:16px}.abz-infos .weg{color:#ffb4b4}.erfolg-leise{z-index:125;max-width:calc(100% - 32px);color:var(--grau);background:var(--tafel);box-shadow:var(--kante), 6px 6px 0 2px #00000073;animation:leise-rein .35s var(--raus);align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.erfolg-leise small{color:var(--dunkelgrau);text-transform:uppercase;letter-spacing:1px;font-size:10px}.erfolg-leise b{color:#fff}.erfolg-leise em{color:var(--gold);white-space:nowrap;margin-left:6px;font-style:normal}@keyframes leise-rein{0%{opacity:0;transform:translate(-50%,12px)}}.gold-hinweis,.level-hinweis{z-index:125;pointer-events:none;align-items:center;gap:12px;padding:12px 18px;animation:.5s cubic-bezier(.2,1.6,.4,1) oben-rein;display:flex;position:fixed;top:76px;left:50%;transform:translate(-50%)}.gold-hinweis{background:linear-gradient(135deg,#4a3608,#1d1606);box-shadow:0 0 0 2px #000,0 0 0 4px #ffd23d,0 0 40px #ffc43d80,6px 6px 0 4px #00000080}.gold-hinweis .ico.gross{width:36px;height:36px}.gold-hinweis b{color:#ffd23d;font-size:18px;display:block}.gold-hinweis small{color:#f3e2b0;font-size:12px}.level-hinweis{background:linear-gradient(135deg, color-mix(in srgb, var(--lv) 25%, #0d111c), #0d111c);box-shadow:0 0 0 2px #000, 0 0 0 4px var(--lv), 0 0 40px color-mix(in srgb, var(--lv) 45%, transparent), 6px 6px 0 4px #00000080}.level-hinweis img{width:36px;height:36px;animation:.7s cubic-bezier(.2,1.6,.4,1) auftauchen}.level-hinweis small{letter-spacing:2px;color:var(--lv);font-size:10px;display:block}.level-hinweis b{font-size:22px;display:block}@keyframes oben-rein{0%{opacity:0;transform:translate(-50%,-30px)scale(.7)}}.fuer-eintrag{background:var(--tafel);box-shadow:var(--kante);cursor:pointer;transition:transform .15s var(--zurueck), background .1s;animation:rein .3s var(--raus) both;align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex;position:relative}.fuer-eintrag:hover{background:var(--tafel-hell);transform:translate(3px)}.fuer-eintrag.neu{box-shadow:var(--kante), inset 3px 0 0 var(--gold)}.fuer-eintrag .art{z-index:2;background:#0d111c;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:38px;left:40px;box-shadow:0 0 0 2px #000}.fuer-eintrag .art .ico{width:14px;height:14px}.fuer-eintrag .t{white-space:normal;flex:1;min-width:0}.kopfzeile-klein{color:var(--grau);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.kopfzeile-klein b{font-size:14px}.kopfzeile-klein .wo{color:var(--gold)}.kopfzeile-klein small{color:var(--dunkelgrau);margin-left:auto;font-size:11px}.zitat-klein{color:var(--dunkelgrau);box-shadow:inset 2px 0 0 var(--gold);background:#0000004d;margin:4px 0;padding:2px 8px;font-size:12px}.fuer-eintrag .text{font-family:var(--text-schrift);color:#e8ebf2;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:4px;font-size:14px;display:-webkit-box;overflow:hidden}.fuer-eintrag p{margin:4px 0 0;font-size:14px}.reakt-zeile .emoji{font-family:system-ui,sans-serif;font-size:20px}.knoepfe-klein{gap:6px;margin-top:8px;display:flex}.neu-punkt{background:var(--gold);width:10px;height:10px;box-shadow:0 0 0 2px #000, 0 0 8px var(--gold);flex:none;margin-top:6px;animation:1.8s infinite puls}.hilfe-held{background:linear-gradient(135deg, color-mix(in srgb, var(--blau) 14%, var(--tafel)), var(--tafel) 60%);box-shadow:var(--kante), 5px 5px 0 2px #0006;align-items:center;gap:18px;padding:18px 20px;display:flex}.hilfe-held .leer-icon{width:64px;height:64px;margin:0}.hilfe-held .leer-icon .ico.gross{width:36px;height:36px}.hilfe-held .t{white-space:normal}.hilfe-held h2{margin:0 0 4px;font-size:24px}.hilfe-held p{color:var(--grau);margin:0;font-size:14px}.hilfe-suche{background:var(--schatten);align-items:center;gap:10px;height:46px;margin:14px 0 10px;padding:0 14px;display:flex;box-shadow:inset 2px 2px #0009,0 0 0 2px #000}.hilfe-suche:focus-within{box-shadow:inset 2px 2px 0 #0009, 0 0 0 2px var(--gold)}.hilfe-suche input{background:0 0;border:0;outline:0;flex:1;font-size:16px}.hilfe-schnell{gap:8px;display:flex}.hilfe-eintrag{background:var(--tafel);box-shadow:var(--kante);margin-bottom:6px}.hilfe-eintrag .frage{text-align:left;align-items:center;gap:10px;width:100%;padding:11px 14px;font-size:15px;display:flex}.hilfe-eintrag .frage:hover{background:#ffffff0a}.hilfe-eintrag .pfeil{opacity:.6;width:14px;height:14px;transition:transform .2s var(--raus)}.hilfe-eintrag.offen{box-shadow:var(--kante), inset 3px 0 0 var(--gold)}.hilfe-eintrag.offen .pfeil{transform:rotate(180deg)}.hilfe-eintrag .antwort{animation:rein .25s var(--raus);padding:0 14px 14px}.hilfe-eintrag .antwort p{color:var(--grau);font-family:var(--text-schrift);margin:0 0 10px;font-size:14px;line-height:1.5}.tour-schicht{z-index:200;position:fixed;inset:0}.tour-schicht.nur-zeiger{cursor:pointer}.tour-loch{pointer-events:none;box-shadow:0 0 0 9999px #020408b8, 0 0 0 3px var(--gold), 0 0 24px #e0a52680;transition:all .35s var(--raus);position:fixed}.tour-loch.leer{width:0;height:0;top:50%;left:50%}.nur-zeiger .tour-loch{box-shadow:0 0 0 9999px #02040880, 0 0 0 3px var(--gold), 0 0 24px #e0a52699;animation:1.2s ease-in-out infinite zeiger}@keyframes zeiger{50%{box-shadow:0 0 0 9999px #02040880, 0 0 0 6px var(--gold), 0 0 34px #e0a526cc}}.tour-karte{background:var(--tafel);width:320px;box-shadow:var(--kante), 0 0 0 4px var(--gold), 8px 8px 0 4px #00000080;animation:pop .3s var(--zurueck);transition:left .35s var(--raus), top .35s var(--raus);cursor:default;padding:16px 18px;position:fixed}.tour-karte small{color:var(--gold);letter-spacing:1.5px;font-size:11px}.tour-karte b{margin:4px 0 6px;font-size:20px;display:block}.tour-karte p{color:var(--grau);margin:0 0 14px;font-size:14px}.tour-punkte{gap:6px;margin-bottom:12px;display:flex}.tour-punkte span{background:#2e3550;width:18px;height:6px}.tour-punkte span.an{background:var(--gold)}.tour-knoepfe{justify-content:space-between;align-items:center;display:flex}.profilseite{flex-direction:column;gap:14px;max-width:1060px;margin:0 auto;padding:0 22px 40px;display:flex}.ps-held{height:280px;margin:0 -22px;position:relative;overflow:hidden}.ps-held .bild{animation:welt-rein .8s var(--raus), zoom 30s ease-in-out .8s infinite alternate;background-position:50%;background-size:cover;position:absolute;inset:0}.ps-held canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ps-held:after{content:"";background:linear-gradient(transparent 30%, color-mix(in srgb, var(--nacht) 60%, transparent) 65%, var(--nacht)), linear-gradient(110deg, color-mix(in srgb, var(--ak) 30%, transparent), transparent 55%);pointer-events:none;position:absolute;inset:0}.ps-kopfzeile{z-index:2;align-items:flex-end;gap:24px;display:flex;position:absolute;bottom:18px;left:34px;right:34px}.ps-kopfzeile>.kopf-huelle{animation:pop .5s var(--zurueck) .15s both}.ps-name{min-width:0;animation:rein .5s var(--raus) .25s both;flex:1}.ps-name .pk-blase{margin-bottom:8px;display:inline-block}.ps-name h1{text-overflow:ellipsis;margin:0;font-size:46px;line-height:1.05;overflow:hidden}.ps-name h1 .nm:not(.verlauf){text-shadow:4px 4px #0000008c}.ps-name h1 .nm.verlauf{filter:drop-shadow(4px 4px #0000008c)}.ps-zeile{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.ps-zeile .handle{color:var(--grau);font-size:14px}.ps-knoepfe{animation:rein .5s var(--raus) .35s both;flex:none;gap:8px;display:flex}.knopf.freund-ja{color:#ff8fbf}.ps-level{background:linear-gradient(100deg, color-mix(in srgb, var(--lv) 16%, var(--tafel)), var(--tafel) 55%);box-shadow:var(--kante), 5px 5px 0 2px #0006;flex-wrap:wrap;align-items:center;gap:22px;padding:18px 22px;display:flex}.ps-level .emblem{background:radial-gradient(circle, color-mix(in srgb, var(--lv) 35%, transparent), #0d111c 70%);width:92px;height:92px;box-shadow:inset 3px 3px 0 #ffffff1a, inset -3px -3px 0 #00000080, 0 0 0 3px var(--lv), 0 0 0 5px #000, 0 0 24px color-mix(in srgb, var(--lv) 45%, transparent);flex:none;place-items:center;display:grid;position:relative}.ps-level .emblem img{filter:drop-shadow(3px 3px #0009);width:60px;height:60px;animation:3s ease-in-out infinite schweben}.ps-level .emblem b{color:#0a0f1b;background:var(--lv);place-items:center;min-width:34px;height:26px;padding:0 6px;font-size:16px;display:grid;position:absolute;bottom:-10px;right:-10px;box-shadow:inset -2px -2px #0000004d,0 0 0 2px #000}.ps-level .t{white-space:normal;flex:1;min-width:200px}.ps-level .t small{letter-spacing:2px;color:var(--lv);font-size:11px;font-weight:700}.ps-level .t>b{font-size:28px;display:block}.ps-level .unter{color:var(--grau);font-size:12px}.leiter{gap:6px;display:flex}.sprosse{background:#0d111c;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:38px;height:46px;display:flex;position:relative;box-shadow:0 0 0 2px #2a3047,0 0 0 4px #000}.sprosse img{filter:brightness(0)opacity(.5);width:22px;height:22px}.sprosse small{color:var(--dunkelgrau);font-size:9px}.sprosse.erreicht{box-shadow:0 0 0 2px var(--lv), 0 0 0 4px #000}.sprosse.erreicht img{filter:drop-shadow(1px 1px #0009)}.sprosse.jetzt{box-shadow:0 0 0 2px var(--lv), 0 0 0 4px #000, 0 0 14px color-mix(in srgb, var(--lv) 60%, transparent);transform:translateY(-4px)}.naechster{color:var(--grau);width:190px;font-size:12px;line-height:1.5}.naechster small{color:var(--dunkelgrau)}.ps-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stat{background:var(--tafel);box-shadow:var(--kante);padding:14px 16px;position:relative;overflow:hidden}.stat-icon{opacity:.85;position:absolute;top:10px;right:10px}.stat>b{font-variant-numeric:tabular-nums;font-size:30px;line-height:1.1;display:block}.stat .label{color:var(--grau);margin-top:2px;font-size:12px;display:block}.stat small{color:var(--dunkelgrau);margin-top:6px;font-size:11px;display:block}.ps-zwei{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;display:grid}.hm{gap:6px;display:flex}.hm-tage{color:var(--dunkelgrau);grid-template-rows:repeat(7,13px);gap:3px;font-size:9px;display:grid}.hm-tage span{line-height:13px}.hm-raster{flex:1;justify-content:flex-end;gap:3px;min-width:0;display:flex;overflow:hidden}.hm-spalte{grid-template-rows:repeat(7,13px);gap:3px;display:grid}.hm-spalte i{width:13px;height:13px;transition:transform .1s;display:block;box-shadow:inset 0 0 0 1px #00000059}.hm-spalte i:hover{z-index:1;position:relative;transform:scale(1.35);box-shadow:0 0 0 2px #fff}.hm-spalte i.leer{box-shadow:none;background:0 0}.hm-fuss{color:var(--grau);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:11px;display:flex}.hm-legende{color:var(--dunkelgrau);align-items:center;gap:3px;display:flex}.hm-legende i{width:11px;height:11px;display:inline-block}.ps-saison{align-items:center;gap:14px;display:flex}.ps-saison .zahl{color:#0a0f1b;background:linear-gradient(#ffe08a,#ffb933);flex:none;place-items:center;width:54px;height:54px;font-size:24px;font-weight:700;display:grid;box-shadow:inset -3px -3px #b07a12,0 0 0 2px #000}.ps-saison .t{white-space:normal;flex:1;min-width:0}.ps-saison .t small{color:var(--grau);font-size:12px;display:block}.ps-angelegt{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.ps-vitrine{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.pk-platz.gross{width:120px}.ps-rest{flex-wrap:wrap;gap:10px;margin-left:auto;display:flex}.wand-eingabe{background:var(--schatten);box-shadow:var(--kante);align-items:center;gap:8px;padding:6px;display:flex}.wand-eingabe input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.wand-eingabe .senden{background:var(--gold);box-shadow:var(--kante-gold)}.wand{flex-direction:column;gap:8px;margin-top:10px;display:flex}.notiz{background:var(--tafel-hell);box-shadow:var(--kante);animation:rein .3s var(--raus);gap:10px;padding:10px;display:flex;position:relative}.notiz:nth-child(odd){transform:rotate(-.4deg)}.notiz .t{white-space:normal;flex:1;min-width:0}.notiz b{font-size:13px}.notiz small{color:var(--dunkelgrau);margin-left:8px;font-size:11px}.notiz p{color:#e8ebf2;font-size:13px;font-family:var(--text-schrift);overflow-wrap:anywhere;margin:3px 0 0}.notiz .weg{opacity:0;flex:none;place-items:center;width:24px;height:24px;transition:opacity .12s;display:grid}.notiz:hover .weg{opacity:.8}.notiz .weg .ico{width:12px;height:12px}.meilensteine{flex-direction:column;gap:10px;padding-left:6px;display:flex;position:relative}.meilensteine:before{content:"";background:#2a3047;width:2px;position:absolute;top:8px;bottom:8px;left:20px}.meilenstein{align-items:center;gap:12px;display:flex;position:relative}.meilenstein>.ico{box-sizing:content-box;z-index:1;background:#0d111c;width:22px;height:22px;padding:4px;box-shadow:0 0 0 2px #2a3047}.meilenstein .t{white-space:normal}.meilenstein b{font-size:13px;font-weight:400;display:block}.meilenstein small{color:var(--dunkelgrau);font-size:11px}.mc-karte{box-shadow:var(--kante);background:linear-gradient(90deg,#6abe301f,#0000);align-items:center;gap:10px;margin-top:14px;padding:10px 12px;display:flex}.mc-karte .t{white-space:normal}.mc-karte b{font-size:13px;display:block}.mc-karte small{color:var(--grau);font-size:11px}.mini-koepfe{flex-wrap:wrap;gap:6px;display:flex}.uebersicht-saison .ps-saison .t b{font-size:15px}.konto-zeile{color:var(--dunkelgrau);align-items:center;gap:8px;margin-top:14px;font-size:11px;display:flex}.konto-zeile .xp-balken{flex:1;margin:0}.ziel-titel{font-size:15px;display:block}.spind-link{place-items:center;display:grid;background:color-mix(in srgb, var(--gold) 14%, var(--hell))!important}@media (max-width:1200px){.ps-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.spind{grid-template-columns:1fr}.spind-vorschau{max-width:380px;position:relative}}@media (max-width:960px){.ps-zwei,.zwei-karten{grid-template-columns:1fr}.leiter{flex-wrap:wrap}}@media (max-width:720px){.ps-held{height:240px}.ps-kopfzeile{flex-wrap:wrap;gap:12px;left:14px;right:14px}.ps-name h1{font-size:30px}.saison-held{flex-direction:column;align-items:stretch}.profil-karte.pk{width:auto}.status-wahl{width:auto;left:0;right:0}}