:root{--grund: #16130f;--grund-tief: #100e0b;--flaeche: #1d1915;--flaeche-hell: #262019;--linie: #332b22;--linie-hell: #453a2d;--text: #ece5da;--text-matt: #9d9287;--text-still: #6d645a;--text-schwach: #6d645a;--akzent: #e8552e;--akzent-matt: #a83c1e;--akzent-tief: rgba(232, 85, 46, .16);--warnung: #d94f4f;--gut: #8fb339;--signal: #dff1ff;--signal-glut: rgba(223, 241, 255, .55);--signal-tief: rgba(223, 241, 255, .09);--schrift: "Inter", "Segoe UI", system-ui, sans-serif;--schrift-eng: "Archivo", "Inter", system-ui, sans-serif;--schrift-fest: "JetBrains Mono", "Consolas", ui-monospace, monospace;--neon: #ef4444;--neon-glut: rgba(239, 68, 68, .55);--neon-tief: rgba(239, 68, 68, .14);--neon-rand: rgba(239, 68, 68, .38);--riss-rot: rgba(255, 40, 40, .55);--riss-cyan: rgba(40, 210, 255, .5);--glas: linear-gradient(157deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .02) 44%, rgba(0, 0, 0, .14));--glanz: linear-gradient(180deg, rgba(255, 255, 255, .11) 0, rgba(255, 255, 255, .03) 2px, transparent 5px);--glas-rand: rgba(255, 255, 255, .1);--glas-rand-hell: rgba(255, 255, 255, .22);--glas-kante: inset 0 1px 0 rgba(255, 255, 255, .1);--glas-tief: 0 1px 2px rgba(0, 0, 0, .45), 0 8px 20px -14px rgba(0, 0, 0, .9);--glas-hoch: 0 2px 4px rgba(0, 0, 0, .5), 0 14px 30px -16px rgba(0, 0, 0, 1);--rundung: 11px;--rundung-klein: 7px;--ebene-1: inset 0 1px 0 rgba(255, 255, 255, .045), 0 1px 2px rgba(0, 0, 0, .32);--ebene-2: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 2px rgba(0, 0, 0, .45), 0 8px 20px -14px rgba(0, 0, 0, .9);--ebene-3: inset 0 1px 0 rgba(255, 255, 255, .15), 0 2px 6px rgba(0, 0, 0, .55), 0 22px 52px -18px rgba(0, 0, 0, 1);--rauschen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23r)' opacity='0.5'/%3E%3C/svg%3E");--zeilen: repeating-linear-gradient(180deg, rgba(223, 241, 255, .022) 0 1px, transparent 1px 3px);--takt: .19s;--takt-lang: .42s;--kurve: cubic-bezier(.22, 1, .36, 1);--kurve-schnapp: cubic-bezier(.34, 1.4, .5, 1);--kopf-eigen: 50px;--leiste-hoehe: 0px;--kopf-hoehe: var(--kopf-eigen)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}body[data-leiste]{--leiste-hoehe: 34px;--kopf-hoehe: calc(var(--kopf-eigen) + var(--leiste-hoehe))}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background-color:var(--grund);color:var(--text);font-family:var(--schrift);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;background-color:var(--grund);background-image:radial-gradient(120% 80% at 50% -10%,rgba(232,85,46,.07),transparent 60%),var(--glut, none);background-size:cover;background-position:center;opacity:.3;pointer-events:none}body:after{content:"";position:fixed;inset:0;z-index:-1;background-image:var(--rauschen),linear-gradient(180deg,#10130f8c,#0a0907cc);background-size:160px 160px,auto;background-blend-mode:overlay,normal;pointer-events:none}html:after{content:"";position:fixed;inset:0;z-index:-1;background:var(--wasserzeichen, none) no-repeat 50% 60% / min(78vh,760px);opacity:.1;pointer-events:none}.signatur{position:fixed;right:12px;bottom:8px;z-index:1;font-family:var(--schrift-fest);font-size:10px;letter-spacing:.14em;color:var(--text-still);opacity:.7;pointer-events:none}a{color:var(--akzent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--schrift-eng);font-weight:700;margin:0}h1{font-size:clamp(28px,3vw,44px);line-height:1.05;letter-spacing:-.035em}h2{font-size:clamp(18px,1.7vw,24px);line-height:1.15;letter-spacing:-.025em}h3{font-size:15px;letter-spacing:-.015em}code,.fest{font-family:var(--schrift-fest);font-size:.92em}.kopf{height:var(--kopf-eigen);display:flex;align-items:center;gap:22px;padding:0 16px;border-bottom:1px solid var(--linie);background:#100e0bd1;backdrop-filter:blur(14px) saturate(1.2);position:sticky;top:0;z-index:20}.marke{display:flex;align-items:center;gap:9px;font-family:var(--schrift-eng);font-weight:800;font-size:16px;letter-spacing:.02em;color:var(--text);flex:0 0 auto}.marke img{display:block;width:auto;height:40px}.marke:hover{text-decoration:none}.kopf nav{display:flex;gap:16px}.kopf nav a{color:var(--text-matt);font-size:13px;padding:2px 0;border-bottom:2px solid transparent}.kopf nav a:hover{color:var(--text);text-decoration:none}.kopf nav a[aria-current]{color:var(--text);border-bottom-color:var(--akzent)}.kopf nav a,.unterleiste a{transition:color var(--takt) var(--kurve),border-color var(--takt) var(--kurve)}.kopf .rechts{margin-left:auto;color:var(--text-still);font-size:12px;display:flex;align-items:center;gap:14px}.kopf .wer,.kopf .gilde{color:var(--text-matt);border-left:1px solid var(--linie-hell);padding-left:14px;transition:color var(--takt) var(--kurve);white-space:nowrap}.kopf a.wer:hover,.kopf a.gilde:hover{color:var(--text);text-decoration:none}.kopf .gilde span{color:var(--akzent)}@media(max-width:620px){.kopf{gap:12px}.kopf nav{gap:10px}.kopf .rechts>:not(.gilde):not(.wer){display:none}}.unterleiste{height:var(--leiste-hoehe);display:flex;align-items:center;gap:16px;padding:0 16px;border-bottom:1px solid var(--linie);background:var(--grund);position:sticky;top:var(--kopf-eigen);z-index:19}.unterleiste a{color:var(--text-still);font-size:12.5px;padding:2px 0;border-bottom:2px solid transparent}.unterleiste a:hover{color:var(--text);text-decoration:none}.unterleiste a[aria-current]{color:var(--text);border-bottom-color:var(--akzent)}.blatt{width:100%;max-width:2040px;margin-inline:auto}.spalten{display:grid;height:calc(100vh - var(--kopf-hoehe))}@property --regal-breite{syntax: "<length>"; inherits: true; initial-value: 300px;}.buehne{--regal-breite: clamp(248px, 17vw, 340px);--konsole-hoehe: 50%;position:relative;display:flex;flex-direction:column;height:calc(100vh - var(--kopf-hoehe))}.arbeit{display:grid;grid-template-columns:var(--regal-breite) minmax(320px,1fr);flex:1;min-height:0;transition:--regal-breite var(--takt-lang) var(--kurve)}.werkbank .buehne{border-inline:1px solid var(--linie)}@media(min-width:2041px){.blatt{border-inline:1px solid var(--linie)}.kopf,.unterleiste{padding-inline:max(16px,calc((100vw - 2040px)/2 + 16px))}}.buehne .regal,.buehne .bahn{transition:filter var(--takt-lang) var(--kurve),opacity var(--takt-lang) var(--kurve)}.buehne[data-berater=denkt] .regal,.buehne[data-berater=denkt] .bahn{filter:saturate(.5) brightness(.68)}.bahn[data-umbau] #liste-schritte>*{animation:einrasten .46s var(--kurve-schnapp) both;animation-delay:calc(var(--nr, 0) * 55ms)}.spalte.regal{display:flex;flex-direction:column}.spalte.regal #liste-zauber{flex:1;overflow-y:auto}.schubgriff{display:none}.verdunkler{position:fixed;inset:0;z-index:25;background:#08070599;backdrop-filter:blur(2px);animation:einblenden var(--takt) var(--kurve) both}@keyframes einblenden{0%{opacity:0}to{opacity:1}}@media(max-width:940px){.arbeit{grid-template-columns:minmax(0,1fr)}#knopf-regal{display:inline-block;margin-right:8px}.spalte.regal{position:fixed;top:var(--kopf-hoehe);left:0;bottom:0;width:min(330px,88vw);z-index:30;transform:translate(-101%);background:var(--grund-tief);border-right:1px solid var(--linie);box-shadow:24px 0 60px -24px #000000f2;backdrop-filter:blur(16px);transition:transform var(--takt-lang) var(--kurve)}.buehne[data-schub~=regal] .spalte.regal{transform:none}}.werkbank .leiste{flex-wrap:wrap}@media(max-width:620px){.buehne{height:auto;min-height:calc(100vh - var(--kopf-hoehe))}.arbeit{min-height:60vh}#liste-schritte{padding:8px}.schritt{flex-wrap:wrap}.s-mitte{flex:1 1 100%;order:3}}.konsole{flex:0 0 auto;height:auto;display:flex;flex-direction:column;border-top:1px solid var(--linie);background-color:var(--grund-tief);background-image:var(--zeilen),radial-gradient(120% 60% at 50% 0%,rgba(223,241,255,.05),transparent 70%);overflow:hidden}.konsole[data-lage=zu] .beraterfach{display:none}.konsole[data-lage=halb]{height:var(--konsole-hoehe);max-height:85%}.konsole[data-lage=ganz]{position:absolute;inset:0;z-index:20;border-top:0;box-shadow:0 -30px 60px -30px #000000e6}.konsole-griff{display:flex;align-items:center;gap:12px;padding:6px 14px;border-bottom:1px solid var(--linie);cursor:row-resize;user-select:none;touch-action:none;flex:0 0 auto}.konsole[data-lage=zu] .konsole-griff{cursor:pointer;border-bottom:0}.konsole-griff .berater-bild{width:40px;height:40px}.konsole-kurz{margin-left:auto;font-family:var(--schrift-fest);font-size:11.5px;color:var(--text-matt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.konsole-kurz:empty{display:none}.konsole-kippen{margin-left:auto;display:inline-flex;align-items:center;gap:8px;height:26px;padding:0 10px;font-size:12.5px;line-height:1;white-space:nowrap}.konsole-kurz+.konsole-kippen{margin-left:12px}.konsole-kippen .pfeil{display:inline-block;transition:transform var(--takt) var(--kurve)}.konsole[data-lage=zu] .konsole-kippen .pfeil{transform:rotate(180deg)}.konsole-kippen .wenn-auf{display:none}.konsole:not([data-lage=zu]) .konsole-kippen .wenn-zu{display:none}.konsole:not([data-lage=zu]) .konsole-kippen .wenn-auf{display:inline}.beraterfach{flex:1;min-height:0;display:grid;grid-template-columns:minmax(300px,2fr) minmax(320px,3fr)}.beraterfach>.berater-zu{grid-column:1 / -1}.beraterfach:has(>.konsole-spiel>.spielstand[hidden]){grid-template-columns:minmax(0,1fr)}.beraterfach:has(>.konsole-spiel>.spielstand[hidden])>.konsole-spiel{display:none}.konsole-spiel{min-height:0;overflow-y:auto;border-right:1px solid var(--linie);padding-bottom:10px}.konsole-rede{display:flex;flex-direction:column;min-height:0;min-width:0}.konsole-rede .blase{max-width:min(92%,82ch)}@media(max-width:940px){.beraterfach{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,45%) minmax(0,1fr)}.beraterfach:has(>.konsole-spiel>.spielstand[hidden]){grid-template-rows:minmax(0,1fr)}.konsole-spiel{border-right:0;border-bottom:1px solid var(--linie)}}.berater-bild{position:relative;width:54px;height:54px;flex:0 0 auto;display:grid;place-items:center;transition:width var(--takt-lang) var(--kurve),height var(--takt-lang) var(--kurve)}.berater-bild img{width:100%;height:100%;object-fit:cover;object-position:center top;border:1px solid var(--glas-rand);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));box-shadow:var(--ebene-2);filter:saturate(.85);transition:filter var(--takt-lang) var(--kurve),box-shadow var(--takt-lang) var(--kurve)}.berater-siegel{display:none}.berater-bild.ohne .berater-siegel{display:block;position:absolute;inset:6px;border-radius:var(--rundung-klein);border:1px solid var(--akzent);background:radial-gradient(circle at 38% 32%,rgba(232,85,46,.55),transparent 62%),var(--flaeche);box-shadow:inset 0 0 12px -2px var(--akzent)}.berater-bild.ohne .berater-siegel:after{content:"";position:absolute;inset:32%;border-radius:50%;background:var(--akzent);opacity:.85}.berater-ring{position:absolute;inset:0;overflow:hidden;pointer-events:none;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.berater-ring:before{content:"";position:absolute;left:0;right:0;top:0;height:28%;background:linear-gradient(180deg,transparent,var(--signal-tief) 40%,var(--signal-glut) 50%,var(--signal-tief) 60%,transparent);transform:translateY(-120%);will-change:transform}.berater-wer{display:flex;flex-direction:column;line-height:1.3;min-width:0}.berater-wer strong{font-family:var(--schrift-eng);font-size:15px;letter-spacing:-.015em}.berater-lage{color:var(--text-still);font-size:11.5px}.buehne[data-berater=denkt] .berater-bild img{filter:saturate(1.25) brightness(1.15) contrast(1.05);box-shadow:var(--ebene-2),0 0 38px -6px var(--signal-glut)}.buehne[data-berater=denkt] .berater-ring:before{animation:abtasten 1.8s cubic-bezier(.5,0,.5,1) infinite}.buehne[data-berater=denkt] .berater-lage{color:var(--signal)}@keyframes abtasten{0%{transform:translateY(-120%)}to{transform:translateY(400%)}}.buehne[data-berater=ruht] .berater-bild:after{content:"";position:absolute;inset:-10px;background:radial-gradient(circle at 50% 34%,var(--signal-glut),transparent 62%);animation:glimmen 5.5s ease-in-out infinite;z-index:-1;pointer-events:none}@keyframes glimmen{0%,to{opacity:.25;transform:scale(.94)}50%{opacity:.6;transform:scale(1.06)}}.buehne[data-berater=antwortet] .konsole{animation:aufatmen .9s var(--kurve) both}@keyframes aufatmen{0%{box-shadow:inset 0 0 0 1px var(--signal-glut),inset 0 0 60px -10px var(--signal-glut)}to{box-shadow:inset 0 0 0 1px transparent,inset 0 0 60px -10px transparent}}.spalte{border-right:1px solid var(--linie);overflow-y:auto;min-width:0}.spalte:last-child{border-right:0}.spalten-kopf{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--linie);background:#100e0bb8;backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.spalten-kopf h2{font-family:var(--schrift-fest);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-matt);font-weight:500}.spalten-kopf .zahl{font-family:var(--schrift-fest);font-size:11px;color:var(--text-still);margin-left:auto}button,.knopf{font-family:inherit;font-size:13px;color:var(--text);background:var(--flaeche);background-image:var(--glas);border:1px solid var(--glas-rand);border-radius:var(--rundung-klein);padding:5px 11px;cursor:pointer;box-shadow:var(--ebene-1);transition:background-color var(--takt) var(--kurve),border-color var(--takt) var(--kurve),transform var(--takt) var(--kurve),box-shadow var(--takt) var(--kurve)}button:hover,.knopf:hover{background-color:var(--flaeche-hell);border-color:var(--glas-rand-hell);text-decoration:none}button:active:not(:disabled){transform:translateY(1px) scale(.985)}button:disabled{color:var(--text-still);cursor:default;background-color:var(--flaeche);background-image:none;box-shadow:none}button.stark{background-color:var(--akzent);color:#1a0d07;font-weight:600;border-color:#ffbea059;box-shadow:var(--glas-kante),0 2px 12px -4px #e8552ea6}button.stark:hover{background-color:#f26339;border-color:#ffd2be80;box-shadow:var(--glas-kante),0 3px 18px -4px #e8552ecc}button:focus-visible,.knopf:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--signal);outline-offset:1px}input[type=text],input[type=search],input[type=number],select,textarea{font-family:inherit;font-size:13px;color:var(--text);background:var(--grund-tief);border:1px solid var(--linie-hell);border-radius:var(--rundung-klein);padding:5px 9px;width:100%;transition:border-color var(--takt) var(--kurve),box-shadow var(--takt) var(--kurve)}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-tief)}textarea{font-family:var(--schrift-fest);font-size:12px;resize:vertical}.kachel{position:relative;isolation:isolate;border-radius:var(--rundung);border:1px solid var(--glas-rand);background-color:#1f1b16b8;background-image:var(--glanz),var(--glas);box-shadow:var(--ebene-2);transition:transform var(--takt) var(--kurve),border-color var(--takt) var(--kurve),box-shadow var(--takt) var(--kurve),opacity var(--takt) var(--kurve)}.kachel:before{content:"";position:absolute;inset:-12px 45% -12px -12px;z-index:-1;background-image:var(--symbol, none);background-size:54px 54px;background-position:left center;background-repeat:no-repeat;filter:blur(20px) saturate(1.5);opacity:.3;-webkit-mask-image:linear-gradient(90deg,#000,transparent);mask-image:linear-gradient(90deg,#000,transparent);transition:opacity var(--takt-lang) var(--kurve);pointer-events:none}.kachel:hover{border-color:var(--glas-rand-hell);box-shadow:var(--ebene-3);transform:translateY(-1px)}.kachel:hover:before{opacity:.48}.kachel.zieht{opacity:.38;transform:scale(.97) rotate(-.5deg);box-shadow:none}.kachel.eingerastet{animation:einrasten .46s var(--kurve-schnapp) both}@keyframes einrasten{0%{transform:scale(.9) translateY(-6px);opacity:0}55%{transform:scale(1.025) translateY(0);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.kachel.eingerastet:after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid var(--signal);animation:saum .62s var(--kurve) both;pointer-events:none}@keyframes saum{0%{opacity:1;box-shadow:0 0 0 0 var(--signal-glut)}to{opacity:0;box-shadow:0 0 0 10px #dff1ff00}}.zeile{display:flex;align-items:center;gap:9px;padding:7px 11px;margin:0 10px 6px;border-radius:var(--rundung-klein);border:1px solid var(--glas-rand);background-image:var(--glas);cursor:pointer;transition:background-color var(--takt) var(--kurve),border-color var(--takt) var(--kurve)}.zeile:hover{background-color:var(--flaeche-hell);border-color:var(--glas-rand-hell)}.zeile img{width:22px;height:22px;flex:0 0 auto;border-radius:4px}.zeile .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zeile .neben{color:var(--text-still);font-family:var(--schrift-fest);font-size:11px}.zeile .geteilt{color:var(--signal);border:1px solid rgba(223,241,255,.3);border-radius:4px;padding:1px 6px;background:var(--signal-tief)}.zeile .geteilt:hover{text-decoration:none;border-color:var(--signal)}.matt{color:var(--text-matt)}.still{color:var(--text-still)}.warn{color:var(--warnung)}.gut{color:var(--gut)}.hinweis{border:1px solid rgba(232,85,46,.3);border-left-width:2px;border-left-color:var(--akzent);border-radius:var(--rundung-klein);padding:9px 12px;background:#e8552e12;color:var(--text-matt);font-size:13px}.leer{padding:26px 16px;color:var(--text-still);font-size:13px;text-align:center;line-height:1.6}.leer.klein{font-size:12px;border-top:1px solid var(--linie);margin:0 16px;padding-top:18px}.fachhinweis{margin:8px 12px 10px;color:var(--text-still);font-size:12px;line-height:1.45}.fachhinweis:empty{display:none}.fachhinweis code{background:var(--flaeche);padding:0 4px;border:1px solid var(--linie);font-family:var(--schrift-fest)}#liste-zauber{display:flex;flex-direction:column;gap:6px;padding:8px 10px 16px}.zauberzeile{display:flex;align-items:center;gap:10px;width:100%;padding:7px 9px;text-align:left;cursor:grab;color:var(--text);font-family:inherit;font-size:13px}.zauberzeile:active{cursor:grabbing}.zauberzeile img,.zauberzeile .kein-symbol{width:30px;height:30px;flex:0 0 auto;border-radius:var(--rundung-klein);border:1px solid rgba(0,0,0,.55);box-shadow:0 0 0 1px #ffffff12,0 2px 5px #00000080;object-fit:cover}.zauberzeile .kein-symbol{background:var(--flaeche)}.zz-mitte{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.zz-name{color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zz-neben{color:var(--text-still);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zz-plus{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;border:1px solid var(--glas-rand);color:var(--text-still);font-size:14px;line-height:1;flex:0 0 auto;opacity:0;transform:scale(.8);transition:opacity var(--takt) var(--kurve),transform var(--takt) var(--kurve-schnapp)}.zauberzeile:hover .zz-plus,.zauberzeile:focus-visible .zz-plus{opacity:1;transform:scale(1);color:var(--akzent);border-color:var(--akzent)}.anfang{display:flex;flex-direction:column;align-items:center;gap:18px;padding:52px 24px 40px;text-align:center}.anfang:before{content:"";width:116px;height:116px;flex:0 0 auto;border-radius:50%;border:1px solid rgba(232,85,46,.3);background:var(--siegel, none) center / 86% no-repeat,radial-gradient(circle at 50% 42%,rgba(232,85,46,.22),transparent 64%);animation:glimmen 6s ease-in-out infinite}.anfang-satz{margin:0;font-family:var(--schrift-eng);font-size:clamp(17px,1.8vw,22px);letter-spacing:-.02em;color:var(--text)}.anfang-wege{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;max-width:52ch;text-align:left;counter-reset:weg}.anfang-wege li{position:relative;padding:10px 14px 10px 42px;border-radius:var(--rundung);border:1px solid var(--glas-rand);background-color:#1f1b1699;background-image:var(--glas);color:var(--text-matt);font-size:13px;line-height:1.5}.anfang-wege li:before{counter-increment:weg;content:counter(weg);position:absolute;left:13px;top:11px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;border:1px solid var(--akzent);color:var(--akzent);font-family:var(--schrift-fest);font-size:11px}.anfang-wege strong{color:var(--text)}#liste-schritte{list-style:none;width:min(940px,calc(100% - 24px));margin:0 auto;padding:6px 0 16px;display:flex;flex-direction:column;gap:6px}.schritt{display:flex;align-items:center;gap:9px;padding:7px 10px;cursor:grab;z-index:1}.schritt:active{cursor:grabbing}.schritt.aufgeklappt{z-index:60}.schritt.ziel,.zweig.ziel{margin-top:42px}.schritt.ziel:after,.zweig.ziel:after{content:"";position:absolute;left:0;right:0;top:-36px;height:30px;border-radius:var(--rundung);border:1px dashed var(--signal);background:var(--signal-tief);box-shadow:0 0 22px -6px var(--signal-glut);animation:rille .22s var(--kurve-schnapp) both;pointer-events:none}@keyframes rille{0%{opacity:0;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}.s-griff{color:var(--text-still);cursor:grab;font-size:11px;letter-spacing:-2px;flex:0 0 auto;opacity:.35;transition:opacity var(--takt) var(--kurve)}.schritt:hover .s-griff{opacity:1}.s-nummer{color:var(--text-still);width:18px;text-align:right;flex:0 0 auto;font-variant-numeric:tabular-nums}.s-symbol{width:32px;height:32px;flex:0 0 auto;border-radius:var(--rundung-klein);border:1px solid rgba(0,0,0,.55);box-shadow:0 0 0 1px #ffffff14,0 2px 6px #0000008c;object-fit:cover}.s-symbol.s-leer{background:var(--flaeche);box-shadow:none}.s-symbol.s-befehl{background-color:#dff1ff0d;background-size:20px 20px;background-position:center;background-repeat:no-repeat;border-color:#dff1ff2e;box-shadow:inset 0 0 0 1px #00000080}.s-symbol.s-befehl[data-befehl=zauber]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dff1ff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v4M12 16v4M4 12h4M16 12h4M6.6 6.6l2.8 2.8M14.6 14.6l2.8 2.8M6.6 17.4l2.8-2.8M14.6 9.4l2.8-2.8'/%3E%3C/svg%3E")}.s-symbol.s-befehl[data-befehl=folge]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dff1ff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='12' r='2.2'/%3E%3Ccircle cx='12' cy='12' r='2.2'/%3E%3Ccircle cx='19' cy='12' r='2.2'/%3E%3Cpath d='M7.2 12h2.6M14.2 12h2.6'/%3E%3C/svg%3E")}.s-symbol.s-befehl[data-befehl=gegenstand]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dff1ff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 3.5h5M10.5 3.5v5.2L6.4 16a3.2 3.2 0 0 0 2.8 4.8h5.6A3.2 3.2 0 0 0 17.6 16l-4.1-7.3V3.5'/%3E%3Cpath d='M8 15.5h8'/%3E%3C/svg%3E")}.s-symbol.s-befehl[data-befehl=angriff]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dff1ff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20L20 4M20 20L4 4M4 4v4M4 4h4M20 4v4M20 4h-4'/%3E%3C/svg%3E")}.s-symbol.s-befehl[data-befehl=ziel]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dff1ff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Cpath d='M12 2.5v4M12 17.5v4M2.5 12h4M17.5 12h4'/%3E%3Ccircle cx='12' cy='12' r='1' fill='%23dff1ff'/%3E%3C/svg%3E")}.s-symbol.s-befehl[data-befehl=halt]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dff1ff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='1.5'/%3E%3C/svg%3E")}.s-symbol.s-befehl[data-befehl=symbol]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dff1ff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='14' rx='1.5'/%3E%3Cpath d='M4 16l4.5-4.5 3.5 3.5 2.5-2.5L20 17'/%3E%3Ccircle cx='15.5' cy='9.5' r='1.3'/%3E%3C/svg%3E")}.s-symbol.s-befehl[data-befehl=aufruf]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dff1ff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='9' width='8' height='10' rx='1.5'/%3E%3Cpath d='M11 6h8a2 2 0 0 1 2 2v8'/%3E%3Cpath d='M14 3l3 3-3 3'/%3E%3C/svg%3E")}.s-symbol.s-befehl[data-befehl=befehl]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dff1ff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7l5 5-5 5M12 17h7'/%3E%3C/svg%3E")}.s-mitte{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.s-name{color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-satz{color:var(--text-still);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-wann{flex:0 0 auto;font-size:12px;padding:3px 9px;color:var(--text-matt)}.s-wann.gesetzt{color:var(--akzent);border-color:var(--akzent)}.s-anzahl{color:var(--akzent);width:26px;text-align:right;flex:0 0 auto}.s-je{color:var(--text-matt);font-size:11px;flex:0 0 auto;white-space:nowrap}.s-laenge{color:var(--warnung);font-size:11px;flex:0 0 auto}.schritt.zu-lang{border-color:#d94f4f99}.s-griffe{display:flex;gap:2px;opacity:.3;flex:0 0 auto}.schritt:hover .s-griffe{opacity:1}.s-griffe button{padding:1px 6px;font-size:12px;line-height:1.3}.bedingungsfeld{position:absolute;top:calc(100% + 6px);left:34px;right:6px;max-width:660px;z-index:30;border-radius:var(--rundung);border:1px solid var(--glas-rand-hell);background-color:#14110ded;background-image:var(--zeilen),var(--glanz);backdrop-filter:blur(18px) saturate(1.3);box-shadow:var(--ebene-3),0 0 0 1px #0009;max-height:62vh;overflow:hidden auto;animation:aufklappen .2s var(--kurve) both}@keyframes aufklappen{0%{opacity:0;transform:translateY(-6px) scale(.99)}to{opacity:1;transform:none}}.bf-kopf{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid var(--linie);position:sticky;top:0;z-index:2;background:#14110df2;backdrop-filter:blur(12px)}.bf-schliessen{border:0;background:transparent;box-shadow:none;font-size:16px;padding:0 4px;color:var(--text-matt)}.bf-schliessen:hover{color:var(--text);background:transparent}.bf-satz{margin:11px 13px;padding:9px 12px;border-radius:var(--rundung-klein);border:1px solid rgba(232,85,46,.3);border-left-width:2px;border-left-color:var(--akzent);background:#e8552e14;color:var(--text);font-size:13px}.bf-gruppen{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;padding:0 13px 4px}.bf-gruppe{padding:10px 12px;border-radius:var(--rundung-klein);border:1px solid var(--linie);background:#ffffff06}.bf-gruppe h4{margin:0 0 2px;font-family:var(--schrift-eng);font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--akzent)}.bf-hinweis{margin:0 0 8px;color:var(--text-still);font-size:11.5px;line-height:1.4}.bf-wahl{display:grid;grid-template-columns:auto 1fr auto;gap:2px 8px;padding:6px 7px;border-radius:var(--rundung-klein);cursor:pointer;align-items:baseline;transition:background-color var(--takt) var(--kurve)}.bf-wahl:hover{background:var(--flaeche)}.bf-wahl.an{background:#e8552e1f;box-shadow:inset 0 0 0 1px #e8552e4d}.bf-wahl input{margin:0;accent-color:var(--akzent)}.bf-name{color:var(--text);font-size:13px}.bf-code{color:var(--text-still);font-size:10.5px}.bf-erklaerung{grid-column:2 / -1;color:var(--text-still);font-size:11.5px;line-height:1.35}.bf-eigene{margin:0;padding:8px 13px;color:var(--text-matt);font-size:12px}.bf-fuss{display:flex;justify-content:space-between;gap:8px;padding:10px 13px;margin-top:6px;position:sticky;bottom:0;z-index:2;background:#14110df2;backdrop-filter:blur(12px);border-top:1px solid var(--linie)}#muster .kaesten{display:flex;flex-wrap:wrap;gap:4px}#muster .kasten{width:25px;height:25px;display:grid;place-items:center;font-family:var(--schrift-fest);font-size:11px;border-radius:var(--rundung-klein);border:1px solid var(--glas-rand);background-image:var(--glas);color:var(--text-still);transition:background-color var(--takt) var(--kurve),color var(--takt) var(--kurve)}#muster .kasten.voll{background-color:var(--akzent);border-color:#ffbea066;color:#1a0d07;box-shadow:0 0 14px -5px var(--akzent)}#muster .kasten.halb{background-color:var(--flaeche-hell);color:var(--text)}#muster .kasten.wenig{background-color:var(--flaeche);color:var(--text-matt)}.gespraech{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px;min-height:0}.gespraech>*{flex-shrink:0}.blase{font-size:13px;line-height:1.5;padding:9px 12px;border-radius:var(--rundung);border:1px solid var(--glas-rand);background-image:var(--glanz),var(--glas);box-shadow:var(--ebene-1);max-width:92%;animation:blase-ein .32s var(--kurve) both}.blase.spieler{align-self:flex-end;background-color:var(--flaeche-hell)}.blase.berater{align-self:flex-start;background-color:#e8552e12;border-color:#e8552e40}@keyframes blase-ein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.blase-wer{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-still);margin-bottom:4px}.blase.berater .blase-wer{color:var(--akzent)}.blase p.blase-test{font-family:var(--schrift-fest);font-size:10.5px;color:var(--text-still);margin-bottom:4px}.blase p{margin:0 0 7px}.blase p:last-child{margin-bottom:0}.vorschlag{align-self:stretch;border:1px solid var(--akzent);border-radius:var(--rundung);background-color:var(--flaeche);background-image:var(--glas);box-shadow:var(--glas-kante),0 0 30px -14px var(--akzent);overflow:hidden;animation:vorschlag-ein .46s var(--kurve-schnapp) both}@keyframes vorschlag-ein{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:none}}.v-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:9px 12px;border-bottom:1px solid rgba(232,85,46,.25);background:#e8552e1a}.v-kopf .still{font-size:11.5px}.v-liste{margin:0;padding:8px 12px 8px 30px;font-size:12.5px;color:var(--text-matt);max-height:220px;overflow-y:auto}.v-liste li{margin-bottom:2px}.v-spann{padding:0 12px 4px}.v-spann pre{margin:4px 0 0;padding:7px 9px;border-radius:var(--rundung-klein);background:var(--grund-tief);border:1px solid var(--linie);font-family:var(--schrift-fest);font-size:11.5px;color:var(--text-matt);overflow-x:auto}.v-nehmen{width:calc(100% - 24px);margin:4px 12px 12px}.v-warnung{margin:6px 12px;padding:6px 10px;border-left:2px solid var(--warnung);background:#d94f4f1a;color:var(--text);font-size:12.5px;line-height:1.45}.vorschlag.mit-warnung .v-nehmen{background-color:var(--flaeche-hell);color:var(--text)}.t-aenderungen{list-style:none;margin:0;padding:8px 12px 4px;font-size:12.5px;color:var(--text-matt)}.t-aenderungen li{margin-bottom:2px;font-family:var(--schrift-fest)}.t-aenderungen li.nehmen{color:var(--text)}.t-code{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 12px 2px}.t-code code{flex:1 1 200px;min-width:0;padding:7px 9px;border-radius:var(--rundung-klein);background:var(--grund-tief);border:1px solid var(--linie);font-family:var(--schrift-fest);font-size:11px;color:var(--text-matt);word-break:break-all;user-select:all}.t-code+.still{margin:2px 12px 6px;font-size:11.5px}.t-waehler{width:calc(100% - 24px);margin:4px 12px 12px}.frisch{margin:0 30px 18px;padding:12px 14px;border:1px solid var(--akzent);background:var(--flaeche)}.frisch p{margin:0 0 8px}.frisch .wert{display:flex;align-items:center;gap:10px;margin-bottom:8px}.frisch code{font-family:var(--schrift-fest);font-size:20px;letter-spacing:.1em;color:var(--akzent);background:var(--grund-tief);padding:6px 12px;border:1px solid var(--linie-hell);user-select:all}#rohansicht{padding:4px 0}.roh-schritt{border-bottom:1px solid var(--linie);padding:9px 12px 11px}.roh-schritt.zu-lang{background:#d94f4f12}.roh-kopf{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.roh-nummer,.roh-laenge{color:var(--text-still);font-size:11px}.roh-schritt.zu-lang .roh-laenge{color:var(--warnung)}.roh-text{margin:0;font-family:var(--schrift-fest);font-size:12px;line-height:1.6;color:var(--text);background:var(--grund-tief);border-left:2px solid var(--linie-hell);padding:8px 10px;white-space:pre-wrap;word-break:break-word}.roh-schritt.zu-lang .roh-text{border-left-color:var(--warnung)}.roh-warnung{margin:7px 0 0;color:var(--warnung);font-size:12px}[hidden]{display:none!important}.winkel{position:relative}.winkel:before{content:"";position:absolute;top:-1px;left:-1px;width:14px;height:14px;border-top:1px solid var(--signal-glut);border-left:1px solid var(--signal-glut);border-top-left-radius:var(--rundung);opacity:.5;pointer-events:none}.schritt.behaelter{background-color:#e8552e0e;border-color:#e8552e47;border-left:2px solid var(--akzent)}.schritt.behaelter .s-name{font-family:var(--schrift-eng);letter-spacing:-.01em}.behaelter-marke{color:var(--akzent);font-size:14px;opacity:1!important}.b-mal{width:52px;flex:0 0 auto;font-family:var(--schrift-fest);font-size:12px;padding:3px 6px}.zweig{position:relative;display:flex;align-items:center;gap:10px;padding:2px 10px 2px 12px;margin-top:2px}.zweig-titel{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--akzent);min-width:52px}.zweig-hinweis{flex:1;color:var(--text-still);font-size:11.5px;display:flex;align-items:center;gap:8px}.zweig-hinweis:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--linie-hell),transparent)}.z-ziel{font-size:11px;padding:2px 9px;color:var(--text-still);margin-left:auto}.z-ziel.aktiv{background:var(--akzent);border-color:var(--akzent);color:#1a0d07;font-weight:600}.weg{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:9px 18px;border-bottom:1px solid var(--linie);background:var(--grund-tief)}.weg li{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-still)}.weg li:after{content:"";width:16px;height:1px;background:var(--linie-hell);margin:0 12px}.weg li:last-child:after{display:none}.weg .haken{display:grid;place-items:center;width:16px;height:16px;border:1px solid var(--linie-hell);font-size:10px;line-height:1;flex:0 0 auto}.weg li.fertig{color:var(--text-matt)}.weg li.fertig .haken{background:var(--gut);border-color:var(--gut);color:var(--grund-tief)}.weg li.dran{color:var(--text)}.weg li.dran .haken{border-color:var(--akzent);color:var(--akzent)}.schritt.behaelter.ziel{margin-top:0;border-color:var(--signal);background-color:var(--signal-tief);box-shadow:var(--ebene-2),0 0 0 1px var(--signal),0 0 26px -8px var(--signal-glut)}.schritt.behaelter.ziel:after{display:none}.baustein-zeile{display:flex;align-items:center;gap:8px;padding:4px 12px}.baustein-zeile .baustein-name{flex:0 0 130px;font-family:ui-monospace,monospace;color:var(--text-schwach)}.baustein-zeile input{flex:1 1 auto;min-width:0}.baustein-zeile .baustein-weg{flex:0 0 auto}.baustein-leer{padding:4px 12px 8px;color:var(--text-schwach);font-size:13px}.beispielfrage{font-size:11.5px;padding:3px 8px;color:var(--text-matt)}.beispielfrage.stark2{color:var(--text);border-color:var(--linie-hell)}.talentflaeche{border-bottom:1px solid var(--linie);background:var(--grund-tief);padding:14px 16px 16px;max-height:62vh;overflow-y:auto}.talentkopf{display:flex;align-items:center;gap:12px;margin-bottom:12px}.talentkopf h2{margin:0;font-size:15px}.talentstand{color:var(--text-still);font-size:12px;margin-right:auto}.talenthinweis{color:var(--text-still);font-size:12px;margin:12px 0 0;max-width:80ch}.baumraster{display:flex;gap:26px;align-items:flex-start;flex-wrap:wrap}.baumteil-kopf{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.baumteil-kopf h3{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-matt)}.baumteil-kopf select{font-size:12px;padding:1px 4px}.punktzahl{font-family:var(--schrift-fest);font-size:12px;color:var(--akzent)}.raster{display:grid;gap:4px}.knoten{width:28px;height:28px;padding:0;border:1px solid var(--linie-hell);background:var(--flaeche);border-radius:50%;overflow:hidden;cursor:pointer;display:grid;place-items:center;opacity:.45}.knoten img{width:100%;height:100%;object-fit:cover;display:block}.knoten span{font-size:9px;color:var(--text-still)}.knoten:hover{opacity:.8;border-color:var(--text-matt)}.knoten.belegt{opacity:1;border-color:var(--akzent);box-shadow:0 0 0 1px var(--akzent)}.knoten.wahl{border-radius:4px}.knoten.streit{border-color:var(--warnung);box-shadow:0 0 0 1px var(--warnung)}.knoten.leerfeld{opacity:.12;cursor:default}.knoten.geschenkt{cursor:default;border-style:dashed}.pvpteil{margin-top:18px;padding-top:14px;border-top:1px solid var(--linie)}.pvpliste{display:flex;flex-wrap:wrap;gap:6px}.pvptalent{font-size:12px;padding:4px 10px;border:1px solid var(--linie-hell);background:var(--flaeche);color:var(--text-matt);cursor:pointer}.pvptalent:hover{color:var(--text);border-color:var(--text-matt)}.pvptalent.belegt{color:var(--text);border-color:var(--akzent);background:#241b15}.klagen{margin-top:14px;padding:10px 12px;border-left:2px solid var(--warnung);background:var(--flaeche)}.klagen p{margin:0 0 4px;font-size:12.5px;color:var(--text-matt)}.klagen p:last-child{margin-bottom:0}.spieler{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--text)}.spieler:hover{text-decoration:none}a.spieler:hover .spieler-name{color:var(--signal)}.spieler-wer{display:flex;flex-direction:column;min-width:0;line-height:1.2}.spieler-name{font-size:12.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--takt) var(--kurve)}.avatar{width:26px;height:26px;flex:0 0 auto;border-radius:50%;object-fit:cover;border:1px solid var(--glas-rand-hell);background:var(--flaeche-hell);box-shadow:var(--ebene-1)}.avatar.ohne{display:inline-flex;align-items:center;justify-content:center;font-family:var(--schrift-eng);font-weight:700;font-size:12px;color:var(--text-matt);background-image:var(--glas)}.spieler.gross{gap:18px}.spieler.gross .avatar{width:96px;height:96px;border-width:2px;box-shadow:var(--ebene-3)}.spieler.gross .avatar.ohne{font-size:40px}.spieler.gross .spieler-name{font-family:var(--schrift-eng);font-size:clamp(24px,2.4vw,34px);font-weight:700;letter-spacing:-.03em;white-space:normal}.spieler.gross .spieler-wer{gap:6px}.rang{display:inline-block;align-self:flex-start;font-family:var(--schrift-fest);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;line-height:1;padding:3px 6px 2px;border-radius:4px;border:1px solid var(--linie-hell);color:var(--text-still)}.rang[data-rang=gildenmeister]{color:var(--akzent);border-color:#e8552e73;background:var(--akzent-tief)}.rang[data-rang=offizier]{color:#f0a58a;border-color:#e8552e59}.rang[data-rang=raidlead]{color:var(--signal);border-color:#dff1ff59;background:var(--signal-tief)}.rang[data-rang=mitglied]{color:var(--text-matt)}.spieler.gross .rang{font-size:11px;padding:4px 8px 3px}.karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.riss{position:relative}.riss:before,.riss:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;text-shadow:none}.riss:before{color:var(--riss-rot);transform:translate(3px,1px);animation:riss-rot 9s steps(1) infinite;animation-delay:calc(4s + var(--stelle, 0) * .9s)}.riss:after{color:var(--riss-cyan);transform:translate(-3px,-1px);animation:riss-cyan 9s steps(1) infinite;animation-delay:calc(4s + var(--stelle, 0) * .9s)}@keyframes riss-rot{0%,88%,to{transform:translate(3px,1px);opacity:.55}89%{transform:translate(12px,-4px);opacity:1}90%{transform:translate(-7px,6px);opacity:.8}91%{transform:translate(9px,-2px);opacity:.95}92%{transform:translate(3px,1px);opacity:.55}}@keyframes riss-cyan{0%,88%,to{transform:translate(-3px,-1px);opacity:.45}89%{transform:translate(-12px,4px);opacity:.9}90%{transform:translate(7px,-6px);opacity:.7}91%{transform:translate(-9px,2px);opacity:.85}92%{transform:translate(-3px,-1px);opacity:.45}}@keyframes riss-schnitt{0%{transform:translate(-4px);clip-path:inset(5% 0 78% 0)}20%{transform:translate(5px);clip-path:inset(42% 0 40% 0)}40%{transform:translate(-3px);clip-path:inset(70% 0 12% 0)}60%{transform:translate(4px);clip-path:inset(18% 0 66% 0)}80%{transform:translate(-2px);clip-path:inset(55% 0 30% 0)}to{transform:none;clip-path:none}}@keyframes glut{0%,to{text-shadow:0 0 14px rgba(239,68,68,.35)}50%{text-shadow:0 0 26px rgba(239,68,68,.7),0 0 2px rgba(255,255,255,.5)}}@media(prefers-reduced-motion:reduce){.riss:before,.riss:after{animation:none}}.kommentare{display:flex;flex-direction:column;gap:10px}.kommentar{padding:11px 14px 12px;border-radius:var(--rundung);border:1px solid var(--glas-rand);background-image:var(--glas);box-shadow:var(--ebene-1);animation:einblenden var(--takt-lang) var(--kurve) both}.kommentar-kopf{display:flex;align-items:center;gap:10px;margin-bottom:7px}.kommentar-wann{margin-left:auto;font-family:var(--schrift-fest);font-size:10.5px;color:var(--text-still);white-space:nowrap}.kommentar-weg{padding:1px 7px;font-size:12px;color:var(--text-still);background:transparent;border-color:transparent;box-shadow:none}.kommentar-weg:hover{color:var(--warnung);border-color:var(--linie-hell)}.kommentar-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px;line-height:1.55;color:var(--text)}.bild-knopf{display:block;padding:0;margin:0;border:0;background:none;cursor:zoom-in;width:100%;box-shadow:none;min-height:0}.bild-knopf img{display:block;max-width:100%;height:auto;border-radius:var(--rundung);border:1px solid var(--glas-rand);box-shadow:var(--ebene-2);transition:border-color var(--takt) var(--kurve)}.bild-knopf:hover img{border-color:var(--glas-rand-hell)}.lichtkasten{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:28px;background:#000000db;cursor:zoom-out}.lichtkasten figure{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.lichtkasten img{max-width:100%;max-height:calc(100vh - 90px);width:auto;height:auto;border-radius:var(--rundung);border:1px solid var(--glas-rand-hell);box-shadow:0 30px 80px -30px #000}.lichtkasten figcaption{font-size:13px;color:var(--text-matt);text-align:center}.lichtkasten-zu{position:absolute;top:14px;right:18px;width:38px;height:38px;padding:0;min-height:0;font-size:24px;line-height:1;border-radius:50%;background:#ffffff14;border:1px solid var(--glas-rand-hell);color:var(--text);cursor:pointer}.hilfeknopf{padding:2px;width:38px;height:38px;margin-left:-4px;border-radius:50%;background:transparent;border-color:transparent;box-shadow:none;display:grid;place-items:center;transition:transform var(--takt) var(--kurve),box-shadow var(--takt) var(--kurve),background-color var(--takt) var(--kurve)}.hilfeknopf img{width:32px;height:32px;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7));transition:transform var(--takt) var(--kurve),filter var(--takt) var(--kurve)}.hilfeknopf:hover{background:transparent;border-color:transparent}.hilfeknopf:hover img{transform:scale(1.12);filter:drop-shadow(0 0 7px rgba(232,85,46,.75)) drop-shadow(0 2px 4px rgba(0,0,0,.7))}.hilfeknopf[aria-pressed=true]{background:var(--akzent-tief);border-color:#e8552e8c;box-shadow:0 0 0 1px #e8552e59,0 0 22px -4px var(--akzent);animation:hilfe-glut 2.4s ease-in-out infinite}.hilfeknopf[aria-pressed=true] img{filter:drop-shadow(0 0 8px rgba(232,85,46,.9)) drop-shadow(0 2px 4px rgba(0,0,0,.7))}@keyframes hilfe-glut{0%,to{box-shadow:0 0 0 1px #e8552e59,0 0 22px -4px var(--akzent)}50%{box-shadow:0 0 0 1px #e8552e99,0 0 30px -2px var(--akzent)}}.hilfe-an .hilfe-bereich{outline:2px solid rgba(232,85,46,.7);outline-offset:-2px;box-shadow:inset 0 0 0 1px #e8552e40,inset 0 0 26px -10px #e8552eb3;animation:hilfe-atmen 2.6s ease-in-out infinite;cursor:help}.hilfe-an .hilfe-bereich.hilfe-aussen{outline-offset:2px;box-shadow:0 0 0 4px #e8552e1f,0 0 18px -4px #e8552ee6;animation:hilfe-atmen-aussen 2.6s ease-in-out infinite}.hilfe-an .hilfe-bereich:hover{outline-color:var(--akzent);animation:none;box-shadow:inset 0 0 0 1px #e8552e80,inset 0 0 34px -8px #e8552ee6}.hilfe-an .hilfe-bereich.hilfe-aussen:hover{box-shadow:0 0 0 4px #e8552e38,0 0 26px -2px var(--akzent)}.hilfe-an .hilfe-bereich:hover .hilfe-bereich{animation:none}@keyframes hilfe-atmen{0%,to{outline-color:#e8552e8c}50%{outline-color:#e8552ef2}}@keyframes hilfe-atmen-aussen{0%,to{outline-color:#e8552e8c;box-shadow:0 0 0 4px #e8552e1a,0 0 14px -4px #e8552eb3}50%{outline-color:#e8552ef2;box-shadow:0 0 0 4px #e8552e2e,0 0 24px -2px var(--akzent)}}.hilfekarte{position:fixed;z-index:60;padding:14px 18px 15px;color:var(--text);background-color:var(--flaeche);background-image:var(--glas);border:1px solid rgba(223,241,255,.55);border-radius:var(--rundung);box-shadow:var(--ebene-3),0 0 0 1px #dff1ff1a,0 16px 44px -12px var(--signal-glut);font-size:14px;line-height:1.55;pointer-events:none;animation:hilfekarte-ein .16s var(--kurve) both}@keyframes hilfekarte-ein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.hilfekarte[data-lage=oben]{animation-name:hilfekarte-ein-oben}@keyframes hilfekarte-ein-oben{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.hilfekarte:before{content:"";position:absolute;left:var(--pfeil, 24px);width:12px;height:12px;margin-left:-6px;background:var(--flaeche);border:1px solid rgba(223,241,255,.55);transform:rotate(45deg)}.hilfekarte[data-lage=unten]:before{top:-7px;border-right:0;border-bottom:0}.hilfekarte[data-lage=oben]:before{bottom:-7px;border-left:0;border-top:0}.hilfekarte-art{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--signal);margin-bottom:2px}.hilfekarte-titel{display:block;font-family:var(--schrift-eng);font-size:17px;font-weight:700;letter-spacing:.01em;margin-bottom:6px;color:var(--text)}.hilfekarte p{margin:0}.hilfekarte p+p{margin-top:8px}.hilfekarte-tipp{padding-left:12px;border-left:2px solid rgba(223,241,255,.6);color:var(--text-matt);font-size:13px}