:root {
  --bewegung-sofort: 120ms;    
  --bewegung-kurz: 220ms;      
  --bewegung-mittel: 360ms;    
  --bewegung-szene: 600ms;     
  --bewegung-auftritt: 1100ms; 
  --bewegung-atem: 4200ms;     
  --bewegung-puls: 2600ms;     
  --bewegung-vorschau: 3200ms; 
  --kurve-herein: cubic-bezier(0.22, 1, 0.36, 1);
  --kurve-hinaus: cubic-bezier(0.4, 0, 1, 1);
  --kurve-wechsel: cubic-bezier(0.65, 0, 0.35, 1);
  --kurve-feder: cubic-bezier(0.34, 1.56, 0.64, 1);
}

@media screen {

  
  
  html[data-welt="mittelalter"],
  [data-welt-muster="mittelalter"] {
    --ink:#2a1c10; --muted:#66503a; --line:#d2bf99; --line-soft:#e0d2b3; --bg:#efe4cb;
    --card:#faf3e1; --sunken:#f3ead3; --accent:#7a1e1a; --accent-2:#c79a3a; --gold-ink:#2e2106;
    --on-accent:#fff6e4; --info-bg:#e9e6d6; --info-line:#cfc8ab; --info-ink:#2b4545;
    --warn-bg:#f8ebc4; --warn-line:#dfc27a; --warn-ink:#5a4110; --danger-bg:#f6ddd2;
    --danger-line:#dfa794; --danger-ink:#7d2413; --ok-bg:#e3ebd0; --ok-line:#b7c996;
    --ok-ink:#2c5519; --success:#2c5519; --danger:#7d2413; --kauf:#2a7438; --kauf-hover:#328a43;
    --kauf-ring:rgba(42,116,56,.30); --kn-scheibe:#2a120f; --kn-scheibe-2:#4a1c17;
    --kn-glut:#f0cf7a; --kn-glut-warn:#ffb3a3; --welt-buehne-a:#3d110e; --welt-buehne-b:#7a1e1a;
    --welt-auf-buehne:#fbf1dc; --welt-glanz:#f0cf7a; --welt-zier:#a8842f;
  }

  
  html[data-welt="mittelalter"][data-theme="dark"] {
    --ink:#f1e4c8; --muted:#c3ae8c; --line:#43341f; --line-soft:#33281a; --bg:#17110b;
    --card:#211911; --sunken:#2a2016; --accent:#e6b95c; --accent-2:#d6a548; --gold-ink:#1c1405;
    --on-accent:#1d1408; --info-bg:#1f2622; --info-line:#3a4a42; --info-ink:#a9d3c4;
    --warn-bg:#2b2210; --warn-line:#5a4a1e; --warn-ink:#f0dca8; --danger-bg:#2e1712;
    --danger-line:#60301f; --danger-ink:#ffb39f; --ok-bg:#1a2614; --ok-line:#354f27;
    --ok-ink:#a6dc8c; --success:#a6dc8c; --danger:#ffb39f; --kauf:#2b7f44; --kauf-hover:#319050;
    --kauf-ring:rgba(43,127,68,.4); --kn-scheibe:#0f0a06; --kn-scheibe-2:#2a160f;
    --kn-glut:#f0cf7a; --kn-glut-warn:#ffb3a3; --welt-buehne-a:#240d0a; --welt-buehne-b:#55160f;
    --welt-auf-buehne:#fbf1dc; --welt-glanz:#f0cf7a; --welt-zier:#8a6c2a;
  }

  
  html[data-welt="kontor"],
  [data-welt-muster="kontor"] {
    --ink:#1a2230; --muted:#566073; --line:#cfcabb; --line-soft:#dedacd; --bg:#efece3;
    --card:#fbfaf5; --sunken:#f2f0e7; --accent:#1d3557; --accent-2:#c2a04a; --gold-ink:#2a2005;
    --on-accent:#ffffff; --info-bg:#e6ecf3; --info-line:#c2cfde; --info-ink:#1d3557;
    --warn-bg:#f7efd6; --warn-line:#e0cc8f; --warn-ink:#57450f; --danger-bg:#f7e6e1;
    --danger-line:#e2b6aa; --danger-ink:#842a1a; --ok-bg:#e6f0e4; --ok-line:#b9d3b4;
    --ok-ink:#24602b; --success:#24602b; --danger:#842a1a; --kauf:#267a3c; --kauf-hover:#2d8e47;
    --kauf-ring:rgba(38,122,60,.30); --kn-scheibe:#0e1a2c; --kn-scheibe-2:#1d3557;
    --kn-glut:#e6c97a; --kn-glut-warn:#ffb3a3; --welt-buehne-a:#111f34; --welt-buehne-b:#1d3557;
    --welt-auf-buehne:#f7f3e8; --welt-glanz:#e6c97a; --welt-zier:#a3853a;
  }

  
  html[data-welt="kontor"][data-theme="dark"] {
    --ink:#ebe6d8; --muted:#aab0bb; --line:#333b49; --line-soft:#272e3a; --bg:#12151b;
    --card:#1a1f28; --sunken:#212733; --accent:#a9c4ea; --accent-2:#d2b25e; --gold-ink:#1c1505;
    --on-accent:#101724; --info-bg:#17243a; --info-line:#2f4566; --info-ink:#a9c4ea;
    --warn-bg:#2b2410; --warn-line:#5a4c1e; --warn-ink:#f0dfa8; --danger-bg:#2e1815;
    --danger-line:#5f3027; --danger-ink:#ffb3a3; --ok-bg:#15261a; --ok-line:#2d4e35;
    --ok-ink:#93dda3; --success:#93dda3; --danger:#ffb3a3; --kauf:#2b7f44; --kauf-hover:#319050;
    --kauf-ring:rgba(43,127,68,.4); --kn-scheibe:#080c13; --kn-scheibe-2:#141f33;
    --kn-glut:#e6c97a; --kn-glut-warn:#ffb3a3; --welt-buehne-a:#0b1422; --welt-buehne-b:#1a3050;
    --welt-auf-buehne:#f7f3e8; --welt-glanz:#e6c97a; --welt-zier:#8d7433;
  }

  
  html[data-welt="raumschiff"] {
    --ink:#0c1626; --muted:#4f5e77; --line:#cbd6e4; --line-soft:#dce4ee; --bg:#e9eef5;
    --card:#ffffff; --sunken:#f1f5fa; --accent:#0a5a74; --accent-2:#f0a53a; --gold-ink:#2b1a00;
    --on-accent:#ffffff; --info-bg:#e3f3f7; --info-line:#b5dbe5; --info-ink:#0a5266;
    --warn-bg:#fdf2dc; --warn-line:#efd49a; --warn-ink:#5e420a; --danger-bg:#fde9ec;
    --danger-line:#f0bcc5; --danger-ink:#8f1f33; --ok-bg:#e2f5ee; --ok-line:#aedccb;
    --ok-ink:#0f5f45; --success:#0f5f45; --danger:#8f1f33; --kauf:#1f7d55; --kauf-hover:#249266;
    --kauf-ring:rgba(31,125,85,.30); --kn-scheibe:#06101f; --kn-scheibe-2:#123355;
    --kn-glut:#62e0ee; --kn-glut-warn:#ffb3a3; --welt-buehne-a:#06101f; --welt-buehne-b:#123355;
    --welt-auf-buehne:#e9f4ff; --welt-glanz:#62e0ee; --welt-zier:#62e0ee;
  }

  
  html[data-welt="raumschiff"][data-theme="dark"],
  [data-welt-muster="raumschiff"] {
    --ink:#e2ecf8; --muted:#9aabc2; --line:#26344b; --line-soft:#1b2638; --bg:#070b13;
    --card:#0f1623; --sunken:#162031; --accent:#62e0ee; --accent-2:#ffb454; --gold-ink:#241300;
    --on-accent:#04131a; --info-bg:#0d2530; --info-line:#1f4a5c; --info-ink:#7fe3f0;
    --warn-bg:#2a1e0a; --warn-line:#5c4416; --warn-ink:#ffd591; --danger-bg:#2d1218;
    --danger-line:#63232f; --danger-ink:#ff9fb0; --ok-bg:#0c2620; --ok-line:#1c5244;
    --ok-ink:#7ff0c4; --success:#7ff0c4; --danger:#ff9fb0; --kauf:#1f7d55; --kauf-hover:#249266;
    --kauf-ring:rgba(31,125,85,.4); --kn-scheibe:#03060c; --kn-scheibe-2:#0c1a2e;
    --kn-glut:#62e0ee; --kn-glut-warn:#ffb3a3; --welt-buehne-a:#04070e; --welt-buehne-b:#0f2440;
    --welt-auf-buehne:#e9f4ff; --welt-glanz:#62e0ee; --welt-zier:#62e0ee;
  }

  
  html[data-welt="lichtwald"] {
    --ink:#12251f; --muted:#4a6459; --line:#cddccf; --line-soft:#dde8de; --bg:#edf3ea;
    --card:#fbfdf9; --sunken:#f0f5ee; --accent:#0f3d3e; --accent-2:#e2a83e; --gold-ink:#2a1c02;
    --on-accent:#ffffff; --info-bg:#e6f2ee; --info-line:#bfdcd2; --info-ink:#0f3d3e;
    --warn-bg:#fbf1d8; --warn-line:#ead29a; --warn-ink:#57430c; --danger-bg:#fae9e4;
    --danger-line:#ebbcae; --danger-ink:#852b19; --ok-bg:#e4f2e2; --ok-line:#b4d6b1;
    --ok-ink:#1d5f2a; --success:#1d5f2a; --danger:#852b19; --kauf:#267a3c; --kauf-hover:#2d8e47;
    --kauf-ring:rgba(38,122,60,.30); --kn-scheibe:#082324; --kn-scheibe-2:#0f3d3e;
    --kn-glut:#f6c66a; --kn-glut-warn:#ffb3a3; --welt-buehne-a:#071d1e; --welt-buehne-b:#0f3d3e;
    --welt-auf-buehne:#f1f8f2; --welt-glanz:#f6c66a; --welt-zier:#8fb99a;
  }

  
  html[data-welt="lichtwald"][data-theme="dark"],
  [data-welt-muster="lichtwald"] {
    --ink:#e9f3ee; --muted:#a3bdb4; --line:#27524d; --line-soft:#1b403c; --bg:#071b1b;
    --card:#0e2a2a; --sunken:#143534; --accent:#93e3bd; --accent-2:#f2b450; --gold-ink:#2a1a02;
    --on-accent:#062019; --info-bg:#0f302f; --info-line:#27524d; --info-ink:#93e3bd;
    --warn-bg:#2b2210; --warn-line:#5a4a1e; --warn-ink:#f3dfa6; --danger-bg:#2e1815;
    --danger-line:#5f3027; --danger-ink:#ffb3a3; --ok-bg:#12301c; --ok-line:#2a5a38;
    --ok-ink:#9fe6ac; --success:#9fe6ac; --danger:#ffb3a3; --kauf:#2b7f44; --kauf-hover:#319050;
    --kauf-ring:rgba(43,127,68,.4); --kn-scheibe:#041212; --kn-scheibe-2:#0c2b2b;
    --kn-glut:#f6c66a; --kn-glut-warn:#ffb3a3; --welt-buehne-a:#051616; --welt-buehne-b:#0f3d3e;
    --welt-auf-buehne:#f1f8f2; --welt-glanz:#f6c66a; --welt-zier:#3d7a6c;
  }

  
  html[data-welt="orbit"],
  [data-welt-muster="orbit"] {
    --ink:#0d1b2a; --muted:#4c5d70; --line:#cdd7e1; --line-soft:#dfe6ee; --bg:#eef2f6;
    --card:#ffffff; --sunken:#f3f6fa; --accent:#1f4f8f; --accent-2:#f08a24; --gold-ink:#2a1300;
    --on-accent:#ffffff; --info-bg:#e4eef9; --info-line:#bcd0ea; --info-ink:#1d4a85;
    --warn-bg:#fdf0dd; --warn-line:#f0cf9e; --warn-ink:#5f3d07; --danger-bg:#fbe8ea;
    --danger-line:#efbcc3; --danger-ink:#8c1f30; --ok-bg:#e2f3ec; --ok-line:#aed9c6;
    --ok-ink:#10593f; --success:#10593f; --danger:#8c1f30; --kauf:#1f7d55; --kauf-hover:#249266;
    --kauf-ring:rgba(31,125,85,.30); --kn-scheibe:#0a1626; --kn-scheibe-2:#1f3d66;
    --kn-glut:#9fd0ff; --kn-glut-warn:#ffb3a3; --welt-buehne-a:#0a1626; --welt-buehne-b:#1f3d66;
    --welt-auf-buehne:#f2f7ff; --welt-glanz:#ffb066; --welt-zier:#8fa6c2;
  }

  
  html[data-welt="orbit"][data-theme="dark"] {
    --ink:#e8eef6; --muted:#9fb0c4; --line:#2a3a52; --line-soft:#1d2a3d; --bg:#0a1220;
    --card:#111c2e; --sunken:#17243a; --accent:#8cc4ff; --accent-2:#ffa24a; --gold-ink:#2a1300;
    --on-accent:#06162a; --info-bg:#10253f; --info-line:#2a4a72; --info-ink:#9fd0ff;
    --warn-bg:#2b1f0b; --warn-line:#5c4318; --warn-ink:#ffd59a; --danger-bg:#2d1419;
    --danger-line:#62262f; --danger-ink:#ffa3b1; --ok-bg:#0d2620; --ok-line:#1f5244;
    --ok-ink:#86ecc4; --success:#86ecc4; --danger:#ffa3b1; --kauf:#1f7d55; --kauf-hover:#249266;
    --kauf-ring:rgba(31,125,85,.4); --kn-scheibe:#050a12; --kn-scheibe-2:#13233b;
    --kn-glut:#9fd0ff; --kn-glut-warn:#ffb3a3; --welt-buehne-a:#050a12; --welt-buehne-b:#16305a;
    --welt-auf-buehne:#f2f7ff; --welt-glanz:#ffb066; --welt-zier:#4f6d94;
  }

  
  html[data-welt="neonstadt"] {
    --ink:#1a0f2b; --muted:#5a4a72; --line:#d9cfe6; --line-soft:#e7e0f0; --bg:#f3eff8;
    --card:#ffffff; --sunken:#f6f2fb; --accent:#9b1c7c; --accent-2:#00a3b8; --gold-ink:#03191c;
    --on-accent:#ffffff; --info-bg:#e2f5f8; --info-line:#ade0e8; --info-ink:#0a5563;
    --warn-bg:#fcf1d9; --warn-line:#ecd39c; --warn-ink:#5e430a; --danger-bg:#fce8f0;
    --danger-line:#f0bcd2; --danger-ink:#8f1a4a; --ok-bg:#e2f5ee; --ok-line:#aedccb;
    --ok-ink:#0f5f45; --success:#0f5f45; --danger:#8f1a4a; --kauf:#1f7d55; --kauf-hover:#249266;
    --kauf-ring:rgba(31,125,85,.30); --kn-scheibe:#0b0614; --kn-scheibe-2:#2a0f45;
    --kn-glut:#3df0ff; --kn-glut-warn:#ffb3a3; --welt-buehne-a:#0b0614; --welt-buehne-b:#2a0f45;
    --welt-auf-buehne:#fbf2ff; --welt-glanz:#3df0ff; --welt-zier:#c58ab8;
  }

  
  html[data-welt="neonstadt"][data-theme="dark"],
  [data-welt-muster="neonstadt"] {
    --ink:#f3eaff; --muted:#b9a8d4; --line:#3a2856; --line-soft:#2a1d40; --bg:#0b0614;
    --card:#150c24; --sunken:#1d1230; --accent:#ff6ad5; --accent-2:#3df0ff; --gold-ink:#03191c;
    --on-accent:#1d0618; --info-bg:#0c2430; --info-line:#1d4f61; --info-ink:#7ff3ff;
    --warn-bg:#2b1f0a; --warn-line:#5c4416; --warn-ink:#ffd98f; --danger-bg:#2f0f1f;
    --danger-line:#6a2142; --danger-ink:#ff9cc6; --ok-bg:#0c261f; --ok-line:#1c5243;
    --ok-ink:#7ff0c4; --success:#7ff0c4; --danger:#ff9cc6; --kauf:#1f7d55; --kauf-hover:#249266;
    --kauf-ring:rgba(31,125,85,.4); --kn-scheibe:#07030d; --kn-scheibe-2:#241038;
    --kn-glut:#3df0ff; --kn-glut-warn:#ffb3a3; --welt-buehne-a:#07030d; --welt-buehne-b:#2a0f45;
    --welt-auf-buehne:#fbf2ff; --welt-glanz:#3df0ff; --welt-zier:#ff6ad5;
  }

  
  [data-welt-muster="standard"] {
    --ink:#16211f; --muted:#5d7274; --line:#d6e3e0; --line-soft:#e2ebe9; --bg:#f7f8f6;
    --card:#ffffff; --sunken:#f4f8f8; --accent:#0f3d3e; --accent-2:#d9a441; --on-accent:#ffffff;
    --welt-buehne-a:#0f3d3e; --welt-buehne-b:#1a5a52; --welt-auf-buehne:#ffffff; --welt-glanz:#ffe08a;
    --welt-zier:#d9a441;
  }

  
  html[data-welt] {
    --accent2: var(--accent);
    --accent-ink: var(--accent);
    --green: var(--accent);
    --gold: var(--accent-2);
    --light: var(--sunken);
    --text: var(--ink);
    --text2: var(--muted);
    --ink2: var(--accent);
    --good: var(--success);
    --box: var(--sunken);
    --notiz-bg: var(--warn-bg);
    --notiz-line: var(--warn-line);
    --notiz-text: var(--warn-ink);
    --e-1: 0 1px 2px rgba(0,0,0,.10);
    --e-2: 0 6px 20px rgba(0,0,0,.18);
    color-scheme: light;
  }
  html[data-welt][data-theme="dark"] { color-scheme: dark; }

  

  
  html[data-welt="mittelalter"] {
    --welt-titel: "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", P052, Georgia, serif;
    --r-sm: 3px; --r-md: 4px; --r-lg: 6px;
  }
  html[data-welt="mittelalter"] body {
    
    background-image:
      radial-gradient(ellipse at 18% 12%, rgba(255,250,232,.55), transparent 55%),
      radial-gradient(ellipse at 85% 88%, rgba(150,110,50,.10), transparent 60%);
    background-attachment: fixed;
  }
  html[data-welt="mittelalter"][data-theme="dark"] body {
    background-image:
      radial-gradient(ellipse at 50% 0%, rgba(230,185,92,.10), transparent 60%);
  }
  html[data-welt="mittelalter"] :is(h1, h2, h3, .section-title, .brand) { letter-spacing: .01em; }

  
  html[data-welt="kontor"] {
    --welt-titel: "Bodoni MT", Didot, "Bodoni 72", "Century Schoolbook", "Book Antiqua", Georgia, serif;
    --r-sm: 2px; --r-md: 3px; --r-lg: 4px;
  }
  html[data-welt="kontor"] body {
    
    background-image: repeating-linear-gradient(to bottom, transparent 0 31px, rgba(29,53,87,.045) 31px 32px);
    background-attachment: fixed;
  }
  html[data-welt="kontor"][data-theme="dark"] body {
    background-image: repeating-linear-gradient(to bottom, transparent 0 31px, rgba(169,196,234,.035) 31px 32px);
  }

  
  html[data-welt="raumschiff"] {
    --welt-titel: Bahnschrift, "DIN Alternate", "Avenir Next", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
    --r-sm: 3px; --r-md: 5px; --r-lg: 8px;
  }
  html[data-welt="raumschiff"][data-theme="dark"] body {
    
    background-image:
      radial-gradient(ellipse at 50% -10%, rgba(98,224,238,.13), transparent 55%),
      linear-gradient(rgba(98,224,238,.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(98,224,238,.035) 1px, transparent 1px);
    background-size: auto, 44px 44px, 44px 44px;
    background-attachment: fixed;
  }
  html[data-welt="raumschiff"] :is(h1, h2, h3, .section-title) { letter-spacing: .03em; }

  

  
  html[data-welt="mittelalter"] :is(.card, .metric-card, .einr-karte, .wk-card, .b-card, .addon, .step3, .haltung,
      .frage, .betreuer-karte, .kpi-hero, .admin-subtabs) {
    border-color: var(--welt-zier);
    box-shadow: inset 0 0 0 3px var(--card), inset 0 0 0 4px var(--line), 0 2px 0 rgba(90,60,20,.10);
  }
  html[data-welt="mittelalter"] :is(h2, h3, .section-title) { font-variant-caps: small-caps; letter-spacing: .03em; }
  html[data-welt="mittelalter"] .topbar { border-bottom: 4px double var(--welt-zier); }
  html[data-welt="mittelalter"] :is(.btn.primary, .group-btn.active, .agroup-btn.active) {
    box-shadow: inset 0 0 0 2px var(--accent), inset 0 0 0 3px var(--welt-glanz), 0 2px 0 rgba(60,20,10,.35);
  }

  
  html[data-welt="kontor"] :is(.card, .metric-card, .einr-karte, .wk-card, .b-card, .addon, .step3, .haltung,
      .frage, .betreuer-karte, .kpi-hero) {
    border-top: 3px double var(--accent);
    box-shadow: inset 3px 0 0 var(--card), inset 4px 0 0 var(--danger-line), 0 1px 0 rgba(0,0,0,.08);
  }
  html[data-welt="kontor"] :is(h2, h3, .section-title) { font-style: italic; letter-spacing: 0; }
  html[data-welt="kontor"] .topbar { border-bottom: 2px solid var(--welt-zier); box-shadow: 0 3px 0 var(--card), 0 4px 0 var(--welt-zier); }
  html[data-welt="kontor"] :is(.btn.primary, .group-btn.active, .agroup-btn.active) {
    box-shadow: inset 0 0 0 1px var(--welt-glanz), 0 2px 0 rgba(0,0,0,.25);
  }

  
  html[data-welt="raumschiff"] :is(.card, .metric-card, .einr-karte, .wk-card, .b-card, .addon, .step3, .haltung,
      .frage, .betreuer-karte, .kpi-hero, .admin-subtabs) {
    border-color: var(--line);
    border-top: 2px solid var(--accent);
    box-shadow: 0 0 0 1px rgba(98,224,238,.06), 0 10px 30px rgba(0,0,0,.30), inset 0 1px 0 rgba(98,224,238,.10);
  }
  html[data-welt="raumschiff"] :is(h2, h3, .section-title) { text-transform: uppercase; letter-spacing: .09em; }
  html[data-welt="raumschiff"] .topbar { border-bottom: 1px solid var(--accent); box-shadow: 0 0 24px rgba(98,224,238,.18); }
  html[data-welt="raumschiff"] :is(.btn.primary, .group-btn.active, .agroup-btn.active) {
    box-shadow: 0 0 0 1px var(--accent), 0 0 18px rgba(98,224,238,.35);
  }

  
  .welten-kulisse {
    position: relative; height: 132px; margin: 0 0 18px; overflow: hidden;
    border: 1px solid var(--welt-zier); border-radius: var(--r-lg);
  }
  .welten-kulisse svg { display: block; width: 100%; height: 100%; }
  .welten-kulisse-schild {
    position: absolute; left: 18px; top: 14px; display: flex; flex-direction: column; gap: 2px;
    padding: 8px 14px; border-radius: var(--r-md);
    background: var(--welt-buehne-a); color: var(--welt-auf-buehne); border: 1px solid var(--welt-zier);
  }
  .welten-kulisse-jahr { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--welt-glanz); }
  .welten-kulisse-name { font-size: 20px; font-weight: 800; line-height: 1.1; }

  
  html[data-welt="mittelalter"] .welten-kulisse .k-himmel { fill: #f1d9a6; }
  html[data-welt="mittelalter"] .welten-kulisse .k-licht { fill: #f7b955; stroke: none; }
  html[data-welt="mittelalter"] .welten-kulisse .k-fern { fill: #c9b27a; }
  html[data-welt="mittelalter"] .welten-kulisse .k-mitte { fill: #8a9a5b; }
  html[data-welt="mittelalter"] .welten-kulisse :is(.k-nah, .k-haus) { fill: #6b5a48; }
  html[data-welt="mittelalter"] .welten-kulisse .k-dach { fill: #7a1e1a; }
  html[data-welt="mittelalter"] .welten-kulisse :is(.k-tor, .k-fenster) { fill: #2a1c10; }
  html[data-welt="mittelalter"][data-theme="dark"] .welten-kulisse .k-himmel { fill: #1c1422; }
  html[data-welt="mittelalter"][data-theme="dark"] .welten-kulisse .k-fern { fill: #2b2233; }
  html[data-welt="mittelalter"][data-theme="dark"] .welten-kulisse .k-mitte { fill: #232a1c; }
  html[data-welt="mittelalter"][data-theme="dark"] .welten-kulisse :is(.k-nah, .k-haus) { fill: #15100c; }
  html[data-welt="mittelalter"][data-theme="dark"] .welten-kulisse .k-dach { fill: #3d110e; }
  html[data-welt="mittelalter"][data-theme="dark"] .welten-kulisse :is(.k-fenster, .k-tor) { fill: #f0cf7a; }

  
  html[data-welt="kontor"] .welten-kulisse .k-himmel { fill: #dfe5ea; }
  html[data-welt="kontor"] .welten-kulisse .k-fern { fill: #b9c4cf; }
  html[data-welt="kontor"] .welten-kulisse .k-nah { fill: #7b4a3a; }
  html[data-welt="kontor"] .welten-kulisse .k-fenster { fill: #2c3a4d; }
  html[data-welt="kontor"] .welten-kulisse .k-licht { fill: #e6c97a; }
  html[data-welt="kontor"] .welten-kulisse .k-kai { fill: #3a4656; }
  html[data-welt="kontor"] .welten-kulisse .k-linie { fill: none; stroke: #2c3a4d; stroke-width: 3; stroke-linecap: round; }
  html[data-welt="kontor"] .welten-kulisse .k-welle { fill: none; stroke: #7f93a8; stroke-width: 1.5; stroke-linecap: round; }
  html[data-welt="kontor"][data-theme="dark"] .welten-kulisse .k-himmel { fill: #101826; }
  html[data-welt="kontor"][data-theme="dark"] .welten-kulisse .k-fern { fill: #18243a; }
  html[data-welt="kontor"][data-theme="dark"] .welten-kulisse .k-nah { fill: #2b1d18; }
  html[data-welt="kontor"][data-theme="dark"] .welten-kulisse .k-fenster { fill: #0b1220; }
  html[data-welt="kontor"][data-theme="dark"] .welten-kulisse .k-linie { stroke: #7f93a8; }

  
  html[data-welt="raumschiff"] .welten-kulisse .k-himmel { fill: #050a14; }
  html[data-welt="raumschiff"] .welten-kulisse .k-stern { fill: #b8c7dd; }
  html[data-welt="raumschiff"] .welten-kulisse .k-licht { fill: #62e0ee; }
  html[data-welt="raumschiff"] .welten-kulisse .k-planet { fill: #12305a; }
  html[data-welt="raumschiff"] .welten-kulisse .k-rand { fill: none; stroke: #62e0ee; stroke-width: 2; }
  html[data-welt="raumschiff"] .welten-kulisse .k-ring { fill: none; stroke: #ffb454; stroke-width: 1.5; opacity: .8; }
  html[data-welt="raumschiff"] .welten-kulisse .k-mond { fill: #93a4bd; }
  html[data-welt="raumschiff"] .welten-kulisse .k-linie { fill: none; stroke: #26344b; stroke-width: 3; }
  html[data-welt="raumschiff"] .welten-kulisse .k-nah { fill: #0f1623; stroke: #26344b; }

  
  html[data-welt="lichtwald"] .welten-kulisse .k-himmel { fill: #0a2b2c; }
  html[data-welt="lichtwald"] .welten-kulisse .k-schein { fill: #1c5a55; opacity: .55; }
  html[data-welt="lichtwald"] .welten-kulisse .k-fern { fill: #0c3334; }
  html[data-welt="lichtwald"] .welten-kulisse .k-stamm { fill: #071f20; }
  html[data-welt="lichtwald"] .welten-kulisse .k-laub { fill: #134a45; }
  html[data-welt="lichtwald"] .welten-kulisse .k-mitte { fill: #0b2a26; }
  html[data-welt="lichtwald"] .welten-kulisse .k-nah { fill: #2b2118; }
  html[data-welt="lichtwald"] .welten-kulisse .k-dach { fill: #1b4b3a; }
  html[data-welt="lichtwald"] .welten-kulisse .k-licht { fill: #f6c66a; }
  html[data-welt="lichtwald"] .welten-kulisse .k-glimmen { fill: #f6c66a; opacity: .22; }
  html[data-welt="lichtwald"] .welten-kulisse .k-linie { fill: none; stroke: #8a6a3a; stroke-width: 2; stroke-linecap: round; }
  html[data-welt="lichtwald"] .welten-kulisse .k-funke { fill: #93e3bd; opacity: .8; }

  
  html[data-welt="raumschiff"] .welten-kulisse .k-konsole { fill: #0b1220; stroke: #62e0ee; stroke-width: 1; }
  html[data-welt="raumschiff"] .welten-kulisse .k-anzeige { fill: #62e0ee; opacity: .7; }
  html[data-welt="raumschiff"] .welten-kulisse .k-warn { fill: #ffb454; }
  html[data-welt="raumschiff"] .welten-kulisse .k-kreis { fill: none; stroke: #62e0ee; stroke-width: 1; opacity: .5; stroke-dasharray: 4 6; }

  
  html[data-welt="neonstadt"] .welten-kulisse .k-himmel { fill: #0b0614; }
  html[data-welt="neonstadt"] .welten-kulisse .k-dunst { fill: #ff6ad5; opacity: .16; }
  html[data-welt="neonstadt"] .welten-kulisse .k-fern { fill: #1d1230; }
  html[data-welt="neonstadt"] .welten-kulisse .k-nah { fill: #120a1f; stroke: #3a2856; stroke-width: 1; }
  html[data-welt="neonstadt"] .welten-kulisse .k-fenster { fill: #3a2856; }
  html[data-welt="neonstadt"] .welten-kulisse .k-licht { fill: #3df0ff; }
  html[data-welt="neonstadt"] .welten-kulisse .k-schild { fill: none; stroke: #ff6ad5; stroke-width: 2; }
  html[data-welt="neonstadt"] .welten-kulisse .k-schild2 { fill: none; stroke: #3df0ff; stroke-width: 2; }
  html[data-welt="neonstadt"] .welten-kulisse .k-bahn { fill: none; stroke: #b9a8d4; stroke-width: 2; opacity: .6; }
  html[data-welt="neonstadt"] .welten-kulisse .k-raster { fill: none; stroke: #ff6ad5; stroke-width: 1; opacity: .45; }

  
  html[data-welt="orbit"] .welten-kulisse .k-himmel { fill: #0a1626; }
  html[data-welt="orbit"] .welten-kulisse .k-stern { fill: #c9dcf2; }
  html[data-welt="orbit"] .welten-kulisse .k-planet { fill: #1f3d66; }
  html[data-welt="orbit"] .welten-kulisse .k-rand { fill: none; stroke: #9fd0ff; stroke-width: 3; }
  html[data-welt="orbit"] .welten-kulisse .k-sonne { fill: #ffb066; opacity: .9; }
  html[data-welt="orbit"] .welten-kulisse .k-nah { fill: #e8eef6; stroke: #8fa6c2; stroke-width: 1; }
  html[data-welt="orbit"] .welten-kulisse .k-paneel { fill: #1d4a85; stroke: #9fd0ff; stroke-width: 1; }
  html[data-welt="orbit"] .welten-kulisse .k-linie { fill: none; stroke: #8fa6c2; stroke-width: 2; }
  html[data-welt="orbit"] .welten-kulisse .k-warn { fill: #f08a24; }
  html[data-welt="orbit"] .welten-kulisse .k-bahnlinie { fill: none; stroke: #9fd0ff; stroke-width: 1; opacity: .35; stroke-dasharray: 2 5; }

  
  .welten-figur { position: absolute; left: 0; bottom: 2px; width: 0; height: 58%; pointer-events: none; will-change: transform; }
  .welten-figur img { position: absolute; left: 0; bottom: 0; height: 100%; width: auto; display: block; transform-origin: 50% 100%; }
  html.welten-leben #docshock-mascot,
  html.welten-leben #docshock-mascot-bubble { display: none; }
  
  .welten-figur-koerper { position: absolute; left: 0; bottom: 0; width: 0; height: 100%; }
  .welten-figur-freude .welten-figur-koerper { animation: welten-huepfen var(--bewegung-szene) var(--kurve-feder); }
  .welten-figur-schreck .welten-figur-koerper { animation: welten-zucken var(--bewegung-mittel) var(--kurve-wechsel); }
  @keyframes welten-huepfen { 0% { transform: translateY(0); } 40% { transform: translateY(-9px); } 100% { transform: translateY(0); } }
  @keyframes welten-zucken { 0% { transform: translateX(0); } 30% { transform: translateX(-3px); } 60% { transform: translateX(3px); } 100% { transform: translateX(0); } }

  
  .welten-ereignis { position: absolute; left: 0; top: 0; display: block; pointer-events: none; opacity: 0; }
  .welten-ereignis-vogel { width: 16px; height: 7px; border-top: 2px solid var(--welt-buehne-a); border-radius: 50% 50% 0 0; }
  .welten-ereignis-vogel::after { content: ""; position: absolute; left: 13px; top: -2px; width: 16px; height: 7px; border-top: 2px solid var(--welt-buehne-a); border-radius: 50% 50% 0 0; }
  .welten-ereignis-wolke { width: 74px; height: 16px; border-radius: 999px; background: var(--card); }
  .welten-ereignis-rauch { width: 18px; height: 18px; border-radius: 50%; background: var(--muted); }
  .welten-ereignis-sternschnuppe { width: 60px; height: 2px; border-radius: 2px; background: var(--welt-glanz); transform-origin: 0 50%; }
  .welten-ereignis-signal { width: 12px; height: 12px; border-radius: 50%; border: 2px solid var(--welt-glanz); }
  .welten-ereignis-blatt { width: 9px; height: 5px; border-radius: 80% 10% 80% 10%; background: var(--welt-zier); }
  .welten-ereignis-gluehen { width: 5px; height: 5px; border-radius: 50%; background: var(--welt-glanz); box-shadow: 0 0 8px var(--welt-glanz); }
  .welten-ereignis-gleiter { width: 22px; height: 4px; border-radius: 4px; background: var(--welt-zier); box-shadow: -14px 0 10px var(--welt-zier); }
  .welten-ereignis-funke { width: 4px; height: 4px; border-radius: 50%; background: var(--welt-glanz); box-shadow: 0 0 10px var(--welt-glanz); }
  .welten-ereignis-satellit { width: 14px; height: 4px; background: var(--welt-glanz); border-left: 5px solid var(--welt-zier); border-right: 5px solid var(--welt-zier); }
  .welten-ereignis-komet { width: 70px; height: 2px; border-radius: 2px; background: var(--welt-glanz); transform-origin: 0 50%; }

  
  .welten-ortsname { font-weight: 700; color: var(--accent); }
  .welten-ortsname::after { content: " · "; color: var(--muted); font-weight: 400; }

  
  .welten-kulisse { animation: welten-aufbau var(--bewegung-auftritt) var(--kurve-herein) both; }
  @keyframes welten-aufbau { from { opacity: 0; transform: translateY(8px) scale(.985); } to { opacity: 1; transform: none; } }

  @media (max-width: 760px) {
    .welten-kulisse { height: 96px; margin-bottom: 12px; }
    .welten-kulisse-schild { left: 10px; top: 10px; padding: 6px 10px; }
    .welten-kulisse-name { font-size: 16px; }
  }

  
  html[data-welt="lichtwald"] {
    --welt-titel: "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", P052, Georgia, serif;
    --r-sm: 9px; --r-md: 14px; --r-lg: 22px;
  }
  html[data-welt="lichtwald"][data-theme="dark"] body {
    
    background-image:
      radial-gradient(ellipse at 30% -10%, rgba(147,227,189,.16), transparent 55%),
      radial-gradient(ellipse at 80% 110%, rgba(242,180,80,.10), transparent 50%);
    background-attachment: fixed;
  }
  html[data-welt="lichtwald"] body {
    background-image: radial-gradient(ellipse at 30% -10%, rgba(15,61,62,.10), transparent 55%);
    background-attachment: fixed;
  }
  html[data-welt="lichtwald"] :is(.card, .metric-card, .einr-karte, .wk-card, .b-card, .addon, .step3, .haltung,
      .frage, .betreuer-karte, .kpi-hero, .admin-subtabs) {
    border-color: var(--welt-zier);
    box-shadow: 0 0 0 1px rgba(147,227,189,.05), 0 14px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(246,198,106,.14);
  }
  html[data-welt="lichtwald"] :is(h2, h3, .section-title) { letter-spacing: .015em; }
  html[data-welt="lichtwald"] .topbar { border-bottom: 2px solid var(--welt-zier); box-shadow: 0 6px 24px rgba(246,198,106,.10); }
  html[data-welt="lichtwald"] :is(.btn.primary, .group-btn.active, .agroup-btn.active) {
    box-shadow: 0 0 0 1px var(--welt-glanz), 0 0 20px rgba(246,198,106,.28);
  }
  html[data-welt="lichtwald"] :is(.hero:not(.hero-split):has(.hero-visual), .footer-nav) {
    border-bottom: 2px solid var(--welt-glanz);
    background:
      radial-gradient(ellipse at 20% 0%, rgba(147,227,189,.22), transparent 55%),
      radial-gradient(ellipse at 85% 100%, rgba(246,198,106,.20), transparent 45%),
      linear-gradient(160deg, var(--welt-buehne-a) 0%, var(--welt-buehne-b) 100%);
  }

  

  
  html[data-welt="raumschiff"] {
    --fx-ecke: rgba(98,224,238,.85); --fx-scan: rgba(98,224,238,.035); --fx-glow: rgba(98,224,238,.16);
    --fx-kante: rgba(98,224,238,.55);
  }
  html[data-welt="raumschiff"]:not([data-theme="dark"]) { --fx-ecke: rgba(10,90,116,.75); --fx-scan: rgba(10,90,116,.03); --fx-glow: rgba(10,90,116,.08); --fx-kante: rgba(10,90,116,.4); }
  html[data-welt="neonstadt"] {
    --welt-titel: "Bahnschrift Condensed", "Bahnschrift SemiCondensed", "Arial Narrow", "Roboto Condensed", "Liberation Sans Narrow", "Avenir Next Condensed", "Helvetica Neue", Arial, sans-serif;
    --r-sm: 2px; --r-md: 4px; --r-lg: 6px;
    --fx-ecke: rgba(255,106,213,.9); --fx-scan: rgba(61,240,255,.03); --fx-glow: rgba(255,106,213,.16);
    --fx-kante: rgba(61,240,255,.55);
  }
  html[data-welt="neonstadt"]:not([data-theme="dark"]) { --fx-ecke: rgba(155,28,124,.8); --fx-scan: rgba(155,28,124,.025); --fx-glow: rgba(155,28,124,.08); --fx-kante: rgba(0,163,184,.5); }
  html[data-welt="orbit"] {
    --welt-titel: "Segoe UI Variable Display", "Avenir Next", Futura, "Century Gothic", "URW Gothic", "Trebuchet MS", system-ui, -apple-system, sans-serif;
    --r-sm: 8px; --r-md: 14px; --r-lg: 22px;
    --fx-ecke: rgba(240,138,36,.85); --fx-scan: rgba(31,79,143,.02); --fx-glow: rgba(31,79,143,.08);
    --fx-kante: rgba(31,79,143,.35);
  }
  html[data-welt="orbit"][data-theme="dark"] { --fx-ecke: rgba(255,162,74,.85); --fx-scan: rgba(140,196,255,.03); --fx-glow: rgba(140,196,255,.14); --fx-kante: rgba(140,196,255,.45); }

  
  html[data-welt="neonstadt"][data-theme="dark"] body {
    background-image:
      radial-gradient(ellipse at 15% -10%, rgba(255,106,213,.16), transparent 50%),
      radial-gradient(ellipse at 90% 110%, rgba(61,240,255,.12), transparent 50%);
    background-attachment: fixed;
  }
  html[data-welt="neonstadt"]:not([data-theme="dark"]) body {
    background-image: linear-gradient(180deg, rgba(155,28,124,.05), transparent 40%);
    background-attachment: fixed;
  }
  html[data-welt="orbit"] body {
    background-image:
      radial-gradient(ellipse at 100% 0%, rgba(240,138,36,.10), transparent 45%),
      radial-gradient(circle at 85% 135%, rgba(31,79,143,.14), transparent 55%);
    background-attachment: fixed;
  }
  html[data-welt="orbit"][data-theme="dark"] body {
    background-image:
      radial-gradient(ellipse at 100% 0%, rgba(255,162,74,.10), transparent 45%),
      radial-gradient(circle at 85% 135%, rgba(140,196,255,.18), transparent 55%);
  }

  
  html[data-welt="neonstadt"] :is(h1, h2, h3, .section-title) { text-transform: uppercase; letter-spacing: .1em; }
  html[data-welt="neonstadt"][data-theme="dark"] :is(h1, h2, .section-title) { text-shadow: 0 0 18px rgba(255,106,213,.45), 0 0 2px rgba(255,106,213,.35); }
  html[data-welt="raumschiff"][data-theme="dark"] :is(h1, h2, .section-title) { text-shadow: 0 0 16px rgba(98,224,238,.35); }
  html[data-welt="orbit"] :is(h1, h2, h3, .section-title) { letter-spacing: .035em; }

  
  html[data-welt]:is([data-welt="raumschiff"], [data-welt="neonstadt"], [data-welt="orbit"]) :is(.card, .metric-card, .einr-karte, .wk-card, .b-card, .addon, .step3, .haltung,
      .frage, .betreuer-karte, .auth-card):not([style*="background"]) {
    border-color: var(--line);
    background-image:
      radial-gradient(380px circle at var(--fx-x, -999px) var(--fx-y, -999px), var(--fx-glow), transparent 62%),
      linear-gradient(var(--fx-ecke), var(--fx-ecke)), linear-gradient(var(--fx-ecke), var(--fx-ecke)),
      linear-gradient(var(--fx-ecke), var(--fx-ecke)), linear-gradient(var(--fx-ecke), var(--fx-ecke)),
      linear-gradient(var(--fx-ecke), var(--fx-ecke)), linear-gradient(var(--fx-ecke), var(--fx-ecke)),
      linear-gradient(var(--fx-ecke), var(--fx-ecke)), linear-gradient(var(--fx-ecke), var(--fx-ecke)),
      repeating-linear-gradient(to bottom, transparent 0 3px, var(--fx-scan) 3px 4px);
    background-position: 0 0, left top, left top, right top, right top, left bottom, left bottom, right bottom, right bottom, 0 0;
    background-size: auto, 18px 2px, 2px 18px, 18px 2px, 2px 18px, 18px 2px, 2px 18px, 18px 2px, 2px 18px, auto;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat;
  }
  
  html[data-welt="orbit"] :is(.card, .metric-card, .einr-karte, .wk-card, .b-card, .addon, .step3, .haltung,
      .frage, .betreuer-karte, .auth-card):not([style*="background"]) {
    background-size: auto, 34px 3px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, auto;
    background-position: 0 0, 18px 0, left top, right top, right top, left bottom, left bottom, right bottom, right bottom, 0 0;
    box-shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 14px 34px rgba(13,27,42,.10), 0 0 0 1px var(--fx-kante);
  }
  html[data-welt="orbit"][data-theme="dark"] :is(.card, .metric-card, .einr-karte, .wk-card, .b-card, .addon, .step3, .haltung,
      .frage, .betreuer-karte, .auth-card):not([style*="background"]) {
    box-shadow: 0 1px 0 rgba(140,196,255,.10) inset, 0 16px 40px rgba(0,0,0,.40), 0 0 0 1px rgba(140,196,255,.10);
  }

  
  html[data-welt="neonstadt"] :is(.card, .metric-card, .einr-karte, .wk-card, .b-card, .addon, .step3, .haltung,
      .frage, .betreuer-karte, .kpi-hero, .admin-subtabs, .auth-card) {
    box-shadow: 0 0 0 1px rgba(255,106,213,.10), 0 18px 40px rgba(0,0,0,.45), inset 0 1px 0 rgba(61,240,255,.14), -2px 0 0 rgba(255,106,213,.55);
  }
  html[data-welt="neonstadt"]:not([data-theme="dark"]) :is(.card, .metric-card, .einr-karte, .wk-card, .b-card, .addon, .step3, .haltung,
      .frage, .betreuer-karte, .kpi-hero, .admin-subtabs) {
    box-shadow: 0 10px 26px rgba(26,15,43,.10), -2px 0 0 var(--accent);
  }
  html[data-welt="neonstadt"] .topbar {
    border-bottom: 1px solid var(--accent);
    box-shadow: 0 1px 0 var(--accent-2), 0 0 28px rgba(255,106,213,.22);
  }
  html[data-welt="neonstadt"] :is(.btn.primary, .group-btn.active, .agroup-btn.active) {
    box-shadow: 0 0 0 1px var(--accent), 0 0 22px rgba(255,106,213,.45), 0 0 2px var(--accent-2);
  }
  html[data-welt="orbit"] .topbar {
    border-bottom: 1px solid var(--line);
    box-shadow: 0 1px 0 var(--card), 0 10px 30px rgba(13,27,42,.08);
  }
  html[data-welt="orbit"] :is(.btn.primary, .group-btn.active, .agroup-btn.active) {
    box-shadow: 0 0 0 3px rgba(240,138,36,.28), 0 6px 18px rgba(31,79,143,.25);
  }

  
  html[data-welt="raumschiff"] .topbar {
    border-bottom: 1px solid var(--accent);
    box-shadow: 0 1px 0 rgba(255,180,84,.55), 0 0 30px rgba(98,224,238,.20);
  }

  
  @supports ((backdrop-filter: blur(4px)) or (-webkit-backdrop-filter: blur(4px))) {
    html[data-welt-fx="voll"][data-theme="dark"]:is([data-welt="raumschiff"], [data-welt="neonstadt"], [data-welt="orbit"]) :is(.card, .metric-card, .einr-karte, .wk-card, .b-card, .addon, .step3, .haltung,
        .frage, .betreuer-karte, .auth-card, .topbar):not([style*="background"]) {
      background-color: color-mix(in srgb, var(--card) 90%, transparent);
      -webkit-backdrop-filter: blur(8px) saturate(1.2);
      backdrop-filter: blur(8px) saturate(1.2);
    }
  }

  
  html[data-welt="neonstadt"] :is(.hero:not(.hero-split):has(.hero-visual), .footer-nav) {
    border-bottom: 2px solid var(--welt-zier);
    background:
      radial-gradient(ellipse at 18% 0%, rgba(255,106,213,.30), transparent 50%),
      radial-gradient(ellipse at 88% 100%, rgba(61,240,255,.22), transparent 45%),
      repeating-linear-gradient(90deg, rgba(61,240,255,.06) 0 1px, transparent 1px 48px),
      linear-gradient(160deg, var(--welt-buehne-a) 0%, var(--welt-buehne-b) 100%);
  }
  html[data-welt="orbit"] :is(.hero:not(.hero-split):has(.hero-visual), .footer-nav) {
    border-bottom: 3px solid var(--accent-2);
    background:
      radial-gradient(circle at 92% 130%, rgba(159,208,255,.45), rgba(31,79,143,.25) 38%, transparent 39%),
      radial-gradient(ellipse at 100% 0%, rgba(255,176,102,.28), transparent 40%),
      linear-gradient(160deg, var(--welt-buehne-a) 0%, var(--welt-buehne-b) 100%);
  }
  html[data-welt="raumschiff"] .hero:not(.hero-split):has(.hero-visual) {
    background:
      radial-gradient(ellipse at 78% 20%, rgba(98,224,238,.20), transparent 50%),
      radial-gradient(ellipse at 10% 100%, rgba(255,180,84,.12), transparent 45%),
      linear-gradient(rgba(98,224,238,.05) 1px, transparent 1px) 0 0 / 100% 36px,
      linear-gradient(160deg, var(--welt-buehne-a) 0%, var(--welt-buehne-b) 100%);
  }

  
  html[data-welt]:is([data-welt="raumschiff"], [data-welt="neonstadt"], [data-welt="orbit"]) :is(.welten-figur img, #docshock-mascot img) {
    filter: drop-shadow(0 0 6px var(--fx-kante)) drop-shadow(0 0 1px var(--fx-ecke));
  }
  html[data-welt="neonstadt"][data-theme="dark"] :is(.welten-figur img, #docshock-mascot img) {
    filter: drop-shadow(0 0 8px rgba(61,240,255,.7)) drop-shadow(0 0 2px rgba(255,106,213,.8)) saturate(1.15);
  }
  html[data-welt]:is([data-welt="raumschiff"], [data-welt="neonstadt"], [data-welt="orbit"]) .welten-figur-koerper::before {
    content: ""; position: absolute; left: -26px; bottom: -3px; width: 52px; height: 10px; border-radius: 50%;
    background: radial-gradient(ellipse at center, var(--fx-ecke), transparent 70%); opacity: .55;
  }

  
  
  html[data-welt] :is(h1, h2, h3, .section-title, .brand, .welten-titel, .welten-name, .welten-kulisse-name, .welten-ortsname) { font-family: var(--welt-titel); }

  
  html[data-welt][data-theme="dark"] :is(input, select, textarea) {
    background: var(--sunken); color: var(--ink); border-color: var(--line);
  }
  html[data-welt][data-theme="dark"] :is(input, textarea)::placeholder { color: var(--muted); }

  
  html[data-welt] .btn.primary { box-shadow: var(--e-1); }
  html[data-welt] .btn.primary:hover { background: var(--accent); border-color: var(--accent); filter: brightness(1.12); box-shadow: var(--e-2); }

  
  html[data-welt] :is(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid var(--accent-2); outline-offset: 2px;
  }

  
  html[data-welt] #docshock-mascot-bubble {
    background: var(--card); color: var(--ink); border-color: var(--line);
  }
  html[data-welt] #docshock-mascot-bubble:after { border-color: var(--card) transparent transparent; }
  html[data-welt] #docshock-mascot-bubble.error { color: var(--danger-ink); border-color: var(--danger-line); }
  html[data-welt] #docshock-mascot-bubble.success { color: var(--ok-ink); border-color: var(--ok-line); }

  
  
  html[data-welt] :is(.hero:not(.hero-split):has(.hero-visual), .footer-nav, .partner-hero, .cta-band, .cta-band.gold-band) {
    background: linear-gradient(160deg, var(--welt-buehne-a) 0%, var(--welt-buehne-b) 100%);
    color: var(--welt-auf-buehne);
  }
  html[data-welt] .hero:not(.hero-split):has(.hero-visual) h1 .hl { color: var(--welt-glanz); }
  html[data-welt] .footer-nav .fn-col a { color: var(--welt-auf-buehne); }
  html[data-welt="mittelalter"] :is(.hero:not(.hero-split):has(.hero-visual), .footer-nav) { border-bottom: 3px double var(--welt-zier); }
  html[data-welt="kontor"] :is(.hero:not(.hero-split):has(.hero-visual), .footer-nav) { border-bottom: 2px solid var(--welt-zier); }
  html[data-welt="raumschiff"] :is(.hero:not(.hero-split):has(.hero-visual), .footer-nav) {
    border-bottom: 1px solid var(--welt-zier);
    background:
      radial-gradient(ellipse at 78% 20%, rgba(98,224,238,.16), transparent 50%),
      linear-gradient(160deg, var(--welt-buehne-a) 0%, var(--welt-buehne-b) 100%);
  }
  
  html[data-welt] .hero:not(.hero-split):has(.hero-visual) .btn.primary,
  html[data-welt] .hero:not(.hero-split):has(.hero-visual) .btn.primary:hover { background: var(--accent-2); color: var(--gold-ink); border-color: var(--accent-2); }
  
  html[data-welt] .hero:not(.hero-split):has(.hero-visual) .btn.ghost { color: var(--welt-auf-buehne) !important; border-color: rgba(255,255,255,.4) !important; }

  
  html[data-welt][data-theme="dark"] [style*="color:var(--kauf"] { color: var(--ok-ink) !important; }

  
  html[data-welt] #ew-ja { color: var(--on-accent) !important; }

  
  html[data-welt] :is(.topbar, .tabs-nav, .b-card, .addon, .step3, .faq-item, body > footer, main ~ footer) {
    background: var(--card); border-color: var(--line);
  }
  html[data-welt] footer:not(.footer-nav) { background: var(--card); color: var(--muted); }
  html[data-welt] .top-nav a { color: var(--muted); }
  html[data-welt] .top-nav a:hover { color: var(--accent); }
  html[data-welt] .ps-card.problem { background: var(--danger-bg); border-color: var(--danger-line); }
  html[data-welt] .ps-card.problem h3,
  html[data-welt] .ps-card.problem li::before { color: var(--danger-ink); }
  html[data-welt] .ps-card.solution { background: var(--ok-bg); border-color: var(--ok-line); }
  html[data-welt] .ps-card.solution h3,
  html[data-welt] .ps-card.solution li::before { color: var(--ok-ink); }
  html[data-welt] :is(.b-card, .addon):hover { border-color: var(--accent); }

  

  
  html[data-welt] :is(.kh, .wk-hero, .va-head, .av-head, .ag-kopf, .ck-leitstand, .calc-time,
      .offer-banner-inner, .rm-hero, #rm-sticky, #rm-mitbauen-band, .ki-wolke .kw-kopf) {
    background: linear-gradient(135deg, var(--welt-buehne-a) 0%, var(--welt-buehne-b) 100%);
    color: var(--welt-auf-buehne);
  }
  html[data-welt] :is(.waiting-banner, .top-contact-bar, #rm-activity, .betreuer-foto-fallback, .zum-inhalt) {
    background: var(--welt-buehne-b); color: var(--welt-auf-buehne);
  }
  
  html[data-welt] :is([style*="background:#0f3d3e"], [style*="background: #0f3d3e"],
      [style*="background:linear-gradient(135deg,#0f3d3e"], [style*="background:linear-gradient(135deg, #0f3d3e"],
      [style*="background: linear-gradient(135deg, #0f3d3e"], [style*="background:linear-gradient(160deg,#0f3d3e"],
      [style*="background: rgb(15, 61, 62)"], [style*="background: linear-gradient(135deg, rgb(15, 61, 62)"]) {
    background: linear-gradient(135deg, var(--welt-buehne-a) 0%, var(--welt-buehne-b) 100%) !important;
  }

  
  
  html[data-welt] .btn.primary { background: var(--accent); color: var(--on-accent); border-color: var(--accent); }
  html[data-welt] :is(.kw-knopf:not(.ghost), .va-step-nr, .va-kat button.aktiv, .av-kat button.aktiv,
      .rm-obj-btn.active, .neu-item-badge) {
    background: var(--accent); color: var(--on-accent); border-color: var(--accent);
  }
  html[data-welt] #rm-mitbauen-btn { background: var(--accent); color: var(--on-accent); border-color: var(--accent); }
  html[data-welt] :is(.group-btn.active, .agroup-btn.active) {
    background: var(--accent) !important; color: var(--on-accent) !important; border-color: var(--accent) !important;
  }
  html[data-welt] .agroup-btn.active .ag-count { background: var(--accent-2); color: var(--gold-ink); }

  
  html:where([data-welt]:not([data-theme="dark"])) :is(.wk-card, .kpi-hero, .kpi-empty, .va-wrap,
      .va-anb, .av-wrap, .choice, .rm-obj-answer, .rm-vm, .need-question, .need-btn, .builder-block,
      .win-chip, .bottom-nav, .btn, .card, .topbar) {
    background-color: var(--card);
  }
  html[data-welt]:not([data-theme="dark"]) :is(.ki-wolke .kw-knopf.ghost, .va-feld input, .va-feld select,
      .av-anb button, #rm-progress-wrap, #rm-mitbauen-abschluss) {
    background-color: var(--card);
  }
  html[data-welt]:not([data-theme="dark"]) .ki-wolke .kw-knopf.ghost { color: var(--accent); border-color: var(--line); }

  
  html[data-welt] .betreuer-karte { background: var(--card); border-color: var(--line); }
  html[data-welt] :is(.betreuer-label, .betreuer-rolle) { color: var(--muted); }
  html[data-welt] .betreuer-name { color: var(--ink); }
  html[data-welt] .betreuer-foto { border-color: var(--line-soft); background: var(--sunken); }
  html[data-welt] .betreuer-kontakt { border-top-color: var(--line-soft); }
  html[data-welt] .betreuer-kontakt a,
  html[data-welt] .betreuer-kontakt a:hover { color: var(--accent); }

  
  
  .welten-wahl { font-family: inherit; color: var(--ink); }
  .welten-wahl * { box-sizing: border-box; }
  .welten-kopf { margin: 0 0 14px; }
  .welten-marke {
    font-size: 12.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
    color: var(--accent); margin: 0 0 6px;
  }
  .welten-titel { font-size: 26px; line-height: 1.2; font-weight: 800; margin: 0 0 8px; color: var(--ink); }
  .welten-satz { font-size: 16px; line-height: 1.5; color: var(--muted); max-width: 640px; margin: 0; }
  .welten-wahl[data-welten-wahl="karte"] .welten-titel { font-size: 18px; }
  .welten-wahl[data-welten-wahl="karte"] .welten-satz { font-size: 15px; }

  
  .welten-strahl {
    list-style: none; margin: 0; padding: 18px 0 0; position: relative;
    display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px;
  }
  .welten-strahl::before {
    content: ""; position: absolute; left: 0; right: 0; top: 5px; height: 2px;
    background: linear-gradient(90deg, var(--line), var(--accent-2), var(--line));
  }
  .welten-station { position: relative; margin: 0; padding: 0; }
  .welten-station::before {
    content: ""; position: absolute; top: -18px; left: 50%; width: 12px; height: 12px; margin-left: -6px;
    border-radius: 50%; background: var(--card); border: 2px solid var(--line);
  }
  .welten-station:has([aria-checked="true"])::before { background: var(--accent-2); border-color: var(--accent-2); }

  .welten-knopf {
    display: block; width: 100%; text-align: left; cursor: pointer; padding: 10px;
    background: var(--card); color: var(--ink);
    border: 2px solid var(--line); border-radius: var(--r-md, 11px);
    font: inherit; min-height: 44px;
    transition: transform var(--bewegung-sofort) var(--kurve-herein), border-color var(--bewegung-sofort) linear;
  }
  .welten-knopf:hover { transform: translateY(-2px); border-color: var(--accent); }
  .welten-knopf[aria-checked="true"] { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-2); }

  
  .welten-muster {
    display: block; height: 86px; border-radius: 4px; overflow: hidden; position: relative;
    background: var(--bg); border: 1px solid var(--line);
  }
  .welten-muster i { position: absolute; display: block; }
  .welten-muster .m-buehne { left: 0; right: 0; top: 0; height: 30px; background: linear-gradient(160deg, var(--welt-buehne-a), var(--welt-buehne-b)); }
  .welten-muster .m-glanz { left: 8px; top: 16px; width: 34%; height: 5px; border-radius: 2px; background: var(--welt-glanz); }
  .welten-muster .m-zeile1 { left: 8px; top: 8px; width: 52%; height: 5px; border-radius: 2px; background: var(--welt-auf-buehne); }
  .welten-muster .m-karte { left: 8px; right: 8px; top: 38px; bottom: 8px; background: var(--card); border: 1px solid var(--line); border-radius: 3px; }
  .welten-muster .m-text { left: 16px; top: 47px; width: 44%; height: 4px; border-radius: 2px; background: var(--ink); }
  .welten-muster .m-text2 { left: 16px; top: 56px; width: 30%; height: 4px; border-radius: 2px; background: var(--muted); }
  .welten-muster .m-knopf { right: 16px; top: 46px; width: 22%; height: 16px; border-radius: 3px; background: var(--accent); }
  .welten-muster .m-gold { right: 16px; top: 66px; width: 12%; height: 4px; border-radius: 2px; background: var(--accent-2); }

  
  .welten-wahl[data-welten-wahl="karte"] .welten-strahl { grid-template-columns: repeat(4, minmax(0, 1fr)); padding-top: 0; }
  .welten-wahl[data-welten-wahl="karte"] .welten-strahl::before,
  .welten-wahl[data-welten-wahl="karte"] .welten-station::before { display: none; }
  @media (max-width: 1060px) {
    .welten-strahl { grid-template-columns: repeat(4, minmax(0, 1fr)); padding-top: 0; }
    .welten-strahl::before, .welten-station::before { display: none; }
  }

  
  .welten-muster .m-fx { inset: 0 0 auto 0; height: 30px; overflow: hidden; pointer-events: none; }
  .welten-muster .m-fx::before, .welten-muster .m-fx::after { content: ""; position: absolute; display: block; }
  [data-welt-muster="raumschiff"] .m-fx::before {
    left: 0; top: 0; width: 200%; height: 30px;
    background-image: radial-gradient(circle, #e9f4ff 0 1px, transparent 1.5px), radial-gradient(circle, #62e0ee 0 1px, transparent 1.5px);
    background-size: 23px 11px, 37px 17px; background-position: 0 3px, 11px 9px; opacity: .8;
  }
  [data-welt-muster="neonstadt"] .m-fx::before {
    left: 0; bottom: 0; width: 100%; height: 12px;
    background-image: repeating-linear-gradient(90deg, rgba(255,106,213,.7) 0 1px, transparent 1px 10px), linear-gradient(0deg, rgba(255,106,213,.5), transparent);
  }
  [data-welt-muster="neonstadt"] .m-fx::after { left: 0; top: 0; width: 40%; height: 30px; background: linear-gradient(90deg, transparent, rgba(61,240,255,.55), transparent); transform: translateX(-120%); }
  [data-welt-muster="orbit"] .m-fx::before {
    right: -18px; top: 6px; width: 64px; height: 64px; border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, #9fd0ff, #1f3d66 70%); box-shadow: 0 0 0 1px rgba(159,208,255,.6);
  }
  [data-welt-muster="orbit"] .m-fx::after { left: 10%; top: 13px; width: 5px; height: 5px; border-radius: 50%; background: var(--welt-glanz); }
  .welten-knopf:is(:hover, :focus-visible) [data-welt-muster="raumschiff"] .m-fx::before { animation: welten-vorschau-flug var(--bewegung-vorschau) linear infinite; }
  .welten-knopf:is(:hover, :focus-visible) [data-welt-muster="neonstadt"] .m-fx::after { animation: welten-vorschau-scan var(--bewegung-vorschau) var(--kurve-wechsel) infinite; }
  .welten-knopf:is(:hover, :focus-visible) [data-welt-muster="orbit"] .m-fx::after { animation: welten-vorschau-bahn var(--bewegung-vorschau) var(--kurve-wechsel) infinite alternate; }
  @keyframes welten-vorschau-flug { from { transform: translateX(0); } to { transform: translateX(-50%); } }
  @keyframes welten-vorschau-scan { from { transform: translateX(-120%); } to { transform: translateX(260%); } }
  @keyframes welten-vorschau-bahn { from { transform: translateX(0) scale(1); } to { transform: translateX(260%) scale(.6); } }

  
  .welten-fx-wahl { margin: 16px 0 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--r-md, 11px); background: var(--card); }
  .welten-fx-titel { display: block; font-size: 14px; font-weight: 800; color: var(--ink); margin: 0 0 8px; }
  .welten-fx-knoepfe { display: flex; flex-wrap: wrap; gap: 8px; }
  .welten-fx-knopf {
    font: inherit; font-size: 14px; font-weight: 700; min-height: 36px; padding: 6px 12px; cursor: pointer;
    background: var(--sunken); color: var(--ink); border: 1px solid var(--line); border-radius: var(--r-sm, 7px);
  }
  .welten-fx-knopf[aria-checked="true"] { background: var(--accent); color: var(--on-accent); border-color: var(--accent); }
  .welten-fx-satz { margin: 8px 0 0; font-size: 13px; color: var(--muted); }

  .welten-jahr { display: block; margin-top: 9px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
  .welten-name { display: block; font-size: 16px; font-weight: 800; color: var(--ink); }
  .welten-was { display: block; font-size: 14px; line-height: 1.4; color: var(--muted); margin-top: 2px; }
  
  .welten-aktiv { display: none; margin-top: 6px; font-size: 12.5px; font-weight: 800; color: var(--ok-ink); }
  .welten-knopf[aria-checked="true"] .welten-aktiv { display: block; }

  .welten-fuss { margin: 14px 0 0; font-size: 14px; color: var(--muted); }

  
  .welten-band { padding: 40px 20px 34px; max-width: 1060px; margin: 0 auto; }

  
  .welten-oeffner {
    display: inline-flex; align-items: center; gap: 6px; cursor: pointer; vertical-align: middle;
    font: inherit; font-size: 13px; font-weight: 700; line-height: 1; min-height: 28px;
    padding: 5px 10px; margin: 0 8px 0 0;
    background: var(--card); color: var(--ink);
    border: 1px solid var(--line); border-radius: var(--r-sm, 7px);
  }
  .welten-oeffner:hover { border-color: var(--accent); }
  
  [data-welten-oeffner="klein"] .welten-oeffner { margin: 0; padding: 5px 8px; }
  [data-welten-oeffner="klein"] .welten-oeffner span:last-child {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
  }

  
  .welten-dialog {
    width: min(760px, calc(100vw - 24px)); max-height: calc(100vh - 24px); overflow: auto;
    padding: 22px; border: 1px solid var(--line); border-radius: var(--r-lg, 16px);
    background: var(--bg); color: var(--ink);
  }
  .welten-dialog::backdrop { background: rgba(0,0,0,.5); }
  .welten-dialog[open] { animation: welten-herein var(--bewegung-mittel) var(--kurve-herein) both; }
  @keyframes welten-herein { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
  .welten-zu {
    float: right; cursor: pointer; font: inherit; font-size: 14px; font-weight: 700; min-height: 36px;
    padding: 6px 12px; margin: 0 0 8px 12px;
    background: var(--card); color: var(--ink);
    border: 1px solid var(--line); border-radius: var(--r-sm, 7px);
  }

  @media (max-width: 760px) {
    
    .welten-strahl, .welten-wahl[data-welten-wahl="karte"] .welten-strahl { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: 0; }
    .welten-strahl::before, .welten-station::before { display: none; }
    .welten-titel { font-size: 22px; }
    .welten-band { padding: 28px 20px 24px; }
  }

  
  html.welten-wechsel::view-transition-old(root),
  html.welten-wechsel::view-transition-new(root) {
    animation-duration: var(--bewegung-szene);
    animation-timing-function: var(--kurve-wechsel);
  }

  @media (prefers-reduced-motion: reduce) {
    .welten-knopf { transition: none; }
    .welten-knopf:hover { transform: none; }
    .welten-dialog[open] { animation: none; }
    .welten-kulisse { animation: none; }
    .welten-figur-koerper { animation: none; }
    .welten-ereignis { display: none; }
    .welten-muster .m-fx::before, .welten-muster .m-fx::after { animation: none !important; }
    html.welten-wechsel::view-transition-old(root),
    html.welten-wechsel::view-transition-new(root) { animation: none; }
  }
}


html[data-welt][data-theme="dark"] .vg-sterne { color: rgba(226,236,248,.28); }