/* farmleben/styles.css - Farmleben (Vollbild-Spiel, Typ 1).
   Alle Klassen mit fl_-Präfix. Farben als Variablen; Dark Mode wirkt auf
   Leiste, Anzeigen und Fenster - die Pixel-Welt bleibt bunt. */

:root {
  --fl-gruen: #43a047;
  --fl-gruen-dunkel: #2e7d32;
  --fl-panel: #fff8e6;
  --fl-panel2: #f3e6c8;
  --fl-text: #3e2723;
  --fl-leise: #6d5a4a;
  --fl-rand: #8d5a2b;
  --fl-rand-hell: #c8a27a;
  --fl-knopf: linear-gradient(#ffffff, #f1e4c6);
  --fl-knopf-rand: #b08a5a;
  --fl-haupt: linear-gradient(#66bb6a, #388e3c);
  --fl-schatten: 0 6px 24px rgba(0, 0, 0, .35);
  --fl-hud: rgba(52, 36, 24, .82);
  --fl-rauf: #2e7d32;
  --fl-runter: #c62828;
  --fl-leiste-h: 48px;
}
html[data-theme="dark"] {
  --fl-panel: #2b2520;
  --fl-panel2: #3a3029;
  --fl-text: #f3eadb;
  --fl-leise: #c9b8a6;
  --fl-rand: #6d4c41;
  --fl-rand-hell: #5d4a3c;
  --fl-knopf: linear-gradient(#4a3e35, #3a3029);
  --fl-knopf-rand: #7a6250;
  --fl-hud: rgba(20, 16, 14, .86);
  --fl-rauf: #81c784;
  --fl-runter: #ef9a9a;
}

html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; }
.fl_voll {
  font-family: "Trebuchet MS", "Segoe UI", system-ui, sans-serif;
  background: #1c1714;
  color: var(--fl-text);
  -webkit-tap-highlight-color: transparent;
}
[hidden] { display: none !important; }

/* ---------- JUPI-Leiste (3 Zonen) ---------- */
#fl_leiste {
  position: fixed; top: 0; left: 0; right: 0; height: var(--fl-leiste-h);
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  padding: 0 .6rem; box-sizing: border-box;
  background: linear-gradient(#2e7d32, #43a047); color: #fff; z-index: 40;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
}
html[data-theme="dark"] #fl_leiste { background: linear-gradient(#1b3d1d, #24502a); }
.fl_zurueck {
  justify-self: start; color: #fff; text-decoration: none; font-weight: bold; font-size: .9rem;
  min-height: 40px; display: inline-flex; align-items: center; padding: 0 .7rem; border-radius: 999px;
  background: rgba(255, 255, 255, .14); white-space: nowrap;
}
.fl_zurueck:hover, .fl_zurueck:focus-visible { background: rgba(255, 255, 255, .28); }
.fl_marke { display: flex; align-items: center; gap: .45rem; }
.fl_marke img { width: 32px; height: 32px; }
.fl_marke h1 { margin: 0; font-size: 1.15rem; letter-spacing: .02em; text-shadow: 0 1px 2px rgba(0, 0, 0, .3); }
.fl_werkzeuge { justify-self: end; display: flex; align-items: center; gap: .45rem; }

/* Sprachwahl + Dark-Mode-Schalter (wortgleich zu jupi.css) */
.jupi_sprachen_wahl { display: inline-flex; align-items: center; gap: .3rem; }
.jupi_sprachen_icon { font-size: 1rem; }
.jupi_sprachen_select {
  border: 1px solid rgba(255,255,255,.4); border-radius: 999px; background: rgba(255,255,255,.18);
  color: #fff; font-size: .82rem; padding: .28rem .55rem; cursor: pointer; max-width: 11rem; min-height: 40px;
}
.jupi_sprachen_select:hover { background: rgba(255,255,255,.26); }
.jupi_sprachen_select:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.jupi_sprachen_select option { color: #212121; background: #fff; }
.jupi_theme_switch {
  position: relative; flex-shrink: 0; width: 74px; height: 40px;
  background: rgba(255,255,255,.22); border: 1px solid rgba(255,255,255,.35); border-radius: 999px;
  cursor: pointer; transition: background .15s; padding: 0;
}
.jupi_theme_switch:hover { background: rgba(255,255,255,.32); }
.jupi_theme_switch .jts_icon { position: absolute; top: 50%; transform: translateY(-50%); font-size: .95rem; line-height: 1; transition: opacity .2s; }
.jupi_theme_switch .jts_sun { left: .55rem; }
.jupi_theme_switch .jts_moon { right: .55rem; }
html[data-theme="light"] .jupi_theme_switch .jts_sun { opacity: 0; }
html[data-theme="dark"] .jupi_theme_switch .jts_moon { opacity: 0; }
.jupi_theme_switch .jts_thumb {
  position: absolute; z-index: 2; pointer-events: none; top: 4px; bottom: 4px; left: 4px; width: 30px;
  background: #fff; border-radius: 999px; box-shadow: 0 1px 4px rgba(0,0,0,.35); transition: left .2s ease;
}
html[data-theme="dark"] .jupi_theme_switch .jts_thumb { left: calc(100% - 34px); }

/* ---------- Bühne ---------- */
#fl_buehne {
  position: fixed; top: var(--fl-leiste-h); left: 0; right: 0; bottom: 0; overflow: hidden;
  background: #1c1714;
}
#fl_buehne:fullscreen { top: 0; }
#fl_canvas {
  position: absolute; inset: 0; width: 100%; height: 100%; display: block;
  touch-action: none; image-rendering: pixelated; outline: none;
}
.fl_nur_spiel { display: none; }
body.fl_spielt .fl_nur_spiel { display: block; }
body.fl_spielt #fl_hinweis[hidden], body.fl_spielt #fl_fahrzeug[hidden] { display: none; }

/* Datum/Uhr-Kasten */
#fl_uhrbox {
  position: absolute; top: 10px; left: 10px; min-width: 150px; padding: .45rem .7rem;
  background: var(--fl-hud); color: #fff8e1; border: 2px solid #c8a27a; border-radius: 10px;
  font-size: .9rem; line-height: 1.35; box-shadow: 0 3px 10px rgba(0,0,0,.3); pointer-events: none;
}
#fl_datum { font-weight: bold; }
.fl_uhrzeile { display: flex; align-items: center; gap: .35rem; font-size: 1.2rem; font-weight: bold; }
#fl_wetter { image-rendering: pixelated; }
#fl_geld { color: #ffe082; font-weight: bold; font-size: 1.05rem; }
#fl_jahr { font-size: .75rem; opacity: .8; }
#fl_post_punkt {
  margin-top: .2rem; display: inline-block; background: #e53935; color: #fff; border-radius: 999px;
  padding: 0 .5rem; font-size: .75rem; font-weight: bold;
}

/* Minimap und Knöpfe oben rechts */
#fl_rechts { position: absolute; top: 10px; right: 10px; width: 196px; }
#fl_minimap {
  display: block; width: 192px; height: 132px; border: 2px solid #c8a27a; border-radius: 8px;
  image-rendering: pixelated; cursor: pointer; background: #1c1714; box-shadow: 0 3px 10px rgba(0,0,0,.3);
}
.fl_knopfreihe { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; justify-content: flex-end; }
.fl_knopfreihe button {
  min-height: 40px; min-width: 40px; padding: 0 .55rem; border-radius: 8px; cursor: pointer;
  border: 2px solid #c8a27a; background: var(--fl-hud); color: #fff8e1; font-weight: bold; font-size: .8rem;
}
.fl_knopfreihe button:hover, .fl_knopfreihe button:focus-visible { background: #5d4037; outline: none; }

/* Energie */
#fl_energie {
  position: absolute; right: 12px; bottom: 14px; width: 30px; height: 150px; pointer-events: none;
}
.fl_energie_schiene {
  position: absolute; bottom: 22px; left: 3px; width: 22px; height: 124px; background: rgba(0,0,0,.55);
  border: 2px solid #c8a27a; border-radius: 6px; overflow: hidden; display: block;
}
#fl_energie_balken { position: absolute; bottom: 0; left: 0; right: 0; height: 100%; background: #7cb342; display: block; transition: height .3s; }
.fl_energie_e { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; color: #fff; font-weight: bold; text-shadow: 0 1px 2px #000; }

/* Schnellleiste */
#fl_unten { position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); text-align: center; }
#fl_auswahl_name {
  display: inline-block; min-height: 1.3em; margin-bottom: 4px; padding: 0 .6rem; border-radius: 6px;
  background: rgba(0,0,0,.45); color: #fff; font-size: .85rem; font-weight: bold;
}
#fl_auswahl_name:empty { visibility: hidden; }
#fl_hotbar {
  display: grid; grid-template-columns: repeat(10, 48px); gap: 4px; padding: 6px;
  background: var(--fl-hud); border: 2px solid #c8a27a; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,.35);
}
.fl_slot {
  position: relative; width: 48px; height: 48px; padding: 0; border-radius: 6px; cursor: pointer;
  border: 2px solid #8d6e63; background: #f3e6c8; display: flex; align-items: center; justify-content: center;
}
html[data-theme="dark"] .fl_slot { background: #4a3e35; border-color: #7a6250; }
.fl_slot.fl_aktiv { border-color: #ffd54f; box-shadow: 0 0 0 2px #ffd54f, inset 0 0 0 2px #fff3; background: #fff3c4; }
html[data-theme="dark"] .fl_slot.fl_aktiv { background: #6d5a3a; }
.fl_slot.fl_inhand { outline: 2px dashed #43a047; outline-offset: -4px; }
.fl_slot.fl_schnell { background: #fff3d6; }
html[data-theme="dark"] .fl_slot.fl_schnell { background: #554638; }
.fl_slot.fl_gesperrt { opacity: .45; }
.fl_slot:disabled { opacity: .4; cursor: default; }
.fl_slot:focus-visible { outline: 3px solid #1e88e5; outline-offset: 1px; }
.fl_sym { width: 32px; height: 32px; image-rendering: pixelated; pointer-events: none; }
.fl_sym_gross { width: 48px; height: 48px; }
.fl_anzahl {
  position: absolute; right: 2px; bottom: 0; font-size: .75rem; font-weight: bold; color: #fff;
  text-shadow: 0 0 2px #000, 0 0 2px #000; pointer-events: none;
}
.fl_slotnr { position: absolute; left: 3px; top: 0; font-size: .6rem; color: #8d6e63; pointer-events: none; }
html[data-theme="dark"] .fl_slotnr { color: #c9b8a6; }
.fl_wasser { position: absolute; left: 4px; bottom: 3px; height: 3px; background: #29b6f6; border-radius: 2px; pointer-events: none; max-width: 40px; }

/* Hinweis, Meldungen, Ortsname */
#fl_hinweis {
  position: absolute; left: 50%; bottom: 112px; transform: translateX(-50%);
  background: rgba(0,0,0,.6); color: #fff; padding: .3rem .8rem; border-radius: 999px; font-size: .9rem;
  pointer-events: none; white-space: nowrap;
}
#fl_meldungen {
  position: absolute; top: 12px; left: 50%; transform: translateX(-50%); width: min(520px, 60vw);
  display: flex; flex-direction: column; gap: 6px; align-items: center; pointer-events: none; z-index: 30;
}
.fl_meldung {
  padding: .45rem .9rem; border-radius: 10px; font-size: .92rem; font-weight: bold; color: #3e2723;
  background: #fff8e1; border: 2px solid #c8a27a; box-shadow: 0 3px 10px rgba(0,0,0,.3);
  transition: opacity .5s, transform .5s; text-align: center;
}
html[data-theme="dark"] .fl_meldung { background: #3a3029; color: #f3eadb; }
.fl_m_ok { border-color: #66bb6a; }
.fl_m_fehler { border-color: #e57373; }
.fl_m_ziel { border-color: #ffb300; background: #fff3c4; }
html[data-theme="dark"] .fl_m_ziel { background: #5a4a20; }
.fl_meldung.fl_weg { opacity: 0; transform: translateY(-8px); }
#fl_ort {
  position: absolute; top: 34%; left: 50%; transform: translateX(-50%); font-size: 1.8rem; font-weight: bold;
  color: #fff; text-shadow: 0 2px 6px #000; opacity: 0; pointer-events: none; white-space: nowrap;
}
#fl_ort.fl_zeigen { animation: fl_ort 2.2s ease; }
@keyframes fl_ort { 0% { opacity: 0; } 15% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }

/* Fahrzeug-Anzeige */
#fl_fahrzeug {
  position: absolute; left: 10px; bottom: 120px; width: 210px; padding: .5rem; color: #fff8e1;
  background: var(--fl-hud); border: 2px solid #c8a27a; border-radius: 10px; font-size: .85rem;
}
#fl_fahrzeug .fl_knopf { width: 100%; margin-top: 4px; }
.fl_diesel { margin: .3rem 0; }
.fl_diesel_schiene { display: block; height: 8px; background: rgba(0,0,0,.5); border-radius: 4px; overflow: hidden; margin-top: 2px; }
.fl_diesel_balken { display: block; height: 100%; background: #fbc02d; }
.fl_senken.fl_an { background: linear-gradient(#ffd54f, #ffb300); color: #3e2723; }

/* Touch-Steuerung */
#fl_touchsteuer { display: none !important; }
body.fl_touch.fl_spielt #fl_touchsteuer { display: block !important; }
#fl_joy {
  position: absolute; left: 18px; bottom: 120px; width: 110px; height: 110px; border-radius: 50%;
  background: rgba(255,255,255,.18); border: 2px solid rgba(255,255,255,.5); touch-action: none;
}
#fl_joy_knauf {
  position: absolute; left: 30px; top: 30px; width: 50px; height: 50px; border-radius: 50%;
  background: rgba(255,255,255,.75); pointer-events: none;
}
#fl_t_aktion {
  position: absolute; right: 54px; bottom: 130px; width: 84px; height: 84px; border-radius: 50%;
  border: 3px solid #fff; background: rgba(67,160,71,.85); color: #fff; font-weight: bold; font-size: .95rem;
  touch-action: none;
}
body.fl_touch #fl_hinweis { bottom: 230px; }
body.fl_touch #fl_fahrzeug { bottom: 240px; }

/* ---------- Fenster ---------- */
#fl_ebene { position: absolute; inset: 0; pointer-events: none; z-index: 50; }
.fl_fenster_huelle {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  background: rgba(0,0,0,.35); pointer-events: auto; padding: 10px; box-sizing: border-box;
}
.fl_fenster {
  width: min(560px, 100%); max-height: calc(100% - 10px); display: flex; flex-direction: column;
  background: var(--fl-panel); color: var(--fl-text); border: 3px solid var(--fl-rand); border-radius: 14px;
  box-shadow: var(--fl-schatten); overflow: hidden;
}
.fl_fenster.fl_breit { width: min(900px, 100%); }
.fl_fenster_kopf {
  display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .35rem .5rem .35rem .9rem;
  background: var(--fl-panel2); border-bottom: 2px solid var(--fl-rand-hell);
}
.fl_fenster_kopf h2 { margin: 0; font-size: 1.15rem; }
.fl_fenster_inhalt { padding: .7rem .9rem .9rem; overflow-y: auto; }
.fl_zu { min-width: 40px; min-height: 40px; font-size: 1.1rem; }
.fl_knopf {
  min-height: 40px; min-width: 40px; padding: .3rem .8rem; border-radius: 10px; cursor: pointer;
  border: 2px solid var(--fl-knopf-rand); background: var(--fl-knopf); color: var(--fl-text);
  font: inherit; font-size: .92rem; font-weight: bold;
}
.fl_knopf:hover { filter: brightness(1.05); }
.fl_knopf:focus-visible { outline: 3px solid #1e88e5; outline-offset: 2px; }
.fl_knopf:disabled { opacity: .5; cursor: not-allowed; }
.fl_knopf.fl_haupt { background: var(--fl-haupt); color: #fff; border-color: #2e7d32; }
.fl_knopf.fl_leise { background: transparent; }
.fl_knopf.fl_an { background: linear-gradient(#ffe082, #ffca28); color: #3e2723; border-color: #f9a825; }
.fl_reihe { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .6rem; }
.fl_klein { font-size: .82rem; color: var(--fl-leise); }
.fl_fett { font-weight: bold; }
.fl_rauf { color: var(--fl-rauf); }
.fl_runter { color: var(--fl-runter); }
.fl_hinweisbox { background: #fff3c4; border: 2px solid #ffb300; border-radius: 10px; padding: .5rem .7rem; color: #3e2723; }
html[data-theme="dark"] .fl_hinweisbox { background: #5a4a20; color: #fff3c4; }
h3 { margin: .7rem 0 .35rem; font-size: 1rem; }

/* Raster (Rucksack, Kiste, Versand) */
.fl_gitter { display: grid; grid-template-columns: repeat(10, 48px); gap: 4px; }
.fl_rucksack { display: flex; gap: 1rem; flex-wrap: wrap; }
.fl_iteminfo { flex: 1 1 200px; min-width: 200px; background: var(--fl-panel2); border-radius: 10px; padding: .5rem .7rem; }
.fl_iteminfo p { margin: .3rem 0; }
.fl_info_kopf { display: flex; align-items: center; gap: .5rem; }
.fl_werkzeugstufen { display: flex; flex-wrap: wrap; gap: .4rem .9rem; font-size: .85rem; }
.fl_wst { display: inline-flex; align-items: center; gap: .3rem; }
.fl_wst .fl_sym { width: 24px; height: 24px; }
.fl_zwei { display: flex; gap: 1rem; flex-wrap: wrap; }
.fl_zwei > div { flex: 1 1 300px; }
.fl_versandliste { min-width: 240px; }
.fl_rechnung { list-style: none; margin: 0; padding: 0; }
.fl_rechnung li { display: flex; align-items: center; gap: .4rem; padding: .15rem 0; }
.fl_rechnung .fl_sym { width: 24px; height: 24px; }
.fl_summe { font-weight: bold; font-size: 1.05rem; }

/* Läden */
.fl_laden_kopf { display: flex; gap: .8rem; align-items: center; margin-bottom: .4rem; }
.fl_laden_kopf p { margin: .1rem 0; }
.fl_portrait { width: 64px; height: 64px; image-rendering: pixelated; border-radius: 10px; border: 2px solid var(--fl-rand-hell); flex-shrink: 0; }
.fl_klein_p { width: 44px; height: 44px; }
.fl_geldzeile { font-weight: bold; color: #b28704; }
html[data-theme="dark"] .fl_geldzeile { color: #ffe082; }
.fl_reiter { display: flex; gap: .3rem; flex-wrap: wrap; margin: .3rem 0 .5rem; }
.fl_tab.fl_an { background: var(--fl-haupt); color: #fff; border-color: #2e7d32; }
.fl_menge { display: flex; align-items: center; gap: .3rem; flex-wrap: wrap; margin-bottom: .4rem; }
.fl_zeile {
  display: flex; align-items: center; gap: .6rem; padding: .4rem .3rem; border-bottom: 1px solid var(--fl-rand-hell);
}
.fl_zeile_text { flex: 1 1 auto; display: flex; flex-direction: column; min-width: 0; }
.fl_zeile .fl_preis { font-weight: bold; white-space: nowrap; }
.fl_zeile .fl_sym { width: 32px; height: 32px; flex-shrink: 0; }
.fl_tiersym { width: 42px; height: 31px; image-rendering: pixelated; flex-shrink: 0; }
.fl_landkarte, .fl_weltkarte { display: block; max-width: 100%; height: auto; image-rendering: pixelated; border-radius: 8px; margin: 0 auto .5rem; }

/* Dialog mit Dorfbewohnern: unten wie ein RPG-Textfeld */
.fl_fenster_huelle:has(.fl_dialogbox) { align-items: flex-end; background: rgba(0,0,0,.15); }
.fl_dialogbox { width: min(760px, 100%); margin-bottom: 8px; }
.fl_dialog_reihe { display: flex; gap: .8rem; align-items: flex-start; }
.fl_dialog_text { flex: 1; }
.fl_rolle { font-size: .85rem; color: #e91e63; }
.fl_sprechblase { font-size: 1.05rem; margin: .4rem 0; }

/* Tabellen */
.fl_tabhuelle { max-height: 50vh; overflow: auto; }
.fl_tabelle { border-collapse: collapse; width: 100%; font-size: .9rem; }
.fl_tabelle th, .fl_tabelle td { text-align: left; padding: .25rem .4rem; border-bottom: 1px solid var(--fl-rand-hell); }
.fl_tabelle td .fl_sym { width: 22px; height: 22px; vertical-align: middle; margin-right: .3rem; }
.fl_summenzeile td { font-weight: bold; border-top: 2px solid var(--fl-rand); }
.fl_bilanz { max-width: 320px; margin-top: .5rem; }
.fl_diagramm { width: 100%; max-width: 560px; height: auto; background: var(--fl-panel2); border-radius: 8px; }
.fl_zielliste { list-style: none; padding: 0; margin: 0; }
.fl_zielliste li { display: flex; gap: .5rem; padding: .25rem 0; border-bottom: 1px dashed var(--fl-rand-hell); }
.fl_zielliste li span:nth-child(2) { flex: 1; }
.fl_zielliste .fl_erreicht { color: var(--fl-rauf); }
.fl_lohn { font-weight: bold; }
.fl_neuigkeiten { padding-left: 1.2rem; }
.fl_merk li { margin: .35rem 0; }
.fl_menueliste { display: flex; flex-direction: column; gap: .45rem; }
.fl_einstellungen { display: flex; flex-direction: column; gap: .45rem; }
.fl_tv { display: flex; align-items: center; gap: .6rem; font-size: 1.05rem; }
.fl_wetterbild { width: 48px; height: 48px; image-rendering: pixelated; }
.fl_brieftext { white-space: pre-line; font-family: Georgia, serif; font-size: 1.02rem; line-height: 1.5; }
.fl_geschenk { display: flex; align-items: center; gap: .4rem; font-weight: bold; }

/* ---------- Startmenü & Figur-Erstellung ---------- */
#fl_start, #fl_creator {
  position: absolute; inset: 0; z-index: 60; display: flex; align-items: center; justify-content: center;
  background: radial-gradient(ellipse at center, rgba(0,0,0,.15), rgba(0,0,0,.55)); padding: 10px; box-sizing: border-box;
}
.fl_startbox, .fl_creatorbox {
  background: var(--fl-panel); color: var(--fl-text); border: 3px solid var(--fl-rand); border-radius: 18px;
  box-shadow: var(--fl-schatten); padding: 1.2rem 1.4rem; text-align: center; width: min(460px, 100%);
  max-height: 100%; overflow-y: auto; box-sizing: border-box;
}
.fl_startlogo { width: 96px; height: 96px; }
#fl_start_titel { margin: .2rem 0; font-size: 2rem; color: var(--fl-gruen-dunkel); letter-spacing: .03em; }
html[data-theme="dark"] #fl_start_titel { color: #a5d6a7; }
.fl_start_unter { margin: .2rem 0 .9rem; }
.fl_startbox > .fl_knopf.fl_haupt { display: block; width: 100%; min-height: 48px; font-size: 1.1rem; margin: .45rem 0; }
.fl_start_reihe { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .6rem; }
.fl_start_reihe .fl_knopf { flex: 1 1 auto; }
.fl_start_lern { font-size: .85rem; color: var(--fl-leise); margin: .9rem 0 0; }
.fl_creatorbox { width: min(640px, 100%); text-align: left; }
.fl_creatorbox h2 { margin: 0 0 .5rem; text-align: center; }
.fl_creator_mitte { display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center; }
.fl_creator_links { display: flex; flex-direction: column; align-items: center; gap: .4rem; }
#fl_creator_vorschau { width: 96px; height: 144px; image-rendering: pixelated; background: #c8e6c9; border-radius: 12px; border: 2px solid var(--fl-rand-hell); }
.fl_creator_wahl { flex: 1 1 300px; }
.fl_creator_wahl h3 { margin: .45rem 0 .2rem; font-size: .9rem; }
.fl_wahlreihe { display: flex; flex-wrap: wrap; gap: .3rem; }
.fl_wahl {
  min-width: 40px; min-height: 40px; border-radius: 10px; border: 2px solid var(--fl-knopf-rand);
  background: var(--fl-knopf); color: var(--fl-text); font: inherit; font-size: .85rem; cursor: pointer; padding: 0 .55rem;
}
.fl_wahl.fl_farbe { width: 40px; padding: 0; }
.fl_wahl.fl_an { border-color: #f9a825; box-shadow: 0 0 0 3px #ffd54f; }
.fl_creator_knoepfe { justify-content: flex-end; }

/* ---------- Handy / schmale Fenster ---------- */
@media (max-width: 760px) {
  .fl_marke h1 { font-size: 1rem; }
  .fl_zurueck { font-size: .8rem; padding: 0 .5rem; }
  .jupi_sprachen_select { max-width: 6.5rem; }
  #fl_rechts { width: 140px; }
  #fl_minimap { width: 136px; height: 94px; }
  .fl_knopfreihe button { font-size: .7rem; padding: 0 .35rem; }
  #fl_uhrbox { min-width: 0; font-size: .8rem; padding: .35rem .5rem; }
  .fl_uhrzeile { font-size: 1rem; }
  #fl_hotbar { grid-template-columns: repeat(5, 42px); gap: 3px; padding: 4px; }
  #fl_hotbar .fl_slot { width: 42px; height: 42px; }
  .fl_gitter { grid-template-columns: repeat(6, 44px); }
  .fl_gitter .fl_slot { width: 44px; height: 44px; }
  #fl_hinweis { bottom: 150px; }
  body.fl_touch #fl_hinweis { bottom: 268px; }
  #fl_joy { bottom: 150px; }
  #fl_t_aktion { bottom: 160px; right: 46px; }
  #fl_fahrzeug { bottom: 270px; }
  #fl_meldungen { width: 92vw; top: 150px; }
  #fl_energie { bottom: 112px; height: 120px; }
  .fl_energie_schiene { height: 94px; }
}
@media (max-width: 480px) {
  .fl_zurueck { font-size: 0; width: 40px; justify-content: center; }
  .fl_zurueck::before { content: "\2190"; font-size: 1.2rem; }
  .fl_marke img { width: 26px; height: 26px; }
  .fl_marke h1 { font-size: .85rem; }
  #fl_leiste { padding: 0 .3rem; }
  .jupi_theme_switch { width: 60px; }
  html[data-theme="dark"] .jupi_theme_switch .jts_thumb { left: calc(100% - 34px); }
  .jupi_sprachen_icon { display: none; }
  .jupi_sprachen_select { max-width: 3.9rem; font-size: .72rem; padding: .2rem .25rem; }
  .fl_knopfreihe { gap: 3px; }
}

/* Bauplan (Zimmerei): Platz für Hof-Gebäude selbst wählen */
.fl_gebaeude_bild { width: 56px; height: 48px; flex-shrink: 0; image-rendering: pixelated; }
.fl_bauplan_rahmen { overflow: auto; max-width: 100%; max-height: 62vh; border-radius: 8px; border: 2px solid var(--fl-rand, #8d6e63); background: #1c1714; touch-action: none; }
.fl_bauplan { display: block; margin: 0 auto; image-rendering: pixelated; cursor: crosshair; touch-action: none; }
.fl_bauplan_info { font-weight: bold; margin: .5rem 0; padding: .35rem .6rem; border-radius: 8px; }
.fl_bauplan_info.fl_gut { background: #e8f5e9; color: #1b5e20; }
.fl_bauplan_info.fl_schlecht { background: #ffebee; color: #b71c1c; }
html[data-theme="dark"] .fl_bauplan_info.fl_gut { background: #1f3d22; color: #c8e6c9; }
html[data-theme="dark"] .fl_bauplan_info.fl_schlecht { background: #4a1c1c; color: #ffcdd2; }
.fl_bauplan_knoepfe { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.fl_bauplan_knoepfe .fl_pfeil { min-width: 44px; min-height: 44px; font-size: 1.2rem; }
.fl_bauplan_knoepfe .fl_knopf_gross { flex: 1 1 12rem; min-height: 44px; font-weight: bold; }

/* =====================================================================
   Pixel-Menüs (22.10.2026): Fenster, Knöpfe, Anzeigen und Startmenü im Stil
   der Spielgrafik – Holzrahmen + Pergament als Pixel-Rahmen (border-image,
   SVG-Daten unten, erzeugt mit .zcode/farmleben-v4/rahmen.py). Gilt nach den
   Regeln oben und überschreibt deren runde Ecken/Verläufe.
   ===================================================================== */
:root {
  --fl-rahmen-panel: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2226%22%20height=%2226%22%20viewBox=%220%200%2013%2013%22%20shape-rendering=%22crispEdges%22%3E%3Crect%20x=%221%22%20y=%220%22%20width=%2211%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%222%22%20y=%221%22%20width=%229%22%20height=%221%22%20fill=%22%23e0a965%22/%3E%3Crect%20x=%2211%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23e0a965%22/%3E%3Crect%20x=%222%22%20y=%222%22%20width=%228%22%20height=%221%22%20fill=%22%23c0803f%22/%3E%3Crect%20x=%2210%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%2211%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23a8662f%22/%3E%3Crect%20x=%2212%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23e0a965%22/%3E%3Crect%20x=%222%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23c0803f%22/%3E%3Crect%20x=%223%22%20y=%223%22%20width=%226%22%20height=%221%22%20fill=%22%238a5228%22/%3E%3Crect%20x=%229%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%236e3f1c%22/%3E%3Crect%20x=%2210%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%2211%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23a8662f%22/%3E%3Crect%20x=%2212%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%23e0a965%22/%3E%3Crect%20x=%222%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%23c0803f%22/%3E%3Crect%20x=%223%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%238a5228%22/%3E%3Crect%20x=%224%22%20y=%224%22%20width=%225%22%20height=%221%22%20fill=%22%233a2210%22/%3E%3Crect%20x=%229%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%236e3f1c%22/%3E%3Crect%20x=%2210%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%2211%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%23a8662f%22/%3E%3Crect%20x=%2212%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%23e0a965%22/%3E%3Crect%20x=%222%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%23c0803f%22/%3E%3Crect%20x=%223%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%238a5228%22/%3E%3Crect%20x=%224%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%233a2210%22/%3E%3Crect%20x=%225%22%20y=%225%22%20width=%222%22%20height=%221%22%20fill=%22%23fff7df%22/%3E%3Crect%20x=%227%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%23e6cf9f%22/%3E%3Crect%20x=%228%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%233a2210%22/%3E%3Crect%20x=%229%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%236e3f1c%22/%3E%3Crect%20x=%2210%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%2211%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%23a8662f%22/%3E%3Crect%20x=%2212%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%23e0a965%22/%3E%3Crect%20x=%222%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%23c0803f%22/%3E%3Crect%20x=%223%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%238a5228%22/%3E%3Crect%20x=%224%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%233a2210%22/%3E%3Crect%20x=%225%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%23fff7df%22/%3E%3Crect%20x=%226%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%23f8ebc8%22/%3E%3Crect%20x=%227%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%23e6cf9f%22/%3E%3Crect%20x=%228%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%233a2210%22/%3E%3Crect%20x=%229%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%236e3f1c%22/%3E%3Crect%20x=%2210%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%2211%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%23a8662f%22/%3E%3Crect%20x=%2212%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%227%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%227%22%20width=%221%22%20height=%221%22%20fill=%22%23e0a965%22/%3E%3Crect%20x=%222%22%20y=%227%22%20width=%221%22%20height=%221%22%20fill=%22%23c0803f%22/%3E%3Crect%20x=%223%22%20y=%227%22%20width=%221%22%20height=%221%22%20fill=%22%238a5228%22/%3E%3Crect%20x=%224%22%20y=%227%22%20width=%221%22%20height=%221%22%20fill=%22%233a2210%22/%3E%3Crect%20x=%225%22%20y=%227%22%20width=%223%22%20height=%221%22%20fill=%22%23e6cf9f%22/%3E%3Crect%20x=%228%22%20y=%227%22%20width=%221%22%20height=%221%22%20fill=%22%233a2210%22/%3E%3Crect%20x=%229%22%20y=%227%22%20width=%221%22%20height=%221%22%20fill=%22%236e3f1c%22/%3E%3Crect%20x=%2210%22%20y=%227%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%2211%22%20y=%227%22%20width=%221%22%20height=%221%22%20fill=%22%23a8662f%22/%3E%3Crect%20x=%2212%22%20y=%227%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%228%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%228%22%20width=%221%22%20height=%221%22%20fill=%22%23e0a965%22/%3E%3Crect%20x=%222%22%20y=%228%22%20width=%221%22%20height=%221%22%20fill=%22%23c0803f%22/%3E%3Crect%20x=%223%22%20y=%228%22%20width=%221%22%20height=%221%22%20fill=%22%238a5228%22/%3E%3Crect%20x=%224%22%20y=%228%22%20width=%225%22%20height=%221%22%20fill=%22%233a2210%22/%3E%3Crect%20x=%229%22%20y=%228%22%20width=%221%22%20height=%221%22%20fill=%22%236e3f1c%22/%3E%3Crect%20x=%2210%22%20y=%228%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%2211%22%20y=%228%22%20width=%221%22%20height=%221%22%20fill=%22%23a8662f%22/%3E%3Crect%20x=%2212%22%20y=%228%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%229%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%229%22%20width=%221%22%20height=%221%22%20fill=%22%23e0a965%22/%3E%3Crect%20x=%222%22%20y=%229%22%20width=%221%22%20height=%221%22%20fill=%22%23c0803f%22/%3E%3Crect%20x=%223%22%20y=%229%22%20width=%227%22%20height=%221%22%20fill=%22%236e3f1c%22/%3E%3Crect%20x=%2210%22%20y=%229%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%2211%22%20y=%229%22%20width=%221%22%20height=%221%22%20fill=%22%23a8662f%22/%3E%3Crect%20x=%2212%22%20y=%229%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%2210%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%2210%22%20width=%221%22%20height=%221%22%20fill=%22%23e0a965%22/%3E%3Crect%20x=%222%22%20y=%2210%22%20width=%229%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%2211%22%20y=%2210%22%20width=%221%22%20height=%221%22%20fill=%22%23a8662f%22/%3E%3Crect%20x=%2212%22%20y=%2210%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%2211%22%20width=%222%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%222%22%20y=%2211%22%20width=%229%22%20height=%221%22%20fill=%22%23a8662f%22/%3E%3Crect%20x=%2211%22%20y=%2211%22%20width=%222%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%2212%22%20width=%2211%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3C/svg%3E");
  --fl-rahmen-panel-dunkel: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2226%22%20height=%2226%22%20viewBox=%220%200%2013%2013%22%20shape-rendering=%22crispEdges%22%3E%3Crect%20x=%221%22%20y=%220%22%20width=%2211%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%222%22%20y=%221%22%20width=%229%22%20height=%221%22%20fill=%22%238a5a34%22/%3E%3Crect%20x=%2211%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%221%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%238a5a34%22/%3E%3Crect%20x=%222%22%20y=%222%22%20width=%228%22%20height=%221%22%20fill=%22%236e4626%22/%3E%3Crect%20x=%2210%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%2352321a%22/%3E%3Crect%20x=%2211%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%235a361a%22/%3E%3Crect%20x=%2212%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%221%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%238a5a34%22/%3E%3Crect%20x=%222%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%236e4626%22/%3E%3Crect%20x=%223%22%20y=%223%22%20width=%226%22%20height=%221%22%20fill=%22%234e2f16%22/%3E%3Crect%20x=%229%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%233a2210%22/%3E%3Crect%20x=%2210%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%2352321a%22/%3E%3Crect%20x=%2211%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%235a361a%22/%3E%3Crect%20x=%2212%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%221%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%238a5a34%22/%3E%3Crect%20x=%222%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%236e4626%22/%3E%3Crect%20x=%223%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%234e2f16%22/%3E%3Crect%20x=%224%22%20y=%224%22%20width=%225%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%229%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%233a2210%22/%3E%3Crect%20x=%2210%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%2352321a%22/%3E%3Crect%20x=%2211%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%235a361a%22/%3E%3Crect%20x=%2212%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%221%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%238a5a34%22/%3E%3Crect%20x=%222%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%236e4626%22/%3E%3Crect%20x=%223%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%234e2f16%22/%3E%3Crect%20x=%224%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%225%22%20y=%225%22%20width=%222%22%20height=%221%22%20fill=%22%234a3e34%22/%3E%3Crect%20x=%227%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%232a221c%22/%3E%3Crect%20x=%228%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%229%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%233a2210%22/%3E%3Crect%20x=%2210%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%2352321a%22/%3E%3Crect%20x=%2211%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%235a361a%22/%3E%3Crect%20x=%2212%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%221%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%238a5a34%22/%3E%3Crect%20x=%222%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%236e4626%22/%3E%3Crect%20x=%223%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%234e2f16%22/%3E%3Crect%20x=%224%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%225%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%234a3e34%22/%3E%3Crect%20x=%226%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%23352b24%22/%3E%3Crect%20x=%227%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%232a221c%22/%3E%3Crect%20x=%228%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%229%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%233a2210%22/%3E%3Crect%20x=%2210%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%2352321a%22/%3E%3Crect%20x=%2211%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%235a361a%22/%3E%3Crect%20x=%2212%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%227%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%221%22%20y=%227%22%20width=%221%22%20height=%221%22%20fill=%22%238a5a34%22/%3E%3Crect%20x=%222%22%20y=%227%22%20width=%221%22%20height=%221%22%20fill=%22%236e4626%22/%3E%3Crect%20x=%223%22%20y=%227%22%20width=%221%22%20height=%221%22%20fill=%22%234e2f16%22/%3E%3Crect%20x=%224%22%20y=%227%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%225%22%20y=%227%22%20width=%223%22%20height=%221%22%20fill=%22%232a221c%22/%3E%3Crect%20x=%228%22%20y=%227%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%229%22%20y=%227%22%20width=%221%22%20height=%221%22%20fill=%22%233a2210%22/%3E%3Crect%20x=%2210%22%20y=%227%22%20width=%221%22%20height=%221%22%20fill=%22%2352321a%22/%3E%3Crect%20x=%2211%22%20y=%227%22%20width=%221%22%20height=%221%22%20fill=%22%235a361a%22/%3E%3Crect%20x=%2212%22%20y=%227%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%228%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%221%22%20y=%228%22%20width=%221%22%20height=%221%22%20fill=%22%238a5a34%22/%3E%3Crect%20x=%222%22%20y=%228%22%20width=%221%22%20height=%221%22%20fill=%22%236e4626%22/%3E%3Crect%20x=%223%22%20y=%228%22%20width=%221%22%20height=%221%22%20fill=%22%234e2f16%22/%3E%3Crect%20x=%224%22%20y=%228%22%20width=%225%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%229%22%20y=%228%22%20width=%221%22%20height=%221%22%20fill=%22%233a2210%22/%3E%3Crect%20x=%2210%22%20y=%228%22%20width=%221%22%20height=%221%22%20fill=%22%2352321a%22/%3E%3Crect%20x=%2211%22%20y=%228%22%20width=%221%22%20height=%221%22%20fill=%22%235a361a%22/%3E%3Crect%20x=%2212%22%20y=%228%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%229%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%221%22%20y=%229%22%20width=%221%22%20height=%221%22%20fill=%22%238a5a34%22/%3E%3Crect%20x=%222%22%20y=%229%22%20width=%221%22%20height=%221%22%20fill=%22%236e4626%22/%3E%3Crect%20x=%223%22%20y=%229%22%20width=%227%22%20height=%221%22%20fill=%22%233a2210%22/%3E%3Crect%20x=%2210%22%20y=%229%22%20width=%221%22%20height=%221%22%20fill=%22%2352321a%22/%3E%3Crect%20x=%2211%22%20y=%229%22%20width=%221%22%20height=%221%22%20fill=%22%235a361a%22/%3E%3Crect%20x=%2212%22%20y=%229%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%2210%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%221%22%20y=%2210%22%20width=%221%22%20height=%221%22%20fill=%22%238a5a34%22/%3E%3Crect%20x=%222%22%20y=%2210%22%20width=%229%22%20height=%221%22%20fill=%22%2352321a%22/%3E%3Crect%20x=%2211%22%20y=%2210%22%20width=%221%22%20height=%221%22%20fill=%22%235a361a%22/%3E%3Crect%20x=%2212%22%20y=%2210%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%2211%22%20width=%222%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%222%22%20y=%2211%22%20width=%229%22%20height=%221%22%20fill=%22%235a361a%22/%3E%3Crect%20x=%2211%22%20y=%2211%22%20width=%222%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%221%22%20y=%2212%22%20width=%2211%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3C/svg%3E");
  --fl-rahmen-hud: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2218%22%20height=%2218%22%20viewBox=%220%200%209%209%22%20shape-rendering=%22crispEdges%22%3E%3Crect%20x=%221%22%20y=%220%22%20width=%227%22%20height=%221%22%20fill=%22%231e1008%22/%3E%3Crect%20x=%220%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%231e1008%22/%3E%3Crect%20x=%222%22%20y=%221%22%20width=%225%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%227%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%231e1008%22/%3E%3Crect%20x=%220%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%231e1008%22/%3E%3Crect%20x=%221%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%222%22%20y=%222%22%20width=%224%22%20height=%221%22%20fill=%22%238a5228%22/%3E%3Crect%20x=%226%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%236e3f1c%22/%3E%3Crect%20x=%227%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%228%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%231e1008%22/%3E%3Crect%20x=%220%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%231e1008%22/%3E%3Crect%20x=%221%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%222%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%238a5228%22/%3E%3Crect%20x=%223%22%20y=%223%22%20width=%223%22%20height=%221%22%20fill=%22%2324140a%22/%3E%3Crect%20x=%226%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%236e3f1c%22/%3E%3Crect%20x=%227%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%228%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%231e1008%22/%3E%3Crect%20x=%220%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%231e1008%22/%3E%3Crect%20x=%221%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%222%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%238a5228%22/%3E%3Crect%20x=%223%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%2324140a%22/%3E%3Crect%20x=%224%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22rgba%2848,30,18,0.88%29%22/%3E%3Crect%20x=%225%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%2324140a%22/%3E%3Crect%20x=%226%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%236e3f1c%22/%3E%3Crect%20x=%227%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%228%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%231e1008%22/%3E%3Crect%20x=%220%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%231e1008%22/%3E%3Crect%20x=%221%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%222%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%238a5228%22/%3E%3Crect%20x=%223%22%20y=%225%22%20width=%223%22%20height=%221%22%20fill=%22%2324140a%22/%3E%3Crect%20x=%226%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%236e3f1c%22/%3E%3Crect%20x=%227%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%228%22%20y=%225%22%20width=%221%22%20height=%221%22%20fill=%22%231e1008%22/%3E%3Crect%20x=%220%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%231e1008%22/%3E%3Crect%20x=%221%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%222%22%20y=%226%22%20width=%225%22%20height=%221%22%20fill=%22%236e3f1c%22/%3E%3Crect%20x=%227%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%228%22%20y=%226%22%20width=%221%22%20height=%221%22%20fill=%22%231e1008%22/%3E%3Crect%20x=%220%22%20y=%227%22%20width=%222%22%20height=%221%22%20fill=%22%231e1008%22/%3E%3Crect%20x=%222%22%20y=%227%22%20width=%225%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%227%22%20y=%227%22%20width=%222%22%20height=%221%22%20fill=%22%231e1008%22/%3E%3Crect%20x=%221%22%20y=%228%22%20width=%227%22%20height=%221%22%20fill=%22%231e1008%22/%3E%3C/svg%3E");
  --fl-knopf-holz: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2210%22%20height=%2210%22%20viewBox=%220%200%205%205%22%20shape-rendering=%22crispEdges%22%3E%3Crect%20x=%221%22%20y=%220%22%20width=%223%22%20height=%221%22%20fill=%22%234a2c16%22/%3E%3Crect%20x=%220%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%234a2c16%22/%3E%3Crect%20x=%222%22%20y=%221%22%20width=%221%22%20height=%221%22%20fill=%22%23fbe2b4%22/%3E%3Crect%20x=%223%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%234a2c16%22/%3E%3Crect%20x=%220%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%234a2c16%22/%3E%3Crect%20x=%221%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23fbe2b4%22/%3E%3Crect%20x=%222%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23ecc98f%22/%3E%3Crect%20x=%223%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23b98a50%22/%3E%3Crect%20x=%224%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%234a2c16%22/%3E%3Crect%20x=%220%22%20y=%223%22%20width=%222%22%20height=%221%22%20fill=%22%234a2c16%22/%3E%3Crect%20x=%222%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23b98a50%22/%3E%3Crect%20x=%223%22%20y=%223%22%20width=%222%22%20height=%221%22%20fill=%22%234a2c16%22/%3E%3Crect%20x=%221%22%20y=%224%22%20width=%223%22%20height=%221%22%20fill=%22%234a2c16%22/%3E%3C/svg%3E");
  --fl-knopf-holz-dunkel: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2210%22%20height=%2210%22%20viewBox=%220%200%205%205%22%20shape-rendering=%22crispEdges%22%3E%3Crect%20x=%221%22%20y=%220%22%20width=%223%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%222%22%20y=%221%22%20width=%221%22%20height=%221%22%20fill=%22%237a5a3e%22/%3E%3Crect%20x=%223%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%221%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%237a5a3e%22/%3E%3Crect%20x=%222%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%235a4230%22/%3E%3Crect%20x=%223%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%233e2a1a%22/%3E%3Crect%20x=%224%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%223%22%20width=%222%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%222%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%233e2a1a%22/%3E%3Crect%20x=%223%22%20y=%223%22%20width=%222%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%221%22%20y=%224%22%20width=%223%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3C/svg%3E");
  --fl-knopf-gruen: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2210%22%20height=%2210%22%20viewBox=%220%200%205%205%22%20shape-rendering=%22crispEdges%22%3E%3Crect%20x=%221%22%20y=%220%22%20width=%223%22%20height=%221%22%20fill=%22%231c3a10%22/%3E%3Crect%20x=%220%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%231c3a10%22/%3E%3Crect%20x=%222%22%20y=%221%22%20width=%221%22%20height=%221%22%20fill=%22%239ad86a%22/%3E%3Crect%20x=%223%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%231c3a10%22/%3E%3Crect%20x=%220%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%231c3a10%22/%3E%3Crect%20x=%221%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%239ad86a%22/%3E%3Crect%20x=%222%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%2355a23a%22/%3E%3Crect%20x=%223%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%232f6a1e%22/%3E%3Crect%20x=%224%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%231c3a10%22/%3E%3Crect%20x=%220%22%20y=%223%22%20width=%222%22%20height=%221%22%20fill=%22%231c3a10%22/%3E%3Crect%20x=%222%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%232f6a1e%22/%3E%3Crect%20x=%223%22%20y=%223%22%20width=%222%22%20height=%221%22%20fill=%22%231c3a10%22/%3E%3Crect%20x=%221%22%20y=%224%22%20width=%223%22%20height=%221%22%20fill=%22%231c3a10%22/%3E%3C/svg%3E");
  --fl-knopf-gold: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2210%22%20height=%2210%22%20viewBox=%220%200%205%205%22%20shape-rendering=%22crispEdges%22%3E%3Crect%20x=%221%22%20y=%220%22%20width=%223%22%20height=%221%22%20fill=%22%235a3a08%22/%3E%3Crect%20x=%220%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%235a3a08%22/%3E%3Crect%20x=%222%22%20y=%221%22%20width=%221%22%20height=%221%22%20fill=%22%23ffe79a%22/%3E%3Crect%20x=%223%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%235a3a08%22/%3E%3Crect%20x=%220%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%235a3a08%22/%3E%3Crect%20x=%221%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23ffe79a%22/%3E%3Crect%20x=%222%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23f2c14a%22/%3E%3Crect%20x=%223%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23c48a1e%22/%3E%3Crect%20x=%224%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%235a3a08%22/%3E%3Crect%20x=%220%22%20y=%223%22%20width=%222%22%20height=%221%22%20fill=%22%235a3a08%22/%3E%3Crect%20x=%222%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23c48a1e%22/%3E%3Crect%20x=%223%22%20y=%223%22%20width=%222%22%20height=%221%22%20fill=%22%235a3a08%22/%3E%3Crect%20x=%221%22%20y=%224%22%20width=%223%22%20height=%221%22%20fill=%22%235a3a08%22/%3E%3C/svg%3E");
  --fl-knopf-rot: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2210%22%20height=%2210%22%20viewBox=%220%200%205%205%22%20shape-rendering=%22crispEdges%22%3E%3Crect%20x=%221%22%20y=%220%22%20width=%223%22%20height=%221%22%20fill=%22%233a0c08%22/%3E%3Crect%20x=%220%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%233a0c08%22/%3E%3Crect%20x=%222%22%20y=%221%22%20width=%221%22%20height=%221%22%20fill=%22%23f08a6a%22/%3E%3Crect%20x=%223%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%233a0c08%22/%3E%3Crect%20x=%220%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%233a0c08%22/%3E%3Crect%20x=%221%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23f08a6a%22/%3E%3Crect%20x=%222%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23c8462e%22/%3E%3Crect%20x=%223%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%238a2a1a%22/%3E%3Crect%20x=%224%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%233a0c08%22/%3E%3Crect%20x=%220%22%20y=%223%22%20width=%222%22%20height=%221%22%20fill=%22%233a0c08%22/%3E%3Crect%20x=%222%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%238a2a1a%22/%3E%3Crect%20x=%223%22%20y=%223%22%20width=%222%22%20height=%221%22%20fill=%22%233a0c08%22/%3E%3Crect%20x=%221%22%20y=%224%22%20width=%223%22%20height=%221%22%20fill=%22%233a0c08%22/%3E%3C/svg%3E");
  --fl-slot: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2210%22%20height=%2210%22%20viewBox=%220%200%205%205%22%20shape-rendering=%22crispEdges%22%3E%3Crect%20x=%221%22%20y=%220%22%20width=%223%22%20height=%221%22%20fill=%22%234a2c16%22/%3E%3Crect%20x=%220%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%234a2c16%22/%3E%3Crect%20x=%222%22%20y=%221%22%20width=%221%22%20height=%221%22%20fill=%22%23b98a50%22/%3E%3Crect%20x=%223%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%234a2c16%22/%3E%3Crect%20x=%220%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%234a2c16%22/%3E%3Crect%20x=%221%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23b98a50%22/%3E%3Crect%20x=%222%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23f0dcae%22/%3E%3Crect%20x=%223%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23fff1cf%22/%3E%3Crect%20x=%224%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%234a2c16%22/%3E%3Crect%20x=%220%22%20y=%223%22%20width=%222%22%20height=%221%22%20fill=%22%234a2c16%22/%3E%3Crect%20x=%222%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23fff1cf%22/%3E%3Crect%20x=%223%22%20y=%223%22%20width=%222%22%20height=%221%22%20fill=%22%234a2c16%22/%3E%3Crect%20x=%221%22%20y=%224%22%20width=%223%22%20height=%221%22%20fill=%22%234a2c16%22/%3E%3C/svg%3E");
  --fl-slot-dunkel: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2210%22%20height=%2210%22%20viewBox=%220%200%205%205%22%20shape-rendering=%22crispEdges%22%3E%3Crect%20x=%221%22%20y=%220%22%20width=%223%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%222%22%20y=%221%22%20width=%221%22%20height=%221%22%20fill=%22%232a1e14%22/%3E%3Crect%20x=%223%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%221%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%232a1e14%22/%3E%3Crect%20x=%222%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%234a3a2c%22/%3E%3Crect%20x=%223%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%236a5240%22/%3E%3Crect%20x=%224%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%223%22%20width=%222%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%222%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%236a5240%22/%3E%3Crect%20x=%223%22%20y=%223%22%20width=%222%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%221%22%20y=%224%22%20width=%223%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3C/svg%3E");
  --fl-slot-an: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2214%22%20height=%2214%22%20viewBox=%220%200%207%207%22%20shape-rendering=%22crispEdges%22%3E%3Crect%20x=%221%22%20y=%220%22%20width=%225%22%20height=%221%22%20fill=%22%235a3a08%22/%3E%3Crect%20x=%220%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%235a3a08%22/%3E%3Crect%20x=%222%22%20y=%221%22%20width=%223%22%20height=%221%22%20fill=%22%23ffe79a%22/%3E%3Crect%20x=%225%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%235a3a08%22/%3E%3Crect%20x=%220%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%235a3a08%22/%3E%3Crect%20x=%221%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23ffe79a%22/%3E%3Crect%20x=%222%22%20y=%222%22%20width=%222%22%20height=%221%22%20fill=%22%23fff4c8%22/%3E%3Crect%20x=%224%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23f2c14a%22/%3E%3Crect%20x=%225%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23e0a52a%22/%3E%3Crect%20x=%226%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%235a3a08%22/%3E%3Crect%20x=%220%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%235a3a08%22/%3E%3Crect%20x=%221%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23ffe79a%22/%3E%3Crect%20x=%222%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23fff4c8%22/%3E%3Crect%20x=%223%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23fff2c0%22/%3E%3Crect%20x=%224%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23f2c14a%22/%3E%3Crect%20x=%225%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23e0a52a%22/%3E%3Crect%20x=%226%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%235a3a08%22/%3E%3Crect%20x=%220%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%235a3a08%22/%3E%3Crect%20x=%221%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%23ffe79a%22/%3E%3Crect%20x=%222%22%20y=%224%22%20width=%223%22%20height=%221%22%20fill=%22%23f2c14a%22/%3E%3Crect%20x=%225%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%23e0a52a%22/%3E%3Crect%20x=%226%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%235a3a08%22/%3E%3Crect%20x=%220%22%20y=%225%22%20width=%222%22%20height=%221%22%20fill=%22%235a3a08%22/%3E%3Crect%20x=%222%22%20y=%225%22%20width=%223%22%20height=%221%22%20fill=%22%23e0a52a%22/%3E%3Crect%20x=%225%22%20y=%225%22%20width=%222%22%20height=%221%22%20fill=%22%235a3a08%22/%3E%3Crect%20x=%221%22%20y=%226%22%20width=%225%22%20height=%221%22%20fill=%22%235a3a08%22/%3E%3C/svg%3E");
  --fl-zettel: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2214%22%20height=%2214%22%20viewBox=%220%200%207%207%22%20shape-rendering=%22crispEdges%22%3E%3Crect%20x=%221%22%20y=%220%22%20width=%225%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%222%22%20y=%221%22%20width=%223%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%225%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%222%22%20y=%222%22%20width=%222%22%20height=%221%22%20fill=%22%23fff7df%22/%3E%3Crect%20x=%224%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23e6cf9f%22/%3E%3Crect%20x=%225%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%226%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%222%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23fff7df%22/%3E%3Crect%20x=%223%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23f8ebc8%22/%3E%3Crect%20x=%224%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23e6cf9f%22/%3E%3Crect%20x=%225%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%226%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%222%22%20y=%224%22%20width=%223%22%20height=%221%22%20fill=%22%23e6cf9f%22/%3E%3Crect%20x=%225%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%226%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%225%22%20width=%222%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%222%22%20y=%225%22%20width=%223%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%225%22%20y=%225%22%20width=%222%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%226%22%20width=%225%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3C/svg%3E");
  --fl-zettel-gruen: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2214%22%20height=%2214%22%20viewBox=%220%200%207%207%22%20shape-rendering=%22crispEdges%22%3E%3Crect%20x=%221%22%20y=%220%22%20width=%225%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%222%22%20y=%221%22%20width=%223%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%225%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%222%22%20y=%222%22%20width=%222%22%20height=%221%22%20fill=%22%238fd06a%22/%3E%3Crect%20x=%224%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%234f9a34%22/%3E%3Crect%20x=%225%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%226%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%222%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%238fd06a%22/%3E%3Crect%20x=%223%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23eef8de%22/%3E%3Crect%20x=%224%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%234f9a34%22/%3E%3Crect%20x=%225%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%226%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%222%22%20y=%224%22%20width=%223%22%20height=%221%22%20fill=%22%234f9a34%22/%3E%3Crect%20x=%225%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%226%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%225%22%20width=%222%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%222%22%20y=%225%22%20width=%223%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%225%22%20y=%225%22%20width=%222%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%226%22%20width=%225%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3C/svg%3E");
  --fl-zettel-rot: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2214%22%20height=%2214%22%20viewBox=%220%200%207%207%22%20shape-rendering=%22crispEdges%22%3E%3Crect%20x=%221%22%20y=%220%22%20width=%225%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%222%22%20y=%221%22%20width=%223%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%225%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%222%22%20y=%222%22%20width=%222%22%20height=%221%22%20fill=%22%23f2a08a%22/%3E%3Crect%20x=%224%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23c0503a%22/%3E%3Crect%20x=%225%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%226%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%222%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23f2a08a%22/%3E%3Crect%20x=%223%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23fbe6df%22/%3E%3Crect%20x=%224%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23c0503a%22/%3E%3Crect%20x=%225%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%226%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%222%22%20y=%224%22%20width=%223%22%20height=%221%22%20fill=%22%23c0503a%22/%3E%3Crect%20x=%225%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%226%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%225%22%20width=%222%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%222%22%20y=%225%22%20width=%223%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%225%22%20y=%225%22%20width=%222%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%226%22%20width=%225%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3C/svg%3E");
  --fl-zettel-gold: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2214%22%20height=%2214%22%20viewBox=%220%200%207%207%22%20shape-rendering=%22crispEdges%22%3E%3Crect%20x=%221%22%20y=%220%22%20width=%225%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%222%22%20y=%221%22%20width=%223%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%225%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%222%22%20y=%222%22%20width=%222%22%20height=%221%22%20fill=%22%23ffe79a%22/%3E%3Crect%20x=%224%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23e0a52a%22/%3E%3Crect%20x=%225%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%226%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%222%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23ffe79a%22/%3E%3Crect%20x=%223%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23fff3c4%22/%3E%3Crect%20x=%224%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23e0a52a%22/%3E%3Crect%20x=%225%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%226%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%23d39a5a%22/%3E%3Crect%20x=%222%22%20y=%224%22%20width=%223%22%20height=%221%22%20fill=%22%23e0a52a%22/%3E%3Crect%20x=%225%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%226%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%220%22%20y=%225%22%20width=%222%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%222%22%20y=%225%22%20width=%223%22%20height=%221%22%20fill=%22%239a5a28%22/%3E%3Crect%20x=%225%22%20y=%225%22%20width=%222%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3Crect%20x=%221%22%20y=%226%22%20width=%225%22%20height=%221%22%20fill=%22%232a170b%22/%3E%3C/svg%3E");
  --fl-zettel-dunkel: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2214%22%20height=%2214%22%20viewBox=%220%200%207%207%22%20shape-rendering=%22crispEdges%22%3E%3Crect%20x=%221%22%20y=%220%22%20width=%225%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%222%22%20y=%221%22%20width=%223%22%20height=%221%22%20fill=%22%238a5a34%22/%3E%3Crect%20x=%225%22%20y=%221%22%20width=%222%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%221%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%238a5a34%22/%3E%3Crect%20x=%222%22%20y=%222%22%20width=%222%22%20height=%221%22%20fill=%22%234a3e34%22/%3E%3Crect%20x=%224%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%232a221c%22/%3E%3Crect%20x=%225%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%235a361a%22/%3E%3Crect%20x=%226%22%20y=%222%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%221%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%238a5a34%22/%3E%3Crect%20x=%222%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%234a3e34%22/%3E%3Crect%20x=%223%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23352b24%22/%3E%3Crect%20x=%224%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%232a221c%22/%3E%3Crect%20x=%225%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%235a361a%22/%3E%3Crect%20x=%226%22%20y=%223%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%221%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%238a5a34%22/%3E%3Crect%20x=%222%22%20y=%224%22%20width=%223%22%20height=%221%22%20fill=%22%232a221c%22/%3E%3Crect%20x=%225%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%235a361a%22/%3E%3Crect%20x=%226%22%20y=%224%22%20width=%221%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%220%22%20y=%225%22%20width=%222%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%222%22%20y=%225%22%20width=%223%22%20height=%221%22%20fill=%22%235a361a%22/%3E%3Crect%20x=%225%22%20y=%225%22%20width=%222%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3Crect%20x=%221%22%20y=%226%22%20width=%225%22%20height=%221%22%20fill=%22%23120a05%22/%3E%3C/svg%3E");
}
.fl_voll { font-family: "Trebuchet MS", "Verdana", system-ui, sans-serif; }

/* Rahmen-Bausteine */
.fl_fenster, .fl_startbox, .fl_creatorbox {
  border: 12px solid transparent; border-radius: 0; background: none;
  border-image: var(--fl-rahmen-panel) 12 fill / 12px / 0 stretch;
  box-shadow: 0 10px 0 -2px rgba(0, 0, 0, .28), 0 18px 30px rgba(0, 0, 0, .35);
}
html[data-theme="dark"] .fl_fenster, html[data-theme="dark"] .fl_startbox, html[data-theme="dark"] .fl_creatorbox {
  border-image-source: var(--fl-rahmen-panel-dunkel);
}
.fl_fenster { overflow: visible; }
.fl_fenster_inhalt { padding: .6rem .7rem .8rem; }

/* Kopfzeile als Holzbrett mit Maserung */
.fl_fenster_kopf {
  margin: -4px -4px 0; padding: .3rem .4rem .35rem .8rem; border-bottom: 3px solid #3a2210;
  background:
    linear-gradient(rgba(255, 230, 180, .22), rgba(255, 230, 180, 0) 40%, rgba(0, 0, 0, .12)),
    repeating-linear-gradient(180deg, #b8783e 0 5px, #a86a34 5px 6px, #c4844a 6px 11px, #94592a 11px 12px);
  box-shadow: inset 0 2px 0 #e0a965, inset 0 -2px 0 #7a4520;
}
html[data-theme="dark"] .fl_fenster_kopf {
  background: repeating-linear-gradient(180deg, #6e4626 0 5px, #5e3a1e 5px 6px, #7a5030 6px 11px, #52321a 11px 12px);
  box-shadow: inset 0 2px 0 #8a5a34, inset 0 -2px 0 #3a2210;
}
.fl_fenster_kopf h2 {
  color: #fff3d6; font-size: 1.15rem; letter-spacing: .03em;
  text-shadow: 2px 2px 0 #3a2210, -1px -1px 0 #3a2210, 1px -1px 0 #3a2210, -1px 1px 0 #3a2210;
}

/* Knöpfe: Holzbretter, Hauptknopf grün, aktiv gold, Schließen rot */
.fl_knopf, .fl_wahl {
  border: 4px solid transparent; border-radius: 0; background: none;
  border-image: var(--fl-knopf-holz) 4 fill / 4px / 0 stretch;
  color: #3a2210; text-shadow: 0 1px 0 rgba(255, 255, 255, .35);
  transition: filter .1s, transform .05s;
}
html[data-theme="dark"] .fl_knopf, html[data-theme="dark"] .fl_wahl {
  border-image-source: var(--fl-knopf-holz-dunkel); color: #fff3d6; text-shadow: 1px 1px 0 #120a05;
}
.fl_knopf:hover, .fl_wahl:hover { filter: brightness(1.08); }
.fl_knopf:active, .fl_wahl:active { transform: translateY(2px); filter: brightness(.95); }
.fl_knopf:disabled { opacity: .55; filter: grayscale(.5); transform: none; }
.fl_knopf.fl_haupt, .fl_tab.fl_an, html[data-theme="dark"] .fl_knopf.fl_haupt, html[data-theme="dark"] .fl_tab.fl_an {
  border-image-source: var(--fl-knopf-gruen); background: none; color: #fff; text-shadow: 1px 1px 0 #1c3a10, -1px 0 0 #1c3a10;
}
.fl_knopf.fl_an, .fl_wahl.fl_an, .fl_senken.fl_an,
html[data-theme="dark"] .fl_knopf.fl_an, html[data-theme="dark"] .fl_wahl.fl_an {
  border-image-source: var(--fl-knopf-gold); background: none; color: #3a2210; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); box-shadow: none;
}
.fl_knopf.fl_leise { background: none; }
.fl_zu, html[data-theme="dark"] .fl_zu { border-image-source: var(--fl-knopf-rot); color: #fff; text-shadow: 1px 1px 0 #3a0c08; font-weight: bold; }
.fl_knopf:focus-visible, .fl_wahl:focus-visible { outline: 3px solid #1e88e5; outline-offset: 2px; }
/* Farbfelder in der Figur-Erstellung: nur Rahmen, Farbe bleibt sichtbar */
.fl_wahl.fl_farbe { border-image: var(--fl-knopf-holz) 4 / 4px / 0 stretch; }
.fl_wahl.fl_farbe.fl_an { border-image: var(--fl-knopf-gold) 4 / 4px / 0 stretch; box-shadow: 0 0 0 2px #3a2210, 0 4px 0 #3a2210; transform: translateY(-3px); }

/* Inventar-Felder */
.fl_slot, html[data-theme="dark"] .fl_slot {
  border: 4px solid transparent; border-radius: 0; background: none;
  border-image: var(--fl-slot) 4 fill / 4px / 0 stretch;
}
html[data-theme="dark"] .fl_slot { border-image-source: var(--fl-slot-dunkel); }
.fl_slot.fl_schnell, html[data-theme="dark"] .fl_slot.fl_schnell { background: none; }
.fl_slot.fl_aktiv, html[data-theme="dark"] .fl_slot.fl_aktiv {
  border-image: var(--fl-slot-an) 6 fill / 6px / 0 stretch; background: none; box-shadow: none; transform: translateY(-2px);
}
.fl_slotnr { color: #8a5a34; font-weight: bold; }
.fl_anzahl { text-shadow: 1px 1px 0 #2a170b, -1px -1px 0 #2a170b, 1px -1px 0 #2a170b, -1px 1px 0 #2a170b; }

/* Anzeigen im Spiel (HUD): Holzrahmen mit dunklem Innen */
#fl_uhrbox, #fl_hotbar, #fl_fahrzeug, #fl_minimap {
  border: 8px solid transparent; border-radius: 0; background: none;
  border-image: var(--fl-rahmen-hud) 8 fill / 8px / 0 stretch;
  box-shadow: 0 5px 0 -1px rgba(0, 0, 0, .3);
}
#fl_uhrbox { padding: .2rem .4rem; text-shadow: 1px 1px 0 #1e1008; }
#fl_minimap { width: 192px; height: 132px; box-sizing: border-box; }
#fl_hotbar { padding: 2px; }
#fl_geld { color: #ffd76a; }
#fl_post_punkt { border-radius: 0; box-shadow: 0 0 0 2px #3a0c08; }
.fl_knopfreihe button, #fl_auswahl_name, #fl_hinweis {
  border: 4px solid transparent; border-radius: 0; background: none;
  border-image: var(--fl-knopf-holz-dunkel) 4 fill / 4px / 0 stretch;
  color: #fff3d6; text-shadow: 1px 1px 0 #120a05;
}
.fl_knopfreihe button:hover, .fl_knopfreihe button:focus-visible { background: none; filter: brightness(1.2); }
.fl_knopfreihe button:focus-visible { outline: 3px solid #1e88e5; }
.fl_energie_schiene {
  border: 4px solid transparent; border-radius: 0; background: none; width: 18px;
  border-image: var(--fl-rahmen-hud) 8 fill / 4px / 0 stretch;
}
#fl_energie_balken { background: repeating-linear-gradient(180deg, #8bd14f 0 3px, #6fb33a 3px 4px); }
.fl_energie_e { text-shadow: 1px 1px 0 #1e1008, -1px -1px 0 #1e1008; }
.fl_diesel_schiene { border-radius: 0; box-shadow: 0 0 0 2px #1e1008; }

/* Meldungen als kleine Zettel */
.fl_meldung, html[data-theme="dark"] .fl_meldung {
  border: 6px solid transparent; border-radius: 0; background: none; color: #3a2210;
  border-image: var(--fl-zettel) 6 fill / 6px / 0 stretch; box-shadow: 0 4px 0 -1px rgba(0, 0, 0, .3);
}
.fl_m_ok, html[data-theme="dark"] .fl_m_ok { border-image-source: var(--fl-zettel-gruen); }
.fl_m_fehler, html[data-theme="dark"] .fl_m_fehler { border-image-source: var(--fl-zettel-rot); }
.fl_m_ziel, html[data-theme="dark"] .fl_m_ziel { border-image-source: var(--fl-zettel-gold); background: none; }
#fl_ort {
  font-size: 2rem; letter-spacing: .04em; color: #fff3d6;
  text-shadow: 3px 3px 0 #3a2210, -2px -2px 0 #3a2210, 2px -2px 0 #3a2210, -2px 2px 0 #3a2210, 0 6px 10px rgba(0, 0, 0, .4);
}

/* Kästen im Fenster */
.fl_iteminfo, .fl_hinweisbox, .fl_diagramm, .fl_bauplan_info {
  border: 6px solid transparent; border-radius: 0; background: none;
  border-image: var(--fl-zettel) 6 fill / 6px / 0 stretch;
}
html[data-theme="dark"] .fl_iteminfo, html[data-theme="dark"] .fl_diagramm { border-image-source: var(--fl-zettel-dunkel); }
.fl_hinweisbox, html[data-theme="dark"] .fl_hinweisbox { border-image-source: var(--fl-zettel-gold); background: none; color: #3a2210; }
.fl_bauplan_info.fl_gut, html[data-theme="dark"] .fl_bauplan_info.fl_gut { border-image-source: var(--fl-zettel-gruen); background: none; color: #1f4a12; }
.fl_bauplan_info.fl_schlecht, html[data-theme="dark"] .fl_bauplan_info.fl_schlecht { border-image-source: var(--fl-zettel-rot); background: none; color: #7a1a10; }
.fl_portrait, #fl_creator_vorschau, .fl_landkarte, .fl_weltkarte, .fl_bauplan_rahmen {
  border: 4px solid transparent; border-radius: 0; border-image: var(--fl-slot) 4 / 4px / 0 stretch;
}
.fl_zeile, .fl_tabelle th, .fl_tabelle td { border-bottom: 2px dashed var(--fl-rand-hell); }
.fl_zielliste li { border-bottom: 2px dashed var(--fl-rand-hell); }
.fl_haken { font-weight: bold; }
h3 { color: #6e3f1c; letter-spacing: .02em; }
html[data-theme="dark"] h3 { color: #e0a965; }

/* Touch-Aktionsknopf als grüner Pixelknopf */
#fl_t_aktion {
  border-radius: 0; border: 6px solid transparent; background: none;
  border-image: var(--fl-knopf-gruen) 4 fill / 6px / 0 stretch; text-shadow: 1px 1px 0 #1c3a10;
}

/* ---------- Startmenü: Holzschild mit kleiner Hof-Szene ---------- */
#fl_start, #fl_creator { background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0), rgba(10, 6, 2, .55)); }
.fl_startbox { width: min(480px, 100%); padding: .4rem 1rem 1rem; }
#fl_start_bild {
  display: block; width: 100%; max-width: 420px; height: auto; margin: 0 auto .2rem; image-rendering: pixelated;
  border: 4px solid transparent; border-image: var(--fl-slot) 4 / 4px / 0 stretch;
}
.fl_startlogo { display: none; }
#fl_start_titel {
  display: inline-block; margin: .1rem 0 .3rem; padding: .15rem 1.1rem .25rem; font-size: 2.4rem; letter-spacing: .05em;
  color: #fff3c4; border: 6px solid transparent; border-image: var(--fl-knopf-gruen) 4 fill / 6px / 0 stretch;
  text-shadow: 3px 3px 0 #1c3a10, -2px -2px 0 #1c3a10, 2px -2px 0 #1c3a10, -2px 2px 0 #1c3a10;
}
html[data-theme="dark"] #fl_start_titel { color: #fff3c4; }
.fl_start_unter { font-weight: bold; color: #5a3a20; }
html[data-theme="dark"] .fl_start_unter { color: #f3e6c8; }
.fl_startbox > .fl_knopf.fl_haupt { min-height: 52px; font-size: 1.2rem; letter-spacing: .03em; }
.fl_creatorbox h2 { color: #6e3f1c; text-shadow: 1px 1px 0 #fff3d6; }
html[data-theme="dark"] .fl_creatorbox h2 { color: #e0a965; text-shadow: none; }
#fl_creator_vorschau { background: #7fbf4f; }

@media (max-width: 760px) {
  #fl_minimap { width: 136px; height: 94px; }
  #fl_start_titel { font-size: 1.9rem; }
}

/* ---------- Obere Leiste als Holzbalken (Positionen wie oben unverändert) ---------- */
#fl_leiste, html[data-theme="dark"] #fl_leiste {
  background:
    linear-gradient(180deg, rgba(255, 225, 170, .25) 0 2px, transparent 2px calc(100% - 6px), rgba(0, 0, 0, .25) calc(100% - 6px)),
    repeating-linear-gradient(180deg, #b8783e 0 6px, #a86a34 6px 7px, #c4844a 7px 13px, #94592a 13px 14px);
  border-bottom: 3px solid #2a170b;
  box-shadow: 0 3px 0 #5aa83a, 0 6px 0 #2f6a1e, 0 8px 10px rgba(0, 0, 0, .35);
  color: #fff3d6;
}
html[data-theme="dark"] #fl_leiste {
  background:
    linear-gradient(180deg, rgba(255, 225, 170, .12) 0 2px, transparent 2px calc(100% - 6px), rgba(0, 0, 0, .3) calc(100% - 6px)),
    repeating-linear-gradient(180deg, #6e4626 0 6px, #5e3a1e 6px 7px, #7a5030 7px 13px, #52321a 13px 14px);
  box-shadow: 0 3px 0 #2f6a1e, 0 6px 0 #1c3a10, 0 8px 10px rgba(0, 0, 0, .45);
}
.fl_marke h1 {
  color: #fff3c4; letter-spacing: .05em;
  text-shadow: 2px 2px 0 #3a2210, -1px -1px 0 #3a2210, 1px -1px 0 #3a2210, -1px 1px 0 #3a2210;
}
.fl_marke img { image-rendering: pixelated; filter: drop-shadow(1px 1px 0 #3a2210) drop-shadow(-1px -1px 0 #3a2210); }
.fl_zurueck, html[data-theme="dark"] .fl_zurueck {
  border: 4px solid transparent; border-radius: 0; padding: 0 .5rem; min-height: 40px; box-sizing: border-box;
  background: none; border-image: var(--fl-knopf-holz) 4 fill / 4px / 0 stretch;
  color: #3a2210; text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
}
.fl_zurueck:hover, .fl_zurueck:focus-visible { background: none; filter: brightness(1.08); }
.fl_zurueck:focus-visible { outline: 3px solid #1e88e5; outline-offset: 2px; }
#fl_leiste .jupi_sprachen_select {
  border: 2px solid #2a170b; border-radius: 0; background: #ecc98f; color: #3a2210; font-weight: bold;
  box-shadow: inset 2px 2px 0 #fbe2b4, inset -2px -2px 0 #b98a50;
}
html[data-theme="dark"] #fl_leiste .jupi_sprachen_select { background: #5a4230; color: #fff3d6; box-shadow: inset 2px 2px 0 #7a5a3e, inset -2px -2px 0 #3e2a1a; }
#fl_leiste .jupi_sprachen_select:hover { background: #f2d6a2; }
html[data-theme="dark"] #fl_leiste .jupi_sprachen_select:hover { background: #6a4e38; }
#fl_leiste .jupi_theme_switch {
  border: 2px solid #2a170b; border-radius: 0; background: #3a2412;
  box-shadow: inset 2px 2px 0 #1a0e06, inset -2px -2px 0 #5a3a20;
}
#fl_leiste .jupi_theme_switch:hover { background: #4a2e18; }
#fl_leiste .jupi_theme_switch .jts_thumb { border-radius: 0; background: #ecc98f; box-shadow: inset 2px 2px 0 #fbe2b4, inset -2px -2px 0 #b98a50, 0 0 0 2px #2a170b; }
@media (max-width: 480px) {
  .fl_zurueck, html[data-theme="dark"] .fl_zurueck { padding: 0; width: 40px; color: #3a2210; }
}