:root{color-scheme:dark;--ink: #e8eaf0;--muted: #8b93a7;--panel: rgba(14, 17, 26, .86);--panel-dicht: rgba(14, 17, 26, .97);--line: rgba(255, 255, 255, .1);--good: #6ee7a8;--warn: #f5c451;--bad: #f2777a;--grund: #0b0e14;--maske: rgba(8, 10, 16, .92);--flaeche-schwach: rgba(255, 255, 255, .04);--flaeche: rgba(255, 255, 255, .06);--flaeche-stark: rgba(255, 255, 255, .08);--flaeche-hover: rgba(255, 255, 255, .13);--flaeche-fleck: rgba(255, 255, 255, .25);--akzent: var(--good);--akzent-flaeche: rgba(110, 231, 168, .14);--akzent-flaeche-stark: rgba(110, 231, 168, .2);--akzent-rand-schwach: rgba(110, 231, 168, .4);--akzent-rand: rgba(110, 231, 168, .55);--gefahr-flaeche: rgba(248, 113, 113, .14);--gefahr-rand: rgba(248, 113, 113, .45);--fokus: var(--good);--abstand-1: 2px;--abstand-2: 4px;--abstand-3: 6px;--abstand-4: 8px;--abstand-5: 10px;--abstand-6: 12px;--abstand-7: 14px;--abstand-8: 18px;--abstand-9: 22px;--rand-fenster: var(--abstand-6);--sicher-oben: calc(var(--rand-fenster) + env(safe-area-inset-top, 0px));--sicher-unten: calc(var(--rand-fenster) + env(safe-area-inset-bottom, 0px));--sicher-links: calc(var(--rand-fenster) + env(safe-area-inset-left, 0px));--sicher-rechts: calc(var(--rand-fenster) + env(safe-area-inset-right, 0px));--touch: 44px;--touch-gross: 52px;--touch-kontext: 60px;--touch-sprung: 76px;--stick-groesse: 120px;--fokus-ring: 2px;--fokus-abstand: 2px;--radius-klein: 4px;--radius-feld: 7px;--radius-knopf: 8px;--radius-panel: 10px;--radius-karte: 14px;--radius-rund: 999px;--schrift: ui-sans-serif, system-ui, "Segoe UI", sans-serif;--schrift-zahlen: ui-monospace, "Cascadia Mono", Consolas, monospace;--text-xs: 10px;--text-s: 11px;--text-m: 12px;--text-grund: 13px;--text-l: 15px;--text-xl: 17px;--zeile: 1.45;--zeile-eng: 1.2;--gewicht-normal: 400;--gewicht-stark: 600;--sperrung-klein: .06em;--sperrung-titel: .08em;--schatten-panel: 0 6px 20px rgba(0, 0, 0, .32);--schatten-karte: 0 18px 48px rgba(0, 0, 0, .5);--schatten-knopf: inset 0 -1px 0 rgba(0, 0, 0, .25);--unschaerfe: blur(8px);--ebene-maske: 10;--ebene-lade: 9;--ebene-panel: 5;--ebene-querformat: 20;--breite-hud: 280px;--breite-sozial: 300px;--breite-fach: 260px;--breite-chat: 520px;--breite-anmeldung: 360px;--breite-anmeldewahl: 560px;--breite-baukasten: 860px;--breite-katalog: 880px;--breite-einstellungen: 300px;--breite-hilfe: 640px;--icon: 18px;--icon-gross: 24px;--dauer-kurz: .12s;--dauer-mittel: .18s;--dauer-lang: .26s;--kurve-standard: cubic-bezier(.4, 0, .2, 1);--kurve-aus: cubic-bezier(.2, .8, .2, 1)}:root[data-bewegung=reduziert]{--dauer-kurz: 0ms;--dauer-mittel: 0ms;--dauer-lang: 0ms}@media(prefers-reduced-motion:reduce){:root:not([data-bewegung=voll]){--dauer-kurz: 0ms;--dauer-mittel: 0ms;--dauer-lang: 0ms}}:root{--touch-gross: clamp(44px, 12vmin, 52px);--touch-kontext: clamp(46px, 14vmin, 60px);--touch-sprung: clamp(56px, 18vmin, 76px);--stick-groesse: clamp(88px, 27vmin, 120px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--grund);color:var(--ink);font-family:var(--schrift);font-size:var(--text-grund);line-height:var(--zeile)}@keyframes aw-ein{0%{opacity:0}to{opacity:1}}canvas{display:block;width:100%;height:100%;touch-action:none}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}canvas:focus{outline:none}#hud,#bauleiste .bl-reihe,#sozial,#help,#chat,#fach,#einstellungen,#anmeldung form,#anmeldewahl,.bk-karte{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--schatten-panel);animation:aw-ein var(--dauer-mittel) var(--kurve-aus) both}#bauleiste button,#sozial button,#fach button.fach-platz,#baukasten button,#bausatz button,#anmeldung button,#werkzeuge button,#einstellungen button,#obenlinks button{display:inline-flex;align-items:center;gap:var(--abstand-3);min-height:var(--touch);min-width:var(--touch);border:1px solid var(--line);border-radius:var(--radius-knopf);background:var(--flaeche);color:var(--ink);font:inherit;box-shadow:var(--schatten-knopf);transition:background-color var(--dauer-kurz) var(--kurve-standard),border-color var(--dauer-kurz) var(--kurve-standard),opacity var(--dauer-kurz) var(--kurve-standard),box-shadow var(--dauer-kurz) var(--kurve-standard)}#bauleiste button[hidden],#sozial button[hidden],#fach button[hidden],#baukasten button[hidden],#bausatz button[hidden],#anmeldung button[hidden],#werkzeuge button[hidden],#einstellungen button[hidden]{display:none}#bauleiste button:enabled:hover,#sozial button:enabled:hover,#fach button.fach-platz:enabled:hover,#baukasten button:hover,#bausatz button:enabled:hover,#anmeldung button:enabled:hover,#werkzeuge button:hover,#einstellungen button:hover,#obenlinks button:hover{background-color:var(--flaeche-hover)}#bauleiste button:focus-visible,#sozial button:focus-visible,#fach button.fach-platz:focus-visible,#baukasten button:focus-visible,#bausatz button:focus-visible,#anmeldung button:focus-visible,#werkzeuge button:focus-visible,#einstellungen button:focus-visible,#obenlinks button:focus-visible,#bausatz input.bs-suche:focus-visible,#anmeldung input:focus-visible,#chatline:focus-visible{outline:var(--fokus-ring) solid var(--fokus);outline-offset:var(--fokus-abstand)}.aw-icon{flex:none;width:var(--icon);height:var(--icon);pointer-events:none}.good{color:var(--good)}.warn{color:var(--warn)}.bad{color:var(--bad)}#hud{position:fixed;top:calc(var(--sicher-oben) + var(--touch-gross) + var(--abstand-4));left:var(--sicher-links);min-width:var(--breite-hud);padding:var(--abstand-6) var(--abstand-7);backdrop-filter:var(--unschaerfe);font-variant-numeric:tabular-nums;pointer-events:none}#hud[data-offen=nein]{min-width:0;padding:var(--abstand-3) var(--abstand-5)}#hud[data-offen=nein] #stats{display:none}#hud h1{display:flex;align-items:center;gap:var(--abstand-4);margin:0 0 var(--abstand-4);font-size:var(--text-m);letter-spacing:var(--sperrung-titel);text-transform:uppercase;color:var(--muted);font-weight:var(--gewicht-stark)}#hud[data-offen=nein] h1{margin:0}#hud .hud-kurz{font-family:var(--schrift-zahlen);font-size:var(--text-s);letter-spacing:0;text-transform:none;font-weight:var(--gewicht-normal)}#hud table{width:100%;border-collapse:collapse}#hud td{padding:var(--abstand-1) 0}#hud td:first-child{color:var(--muted);padding-right:var(--abstand-7);white-space:nowrap}#hud td:last-child{text-align:right}#hud .section td{padding-top:var(--abstand-4);color:var(--muted);font-size:var(--text-s);letter-spacing:var(--sperrung-klein);text-transform:uppercase}#bauleiste{position:fixed;top:var(--sicher-oben);left:0;right:0;margin-inline:auto;width:fit-content;max-width:calc(100vw - 2 * (var(--sicher-rechts) + 2 * var(--touch-gross) + var(--abstand-3) + var(--abstand-4)));display:flex;flex-direction:column;align-items:center;gap:var(--abstand-3);pointer-events:none;z-index:calc(var(--ebene-panel) + 1)}#bauleiste[hidden]{display:none}#bauleiste .bl-reihe{display:flex;align-items:center;gap:var(--abstand-3);padding:var(--abstand-2);pointer-events:none}#bauleiste .bl-plaetze{display:flex;gap:var(--abstand-3);padding-inline:var(--abstand-3);border-inline:1px solid var(--line)}#bauleiste .bl-kontext{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--abstand-3)}#bauleiste .bl-kontext:not(:has(>button:not([hidden]))){display:none}#bauleiste .bl-kontext button{background:var(--panel-dicht);box-shadow:var(--schatten-panel)}#bauleiste button{position:relative;justify-content:center;width:var(--touch);height:var(--touch);padding:0;pointer-events:none;cursor:default}#bauleiste button:enabled{pointer-events:auto;cursor:pointer}#bauleiste button:disabled{opacity:.45}#bauleiste button.bl-an{border-color:var(--akzent-rand);background:var(--akzent-flaeche)}#bauleiste button.bl-weg{border-color:var(--gefahr-rand);background:var(--gefahr-flaeche)}#bauleiste button.bl-abschluss:enabled{border-color:var(--akzent-rand);background:var(--akzent-flaeche-stark)}#bauleiste button.bl-platz{background:var(--flaeche-schwach)}#bauleiste button.bl-platz[data-leer=ja]{border-style:dashed;background:transparent;box-shadow:none}#bauleiste button.bl-platz.bl-an{border:2px solid var(--akzent-rand);background:var(--akzent-flaeche-stark)}#bauleiste .bl-platz-bild{max-width:32px;max-height:32px;pointer-events:none}#bauleiste .bl-platz-kuerzel{font:var(--gewicht-stark) var(--text-s) / 1 var(--schrift);pointer-events:none}body:not([data-zeiger=touch]) #bauleiste button.bl-platz:before{content:attr(data-nummer);position:absolute;left:3px;top:1px;color:var(--muted);font:var(--text-xs) / 1 var(--schrift-zahlen)}#bauleiste .knopf-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#bauleiste button .aw-icon{width:var(--icon-gross);height:var(--icon-gross)}#bauleiste button[data-marke]:after{content:attr(data-marke);position:absolute;right:-3px;bottom:-3px;min-width:16px;padding:0 3px;border-radius:var(--radius-klein);background:var(--panel-dicht);border:1px solid var(--line);color:var(--ink);font:var(--gewicht-stark) var(--text-xs) / 14px var(--schrift-zahlen);text-align:center}#bauleiste .bl-stand{padding:var(--abstand-1) var(--abstand-4);border-radius:var(--radius-rund);background:var(--panel);color:var(--muted);font-size:var(--text-s);text-align:center}#bauleiste .bl-stand:empty{display:none}body[data-zeiger=touch] #bauleiste button.bl-abschluss,body[data-zeiger=touch] #bauleiste button[data-bl=verwerfen]{position:fixed;width:var(--touch-kontext);height:var(--touch-kontext);border-radius:var(--radius-rund);background:var(--panel-dicht);box-shadow:var(--schatten-panel);bottom:calc(var(--sicher-unten) + (var(--touch-sprung) - var(--touch-kontext)) / 2)}body[data-zeiger=touch] #bauleiste button.bl-abschluss{right:calc(var(--sicher-rechts) + var(--touch-sprung) + var(--abstand-6))}body[data-zeiger=touch] #bauleiste button.bl-abschluss:enabled{background:var(--akzent-flaeche-stark)}body[data-zeiger=touch] #bauleiste button[data-bl=verwerfen]{right:calc(var(--sicher-rechts) + var(--touch-sprung) + var(--touch-kontext) + 2 * var(--abstand-6))}html[data-katalog=ja] #bauleiste button.bl-abschluss,html[data-katalog=ja] #bauleiste button[data-bl=verwerfen]{visibility:hidden}@media(max-width:720px){#bauleiste{top:calc(var(--sicher-oben) + var(--touch-gross) + var(--abstand-4));max-width:calc(100vw - var(--sicher-links) - var(--sicher-rechts))}}#sozial{position:fixed;left:var(--rand-fenster);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--abstand-4);width:min(var(--breite-sozial),calc(100vw - 2 * var(--rand-fenster)));max-height:min(70vh,560px);padding:var(--abstand-4);pointer-events:none}#sozial[hidden]{display:none}#sozial[data-verdeckt=ja]{visibility:hidden}.soz-kopf{display:flex;flex-wrap:wrap;gap:var(--abstand-3)}#sozial button{padding:var(--abstand-3) var(--abstand-6);text-align:left;pointer-events:none;cursor:default}#sozial button:enabled{pointer-events:auto;cursor:pointer}#sozial button:disabled{opacity:.45}#sozial button.soz-weg:enabled{border-color:var(--gefahr-rand);background:var(--gefahr-flaeche)}.soz-hinweis,.soz-listenhinweis{margin:0;color:var(--muted);font-size:var(--text-s)}.soz-liste{display:flex;flex-direction:column;gap:var(--abstand-3);min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-top:var(--abstand-3);border-top:1px solid var(--line)}.soz-liste[hidden]{display:none}.soz-zeile{display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-3)}.soz-name{flex:1 1 100%;min-width:0;overflow-wrap:anywhere}#obenlinks{position:fixed;left:var(--sicher-links);top:var(--sicher-oben);display:flex;pointer-events:none}#konto{position:relative;display:flex;align-items:center;gap:var(--abstand-2);height:var(--touch-gross);margin-left:var(--abstand-3);padding:0 var(--abstand-4);border-radius:var(--radius-rund);background:var(--panel);backdrop-filter:var(--unschaerfe);color:var(--ink);font-family:var(--schrift-zahlen);font-size:var(--text-m);font-weight:var(--gewicht-stark);white-space:nowrap;pointer-events:none}#konto[hidden]{display:none}#konto .konto-symbol{color:var(--akzent)}#konto .konto-plus{position:absolute;left:100%;top:50%;margin-left:var(--abstand-2);opacity:0;color:var(--good);text-shadow:0 1px 2px var(--maske);transform:translateY(-50%)}#konto .konto-plus[data-richtung=ab]{color:var(--warn)}#konto .konto-plus.an{animation:konto-plus 1.6s var(--kurve-aus) forwards}@keyframes konto-plus{0%{opacity:0;transform:translateY(-20%)}12%{opacity:1;transform:translateY(-50%)}70%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(-110%)}}@keyframes konto-plus-ruhig{0%,80%{opacity:1}to{opacity:0}}:root[data-bewegung=reduziert] #konto .konto-plus.an{animation-name:konto-plus-ruhig}@media(prefers-reduced-motion:reduce){:root:not([data-bewegung=voll]) #konto .konto-plus.an{animation-name:konto-plus-ruhig}}#werkzeuge{position:fixed;right:var(--sicher-rechts);top:var(--sicher-oben);display:flex;gap:var(--abstand-3);pointer-events:none}#werkzeuge button,#obenlinks button{justify-content:center;width:var(--touch-gross);height:var(--touch-gross);border-radius:var(--radius-rund);padding:0;background:var(--panel);backdrop-filter:var(--unschaerfe);pointer-events:auto;cursor:pointer}#werkzeuge button .aw-icon,#obenlinks button .aw-icon{width:var(--icon-gross);height:var(--icon-gross)}#obenlinks button[aria-expanded=true],#werkzeuge button[aria-pressed=true],#werkzeuge button[aria-expanded=true]{border-color:var(--akzent-rand);background:var(--akzent-flaeche-stark)}#help{position:fixed;background:var(--panel-dicht);left:var(--sicher-links);bottom:var(--sicher-unten);display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--abstand-4) var(--abstand-8);width:min(var(--breite-hilfe),calc(100vw - 2 * var(--rand-fenster)));padding:var(--abstand-5) var(--abstand-7);color:var(--muted);font-size:var(--text-m);line-height:var(--zeile-eng);pointer-events:none}#help[hidden]{display:none}#help h2{margin:0 0 var(--abstand-2);color:var(--ink);font-size:var(--text-s);font-weight:var(--gewicht-stark);letter-spacing:var(--sperrung-klein);text-transform:uppercase}#help ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--abstand-1)}#help kbd{display:inline-block;min-width:20px;padding:0 var(--abstand-2);margin:0 1px;border:1px solid var(--line);border-bottom-width:2px;border-radius:var(--radius-klein);background:var(--flaeche);color:var(--ink);font:inherit;text-align:center}#einstellungen{position:fixed;background:var(--panel-dicht);left:var(--sicher-links);top:calc(var(--sicher-oben) + var(--touch-gross) + var(--abstand-4));max-height:calc(100vh - var(--sicher-oben) - var(--touch-gross) - var(--abstand-4) - var(--sicher-unten));overflow-y:auto;z-index:var(--ebene-panel);display:flex;flex-direction:column;gap:var(--abstand-3);width:min(var(--breite-einstellungen),calc(100vw - 2 * var(--rand-fenster)));padding:var(--abstand-5);pointer-events:none}#einstellungen[hidden]{display:none}#einstellungen .es-kacheln{display:flex;gap:var(--abstand-3);align-items:flex-start}#einstellungen .es-kacheln>button.es-kachel{flex:1 1 0;min-width:0}#einstellungen .es-kacheln>button.es-zu{flex:none}#einstellungen button.es-kachel{flex-direction:column;justify-content:center;align-items:center;gap:var(--abstand-2);min-height:64px;padding:var(--abstand-3);text-align:center;font-weight:var(--gewicht-stark)}#einstellungen button.es-klappe:not(.es-kachel){justify-content:flex-start;gap:var(--abstand-4)}#einstellungen button.es-kachel .aw-icon{width:var(--icon-gross);height:var(--icon-gross)}#einstellungen button.es-zu{width:var(--touch);justify-content:center;padding:0;border-radius:var(--radius-rund)}#einstellungen .es-spalten{display:flex;flex-direction:column;gap:var(--abstand-3)}#einstellungen .es-spalte{display:flex;flex-direction:column;gap:var(--abstand-3);min-width:0}@media(max-height:500px)and (min-width:760px){#einstellungen{width:min(640px,calc(100vw - 2 * var(--rand-fenster) - 230px));gap:var(--abstand-3);padding:var(--abstand-4)}#einstellungen .es-spalten{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#einstellungen .es-geraet{gap:var(--abstand-2)}#einstellungen button.es-kachel{min-height:52px;flex-direction:row}}#album{position:fixed;left:var(--sicher-links);top:calc(var(--sicher-oben) + var(--touch-gross) + var(--abstand-4));max-height:calc(100vh - var(--sicher-oben) - var(--touch-gross) - var(--abstand-4) - var(--sicher-unten));overflow-y:auto;z-index:var(--ebene-panel);display:flex;flex-direction:column;gap:var(--abstand-3);width:min(var(--breite-einstellungen),calc(100vw - 2 * var(--rand-fenster)));padding:var(--abstand-5);background:var(--panel-dicht);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--schatten-panel);animation:aw-ein var(--dauer-mittel) var(--kurve-aus) both;color:var(--ink);pointer-events:none}#album[hidden]{display:none}#album .al-kopf{display:flex;align-items:center;gap:var(--abstand-3)}#album .al-kopf h2{flex:1 1 auto;margin:0;font-size:var(--text-m);letter-spacing:var(--sperrung-titel);text-transform:uppercase;color:var(--muted)}#album .al-summe{font-family:var(--schrift-zahlen);font-weight:var(--gewicht-stark)}#album button.al-zu{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch);min-height:var(--touch);border:1px solid var(--line);border-radius:var(--radius-rund);background:var(--flaeche);color:var(--ink);box-shadow:var(--schatten-knopf);pointer-events:auto}#album button.al-zu:hover{background-color:var(--flaeche-hover)}#album button.al-zu:focus-visible{outline:var(--fokus-ring) solid var(--fokus);outline-offset:var(--fokus-abstand)}#album .al-seiten{display:flex;flex-direction:column;gap:var(--abstand-4)}#album .al-zeile{display:flex;align-items:baseline;gap:var(--abstand-3)}#album .al-zeile h3{flex:1 1 auto;margin:0;font-size:var(--text-m)}#album .al-zahl{font-family:var(--schrift-zahlen);color:var(--muted)}#album .al-region[data-vollstaendig=ja] .al-zahl{color:var(--good)}#album .al-stuecke{display:flex;flex-wrap:wrap;gap:var(--abstand-2);margin-top:var(--abstand-2)}#album .al-stueck{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-klein);background:var(--flaeche);border:1px solid var(--line)}#album .al-stueck[data-gefunden=nein] canvas{filter:brightness(0) opacity(.35)}#auftraege{position:fixed;left:var(--sicher-links);top:calc(var(--sicher-oben) + var(--touch-gross) + var(--abstand-4));max-height:calc(100vh - var(--sicher-oben) - var(--touch-gross) - var(--abstand-4) - var(--sicher-unten));overflow-y:auto;z-index:var(--ebene-panel);display:flex;flex-direction:column;gap:var(--abstand-3);width:min(var(--breite-einstellungen),calc(100vw - 2 * var(--rand-fenster)));padding:var(--abstand-5);background:var(--panel-dicht);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--schatten-panel);animation:aw-ein var(--dauer-mittel) var(--kurve-aus) both;color:var(--ink);pointer-events:none}#auftraege[hidden]{display:none}#auftraege .af-kopf{display:flex;align-items:center;gap:var(--abstand-3)}#auftraege .af-kopf h2{flex:1 1 auto;margin:0;font-size:var(--text-m);letter-spacing:var(--sperrung-titel);text-transform:uppercase;color:var(--muted)}#auftraege .af-summe{font-family:var(--schrift-zahlen);font-weight:var(--gewicht-stark)}#auftraege button.af-zu{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch);min-height:var(--touch);border:1px solid var(--line);border-radius:var(--radius-rund);background:var(--flaeche);color:var(--ink);box-shadow:var(--schatten-knopf);pointer-events:auto}#auftraege button.af-zu:hover{background-color:var(--flaeche-hover)}#auftraege button.af-zu:focus-visible{outline:var(--fokus-ring) solid var(--fokus);outline-offset:var(--fokus-abstand)}#auftraege .af-hinweis{margin:0;color:var(--muted);font-size:var(--text-s)}#auftraege .af-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--abstand-2)}#auftraege .af-auftrag,#auftraege .af-zeile{display:flex;align-items:center;gap:var(--abstand-3)}#auftraege .af-haken{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:22px;height:22px;border-radius:var(--radius-klein);border:1px solid var(--line);background:var(--flaeche);color:var(--good)}#auftraege .af-satz{flex:1 1 auto}#auftraege .af-auftrag[data-erledigt=ja] .af-satz{color:var(--muted);text-decoration:line-through}#auftraege .af-lohn{font-family:var(--schrift-zahlen);font-weight:var(--gewicht-stark)}#auftraege .af-gross{display:flex;flex-direction:column;gap:var(--abstand-2);border-top:1px solid var(--line);padding-top:var(--abstand-3)}#auftraege .af-gross[hidden]{display:none}#auftraege .af-gross h3{margin:0;font-size:var(--text-m)}#auftraege .af-balken{height:10px;border-radius:var(--radius-rund);background:var(--flaeche);border:1px solid var(--line);overflow:hidden}#auftraege .af-balken>span{display:block;height:100%;background:var(--good)}#auftraege .af-zahl{margin:0;font-family:var(--schrift-zahlen);color:var(--muted)}#auftraege .af-gross[data-erledigt=ja] .af-zahl{color:var(--good)}#bestenliste{position:fixed;left:var(--sicher-links);top:calc(var(--sicher-oben) + var(--touch-gross) + var(--abstand-4));z-index:var(--ebene-panel);display:flex;flex-direction:column;gap:var(--abstand-2);width:min(var(--breite-einstellungen),calc(100vw - 2 * var(--rand-fenster)));padding:var(--abstand-5);background:var(--panel-dicht);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--schatten-panel);animation:aw-ein var(--dauer-mittel) var(--kurve-aus) both;color:var(--ink);pointer-events:none}#bestenliste[hidden]{display:none}#bestenliste h2{margin:0;font-size:var(--text-m);letter-spacing:var(--sperrung-titel);text-transform:uppercase;color:var(--muted)}#bestenliste .bl-hinweis{margin:0;color:var(--muted);font-size:var(--text-s)}#bestenliste .bl-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--abstand-1)}#bestenliste .bl-zeile{display:flex;align-items:baseline;gap:var(--abstand-3);padding:2px var(--abstand-2);border-radius:var(--radius-klein)}#bestenliste .bl-zeile[data-eigener=ja]{background:var(--flaeche);font-weight:var(--gewicht-stark)}#bestenliste .bl-rang{flex:0 0 2.5em;font-family:var(--schrift-zahlen);color:var(--muted)}#bestenliste .bl-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#bestenliste .bl-zeit{font-family:var(--schrift-zahlen);font-weight:var(--gewicht-stark)}#stoppuhr{position:fixed;left:50%;top:calc(var(--sicher-oben) + var(--touch-gross) + var(--abstand-4));transform:translate(-50%);z-index:var(--ebene-panel);display:flex;flex-direction:column;align-items:center;gap:2px;min-width:9em;padding:var(--abstand-2) var(--abstand-5);border-radius:var(--radius-panel);background:var(--panel);backdrop-filter:var(--unschaerfe);box-shadow:var(--schatten-panel);color:var(--ink);text-align:center;pointer-events:none}#stoppuhr[hidden]{display:none}#stoppuhr .su-titel{font-size:var(--text-s);color:var(--muted);letter-spacing:var(--sperrung-titel);text-transform:uppercase}#stoppuhr .su-zeit{font-family:var(--schrift-zahlen);font-size:var(--text-l);font-weight:var(--gewicht-stark)}#stoppuhr .su-zusatz{font-size:var(--text-s)}#stoppuhr .su-zusatz[hidden]{display:none}#stoppuhr[data-art=neu] .su-zusatz{color:var(--good);font-weight:var(--gewicht-stark)}#stoppuhr[data-art=ende] .su-zusatz{color:var(--muted)}#einstellungen h2{margin:0 0 var(--abstand-2);font-size:var(--text-m);letter-spacing:var(--sperrung-titel);text-transform:uppercase;color:var(--muted);font-weight:var(--gewicht-stark)}#einstellungen button{justify-content:space-between;width:100%;padding:var(--abstand-3) var(--abstand-5);text-align:left;pointer-events:auto;cursor:pointer}#einstellungen .es-name{flex:1;display:inline-flex;align-items:center;gap:var(--abstand-4)}#einstellungen .es-stand{display:inline-flex;align-items:center;gap:var(--abstand-3);color:var(--muted);font-size:var(--text-m)}#einstellungen .es-pille{position:relative;width:30px;height:18px;border-radius:var(--radius-rund);background:var(--flaeche-stark);border:1px solid var(--line);transition:background-color var(--dauer-kurz) var(--kurve-standard)}#einstellungen .es-pille:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:var(--radius-rund);background:var(--muted);transition:translate var(--dauer-kurz) var(--kurve-aus),background-color var(--dauer-kurz) var(--kurve-standard)}#einstellungen button[aria-checked=true] .es-pille{background:var(--akzent-flaeche-stark)}#einstellungen button[aria-checked=true] .es-pille:after{translate:12px 0;background:var(--akzent)}#einstellungen button[aria-checked=true] .es-stand{color:var(--ink)}#einstellungen .es-stimmung{display:flex;flex-direction:column;gap:var(--abstand-2)}#einstellungen .es-stimmung-titel{color:var(--muted);font-size:var(--text-s)}#einstellungen .es-stimmung-reihe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--abstand-2)}#einstellungen .es-stimmung-reihe button{justify-content:center;padding:0}#einstellungen .es-stimmung-reihe canvas{pointer-events:none}#einstellungen .es-stimmung-auto{font-size:var(--text-s);font-weight:var(--gewicht-stark)}#einstellungen .es-status{display:flex;flex-direction:column;gap:var(--abstand-2)}#einstellungen .es-status-reihe{display:flex;gap:var(--abstand-2)}#einstellungen .es-status input{pointer-events:auto;cursor:text;flex:1 1 auto;min-width:0;min-height:var(--touch);padding:var(--abstand-2) var(--abstand-4);border:1px solid var(--line);border-radius:var(--radius-feld);background:var(--flaeche);color:var(--ink);font:inherit;font-size:max(var(--text-m),16px)}#einstellungen .es-status input:focus-visible{outline:var(--fokus-ring) solid var(--fokus)}#einstellungen .es-status button{flex:none;width:auto;min-width:var(--touch);justify-content:center}#einstellungen .es-stimmung-reihe button[aria-pressed=true]{border-color:var(--akzent-rand);background:var(--akzent-flaeche)}#einstellungen .es-hinweis{margin:0;color:var(--muted);font-size:var(--text-s)}#chat{position:fixed;left:50%;bottom:calc(var(--sicher-unten) + var(--touch-gross) * 2 + var(--abstand-8));transform:translate(-50%);width:min(var(--breite-chat),calc(100vw - 2 * var(--rand-fenster)));padding:var(--abstand-4) var(--abstand-5);backdrop-filter:var(--unschaerfe)}#chat[hidden]{display:none}#chatline{width:100%;min-height:var(--touch);padding:var(--abstand-3) var(--abstand-4);border:1px solid var(--line);border-radius:var(--radius-feld);background:var(--flaeche);color:var(--ink);font:inherit}#chatline:focus{outline:1px solid var(--fokus)}#freundchat{position:fixed;left:var(--sicher-links);bottom:var(--sicher-unten);display:flex;flex-direction:column;align-items:flex-start;gap:var(--abstand-2);max-width:min(420px,44vw);pointer-events:none}#freundchat[hidden]{display:none}.freundchat-zeile{max-width:100%;padding:var(--abstand-2) var(--abstand-4);border-radius:var(--radius-feld);background:#0e111a80;color:#fff;font-size:var(--text-s);line-height:var(--zeile-eng);text-shadow:0 1px 2px rgba(0,0,0,.8);overflow-wrap:anywhere;transition:opacity .12s linear}.freundchat-zeile b{font-weight:600}body[data-zeiger=touch] #freundchat{bottom:calc(var(--sicher-unten) + var(--stick-groesse) + var(--abstand-4))}body:has(#help:not([hidden])) #freundchat{bottom:auto;top:calc(var(--sicher-oben) + var(--touch-gross) + var(--abstand-4))}#anmeldung{position:fixed;inset:0;display:flex;overflow-y:auto;padding:var(--sicher-oben) var(--sicher-rechts) var(--sicher-unten) var(--sicher-links);background:var(--maske);z-index:var(--ebene-maske)}#anmeldung[hidden],#anmeldung form[hidden],#anmeldewahl[hidden]{display:none}#anmeldung form,#anmeldewahl{margin:auto;width:min(var(--breite-anmeldung),100%);padding:var(--abstand-9) var(--abstand-9) var(--abstand-8);border-radius:var(--radius-karte);box-shadow:var(--schatten-karte)}#anmeldung h2{margin:0 0 var(--abstand-2);font-size:var(--text-xl);font-weight:var(--gewicht-stark)}#anmeldewahl{width:min(var(--breite-anmeldewahl),100%)}#anmeldewahl h2{margin-bottom:var(--abstand-8);text-align:center}#anmeldewahl .logo{margin:0 0 var(--abstand-8);text-align:center;line-height:0}#anmeldewahl .logo img{width:min(100%,480px);height:auto}#anmeldewahl .wahlen{display:grid;grid-template-columns:1fr 1fr;gap:var(--abstand-6)}#anmeldewahl button{flex-direction:column;justify-content:center;gap:var(--abstand-4);min-height:calc(2 * var(--touch-gross));padding:var(--abstand-8) var(--abstand-5);text-align:center}#anmeldewahl .wahl-frage{font-size:var(--text-l)}#anmeldewahl .wahl-tat{color:var(--muted);font-weight:var(--gewicht-normal)}#anmeldung button#wahlneu{background:var(--akzent-flaeche);border-color:var(--akzent-rand-schwach)}#anmeldung .kopf{display:flex;align-items:center;gap:var(--abstand-5);margin-bottom:var(--abstand-2)}#anmeldung .kopf h2{margin:0}#anmeldung button#anmeldezurueck{flex:0 0 auto;padding:0;font-size:var(--text-xl)}#anmeldung p.hinweis{margin:0 0 var(--abstand-8);color:var(--muted)}#anmeldung label{display:block;margin:0 0 var(--abstand-5);color:var(--muted)}#anmeldung label[hidden]{display:none}#anmeldung input{display:block;width:100%;min-height:var(--touch);margin-top:var(--abstand-2);padding:var(--abstand-4) var(--abstand-5);border:1px solid var(--line);border-radius:var(--radius-feld);background:var(--flaeche);color:var(--ink);font:inherit;font-size:max(var(--text-l),16px)}#anmeldung input:focus{outline:1px solid var(--fokus)}#pin{letter-spacing:.35em}#anmeldung .knoepfe{display:flex;gap:var(--abstand-4);margin-top:var(--abstand-7)}#anmeldung button{flex:1;justify-content:center;padding:var(--abstand-4) var(--abstand-5);background:var(--flaeche-stark);font-weight:var(--gewicht-stark);cursor:pointer}#anmeldung button.haupt{background:var(--akzent-flaeche);border-color:var(--akzent-rand-schwach)}#anmeldung button:disabled{opacity:.5;cursor:default}#anmeldefehler{min-height:1.45em;margin:var(--abstand-5) 0 0;color:var(--bad)}@media(max-height:500px)and (orientation:landscape){#anmeldung form{width:min(var(--breite-anmeldewahl),100%)}#anmeldung form,#anmeldewahl{padding:var(--abstand-6) var(--abstand-8) var(--abstand-5)}#anmeldewahl h2,#anmeldewahl .logo{margin-bottom:var(--abstand-5)}#anmeldewahl .logo img{width:min(100%,480px,26vh * 5.2);height:auto}#anmeldewahl button{min-height:var(--touch-kontext);padding:var(--abstand-5)}#anmeldung p.hinweis{margin-bottom:var(--abstand-5);font-size:var(--text-m)}#anmeldung .felder{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--abstand-5)}#anmeldung label{margin:0}#anmeldung form:not([hidden]){display:grid;grid-template-columns:1fr minmax(160px,auto);column-gap:var(--abstand-6);align-items:center}#anmeldung form>.kopf,#anmeldung form>.hinweis,#anmeldung form>.felder{grid-column:1 / -1}#anmeldefehler,#anmeldung .knoepfe{margin-top:var(--abstand-5)}}#baukasten{position:fixed;inset:0;display:grid;place-items:center;background:var(--maske);z-index:var(--ebene-maske)}#baukasten[hidden]{display:none}.bk-karte{display:flex;flex-direction:column;width:min(var(--breite-baukasten),calc(100vw - 2 * var(--rand-fenster)));max-height:calc(100vh - 2 * var(--rand-fenster));padding:var(--abstand-8) 20px var(--abstand-7);border-radius:var(--radius-karte);box-shadow:var(--schatten-karte)}.bk-kopf h2{margin:0 0 var(--abstand-6);font-size:var(--text-xl);font-weight:var(--gewicht-stark)}#baukasten .bk-karte{height:min(640px,calc(100vh - 2 * var(--rand-fenster)))}#baukasten .bk-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--abstand-5);margin-bottom:var(--abstand-6)}#baukasten .bk-kopf h2{margin:0}.bk-knoepfe{display:flex;flex-wrap:wrap;gap:var(--abstand-4)}#baukasten button.bk-fertig{background:var(--akzent-flaeche);border-color:var(--akzent-rand-schwach);font-weight:var(--gewicht-stark)}.bk-koerper{display:flex;gap:var(--abstand-7);flex:1 1 auto;min-height:0}.bk-vorschau{flex:none;display:flex;align-items:center;justify-content:center;width:300px;border-radius:var(--radius-panel);background:var(--flaeche-schwach);touch-action:none;cursor:grab}.bk-vorschau:active{cursor:grabbing}.bk-vorschaubild{display:block;width:100%;height:auto;max-height:100%;aspect-ratio:1}.bk-rechts{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--abstand-5)}.bk-reiter{display:flex;flex:none;flex-wrap:wrap;gap:var(--abstand-3);scrollbar-width:none}@media(max-width:640px){.bk-reiter{flex-wrap:nowrap;overflow-x:auto;touch-action:pan-x}}.bk-reiter::-webkit-scrollbar{display:none}#baukasten .bk-reiter button{flex:none}.bk-gitter{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-auto-rows:max-content;align-content:start;gap:var(--abstand-4);padding:2px}.bk-gitter[data-reiter=haut]{grid-template-columns:repeat(auto-fill,56px)}#baukasten button.bk-kachel{flex-direction:column;gap:var(--abstand-2);padding:var(--abstand-3);min-width:0}#baukasten button.bk-kachel span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-s)}.bk-kachelbild{width:72px;height:72px;display:block;border-radius:var(--radius-feld)}div.bk-kachelbild{background:var(--flaeche-schwach)}#baukasten button.bk-hautknopf{width:56px;height:56px;padding:0;border-radius:var(--radius-rund);border:2px solid var(--line)}#baukasten button.bk-hautknopf.bk-an{border-color:var(--akzent);box-shadow:0 0 0 2px var(--akzent-rand)}@media(max-width:640px)and (min-height:501px){.bk-koerper{flex-direction:column}.bk-vorschau{width:auto;height:200px}.bk-vorschaubild{width:auto;height:100%}}@media(max-height:500px){#baukasten{place-items:stretch}#baukasten .bk-karte{width:100vw;height:100vh;height:100dvh;max-height:none;border-radius:0;border:none;padding:var(--sicher-oben) var(--sicher-rechts) var(--sicher-unten) var(--sicher-links)}#baukasten .bk-kopf{margin-bottom:var(--abstand-4)}#baukasten .bk-kopf h2{display:none}#baukasten .bk-knoepfe{margin-left:auto}.bk-koerper{gap:var(--abstand-5)}.bk-vorschau{width:auto;aspect-ratio:1;height:100%;max-width:40vw}.bk-rechts{flex-direction:row;gap:var(--abstand-4)}#baukasten .bk-reiter{flex-direction:column;flex-wrap:nowrap;overflow-x:hidden;overflow-y:auto;touch-action:pan-y}#baukasten .bk-reiter button{justify-content:flex-start}.bk-gitter{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:var(--abstand-3)}.bk-kachelbild{width:60px;height:60px}}.bk-chips{display:flex;flex-wrap:wrap;gap:var(--abstand-3)}#baukasten button.bk-an{background:var(--akzent-flaeche-stark);border-color:var(--akzent-rand);color:var(--ink)}#baukasten button{justify-content:center;padding:var(--abstand-2) var(--abstand-6);border-radius:var(--radius-feld);background:var(--flaeche-stark);cursor:pointer}.bk-label{margin:0 0 5px;color:var(--muted);font-size:var(--text-s);letter-spacing:var(--sperrung-klein);text-transform:uppercase}#bausatz{--leiste-hoehe: calc(var(--touch) + 2 * var(--abstand-2) + 2px);position:fixed;top:calc(var(--sicher-oben) + var(--leiste-hoehe) + var(--abstand-4));left:var(--sicher-links);right:var(--sicher-rechts);bottom:var(--sicher-unten);display:flex;justify-content:center;align-items:stretch;pointer-events:none;z-index:var(--ebene-panel)}#bausatz[hidden]{display:none}#bausatz .bk-karte{width:min(var(--breite-katalog),100%);max-height:100%;min-height:0;padding:var(--abstand-5) var(--abstand-6) var(--abstand-6);background:var(--panel-dicht);pointer-events:auto}@media(max-height:500px){#bausatz .bk-kopf{margin-bottom:var(--abstand-3)}#bausatz .bk-kopf .bk-reiter{gap:var(--abstand-2);flex-wrap:nowrap;overflow-x:auto}#bausatz .bk-kopf .bk-reiter button{padding-inline:var(--abstand-3);font-size:var(--text-s)}}@media(max-width:720px){#bausatz{top:calc(var(--sicher-oben) + var(--touch-gross) + 2 * var(--abstand-4) + var(--leiste-hoehe))}#bausatz .bk-karte{padding:var(--abstand-4)}#bausatz .bk-kopf .bk-reiter{gap:var(--abstand-2);flex-wrap:nowrap;overflow-x:auto}#bausatz .bk-kopf .bk-reiter button{padding-inline:var(--abstand-3);font-size:var(--text-s)}}#bausatz .bk-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--abstand-3);margin-bottom:var(--abstand-5)}#bausatz .bk-reiter{display:flex;flex-wrap:wrap;gap:var(--abstand-3);flex:0 1 auto;min-width:0}#bausatz button.bk-zu{width:var(--touch);padding:0;flex:none;margin-left:auto}#bausatz .bk-kopf{flex-wrap:wrap}#bausatz .bk-kopf .bs-kopf{flex:1 1 200px;flex-wrap:nowrap;min-width:0}#bausatz .bk-kopf .bs-kopf[hidden]{display:none}#bausatz .bk-kopf .bs-zaehler{margin:0;white-space:nowrap}#bausatz .bs-koerper{flex:1 1 auto}#bausatz .bs-koerper.bs-katalog{display:flex;flex-direction:column;overflow:hidden}#bausatz .bs-katalog .bs-fenster{flex:1 1 auto;min-height:0;max-height:none}#bausatz .bk-karte .bs-koerper[hidden]{display:none}#bausatz .bs-koerper .bk-label{margin-top:var(--abstand-6)}#bausatz .bs-koerper .bk-label:first-child{margin-top:0}#bausatz .bs-werkzeuge button[data-bl]{gap:var(--abstand-3)}#bausatz .bs-werkzeuge button.bl-an{background:var(--akzent-flaeche-stark);border-color:var(--akzent-rand)}.bs-hinweis{margin:0 0 var(--abstand-6);color:var(--muted);font-size:var(--text-m)}.bs-koerper{min-height:0;overflow-y:auto;padding-right:var(--abstand-3)}.bs-kopf{display:flex;align-items:center;gap:var(--abstand-4);flex-wrap:wrap}.bs-kopf .bk-label{margin:0}#bausatz input.bs-suche{flex:1 1 200px;min-width:140px;min-height:var(--touch);padding:var(--abstand-4) var(--abstand-6);border:1px solid var(--line);border-radius:var(--radius-feld);background:var(--flaeche);color:var(--ink);font:inherit}.bs-zaehler{color:var(--muted);font-size:var(--text-s);margin:var(--abstand-2) 0 var(--abstand-3)}.bs-fenster{max-height:min(46vh,420px);overflow-y:auto;overscroll-behavior:contain}.bs-spur{position:relative}.bs-kacheln{display:grid;position:absolute;left:0;right:0;top:0}#bausatz button{justify-content:center;padding:var(--abstand-2) var(--abstand-6);border-radius:var(--radius-feld);background:var(--flaeche-stark);cursor:pointer}#bausatz button.bs-kachel{flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;padding:var(--abstand-5) var(--abstand-3) var(--abstand-4);text-align:center;overflow:hidden}.bs-fleck{display:block;border-radius:3px;align-self:center}.bs-bild{display:block;align-self:center;image-rendering:pixelated}.bs-name{font-size:var(--text-s);line-height:var(--zeile-eng)}.bs-leer{color:var(--muted);font-size:var(--text-m)}#bausatz button.bs-kachel{position:relative}#bausatz button.bs-gesperrt .bs-bild,#bausatz button.bs-gesperrt .bs-fleck{opacity:.45;filter:saturate(.4)}.bs-schild{position:absolute;top:var(--abstand-2);right:var(--abstand-2);padding:0 var(--abstand-2);border-radius:var(--radius-feld);background:var(--panel);color:var(--ink);font-size:var(--text-s);line-height:var(--zeile-eng);white-space:nowrap;pointer-events:none}#bausatz .bk-chips button.bs-gesperrt{opacity:.6}.bs-kauf{display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-4);margin-bottom:var(--abstand-4);padding:var(--abstand-4) var(--abstand-5);border:1px solid var(--akzent-rand);border-radius:var(--radius-feld);background:var(--akzent-flaeche-stark)}.bs-kauf[hidden]{display:none}.bs-kauf-text{flex:1 1 220px;font-size:var(--text-m)}#bausatz button.bs-kauf-ja{min-height:var(--touch)}#bausatz button.bs-kauf-ja:disabled{opacity:.5;cursor:default}#bausatz button.bs-kauf-nein{min-height:var(--touch)}.bs-blass{opacity:.45}#bausatz button.bs-weg{border-color:var(--gefahr-rand);background:var(--gefahr-flaeche)}#bausatz button.bs-weg:disabled{opacity:.4;cursor:default}#bausatz button.bk-an{background:var(--akzent-flaeche-stark);border-color:var(--akzent-rand)}#fach{position:fixed;left:50%;transform:translate(-50%);top:var(--sicher-oben);width:min(var(--breite-fach),calc(100vw - 2 * var(--rand-fenster)));padding:var(--abstand-5) var(--abstand-6);pointer-events:none}#fach[hidden]{display:none}html[data-bauen=ja] #fach{top:calc(var(--sicher-oben) + var(--touch) + 2 * var(--abstand-2) + 2px + var(--abstand-4) + 1.6em)}@media(max-width:720px){html[data-bauen=ja] #fach{top:calc(var(--sicher-oben) + var(--touch-gross) + 2 * var(--abstand-4) + var(--touch) + 2 * var(--abstand-2) + 2px + 1.6em)}}#fach h2{margin:0 0 var(--abstand-4);font-size:var(--text-m);letter-spacing:var(--sperrung-titel);text-transform:uppercase;color:var(--muted);font-weight:var(--gewicht-stark)}.fach-gitter{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--abstand-3)}#fach button.fach-platz{flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--abstand-2);min-height:62px;padding:var(--abstand-3) var(--abstand-2) 5px;border-radius:var(--radius-feld);text-align:center;overflow:hidden;pointer-events:none;cursor:default}#fach button.fach-platz:enabled{pointer-events:auto;cursor:pointer;border-color:var(--akzent-rand-schwach);background:var(--akzent-flaeche)}.fach-bild{display:block;image-rendering:pixelated;max-width:32px;max-height:32px}.fach-fleck{display:block;width:18px;height:18px;border-radius:3px;background:var(--flaeche-fleck)}.fach-name{font-size:var(--text-xs);line-height:1.15}.fach-leer{color:var(--muted);font-size:var(--text-xs)}.fach-hinweis{margin:var(--abstand-4) 0 0;color:var(--muted);font-size:var(--text-s)}#aktionen{position:fixed;right:var(--sicher-rechts);bottom:var(--sicher-unten);display:grid;grid-template-columns:auto auto auto;grid-template-areas:"spalte . ." "haupt heim sprung";justify-items:center;align-items:end;gap:var(--abstand-6);pointer-events:none}#aktionen[data-modus=aus]{display:none}#help:not([hidden])~#aktionen{visibility:hidden}#aktionen .al-zeile{position:absolute;right:0;bottom:100%;margin-bottom:var(--abstand-4);max-width:min(70vw,320px);padding:var(--abstand-2) var(--abstand-5);border-radius:var(--radius-rund);background:var(--panel);color:var(--ink);font-size:var(--text-m);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#aktionen .al-zeile:empty{display:none}#aktionen .al-spalte{grid-area:spalte;display:flex;flex-direction:column-reverse;align-items:center;gap:var(--abstand-6)}#aktionen .al-knopf{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--touch-kontext);height:var(--touch-kontext);padding:0;border:1px solid var(--line);border-radius:var(--radius-rund);background:var(--panel);backdrop-filter:var(--unschaerfe);color:var(--ink);box-shadow:var(--schatten-panel);pointer-events:auto;cursor:pointer;touch-action:none;transition:background-color var(--dauer-kurz) var(--kurve-standard)}#aktionen .al-knopf .aw-icon{width:var(--icon-gross);height:var(--icon-gross)}#aktionen .al-knopf:enabled:hover{background-color:var(--flaeche-hover)}#aktionen .al-knopf:focus-visible{outline:var(--fokus-ring) solid var(--fokus);outline-offset:var(--fokus-abstand)}#aktionen .al-knopf:disabled{opacity:.45;cursor:default}#aktionen .al-haupt{grid-area:haupt;border-color:var(--akzent-rand);background:var(--akzent-flaeche-stark)}#aktionen .al-haupt[data-leer=ja]{visibility:hidden}#aktionen .al-weitere[data-leer=ja]{display:none}#aktionen .al-heim{grid-area:heim}#aktionen .al-heim[aria-pressed=true]{border-color:var(--akzent-rand);background:var(--akzent-flaeche)}#aktionen .al-sprung{grid-area:sprung;display:none}#aktionen .al-gedrueckt{background:var(--flaeche-fleck)}#aktionen[data-modus=bauen] .al-haupt,#aktionen[data-modus=bauen] .al-heim,#aktionen[data-modus=bauen] .al-spalte,#aktionen[data-modus=bauen] .al-zeile{display:none}.taste{position:absolute;right:-2px;bottom:-2px;min-width:16px;padding:0 3px;border-radius:var(--radius-klein);background:var(--panel-dicht);border:1px solid var(--line);color:var(--muted);font:var(--gewicht-stark) var(--text-xs) / 14px var(--schrift-zahlen);text-align:center;pointer-events:none}body[data-zeiger=touch] #aktionen .al-sprung{display:inline-flex;width:var(--touch-sprung);height:var(--touch-sprung)}body[data-zeiger=touch] #aktionen .al-sprung .aw-icon{width:32px;height:32px}body[data-zeiger=touch] .taste{display:none}@media(max-height:500px){#aktionen{grid-template-columns:auto auto auto auto;grid-template-areas:"spalte haupt heim sprung"}#aktionen .al-spalte{flex-direction:row-reverse}}#ring{position:fixed;left:0;top:0;width:0;height:0;z-index:var(--ebene-panel);pointer-events:none}#ring[hidden]{display:none}#ring .ring-schild{position:absolute;left:0;bottom:12px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;max-width:min(70vw,280px);padding:var(--abstand-2) var(--abstand-5);border-radius:var(--radius-karte);background:var(--panel-dicht);border:1px solid var(--line);box-shadow:var(--schatten-panel);color:var(--ink);font-size:var(--text-m);white-space:nowrap;animation:aw-ein var(--dauer-kurz) var(--kurve-aus) both}#ring:not([data-knoepfe="0"]) .ring-schild{bottom:calc(var(--ring-radius, 64px) + var(--touch-kontext) / 2 + 8px)}#ring .ring-schild strong{overflow:hidden;text-overflow:ellipsis;max-width:100%}#ring .ring-hinweis{color:var(--muted);font-size:var(--text-s)}#ring .ring-hinweis[hidden]{display:none}#ring .ring-knopf{position:absolute;width:var(--touch-kontext);height:var(--touch-kontext);margin:calc(var(--touch-kontext) / -2) 0 0 calc(var(--touch-kontext) / -2);display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--akzent-rand);border-radius:var(--radius-rund);background:var(--akzent-flaeche-stark);color:var(--ink);box-shadow:var(--schatten-panel);pointer-events:auto;touch-action:none;cursor:pointer;animation:aw-ein var(--dauer-kurz) var(--kurve-aus) both}#ring .ring-knopf .aw-icon{width:var(--icon-gross);height:var(--icon-gross)}#ring .ring-knopf:hover{background-color:var(--flaeche-hover)}#ring .ring-knopf:focus-visible{outline:var(--fokus-ring) solid var(--fokus);outline-offset:var(--fokus-abstand)}#wahl{position:fixed;inset:0;z-index:var(--ebene-panel);display:flex;align-items:center;justify-content:center;padding:var(--rand-fenster);background:#080a1073;touch-action:none;animation:aw-ein var(--dauer-kurz) var(--kurve-aus) both}#wahl[hidden]{display:none}#wahl .wahl-karte{width:min(340px,100%);max-height:70vh;display:flex;flex-direction:column;gap:var(--abstand-4);padding:var(--abstand-6);background:var(--panel-dicht);border:1px solid var(--line);border-radius:var(--radius-karte);box-shadow:var(--schatten-karte)}#wahl .wahl-kopf{display:flex;align-items:center;justify-content:space-between}#wahl h2{margin:0;font-size:var(--text-l)}#wahl .wahl-liste{display:flex;flex-direction:column;gap:var(--abstand-3);overflow-y:auto}#wahl button{display:inline-flex;align-items:center;gap:var(--abstand-5);min-height:var(--touch);border:1px solid var(--line);border-radius:var(--radius-rund);background:var(--flaeche);color:var(--ink);font:inherit;cursor:pointer}#wahl button .aw-icon{width:var(--icon-gross);height:var(--icon-gross)}#wahl button:hover{background:var(--flaeche-hover)}#wahl button:focus-visible{outline:var(--fokus-ring) solid var(--fokus);outline-offset:var(--fokus-abstand)}#wahl .wahl-eintrag{padding:0 var(--abstand-7);text-align:left}#wahl .wahl-zu{width:var(--touch);justify-content:center;padding:0}#stick{position:fixed;left:0;bottom:0;width:36vw;height:40vh;display:none;touch-action:none}body[data-zeiger=touch] #stick{display:block}#stick .stick-sockel{position:absolute;left:var(--sicher-links);bottom:var(--sicher-unten);width:var(--stick-groesse);height:var(--stick-groesse);border:2px solid rgba(255,255,255,.28);border-radius:var(--radius-rund);background:#0e111a73;box-shadow:var(--schatten-panel);pointer-events:none}#stick .stick-sockel.stick-aktiv{border-color:#ffffff80}#stick .stick-knauf{position:absolute;left:30%;top:30%;width:40%;height:40%;border-radius:var(--radius-rund);background:#fff6}body[data-zeiger=touch] #hud[data-offen=nein],body[data-zeiger=touch] #help,body[data-zeiger=touch] #einstellungen [data-wz=tasten]{display:none}body[data-zeiger=touch] #chat{top:var(--sicher-oben);bottom:auto}#querformat{display:none}@media(orientation:portrait)and (pointer:coarse){#querformat{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:var(--abstand-5);padding:var(--sicher-oben) var(--sicher-rechts) var(--sicher-unten) var(--sicher-links);background:#000;color:var(--ink);font:600 1.25rem/1.3 var(--schrift);text-align:center;z-index:var(--ebene-querformat);touch-action:none}}#querformat p{margin:0}#querformat .qf-klein{font-size:.9rem;font-weight:400;color:var(--muted)}#querformat .qf-geraet{width:44px;height:76px;border:3px solid currentColor;border-radius:8px;animation:qf-drehen 2.4s ease-in-out infinite}@keyframes qf-drehen{0%,25%{transform:rotate(0)}50%,to{transform:rotate(-90deg)}}@media(prefers-reduced-motion:reduce){#querformat .qf-geraet{animation:none;transform:rotate(-90deg)}}#ladeschirm{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--sicher-oben) var(--sicher-rechts) var(--sicher-unten) var(--sicher-links);background:#080a10;z-index:var(--ebene-lade);opacity:1;transition:opacity calc(var(--dauer-lang) * 2) var(--kurve-standard)}#ladeschirm[hidden]{display:none}#ladeschirm[data-zu=ja]{opacity:0;pointer-events:none}#ladeschirm .lade-karte{width:min(420px,100%);text-align:center}#ladeschirm .lade-logo{width:100%;height:auto}#ladeschirm .lade-balken{height:6px;margin:var(--abstand-6) auto var(--abstand-4);width:70%;border-radius:3px;background:var(--line);overflow:hidden}#ladeschirm .lade-balken>span{display:block;height:100%;width:0;background:var(--akzent);transition:width var(--dauer-lang) var(--kurve-aus)}#ladeschirm .lade-text{margin:0;color:var(--ink);opacity:.75;font-size:var(--text-l)}