/* Ludiri Gestaltung. Idee: helle Spielwelt, Dunkelblau trägt die Oberfläche, Gelb für Aktion und Erfolg, Koralle als Funke. Türkis gehört nur Ludiri. */
:root{
--teal:#14B8A6;--teal-d:#087F73;--teal-h:#39CDBB;--navy:#0B1F44;--navy-w:#33466B;--gelb:#FFC83D;--gelb-d:#D99A12;--koralle:#FF7A59;
--off:#F8FAFC;--mint:#E6F9F5;--hell:#EEF5FF;--creme:#FFF6DC;--sky:#D8EEFF;--blau:#2F7DF6;--blau-d:#1858C8;--rot:#EF5364;--rot-d:#BF2A42;--muted:#475569;--rand:#DFE7EF;
--font-t:'Fredoka',ui-rounded,'Arial Rounded MT Bold','Nunito','Segoe UI',system-ui,sans-serif;
--font:'Nunito','Segoe UI',ui-rounded,system-ui,Arial,sans-serif;
--r-karte:1.75rem;--r-btn:1.1rem;--r-feld:.9rem;
--schatten:0 1px 2px rgba(11,31,68,.04),0 18px 44px -18px rgba(11,31,68,.22);
--fokus:3px solid var(--navy);--feder:cubic-bezier(.2,.9,.25,1.15);--weich:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}
html{font-size:clamp(16px,.42vw + 10.5px,30px);-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{margin:0;background:var(--off);color:var(--navy);font:500 1.06rem/1.6 var(--font);overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-t);font-weight:700;line-height:1.08;margin:0 0 .5em;letter-spacing:-.005em;text-wrap:balance}
h3{font-weight:600}
p{margin:0 0 1em}img{max-width:100%;display:block}a{color:var(--navy)}
ul,ol{list-style:none;margin:0;padding:0}
:focus-visible{outline:var(--fokus);outline-offset:3px;border-radius:.4rem}
/* Ladeanimation: Ludiri zieht am Seil, das Seil läuft auf ihn zu */
.lu-boot{display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:2rem;background:radial-gradient(ellipse 80% 60% at 50% 45%,#FFFFFF,#EAF7FF 55%,#CDEBF7)}
/* Ladeanzeige: Ludiri rennt auf der Stelle (animiertes WebP aus Richards Runway-Video, werkzeuge/figur/rennen.py; Schatten ist im Bild) */
.lu-boot-laden{animation:lu-boot-ein .5s .15s ease-out both}
.lu-boot-buehne{position:relative;height:clamp(11rem,30vh,17rem);aspect-ratio:232/360}
.lu-boot-fig{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%}
.lu-boot-fig.steht{transform-origin:50% 100%;animation:lu-boot-huepf .7s ease-in-out infinite}
@keyframes lu-boot-ein{from{opacity:0;transform:translateY(.6rem)}}
@keyframes lu-boot-huepf{0%,100%{transform:translateY(0)}50%{transform:translateY(-.35rem)}}
.lu-boot.klein{min-height:13rem;padding:1.5rem 1rem;background:none}.lu-boot.klein .lu-boot-buehne{height:8.4rem}
.lu-boot.klein .lu-boot-laden{animation-delay:.45s} /* kurzes Laden: nichts blitzt auf, Ludiri erscheint erst, wenn es wirklich dauert */
.lu-boot-fehler{display:none}
/* Inhaltsbereich zwischen Menü und Fuß, solange eine Seite nachlädt */
.lu-laden-haupt{display:grid;place-items:center;min-height:max(26rem,70vh);padding:8rem 1rem 3rem;background:radial-gradient(ellipse 70% 60% at 50% 55%,#FFFFFF,#EAF7FF 60%,#D8EEF8)}
.lu-laden-haupt .lu-boot.klein{min-height:0;padding:0}.lu-laden-haupt .lu-boot.klein .lu-boot-buehne{height:clamp(9rem,24vh,13rem)}
/* Startbildschirm: Logo an der Stelle, wo gleich das Menü erscheint */
.lu-boot{position:relative}.lu-boot-logo{position:absolute;left:clamp(1rem,3.5vw,3.5rem);top:.5rem;height:clamp(3.7rem,9vw,6.6rem);width:auto;filter:drop-shadow(0 .35rem .6rem rgba(11,31,68,.16))}
.lu-boot.klein .lu-boot-logo,.lu-boot.fehler .lu-boot-logo{display:none}
.lu-boot.fehler .lu-boot-laden{display:none}.lu-boot.fehler .lu-boot-fehler{display:block}
/* Fehlerseite (Laden fehlgeschlagen, Seite nicht gefunden) */
.lu-fs-body{margin:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,#FFFFFF,#EAF7FF 55%,#CDEBF7);min-height:100vh}
.lu-fs-haupt{display:grid;justify-items:center;align-content:center;gap:1rem;min-height:100vh;min-height:100dvh;padding:1.5rem;background:radial-gradient(ellipse 80% 60% at 50% 40%,#FFFFFF,#EAF7FF 55%,#CDEBF7)}
.lu-fs-haupt{position:relative;padding-top:6.5rem}
.lu-fs-haupt>.lu-logo{position:absolute;left:clamp(1rem,3.5vw,3.5rem);top:clamp(.8rem,2vw,1.4rem)}.lu-fs-haupt .lu-logo img{height:clamp(3.6rem,6vw,5rem);width:auto}
.lu-fehlerseite{max-width:32rem;text-align:center;color:var(--navy);animation:lu-boot-ein .5s ease-out both}
.lu-fs-fig{display:block;height:13rem;width:auto;margin:0 auto .6rem;filter:drop-shadow(0 .8rem .8rem rgba(11,31,68,.18));animation:lu-fs-tropfen 3.2s ease-in-out infinite;transform-origin:50% 100%}
.lu-fehlerseite h1{margin:0 0 .5rem;font:700 clamp(1.7rem,5vw,2.4rem)/1.15 var(--font-t)}
.lu-fehlerseite p{margin:0 auto 1.4rem;max-width:26rem;color:var(--navy-w);font-weight:600;line-height:1.55}
.lu-fehlerseite .lu-knoepfe{justify-content:center;flex-wrap:wrap}
@keyframes lu-fs-tropfen{0%,100%{transform:rotate(0)}30%{transform:rotate(-2deg) translateY(-2px)}60%{transform:rotate(1.5deg)}}
@media (max-width:520px){.lu-fehlerseite .lu-knoepfe{flex-direction:column;align-items:stretch}.lu-fehlerseite .lu-btn{justify-content:center}}
@media (prefers-reduced-motion:reduce){.lu-boot-fig,.lu-fs-fig{animation:none}}
.lu-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lu-i{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lu-spiegel{scale:-1 1}   /* 14.11.2026 (Richard: bei Unentschieden dreht sich der rechte Held unkontrolliert): als eigene Eigenschaft, sonst überschreibt die Hüpf-Animation (transform) die Spiegelung und er klappt hin und her */
.lu-leise{color:var(--muted);font-size:.95rem}.lu-mitte{text-align:center}
.lu-titel{font-size:clamp(2.2rem,4.2vw,3.5rem)}

/* Knöpfe */
.lu-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:3.25rem;min-width:48px;padding:.75rem 1.65rem;border:0;border-radius:999px;font:800 1.06rem/1.15 var(--font);letter-spacing:.005em;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .2s var(--feder),box-shadow .2s ease,background-color .2s ease,filter .2s ease;isolation:isolate}
.lu-btn .lu-i{width:1.15em;height:1.15em}
.lu-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.lu-btn:hover{transform:translateY(-2px)}.lu-btn:active{transform:translateY(0) scale(.97);transition-duration:.08s}
.lu-btn-gelb{color:var(--navy);background:linear-gradient(180deg,#FFD866 0%,#FFC83D 52%,#FDBA28 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -.18rem 0 rgba(196,128,0,.28),0 .55rem 1.3rem -.45rem rgba(217,154,18,.75)}
.lu-btn-gelb:hover{filter:brightness(1.03) saturate(1.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -.18rem 0 rgba(196,128,0,.28),0 .9rem 1.8rem -.5rem rgba(217,154,18,.8)}
.lu-btn-gelb:active{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 .12rem .3rem rgba(196,128,0,.35),0 .25rem .6rem -.3rem rgba(217,154,18,.7)}
.lu-btn-tuerkis,.lu-btn-navy{color:#fff;background:linear-gradient(180deg,#22407A 0%,var(--navy) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -.18rem 0 rgba(0,0,0,.25),0 .55rem 1.3rem -.45rem rgba(11,31,68,.6)}
.lu-btn-navy:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -.18rem 0 rgba(0,0,0,.25),0 .9rem 1.8rem -.5rem rgba(11,31,68,.6)}
.lu-btn-rand{color:var(--navy);background:rgba(255,255,255,.88);box-shadow:inset 0 0 0 1.5px rgba(11,31,68,.2),0 .25rem .7rem -.35rem rgba(11,31,68,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lu-btn-rand:hover{background:#fff;box-shadow:inset 0 0 0 1.5px rgba(11,31,68,.45),0 .6rem 1.2rem -.5rem rgba(11,31,68,.3)}
.lu-btn-klein{min-height:48px;padding:.5rem 1.15rem;font-size:1rem}
.lu-btn-gross{min-height:3.9rem;padding:.85rem 2.1rem;font-size:1.2rem}
.lu-btn-voll{width:100%}
.lu-knoepfe{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.75rem}.lu-knoepfe-mitte{justify-content:center;margin-top:1rem}

/* Kopf */
.lu-kopf{position:fixed;inset:0 0 auto;z-index:30;transition:background-color .25s,box-shadow .25s,backdrop-filter .25s}
.lu-kopf-innen{display:flex;align-items:center;gap:clamp(1rem,3vw,3rem);max-width:100rem;margin:auto;padding:.5rem clamp(1rem,3.5vw,3.5rem)}
.lu-kopf .lu-logo{flex:none;line-height:0}
.lu-kopf .lu-logo img{height:6.6rem;width:auto;transition:height .25s ease;filter:drop-shadow(0 .35rem .6rem rgba(11,31,68,.16))}
.lu-kopf.fest{background:rgba(255,255,255,.9);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 1px 0 rgba(11,31,68,.06),0 12px 30px -18px rgba(11,31,68,.3)}
.lu-kopf.fest .lu-logo img{height:4.1rem}
.lu-nav{display:flex;gap:clamp(1rem,2.4vw,2.25rem);margin-left:auto}
.lu-nav a{position:relative;display:inline-flex;align-items:center;min-height:48px;color:var(--navy);font-weight:800;font-size:1.08rem;text-decoration:none}
.lu-nav a::after{content:"";position:absolute;left:0;right:0;bottom:.5rem;height:.28rem;border-radius:9px;background:var(--gelb);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.lu-nav a:hover::after{transform:scaleX(1)}
.lu-kopf-rechts{display:flex;align-items:center;gap:.75rem}.lu-kopf-rechts .lu-btn{white-space:nowrap}
.lu-abmelden-knopf{padding-left:.85rem;padding-right:.85rem}.lu-abm-text{display:none}
@media (min-width:1700px){.lu-abm-text{display:inline}} /* darunter nur das Symbol (mit Titel), damit der Kopf einzeilig bleibt */
.lu-nav-konto{display:none}
.lu-menueknopf{display:none;width:48px;height:48px;align-items:center;justify-content:center;border:0;border-radius:.9rem;background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(11,31,68,.14);cursor:pointer}

/* Einstieg: Spielwelt aus Ebenen */
.lu-hero{position:relative;--hoehe:clamp(38rem,94vh,62rem);height:var(--hoehe);overflow:hidden;isolation:isolate;background:#BFEBF6}
.lu-hero::before{content:"";position:absolute;inset:0 0 auto;height:8rem;z-index:2;background:linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,0));pointer-events:none}
.lu-himmel{position:absolute;inset:0;background:linear-gradient(180deg,#A9E6F5,#D7F6F4 70%)}
.lu-e-welt{position:absolute;left:50%;bottom:0;width:max(114%,calc(var(--hoehe)*2.2));aspect-ratio:3344/1882;background:url(img/welt-start.webp?v=0.38.1) center/100% 100% no-repeat;transform:translate(-50%,15%);animation:lu-welt-ein 1.2s ease-out both}
@keyframes lu-welt-ein{from{opacity:0}to{opacity:1}}
.lu-fall{position:absolute;left:72.61%;top:30.39%;width:9.81%;height:19.13%;overflow:hidden;pointer-events:none;mix-blend-mode:screen;opacity:.6;-webkit-mask:url(img/fall-maske.png?v=0.38.1) 0 0/100% 100% no-repeat;mask:url(img/fall-maske.png?v=0.38.1) 0 0/100% 100% no-repeat}
.lu-fall i{position:absolute;left:0;right:0;top:-100%;height:200%;background:url(img/wasser.png?v=0.38.1) 0 0/100% 50% repeat-y;animation:lu-fliessen 1.7s linear infinite}
.lu-fall i+i{left:-15%;right:-15%;background-size:62% 25%;background-repeat:repeat;opacity:.75;animation-duration:1.15s}
.lu-fall::before{content:"";position:absolute;inset:0 0 auto;height:16%;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,0));animation:lu-kante 2.4s ease-in-out infinite}
@keyframes lu-kante{50%{opacity:.55}}
@keyframes lu-fliessen{from{transform:translateY(0)}to{transform:translateY(50%)}}
.lu-gischt{position:absolute;left:71.9%;top:45.9%;width:12.4%;height:6.2%;pointer-events:none;mix-blend-mode:screen}
.lu-gischt i{position:absolute;bottom:8%;width:34%;aspect-ratio:1.5;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,.45) 55%,rgba(255,255,255,0));animation:lu-gischt 2.6s ease-in-out infinite;transform-origin:50% 100%}
.lu-gischt i:nth-child(1){left:2%}.lu-gischt i:nth-child(2){left:20%;animation-delay:-.6s;animation-duration:2.2s}.lu-gischt i:nth-child(3){left:38%;animation-delay:-1.3s}.lu-gischt i:nth-child(4){left:56%;animation-delay:-.3s;animation-duration:3s}.lu-gischt i:nth-child(5){left:70%;width:28%;animation-delay:-1.8s}
.lu-gischt::after{content:"";position:absolute;left:5%;right:5%;bottom:30%;height:120%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.55),rgba(255,255,255,0));animation:lu-nebel 4.5s ease-in-out infinite}
@keyframes lu-nebel{50%{transform:translateY(-12%) scale(1.08);opacity:.6}}
@keyframes lu-gischt{0%,100%{transform:scale(.85,.8);opacity:.75}50%{transform:translateY(-14%) scale(1.15,1.2);opacity:1}}
.lu-wolken{position:absolute;inset:0;container-type:size;pointer-events:none;-webkit-mask:url(img/himmel-maske.png?v=0.38.1) 0 0/100% 100% no-repeat;mask:url(img/himmel-maske.png?v=0.38.1) 0 0/100% 100% no-repeat}
.lu-wolke{position:absolute;left:0;width:11%;height:auto;opacity:.97;animation:lu-ziehen linear infinite;filter:drop-shadow(0 .4rem .8rem rgba(64,140,180,.12))}
.lu-wolke.w1{top:5%;animation-duration:150s;animation-delay:-40s}
.lu-wolke.w2{top:15%;width:8%;animation-duration:190s;animation-delay:-120s;opacity:.92}
.lu-wolke.w3{top:24%;width:5.5%;animation-duration:240s;animation-delay:-60s;opacity:.85}
.lu-wolke.w5{top:2%;width:13%;animation-duration:210s;animation-delay:-170s;opacity:.9}
.lu-wolke.w4{top:10%;width:7%;animation-duration:170s;animation-delay:-15s;opacity:.88}
@keyframes lu-ziehen{from{transform:translateX(-15cqw)}to{transform:translateX(105cqw)}}
.lu-dunst{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(30% 42% at 46% 50%,rgba(255,255,255,.5),rgba(255,255,255,.22) 55%,rgba(255,255,255,0) 100%)}
.lu-dunst::after{content:none}
@keyframes lu-drehen{to{transform:rotate(360deg)}}
.lu-sym{position:absolute;z-index:2;display:grid;place-items:center;width:3.6rem;aspect-ratio:1;border-radius:1.1rem;font:700 2rem/1 var(--font-t);color:var(--navy);background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 2px rgba(255,255,255,.9),0 .8rem 1.5rem -.5rem rgba(11,31,68,.28);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:lu-treiben 7s ease-in-out infinite}
.lu-sym.s1{left:4%;top:26%;rotate:-10deg}.lu-sym.s2{left:30%;top:66%;color:var(--blau-d);animation-delay:-2s;rotate:8deg}.lu-sym.s3{right:6%;top:58%;color:var(--rot-d);animation-delay:-4s;rotate:10deg;width:4.2rem}.lu-sym.s4{right:3%;top:30%;animation-delay:-5.5s;rotate:-8deg}
@keyframes lu-treiben{50%{transform:translateY(-1rem)}}
.lu-hero-raster{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,.62fr);grid-template-rows:minmax(0,1fr);align-items:center;height:100%;max-width:100rem;margin:auto;padding:6.5rem clamp(1rem,3.5vw,3.5rem) 5rem}
.lu-hero-figur{position:relative;align-self:end;justify-self:center;height:92%;max-height:42rem;aspect-ratio:674/900;margin-bottom:-2.4rem;animation:lu-auftritt 1s .25s cubic-bezier(.2,1.5,.4,1) both;z-index:2}
.lu-hero-figur img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1.5rem 1.2rem rgba(11,31,68,.2));transform-origin:50% 100%;animation:lu-atmen 4.5s ease-in-out 1.3s infinite}
/* Bewegter Ludiri (WebGL): Leinwand ragt etwas über das Bild hinaus (Platz für Winken, Lehnen und Hüpfer), sonst deckungsgleich */
.lu-sprech{display:none;position:absolute;inset:0;pointer-events:none;filter:drop-shadow(0 1.5rem 1.2rem rgba(11,31,68,.2));transform-origin:50% 100%;animation:lu-atmen 4.5s ease-in-out 1.3s infinite}
.lu-sprech canvas{position:absolute;left:-5.935%;top:-5.556%;width:117.804%;height:105.556%}
.lu-hero-figur.lebt .lu-sprech{display:block}.lu-hero-figur.lebt>img{visibility:hidden}.lu-hero-figur.spricht .lu-sprech{animation:none}
/* Funkeln am zwinkernden Auge (wie in Richards Runway-Video) */
.lu-funkel{position:absolute;left:76%;top:29%;width:15%;height:auto;aspect-ratio:1;translate:-50% -50%;opacity:0;scale:0;filter:drop-shadow(0 0 .35rem #fff) drop-shadow(0 0 .8rem rgba(255,255,255,.9))}
.lu-funkel.an{animation:lu-zwinkerfunkel .8s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes lu-zwinkerfunkel{0%{opacity:0;scale:0;rotate:-40deg}25%{opacity:1;scale:1.15;rotate:0deg}60%{opacity:1;scale:.92;rotate:12deg}100%{opacity:0;scale:0;rotate:45deg}}
.lu-schatten{position:absolute;left:12%;right:10%;bottom:-1%;height:7%;border-radius:50%;background:radial-gradient(closest-side,rgba(11,60,70,.35),transparent)}
@keyframes lu-auftritt{from{opacity:0;transform:translateY(16%) scale(.82)}to{opacity:1;transform:none}}
@keyframes lu-atmen{50%{transform:scale(1.012,.988) rotate(.6deg)}}
.lu-hero-text h1{font-size:clamp(3.4rem,6.5vw,6.5rem);line-height:.98;margin:0 0 .35em;color:var(--navy)}
.lu-hero-text h1 span{display:block;animation:lu-hoch .8s cubic-bezier(.2,.9,.3,1) both}
.lu-hero-text h1 .z1{animation-delay:.35s}
.lu-hero-text h1 .z2{position:relative;width:max-content;color:var(--navy);animation-delay:.5s}
.lu-bogen{position:absolute;left:-1%;bottom:-.32em;width:102%;height:.34em;overflow:visible}
.lu-bogen path{stroke-dasharray:1;stroke-dashoffset:1;animation:lu-zeichnen .8s 1s ease-out forwards}
@keyframes lu-zeichnen{to{stroke-dashoffset:0}}
.lu-funke{position:absolute;width:.42em;height:.42em;animation:lu-funkeln 2.8s ease-in-out infinite}
.lu-funke.f1{right:-.56em;top:.02em}.lu-funke.f2{right:-.8em;top:.42em;width:.22em;height:.22em;animation-delay:1s}
@keyframes lu-funkeln{0%,100%{transform:scale(.7) rotate(0);opacity:.75}50%{transform:scale(1.1) rotate(20deg);opacity:1}}
.lu-hero-sub{font:600 clamp(1.3rem,2vw,1.7rem)/1.25 var(--font-t);color:var(--navy);margin:.2em 0 .35em}
.lu-hero-p{font-size:1.15rem;font-weight:700;max-width:28em;color:var(--navy);margin:0}
.lu-hero-text h1,.lu-hero-sub,.lu-hero-p{text-shadow:0 1px 0 rgba(255,255,255,.7),0 0 1.4rem rgba(255,255,255,.85),0 0 .4rem rgba(255,255,255,.6)}
.lu-hero-sub,.lu-hero-p,.lu-hero-text .lu-knoepfe{animation:lu-hoch .8s .7s cubic-bezier(.2,.9,.3,1) both}
.lu-hero-text .lu-knoepfe{animation-delay:.85s}
@keyframes lu-hoch{from{opacity:0;transform:translateY(1.4rem)}to{opacity:1;transform:none}}
.lu-welle{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:clamp(5rem,12vh,9rem);z-index:2;pointer-events:none}
.lu-welle .w1{animation:lu-wogen 11s ease-in-out infinite alternate}
@keyframes lu-wogen{to{transform:translateX(-2.5%) scaleX(1.05)}}

/* Spielvorstellung */
.lu-spiel-sektion{position:relative;z-index:4;padding:0 clamp(1rem,3.5vw,3.5rem) clamp(2.5rem,5vw,4rem);margin-top:-1.5rem}
.lu-spielkarte{display:grid;grid-template-columns:1.25fr 1fr;max-width:80rem;margin:0 auto;background:#fff;border-radius:2.25rem;box-shadow:var(--schatten);overflow:hidden}
.lu-spielkarte-text{padding:clamp(1.75rem,3.5vw,3.25rem);align-self:center}
.lu-spielkarte-text h2{font-size:clamp(2.2rem,3.8vw,3.25rem)}
.lu-kicker{display:inline-flex;align-items:center;gap:.4em;margin:0 0 .75rem;padding:.25rem .85rem;border-radius:99px;background:var(--creme);color:var(--navy);font-weight:800;font-size:.92rem}
.lu-demo{position:relative;min-height:24rem;overflow:hidden;background:url(img/welt-bach.webp?v=0.38.1) center 42%/cover}
.lu-d-kopf{position:absolute;inset:1.25rem 0 auto;display:flex;justify-content:center;z-index:2}
.lu-d-aufgabe{background:#fff;padding:.35rem 1.5rem;border-radius:1.1rem;font:800 2.1rem/1.3 var(--font);font-variant-numeric:tabular-nums;box-shadow:0 .8rem 1.4rem -.6rem rgba(11,31,68,.4);transition:color .2s}
.lu-d-aufgabe.gut{color:var(--navy)}
.lu-d-gruppe{--s:0;position:absolute;left:50%;bottom:7%;width:88%;height:52%;display:flex;align-items:flex-end;justify-content:space-between;transform:translateX(calc(-50% + var(--s)*5%));transition:transform .35s cubic-bezier(.3,1.5,.5,1);container-type:size}
.lu-d-fig{height:100%;width:auto;flex:none;position:relative;z-index:1;filter:drop-shadow(0 .5rem .5rem rgba(11,31,68,.25))}
.lu-d-seil{flex:1;align-self:flex-end;height:.8rem;margin:0 -24cqh 46cqh;border-radius:99px;background:repeating-linear-gradient(115deg,#B97A33 0 .55rem,#EDBE7B .55rem 1.1rem);box-shadow:0 2px 4px rgba(11,31,68,.35);position:relative}
.lu-d-seil i{position:absolute;left:50%;top:50%;width:1.7rem;height:1.7rem;transform:translate(-50%,-50%);border-radius:50%;background:var(--koralle);border:.2rem solid #fff}
.lu-d-marke{position:absolute;bottom:0;width:.3rem;height:16%;border-radius:9px;background:#fff;left:50%;opacity:.8}.lu-d-marke.b{left:30%;background:var(--blau)}.lu-d-marke.r{left:70%;background:var(--rot)}
.lu-merkmale{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:80rem;margin:1.75rem auto 0}
.lu-merkmale li{display:grid;grid-template-columns:auto 1fr;column-gap:.85rem;align-items:center;padding:.5rem}
.lu-merk-i{grid-row:span 2;display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:1rem;background:var(--creme);color:var(--navy);font-size:1.25rem}
.lu-merkmale strong{font:600 1.15rem/1.2 var(--font-t)}.lu-merkmale span:last-child{color:var(--muted);font-size:.95rem}

/* Blöcke */
.lu-block{padding:clamp(3rem,6vw,5.5rem) clamp(1rem,3.5vw,3.5rem)}
.lu-schritte{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,3rem);max-width:72rem;margin:2.5rem auto 0;counter-reset:s}
.lu-schritte::before{content:"";position:absolute;left:16%;right:16%;top:7.5rem;border-top:.22rem dashed #C9D8F0}
.lu-schritt{position:relative;text-align:center}
.lu-schritt-bild{position:relative;width:13rem;height:13rem;margin:0 auto 1rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--hell) 65%);box-shadow:inset 0 0 0 .4rem #fff,var(--schatten)}
.lu-schritt-bild img{position:absolute;left:50%;bottom:6%;height:92%;width:auto;max-width:96%;object-fit:contain;transform:translateX(-50%);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.lu-schritt:hover .lu-schritt-bild img{transform:translateX(-50%) scale(1.07)}
.lu-nr{position:absolute;top:0;left:calc(50% - 6.6rem);display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--gelb);font:700 1.4rem/1 var(--font-t);box-shadow:0 .25rem 0 var(--gelb-d)}
.lu-schritt h3{font-size:1.5rem;margin-bottom:.25em}.lu-schritt p{color:var(--muted);margin:0 auto;max-width:18em}
.lu-mut{position:relative;overflow:hidden;background:radial-gradient(60% 120% at 80% 30%,#2E57A8 0%,rgba(46,87,168,0) 70%),linear-gradient(115deg,#081733 0%,var(--navy) 45%,#1A3670 100%);color:#fff}
.lu-mut::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(255,255,255,.14) 0 .22rem,transparent .24rem) 0 0/9rem 9rem,radial-gradient(circle at 60% 70%,rgba(255,200,61,.3) 0 .16rem,transparent .18rem) 0 0/7rem 7rem}
.lu-mut-innen{position:relative;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:2rem;max-width:76rem;margin:auto;padding:clamp(2.5rem,5vw,4rem) clamp(1rem,3.5vw,3.5rem)}
.lu-mut h2{font-size:clamp(2.6rem,5vw,4.2rem);margin-bottom:.2em}.lu-mut p{font-size:1.2rem;max-width:32em;color:#DCE7FF}
.lu-mut-wahl{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}
.lu-mut-k{display:flex;flex-direction:column;align-items:center;justify-content:center;width:4.9rem;height:4.9rem;border-radius:1.3rem;background:#fff;color:var(--navy);font:700 1.9rem/1 var(--font-t);text-decoration:none;box-shadow:0 .3rem 0 rgba(0,0,20,.5);transition:transform .15s,background-color .15s}
.lu-mut-k small{font:800 .62rem/1.2 var(--font);color:var(--muted);text-align:center;max-width:4em}
.lu-mut-k:hover{transform:translateY(-.25rem) rotate(-2deg);background:var(--gelb)}.lu-mut-k:hover small{color:var(--navy)}
.lu-mut-fig{height:21rem;width:auto;justify-self:center;margin-block:-1rem;filter:drop-shadow(0 1.2rem 1.2rem rgba(0,0,20,.45))}
.lu-gruppen{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:calc(80rem + 7rem);margin:auto}
.lu-gruppe-karte{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(1.75rem,3vw,2.75rem);background:#fff;border-radius:2rem;box-shadow:var(--schatten);scroll-margin-top:7rem}
#eltern{background:linear-gradient(160deg,#fff 40%,var(--sky))}#lehrkraefte{background:linear-gradient(160deg,#fff 40%,var(--hell))}
.lu-gruppe-i{display:grid;place-items:center;width:4rem;height:4rem;border-radius:1.2rem;margin-bottom:1rem;background:var(--navy);color:#fff;font-size:1.5rem}
.lu-gruppe-karte h2{font-size:2.2rem}
.lu-haken{margin:0 0 1.25rem}.lu-haken li{display:flex;gap:.6rem;margin-bottom:.6rem;font-weight:600}.lu-haken .lu-i{color:var(--navy);margin-top:.15em;stroke-width:3}
.lu-gruppe-karte .lu-btn{margin-top:auto}
.lu-vision{background:var(--hell)}
.lu-vision-innen{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 3rem;align-items:center;max-width:76rem;margin:auto}.lu-vision h2{grid-column:1}.lu-vision p{grid-column:1;margin:0;color:var(--navy-w);font-size:1.15rem}
.lu-bald{grid-column:2;grid-row:1/3;display:grid;gap:.75rem}
.lu-bald li{display:flex;align-items:center;gap:.9rem;padding:.8rem 1.1rem;background:rgba(255,255,255,.7);border-radius:1.1rem;font-size:1.05rem}.lu-bald .lu-i{color:var(--navy);font-size:1.25rem}.lu-bald strong{font:600 1.15rem var(--font-t)}.lu-bald span{margin-left:auto;font-size:.85rem;font-weight:800;color:var(--muted)}
.lu-fuss{padding:clamp(4.5rem,7vw,6rem) clamp(.75rem,2.5vw,2.5rem) clamp(1rem,2.5vw,2rem)}
.lu-fuss-karte{position:relative;max-width:88rem;margin:auto;padding:clamp(2rem,4vw,3.2rem) clamp(1.25rem,4vw,3.5rem) 1.4rem;border-radius:2rem;color:#E6EEFF;background:radial-gradient(120% 140% at 0% 0%,#1C3A74 0%,var(--navy) 55%,#08173A 100%);box-shadow:0 30px 60px -30px rgba(11,31,68,.55)}
.lu-fuss-helden{position:absolute;top:0;right:clamp(1.5rem,6vw,5rem);display:flex;transform:translateY(-62%)}.lu-fuss-helden img{width:clamp(3.6rem,7vw,5.2rem);height:auto;margin-left:-.9rem;filter:drop-shadow(0 8px 10px rgba(0,0,0,.25))}
.lu-fuss-innen{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2rem}
.lu-fuss-logo-rahmen{display:inline-flex;padding:.55rem .9rem;border-radius:1.2rem;background:#fff;box-shadow:0 10px 20px -12px rgba(0,0,0,.5)}.lu-fuss-logo{height:3.6rem;width:auto}.lu-fuss-marke p{margin:.9rem 0 0;color:#C9D6F2;max-width:20em;font-weight:600}
.lu-fuss-versprechen{display:grid;gap:.45rem;margin-top:1rem}.lu-fuss-versprechen li{display:flex;gap:.5rem;align-items:center;font-weight:700;font-size:.92rem;color:#fff}.lu-fuss-versprechen .lu-i{color:var(--gelb);flex:none}
.lu-fuss-spalte strong{display:block;margin-bottom:.7rem;font:600 1.05rem var(--font-t);color:#fff}.lu-fuss-spalte ul{display:grid;gap:.4rem}.lu-fuss-spalte a{color:#C9D6F2;font-weight:700;text-decoration:none}.lu-fuss-spalte a:hover,.lu-fuss-spalte a:focus-visible{color:var(--gelb);text-decoration:underline;text-underline-offset:.2em}
/* Cookie-Einstellungen (0.33.10): Knopf in der Fußzeile sieht aus wie die Links daneben; der schwebende Reiter von Complianz unten rechts bleibt weg */
.lu-fuss-knopf{appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;font-weight:700;color:#C9D6F2;cursor:pointer;text-align:left}.lu-fuss-knopf:hover,.lu-fuss-knopf:focus-visible{color:var(--gelb);text-decoration:underline;text-underline-offset:.2em}
#cmplz-manage-consent{display:none!important}
/* Cookie-Banner am Handy (0.37.8, Richard: „sieht mobil eigenartig aus“). Complianz lädt seine Datei nach app.css und hat unsere Flex-Regeln
   überschrieben (Knöpfe ungleich breit, Zeile nicht gefüllt); im Querformat schaltet Complianz ein Mini-Layout mit Zoom ein.
   Darum fest als Raster mit !important: „Alle erlauben“ und „Nur notwendige“ gleich breit nebeneinander, „Einstellungen“ als Link darunter.
   Gilt bis 767 px Breite (ab 768 px nutzt Complianz sein Desktop-Layout) und für niedrige Fenster (Handy quer). */
@media (max-width:767px),(max-height:500px){.cmplz-cookiebanner.cmplz-show{padding:12px 16px 10px!important;gap:8px!important;grid-gap:8px!important;border-radius:22px 22px 0 0;zoom:1!important;height:auto!important;max-height:calc(100dvh - 12px);overflow:auto}.cmplz-cookiebanner .cmplz-header{position:absolute;top:8px;right:14px;min-height:0;max-height:none;margin:0!important;z-index:2}.cmplz-cookiebanner .cmplz-header .cmplz-logo,.cmplz-cookiebanner .cmplz-header .cmplz-title{display:none}.cmplz-cookiebanner .cmplz-close{zoom:1!important}.cmplz-cookiebanner .cmplz-close svg{width:16px!important;height:16px!important}.cmplz-cookiebanner .cmplz-body{margin-top:0!important}.cmplz-cookiebanner .cmplz-message{font-size:14px;line-height:1.4!important;padding-right:30px;margin:0}.cmplz-cookiebanner .cmplz-divider{display:none}.cmplz-cookiebanner .cmplz-buttons{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px!important}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn{width:100%!important;min-width:0;height:auto!important;min-height:44px!important;margin:0!important;padding:8px 6px!important;font-size:15px!important;line-height:1.2!important;white-space:normal!important;zoom:1!important}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences,.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options{grid-column:1 / -1}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences{min-height:30px!important;padding:2px!important;border:0!important;background:transparent!important;text-decoration:underline;text-underline-offset:3px;font-size:14px!important;box-shadow:none!important}.cmplz-cookiebanner .cmplz-documents{display:flex;flex-wrap:wrap;font-size:13px;gap:4px 14px;justify-content:center}.cmplz-cookiebanner .cmplz-documents a{white-space:nowrap}}
@media (max-height:500px) and (min-width:768px){.cmplz-cookiebanner.cmplz-show{left:auto!important;right:12px!important;bottom:0!important;width:min(27rem,calc(100vw - 24px))!important;min-width:0!important}}
.lu-fuss-zeile{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;margin:2.2rem 0 0;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.14);color:#AFC0E3;font-size:.88rem}
.lu-rein{transition:opacity .7s ease,transform .8s var(--weich);transition-delay:calc(var(--i,0) * 70ms)}.lu-rein.warten{opacity:0;transform:translateY(2rem)}

/* Formulare */
.lu-feld{display:block;position:relative}.lu-feld>span{display:block;font-weight:800;margin-bottom:.3rem;font-size:.95rem}
.lu-feld input,.lu-feld select{width:100%;min-height:3.25rem;border:2px solid var(--rand);border-radius:var(--r-feld);padding:.5rem .9rem;font:600 1.06rem var(--font);color:var(--navy);background:#fff;transition:border-color .15s,box-shadow .15s}
.lu-feld input:focus,.lu-feld select:focus{outline:0;border-color:var(--navy);box-shadow:0 0 0 .22rem rgba(255,200,61,.45)}
.lu-feld small{display:block;color:var(--muted);margin-top:.2rem;font-size:.85rem}
.lu-pw-auge{position:absolute;right:.35rem;top:1.95rem;width:2.6rem;height:2.6rem;border:0;background:none;color:var(--muted);cursor:pointer}
.lu-falle{position:absolute;left:-200vw;width:1px;height:1px}
.lu-formfehler{margin:0;font-weight:700;color:var(--rot-d)}.lu-formfehler:empty{display:none}
.lu-haekchen{display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem}.lu-haekchen input{width:1.4rem;height:1.4rem;flex:none;accent-color:var(--navy);margin-top:.1rem}
.lu-link{background:none;border:0;color:var(--navy);font:800 1rem var(--font);text-decoration:underline;text-underline-offset:.15em;min-height:44px;padding:0 .4rem;cursor:pointer}
.lu-hinweis{display:flex;gap:.5rem;align-items:flex-start;background:var(--creme);border-radius:var(--r-feld);padding:.65rem 1rem;margin:.75rem 0 0;font-size:.95rem;font-weight:600}.lu-hinweis .lu-i{flex:none;margin-top:.1em}

/* Anmeldung */
.lu-auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-height:100vh;min-height:100dvh;background:var(--off)}
.lu-auth-welt{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:2rem clamp(1.5rem,4vw,3.5rem);background:url(img/welt-mobil.webp?v=0.38.1) center 70%/cover}
.lu-auth-welt::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.45) 45%,rgba(255,255,255,0) 70%)}
.lu-auth-welt>*{position:relative}.lu-auth-welt .lu-logo img{height:6rem;width:auto}
.lu-auth-werbung{margin-top:clamp(1.5rem,6vh,4rem);max-width:26rem}.lu-auth-werbung h2{font-size:clamp(2rem,3.4vw,3rem)}
.lu-auth-fig{position:absolute;left:50%;bottom:-1.5rem;height:46%;width:auto;transform:translateX(-50%);filter:drop-shadow(0 1rem 1rem rgba(11,31,68,.25));animation:lu-atmen 4.5s ease-in-out infinite}
.lu-auth-form{display:grid;place-items:center;padding:2rem clamp(1rem,4vw,3rem)}
.lu-auth-karte{width:min(30rem,100%)}.lu-auth-karte h1{font-size:clamp(2.2rem,3.6vw,3rem);margin-bottom:.2em}
.lu-auth-frage{font-weight:800;margin:1.25rem 0 .5rem}
.lu-artwahlen{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem}
.lu-artwahl{display:grid;justify-items:start;gap:.1rem;padding:.9rem 1rem;background:#fff;border:0;border-radius:1.1rem;box-shadow:inset 0 0 0 2px var(--rand);color:var(--navy);text-align:left;cursor:pointer;transition:box-shadow .15s,background-color .15s}
.lu-artwahl strong{font:600 1.1rem/1.2 var(--font-t)}.lu-artwahl small{color:var(--muted);font-size:.85rem}
.lu-artwahl-i{display:grid;place-items:center;width:2.6rem;height:2.6rem;margin-bottom:.35rem;border-radius:.8rem;background:var(--hell);color:var(--navy);font-size:1.05rem}
.lu-artwahl.an{background:var(--hell);box-shadow:inset 0 0 0 3px var(--navy)}.lu-artwahl.an .lu-artwahl-i{background:var(--navy);color:#fff}
.lu-form{display:grid;gap:.9rem}
.lu-formlink{justify-self:center;font-weight:700}
.lu-auth-wechsel{margin:.75rem 0 0;text-align:center;font-size:.97rem}.lu-auth-wechsel+.lu-auth-wechsel{margin-top:.15rem}.lu-auth-wechsel a{font-weight:800}
/* Konto-Seiten: links die Vorteile zur gewählten Kontoart, Ludiri hüpft herein, schwebt, spricht und reagiert */
.lu-feld[hidden],.lu-artwahlen[hidden]{display:none}
.lu-zugang-mail{display:flex;align-items:center;gap:.55rem;padding:.75rem .95rem;border-radius:var(--r-feld);background:var(--hell);font-weight:800;color:var(--navy);word-break:break-all}
.lu-auth-welt{position:sticky;top:0;align-self:start;height:100vh;height:100dvh;padding:1.5rem clamp(1.5rem,3.6vw,3.2rem) 0;background:#CDEBF7}
.lu-auth-welt::before{z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.66) 48%,rgba(255,255,255,.12) 80%,rgba(255,255,255,0))}
.lu-auth-welt>*{z-index:2}
.lu-auth-welt .lu-logo img{height:5rem}
.lu-auth-welt>.lu-auth-wolken{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.lu-auth-wolken::before{content:"";position:absolute;inset:-4%;background:url(img/welt-mobil.webp?v=0.38.1) center 70%/cover;animation:lu-auth-zoom 32s ease-in-out infinite alternate}
@keyframes lu-auth-zoom{to{transform:scale(1.07) translateY(-1.5%)}}
.lu-auth-werbung{margin-top:clamp(.6rem,2.6vh,2rem);max-width:30rem}
.lu-auth-kicker{display:inline-block;margin:0 0 .55rem;padding:.3rem .8rem;border-radius:999px;background:#FFF3C4;color:#7A4E00;font-weight:800;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.lu-auth-werbung h2{margin:0 0 .35rem;font-size:clamp(1.9rem,2.9vw,2.75rem);line-height:1.06}
.lu-auth-unter{margin:0 0 1rem;font-weight:700;color:var(--navy-w);line-height:1.45}
.lu-auth-vorteile{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}
.lu-auth-vorteile li{display:flex;align-items:center;gap:.8rem;padding:.6rem .85rem;border-radius:1.15rem;background:rgba(255,255,255,.9);box-shadow:0 .55rem 1.3rem -.7rem rgba(11,31,68,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:lu-auth-gleiten .6s cubic-bezier(.2,.9,.3,1.25) both;animation-delay:calc(var(--i) * .12s + .15s)}
.lu-auth-vorteile strong{display:block;font:600 1.06rem/1.2 var(--font-t);color:var(--navy)}
.lu-auth-vorteile li span:not(.lu-auth-vi){display:block;margin-top:.1rem;font-size:.9rem;font-weight:600;line-height:1.35;color:var(--navy-w)}
.lu-auth-vi{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;border-radius:.85rem;background:linear-gradient(145deg,#FFF3C4,#FFD66B);color:var(--navy);font-size:1.1rem}
.lu-auth-vorteile li:nth-child(2) .lu-auth-vi{background:linear-gradient(145deg,#E1EEFF,#A9CCFF)}
.lu-auth-vorteile li:nth-child(3) .lu-auth-vi{background:linear-gradient(145deg,#FFE4EE,#FFB8D0)}
.lu-auth-vorteile li:nth-child(4) .lu-auth-vi{background:linear-gradient(145deg,#DDF5EA,#A8E6C8)}
@keyframes lu-auth-gleiten{from{opacity:0;transform:translateX(-1.6rem) scale(.97)}to{opacity:1;transform:none}}
.lu-auth-buehne{position:relative;flex:1;min-height:9rem;display:flex;align-items:flex-end;justify-content:flex-end;margin-top:.4rem;padding-bottom:1.1rem}
.lu-auth-figbox{position:relative;height:min(100%,21rem);aspect-ratio:7/9;margin:0 clamp(0rem,2.5vw,2rem) 0 0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:lu-auth-rein 1s cubic-bezier(.3,1.35,.5,1) .25s both}
.lu-auth-hopper{position:absolute;inset:0;display:block}
.lu-auth-welt .lu-auth-fig{position:absolute;left:0;top:0;bottom:auto;width:100%;height:100%;object-fit:contain;object-position:50% 100%;transform:none;transform-origin:50% 100%;filter:drop-shadow(0 1rem 1rem rgba(11,31,68,.25));animation:lu-auth-schweben 3.6s ease-in-out infinite}
.lu-auth-hopper.hopp{animation:lu-auth-hopp .75s cubic-bezier(.3,1.5,.5,1)}
.lu-auth-schatten{position:absolute;left:20%;right:20%;bottom:-.35rem;height:1.1rem;border-radius:50%;background:radial-gradient(closest-side,rgba(11,31,68,.3),rgba(11,31,68,0));animation:lu-auth-schatten 3.6s ease-in-out infinite}
.lu-auth-blase{position:absolute;right:84%;top:6%;width:max-content;max-width:min(13.5rem,46vw);padding:.65rem .95rem;border-radius:1.1rem;background:#fff;color:var(--navy);font:600 1.02rem/1.3 var(--font-t);text-align:left;box-shadow:0 .7rem 1.5rem -.7rem rgba(11,31,68,.4);transform-origin:100% 70%;pointer-events:none}
.lu-auth-blase::after{content:"";position:absolute;right:-.5rem;top:58%;border:.55rem solid transparent;border-left-color:#fff;border-right:0;transform:translateY(-50%)}
.lu-auth-blase.neu{animation:lu-auth-blase .45s cubic-bezier(.3,1.5,.5,1)}
.lu-auth-funken i{position:absolute;width:.95rem;height:.95rem;background:#FFC83D;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0;animation:lu-auth-funkeln 2.8s ease-in-out infinite}
.lu-auth-funken .f1{left:6%;top:20%}.lu-auth-funken .f2{right:4%;top:4%;width:.65rem;height:.65rem;animation-delay:-.9s}.lu-auth-funken .f3{right:-5%;top:44%;animation-delay:-1.7s}.lu-auth-funken .f4{left:-4%;top:58%;width:.6rem;height:.6rem;animation-delay:-2.2s}
@keyframes lu-auth-rein{0%{opacity:0;transform:translateY(55%) scale(.75) rotate(-6deg)}55%{opacity:1;transform:translateY(-7%) scale(1.04) rotate(2deg)}78%{transform:translateY(2%) scale(.99)}100%{opacity:1;transform:none}}
@keyframes lu-auth-schweben{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3%) rotate(1.4deg) scale(1.01,.99)}}
@keyframes lu-auth-schatten{50%{transform:scaleX(.82);opacity:.65}}
@keyframes lu-auth-hopp{0%{transform:none}22%{transform:translateY(2%) scale(1.06,.93)}55%{transform:translateY(-15%) scale(.96,1.05) rotate(-4deg)}80%{transform:translateY(1%) scale(1.03,.97)}100%{transform:none}}
@keyframes lu-auth-blase{from{opacity:0;transform:scale(.55) translateY(.6rem)}to{opacity:1;transform:none}}
@keyframes lu-auth-funkeln{0%,100%{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(60deg)}}
@media (max-height:800px) and (min-width:761px){.lu-auth-welt .lu-logo img{height:4rem}.lu-auth-werbung h2{font-size:clamp(1.7rem,2.5vw,2.3rem)}.lu-auth-unter{margin-bottom:.7rem}.lu-auth-vorteile{gap:.4rem}.lu-auth-vorteile li{padding:.45rem .75rem}.lu-auth-vorteile li span:not(.lu-auth-vi){font-size:.84rem}.lu-auth-vi{width:2.2rem;height:2.2rem}}
@media (max-width:1180px) and (max-height:900px) and (min-width:761px){.lu-auth-vorteile li span:not(.lu-auth-vi){display:none}}
/* Hochkant-Tablets: links ist wenig Platz, die Sprechblase sitzt über Ludiri statt daneben */
@media (min-width:761px) and (max-width:1023px){.lu-auth-figbox{height:min(72%,17rem)}.lu-auth-blase{top:auto;bottom:calc(100% + .45rem);right:0;max-width:12rem;transform-origin:80% 100%}.lu-auth-blase::after{right:2.4rem;top:100%;border:.55rem solid transparent;border-top-color:#fff;border-bottom:0;transform:none}}
@media (max-width:760px){.lu-auth-welt{position:relative;height:auto;padding:1rem 1rem 1.1rem}.lu-auth-welt .lu-logo img{height:3.6rem}
.lu-auth-werbung{margin-top:.5rem;max-width:none}.lu-auth-kicker,.lu-auth-werbung h2,.lu-auth-unter{margin-right:7.2rem}.lu-auth-werbung h2{font-size:1.65rem}.lu-auth-unter{font-size:.95rem;margin-bottom:.8rem}
.lu-auth-vorteile{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.lu-auth-vorteile li{padding:.5rem .6rem;gap:.5rem;border-radius:.95rem}.lu-auth-vorteile strong{font-size:.9rem}.lu-auth-vorteile li span:not(.lu-auth-vi){display:none}.lu-auth-vi{width:2rem;height:2rem;border-radius:.7rem;font-size:.9rem}
.lu-auth-buehne{position:absolute;right:.6rem;top:4.4rem;min-height:0;height:8.5rem;width:7rem;margin:0;padding:0}.lu-auth-figbox{height:100%;margin:0}.lu-auth-blase{display:none}}
@media (prefers-reduced-motion:reduce){.lu-auth-wolken::before,.lu-auth-welt .lu-auth-fig,.lu-auth-figbox,.lu-auth-hopper,.lu-auth-schatten,.lu-auth-vorteile li,.lu-auth-blase{animation:none!important}.lu-auth-funken{display:none}}

/* Einstellungen */
.lu-konf{position:relative;min-height:100vh;min-height:100dvh;padding:1rem clamp(1rem,3vw,3rem) 2rem}
.lu-konf::before{content:"";position:fixed;inset:0;z-index:-1;background:var(--off) url(img/ruhig.jpg?v=0.38.1) center/cover no-repeat}
.lu-konf-kopf{display:flex;align-items:center;gap:1.5rem;max-width:84rem;margin:0 auto .75rem}.lu-konf-kopf .lu-logo{flex:none}.lu-konf-kopf img{height:5rem;width:auto}.lu-konf-kopf h1{font-size:clamp(1.6rem,3vw,2.5rem);margin:0}
.lu-konf-raster{display:grid;grid-template-columns:minmax(0,1fr) 21rem;gap:1.25rem;align-items:start;max-width:84rem;margin:auto}
.lu-konf-spalte{display:grid;gap:.9rem}
.lu-kk{min-width:0;border:0;margin:0;padding:1.1rem 1.25rem 1.25rem;background:rgba(255,255,255,.94);border-radius:var(--r-karte);box-shadow:var(--schatten)}
.lu-kk legend{float:left;width:100%;display:flex;align-items:center;gap:.5em;margin:0 0 .7rem;padding:0;font:600 1.2rem/1.2 var(--font-t)}.lu-kk legend .lu-i{color:var(--navy)}.lu-kk legend+*{clear:both}
.lu-zweier{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.lu-reihe{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.lu-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.35em;min-height:3.1rem;min-width:3.1rem;padding:.35rem 1rem;background:#fff;color:var(--navy);border:0;border-radius:1rem;box-shadow:inset 0 0 0 1.5px rgba(11,31,68,.14),0 1px 2px rgba(11,31,68,.06);font:800 1.02rem/1.15 var(--font);cursor:pointer;transition:background-color .15s,box-shadow .15s,transform .15s var(--feder),color .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.lu-chip:hover{box-shadow:inset 0 0 0 1.5px rgba(11,31,68,.45),0 .3rem .7rem -.35rem rgba(11,31,68,.3);transform:translateY(-1px)}.lu-chip:active{transform:scale(.96)}
.lu-chip.an{background:var(--navy);color:#fff;box-shadow:0 .45rem 1rem -.45rem rgba(11,31,68,.7)}.lu-chip.an:hover{transform:none}
.lu-chip.zu{color:#6B7A90;background:#F2F5F9;box-shadow:inset 0 0 0 1.5px rgba(11,31,68,.06)}.lu-chip.zu:hover{box-shadow:inset 0 0 0 1.5px rgba(11,31,68,.2)}.lu-zu{width:.9em;height:.9em;opacity:.8}
.lu-chip:disabled{cursor:not-allowed;transform:none}.lu-chip.aus{opacity:.38;background:#F2F5F9;box-shadow:none}
.lu-alle{padding:.35rem 1.1rem;font-size:.95rem;background:var(--hell);box-shadow:none}.lu-alle.an{background:transparent;color:var(--navy-w);box-shadow:none;cursor:default}.lu-alle.an .lu-i{color:#1E9E6A;stroke-width:3}
.lu-kreis{width:3.5rem;height:auto;min-height:0;min-width:0;aspect-ratio:1;padding:0;border-radius:50%;font:700 1.5rem/1 var(--font-t)}
.lu-art{flex-direction:column;width:6.2rem;height:5rem;gap:0}.lu-art b{font:700 2.1rem/1 var(--font-t)}.lu-art small{font-size:.82rem;font-weight:800}
.lu-modi{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.lu-modus{display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;row-gap:.1rem;align-items:center;align-content:center;text-align:left;padding:.75rem 1rem;background:var(--off);border:0;border-radius:1.2rem;box-shadow:inset 0 0 0 2px var(--rand);color:var(--navy);cursor:pointer;transition:background-color .12s,box-shadow .12s}
.lu-modus-i{grid-row:span 2;display:grid;place-items:center;width:3rem;height:3rem;border-radius:.9rem;background:var(--hell);color:var(--navy);font-size:1.15rem}
.lu-modus strong{font:600 1.2rem/1.2 var(--font-t)}.lu-modus small{color:var(--muted);font-size:.9rem;font-weight:600}
.lu-modus.an{background:var(--hell);box-shadow:inset 0 0 0 3px var(--navy)}.lu-modus.an .lu-modus-i{background:var(--navy);color:#fff}
.lu-modus:disabled{opacity:.5;cursor:not-allowed}
/* 14.11.2026 (Richard: „Was spielen wir?“ mit Bild statt „Fach“): Karten mit Spiel-Szene aus der Spielewelt */
.lu-modi.lu-fach-wahl{grid-template-columns:repeat(3,minmax(0,1fr))}.lu-modi.lu-fach-wahl.zwei{grid-template-columns:repeat(2,minmax(0,1fr))}
.lu-modus.lu-spielwahl{grid-template-columns:1fr;row-gap:.15rem;align-content:start;justify-items:center;text-align:center;padding:.55rem .55rem .9rem;transition:transform .2s,box-shadow .2s}
.lu-spielwahl .lu-szene{display:block;width:100%;aspect-ratio:4/3;border-radius:.9rem;overflow:hidden;margin-bottom:.5rem;background:var(--hell)}
.lu-spielwahl .lu-szene img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.lu-spielwahl:hover{transform:translateY(-2px)}.lu-spielwahl:hover .lu-szene img,.lu-spielwahl.an .lu-szene img{transform:scale(1.05)}
.lu-spielwahl strong{font-size:1.3rem}.lu-spielwahl small{max-width:22ch}
.lu-modus.lu-spielwahl.an{box-shadow:inset 0 0 0 3px var(--navy),0 .7rem 1.4rem -.7rem rgba(11,31,68,.45)}
@media (max-width:760px){.lu-modi.lu-fach-wahl,.lu-modi.lu-fach-wahl.zwei{grid-template-columns:1fr}.lu-modus.lu-spielwahl{grid-template-columns:7.2rem 1fr;justify-items:start;text-align:left;column-gap:.85rem;padding:.5rem .8rem .5rem .5rem;align-items:center}
	.lu-spielwahl .lu-szene{grid-row:span 2;margin:0}.lu-spielwahl strong{font-size:1.15rem;align-self:end}.lu-spielwahl small{align-self:start}}
.lu-reiter{display:inline-flex;gap:.25rem;margin-bottom:.6rem;padding:.25rem;background:var(--off);border-radius:.9rem}
.lu-reiter-k{min-height:2.75rem;padding:.3rem 1.1rem;border:0;border-radius:.7rem;background:none;color:var(--navy);font:800 1rem var(--font);cursor:pointer}
.lu-reiter-k.an.blau{background:var(--blau-d);color:#fff}.lu-reiter-k.an.rot{background:var(--rot-d);color:#fff}
.lu-figuren{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.45rem}
.lu-fig-k{display:flex;flex-direction:column;align-items:center;gap:.05rem;min-width:0;padding:.45rem .2rem .4rem;background:var(--off);border:0;border-radius:1.05rem;box-shadow:inset 0 0 0 2px transparent;color:var(--navy);cursor:pointer;transition:transform .15s,box-shadow .15s,background-color .15s}
.lu-fig-k img{height:4.6rem;width:100%;object-fit:contain;transition:transform .2s cubic-bezier(.3,1.7,.5,1)}
.lu-fig-k:hover img{transform:translateY(-.15rem) scale(1.06)}
.lu-fig-k strong{font:600 1rem/1.2 var(--font-t)}.lu-fig-k small{font-size:.68rem;line-height:1.15;color:var(--muted);font-weight:700;text-align:center;min-height:2.3em}
.lu-fig-k.an{background:var(--hell);box-shadow:inset 0 0 0 3px var(--navy)}
.lu-fig-k{position:relative}.lu-fig-k.zu img{filter:grayscale(.55) opacity(.6)}.lu-fig-k.zu strong,.lu-fig-k.zu small{opacity:.6}
.lu-fig-schloss{position:absolute;top:.35rem;right:.35rem;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:#fff;color:var(--navy);box-shadow:0 .2rem .5rem -.2rem rgba(11,31,68,.4)}.lu-fig-schloss .lu-i{width:.95rem;height:.95rem}
.lu-gegner-satz{margin-top:.75rem;padding:.7rem 1rem;background:var(--sky);border-radius:var(--r-feld)}.lu-gegner-satz strong{display:block;font:600 1.3rem/1.25 var(--font-t)}.lu-gegner-satz span{font-size:.95rem}
.lu-namen{display:flex;gap:.6rem;align-items:flex-end}.lu-namen .lu-feld{flex:1;min-width:0}
.lu-tausch{flex:none;width:3.25rem;height:3.25rem;border:0;border-radius:var(--r-feld);background:var(--hell);color:var(--navy);cursor:pointer;display:grid;place-items:center}
.lu-meldung{margin:0;font-weight:700;min-height:1.4em}.lu-meldung:empty{display:none}
.lu-sum{position:sticky;top:1rem;display:grid;gap:.9rem}
.lu-sum-karte{position:relative;overflow:hidden;padding:0 1.35rem 1.25rem;background:#fff;border-radius:var(--r-karte);box-shadow:var(--schatten)}
.lu-sum-buehne{position:relative;display:flex;justify-content:center;align-items:flex-end;height:8.5rem;margin:0 -1.35rem .9rem;background:radial-gradient(60% 90% at 50% 100%,#FFF3C4 0%,rgba(255,243,196,0) 70%),linear-gradient(180deg,#E9F4FF,#F7FBFF)}
.lu-sum-buehne::after{content:"";position:absolute;left:50%;bottom:.5rem;width:7rem;height:.9rem;margin-left:-3.5rem;border-radius:50%;background:radial-gradient(closest-side,rgba(11,31,68,.18),rgba(11,31,68,0))}
.lu-sum-fig{position:relative;z-index:1;height:7.4rem;width:auto;margin-bottom:.55rem;filter:drop-shadow(0 .4rem .4rem rgba(11,31,68,.16));animation:lu-atmen 4.5s ease-in-out infinite;transform-origin:50% 100%}
.lu-sum-karte h2{font-size:1.5rem;text-align:center;margin-bottom:.5rem}
.lu-sum-z{display:grid;grid-template-columns:auto 1fr auto;gap:.55rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--rand);font-size:.97rem}.lu-sum-z .lu-i{color:var(--navy)}.lu-sum-z strong{text-align:right;font-weight:800}
.lu-sum-z.offen strong{font-weight:700;color:#9AA6B8;font-style:italic}.lu-sum-z.offen .lu-i{color:#B4BECC}
.lu-sum-fuss{margin-top:1rem}.lu-sum-rest{display:flex;align-items:center;justify-content:center;gap:.45rem;margin:0;padding:.85rem 1rem;border-radius:999px;background:var(--off);color:var(--navy-w);font-weight:800;font-size:.95rem}
.lu-btn-start{width:100%;min-height:4.1rem;font-size:1.3rem}
.lu-sum-gast{padding:1.1rem 1.25rem;background:rgba(255,255,255,.94);border-radius:var(--r-karte);box-shadow:var(--schatten);font-size:.92rem;color:var(--navy-w)}
.lu-sum-gast-kopf{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem}.lu-sum-gast-kopf strong{font:600 1.15rem var(--font-t);color:var(--navy)}
.lu-gast-level{padding:.2rem .7rem;border-radius:999px;background:var(--hell);color:var(--navy);font-weight:800;font-size:.82rem;white-space:nowrap}
.lu-runden{display:grid;gap:.35rem;margin-bottom:.7rem}.lu-runden small{font-weight:800;color:var(--navy)}
.lu-runden-punkte{display:flex;gap:.3rem}.lu-runden-punkte i{flex:1;height:.55rem;border-radius:99px;background:linear-gradient(90deg,#FFC83D,#FFDB6E)}.lu-runden-punkte i.weg{background:#E3E9F1}
.lu-sum-gast p{margin:0 0 .6rem;line-height:1.45}
.lu-sum-gast-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;color:var(--navy);text-decoration:none;border-bottom:2px solid var(--gelb)}
.lu-sum-zurueck{display:block;margin-top:.7rem;text-align:center;font-weight:700}

/* Spielfeld */
html.lu-im-spiel,html.lu-im-spiel body{height:100%;overflow:hidden;overscroll-behavior:none}
.lu-arena{position:fixed;inset:0;display:grid;grid-template-rows:minmax(0,45fr) minmax(0,55fr);background:linear-gradient(180deg,#6FD690,#57C37F);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overflow:hidden}
.lu-buehne{--stufe:1.7%;--breite:58%;position:relative;grid-row:1;background:url(img/welt-bach.webp?v=0.38.1) center 36%/cover no-repeat}
.lu-buehne::after{content:"";position:absolute;inset:auto 0 -1px;height:18%;background:linear-gradient(rgba(111,214,144,0),#6FD690);pointer-events:none}
.lu-hud{position:absolute;inset:0 0 auto;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:.75rem;padding:clamp(.4rem,1.3vmin,1.1rem) clamp(.5rem,1.3vmin,1.1rem);pointer-events:none}
.lu-hud>*{pointer-events:auto}
.lu-punkte{justify-self:start;display:flex;align-items:center;gap:.9rem;min-width:0;max-width:100%;padding:.4rem 1.1rem .4rem .5rem;background:rgba(255,255,255,.93);border-radius:99px;box-shadow:0 .5rem 1.2rem -.4rem rgba(11,31,68,.4)}
.lu-punkte-rot{justify-self:end;flex-direction:row-reverse;padding:.4rem .5rem .4rem 1.1rem}
.lu-teamname{padding:.2rem .85rem;border-radius:99px;font:600 1.1rem/1.3 var(--font-t);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lu-punkte-blau .lu-teamname{background:var(--blau-d)}.lu-punkte-rot .lu-teamname{background:var(--rot-d)}
.lu-zahl{display:inline-flex;align-items:center;gap:.25rem;font-weight:800;font-size:1.25rem;font-variant-numeric:tabular-nums}.lu-zahl .lu-i{width:1em;height:1em;stroke-width:3.2}.lu-zahl-r{color:var(--navy)}.lu-zahl-f{color:var(--muted)}
.lu-hud-mitte{display:flex;align-items:center;gap:.5rem}
.lu-uhr{position:relative;display:grid;place-items:center;width:clamp(4.2rem,12.5vmin,10rem);aspect-ratio:1;background:#fff;border-radius:50%;box-shadow:0 .6rem 1.4rem -.4rem rgba(11,31,68,.45);font:700 clamp(1.5rem,5vmin,4rem)/1 var(--font-t);font-variant-numeric:tabular-nums}
.lu-uhr svg{position:absolute;inset:0;width:100%;height:100%}.lu-uhr circle{transition:stroke-dashoffset .9s linear}
.lu-uhr.ohne{font-size:.82rem;font-family:var(--font);font-weight:800;text-align:center;line-height:1.1;padding:.6rem}.lu-uhr.ohne svg circle+circle{display:none}
.lu-uhr.knapp span{color:var(--rot-d);animation:lu-puls 1s ease-in-out infinite}
@keyframes lu-puls{50%{transform:scale(1.14)}}
.lu-rund{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:rgba(255,255,255,.93);border:0;color:var(--navy);box-shadow:0 .4rem 1rem -.3rem rgba(11,31,68,.4);font-size:1rem;cursor:pointer;touch-action:manipulation}
.lu-zone{position:absolute;bottom:4%;transform:translateX(-50%);pointer-events:none;z-index:1}
.lu-zone-mitte{left:50%;width:0;height:16%;border-left:clamp(2px,.35vmin,5px) dashed rgba(255,255,255,.85)}
.lu-zone-blau,.lu-zone-rot{width:clamp(3px,.45vmin,6px);height:13%;border-radius:9px;background:linear-gradient(90deg,#fff,#DCE5F0);box-shadow:0 .15rem .25rem rgba(11,31,68,.3)}
.lu-zone-blau::after,.lu-zone-rot::after{content:"";position:absolute;top:2%;width:clamp(20px,3.6vmin,46px);aspect-ratio:1.35;transform-origin:0 50%;animation:lu-wehen 2.4s ease-in-out infinite}
.lu-zone-blau::after{left:100%;clip-path:polygon(0 0,100% 50%,0 100%);background:linear-gradient(180deg,#5B9BFF,var(--blau-d))}
.lu-zone-rot::after{right:100%;transform-origin:100% 50%;clip-path:polygon(100% 0,0 50%,100% 100%);background:linear-gradient(180deg,#FF7A88,var(--rot-d));animation-delay:-1.2s}
.lu-zone-blau::before,.lu-zone-rot::before{content:"";position:absolute;left:50%;bottom:-.3rem;width:clamp(16px,2.6vmin,34px);height:.5rem;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(11,31,68,.3),rgba(11,31,68,0))}
@keyframes lu-wehen{50%{transform:skewY(-6deg) scaleX(.9)}}
/* Ziel-Fähnchen standen den Figuren im Weg; wie nah der Sieg ist, zeigt die Anzeige oben. */
.lu-zone-blau,.lu-zone-rot{display:none}
.lu-zone-blau{left:calc(50% - var(--stufe)*10)}
.lu-zone-rot{left:calc(50% + var(--stufe)*10)}
.lu-seilgruppe{--seil:0;position:absolute;z-index:2;left:calc(50% + var(--seil)*var(--stufe));bottom:5%;width:var(--breite);height:70%;display:flex;align-items:flex-end;justify-content:space-between;transform:translateX(-50%);transition:left .3s cubic-bezier(.3,1.5,.5,1);container-type:size}
.lu-figur{--sx:1;--dreh:0deg;height:100%;width:auto;max-width:44%;object-fit:contain;object-position:bottom;flex:none;position:relative;z-index:1;transform-origin:50% 100%;transform:scaleX(var(--sx)) rotate(var(--dreh)) scale(var(--g,1))}
.lu-figur.neigen{--dreh:-9deg}.lu-figur.ludiri{--g:1.12}
.lu-figur-rot{--sx:-1}
.lu-figur-blau,.lu-figur-rot{filter:drop-shadow(0 .7rem .5rem rgba(11,31,68,.25))}

.lu-seil{flex:1;min-width:0;align-self:flex-end;height:clamp(12px,2.1vmin,34px);margin:0 -22cqh 37cqh;border-radius:99px;background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,0) 40%,rgba(70,35,0,.3)),repeating-linear-gradient(118deg,#A86A2B 0 .5rem,#E3B26E .5rem .78rem,#C98C45 .78rem 1rem);box-shadow:0 .3rem .45rem rgba(11,31,68,.3);position:relative}
.lu-knoten{position:absolute;left:50%;top:40%;display:grid;place-items:start center;width:clamp(24px,4vmin,62px);height:clamp(32px,5.4vmin,84px);padding-top:18%;transform:translateX(-50%);transform-origin:50% 0;clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);background:linear-gradient(180deg,#FF8F70,var(--koralle) 55%,#E85D3D);color:#fff;filter:drop-shadow(0 .2rem .2rem rgba(11,31,68,.3));animation:lu-pendel 2.2s ease-in-out infinite}
@keyframes lu-pendel{50%{transform:translateX(-50%) rotate(4deg)}}
.lu-knoten .lu-i{width:62%;height:auto;aspect-ratio:1;fill:#fff;fill-opacity:1;stroke:#fff}
.lu-knoten.puls{animation:lu-knoten .4s ease-out}
@keyframes lu-knoten{40%{transform:translateX(-50%) scale(1.25)}}
.ruck-blau .lu-figur-blau,.ruck-rot .lu-figur-rot{animation:lu-ruck .32s ease-out}
.ruck-blau .lu-seil,.ruck-rot .lu-seil{animation:lu-wackeln .32s ease-out}
@keyframes lu-ruck{40%{transform:scaleX(var(--sx)) translateX(-7%) rotate(calc(var(--dreh) - 6deg))}}
@keyframes lu-wackeln{30%{transform:scaleY(1.5)}60%{transform:scaleY(.8)}}
.sieg-blau .lu-figur-blau,.sieg-rot .lu-figur-rot{animation:lu-sprung .62s ease-in-out infinite}
.lu-figur.gewinner{--dreh:0deg;object-position:bottom}
@keyframes lu-sprung{0%,100%{transform:scaleX(var(--sx))}50%{transform:scaleX(var(--sx)) translateY(-16%) rotate(4deg)}}
.lu-effekte{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:visible}
.lu-plus{position:absolute;font:700 clamp(2rem,7vmin,5.5rem)/1 var(--font-t);color:var(--gelb);text-shadow:0 .06em 0 var(--navy),.04em 0 0 var(--navy),-.04em 0 0 var(--navy),0 -.04em 0 var(--navy);animation:lu-plus .85s ease-out both}
@keyframes lu-plus{from{transform:translate(-50%,0) scale(.6);opacity:0}25%{transform:translate(-50%,-30%) scale(1.15);opacity:1}to{transform:translate(-50%,-140%) scale(1);opacity:0}}
.lu-staub{position:absolute;width:var(--s,2.6cqw);height:calc(var(--s,2.6cqw) * .72);margin:calc(var(--s,2.6cqw) * -.5) 0 0 calc(var(--s,2.6cqw) * -.5);border-radius:50%;background:radial-gradient(ellipse 40% 34% at 40% 36%,rgba(255,250,238,.95),rgba(255,250,238,0)),radial-gradient(ellipse at 50% 55%,rgba(236,214,170,.95) 0 30%,rgba(205,170,118,.8) 50%,rgba(176,140,92,.35) 64%,rgba(176,140,92,0) 72%);filter:drop-shadow(0 1px 1px rgba(120,84,40,.18));animation:lu-staub 1.1s cubic-bezier(.2,.7,.4,1) both}   /* 14.11.2026 (Richard): Staub beim Ziehen sichtbar */
.lu-buehne.welt-nacht .lu-staub{filter:brightness(.5) saturate(.6)}
.lu-staub-leinwand{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none}   /* 14.11.2026: Staub als viele kleine Körnchen (L.staub in arena.js) */
@keyframes lu-staub{0%{transform:translate(0,0) scale(.35);opacity:0}14%{opacity:1}55%{opacity:.85}100%{transform:translate(var(--w),var(--h,-2.2cqh)) scale(2.1);opacity:0}}
.lu-staub.korn{height:var(--s);margin:calc(var(--s) * -.5) 0 0 calc(var(--s) * -.5);background:#9C7347;filter:none;animation:lu-korn .6s cubic-bezier(.3,.6,.6,1) both}   /* kleine Erdkrümel fliegen im Bogen */
@keyframes lu-korn{0%{transform:translate(0,0);opacity:1}50%{transform:translate(calc(var(--w) * .6),var(--h))}100%{transform:translate(var(--w),0);opacity:0}}
.lu-countdown{position:fixed;inset:0;z-index:5;display:none;align-items:center;justify-content:center;background:rgba(11,31,68,.25);font:700 clamp(7rem,34vmin,34rem)/1 var(--font-t);color:#fff;text-shadow:0 .05em 0 var(--navy),0 .08em .3em rgba(11,31,68,.55);pointer-events:none}.lu-countdown.sicht{display:flex}
.lu-countdown span{animation:lu-zahl .7s cubic-bezier(.2,1.6,.4,1) both}.lu-countdown .los{color:var(--gelb)}
/* „Gleich geht’s los“ ist ein Satz, keine Ziffer: kleiner, damit er auch auf hochkant stehenden Bildschirmen in eine Zeile passt (Check 13.11.2026) */
.lu-countdown span.lu-cd-text{font-size:clamp(2.2rem,min(8.5vw,12vmin),6.5rem);white-space:nowrap;padding:0 .4em}
@keyframes lu-zahl{from{transform:scale(.3);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}
.lu-teams{position:relative;z-index:3;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:clamp(.4rem,1.2vmin,1rem);padding:0 clamp(.4rem,1.2vmin,1rem) clamp(.4rem,1.2vmin,1rem);min-height:0}
.lu-team{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:clamp(.45rem,1.3vmin,1.25rem);padding:clamp(.45rem,1.3vmin,1.25rem);min-height:0;min-width:0;border-radius:clamp(1.1rem,3vmin,2.5rem);container-type:inline-size;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),inset 0 -.4rem 0 rgba(0,0,40,.14),0 1rem 2rem -.8rem rgba(11,31,68,.5)}
.lu-team-blau{background:linear-gradient(165deg,#5AA2FF 0%,var(--blau) 40%,#1C62D6 100%)}
.lu-team-rot{background:linear-gradient(195deg,#FF8091 0%,var(--rot) 40%,#CF3149 100%);grid-template-columns:minmax(0,1fr) minmax(0,1.22fr)}
.lu-team-rot .lu-team-oben{order:2}
.lu-team-oben{display:flex;min-width:0;min-height:0}
.lu-tafel{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-width:0;padding:clamp(.35rem,1vmin,1rem);background:#fff;border-radius:clamp(.9rem,2.2vmin,1.9rem);text-align:center;box-shadow:inset 0 -.25rem 0 rgba(11,31,68,.06)}
.lu-tafel.blitz-gut{animation:lu-gut .4s}.lu-tafel.blitz-fast{animation:lu-fast .35s}
@keyframes lu-gut{30%{box-shadow:inset 0 0 0 .4rem var(--teal)}}
@keyframes lu-fast{20%{transform:translateX(-.35rem)}50%{transform:translateX(.3rem)}75%{transform:translateX(-.15rem)}}
.lu-aufgabe{font:800 min(clamp(2.4rem,10.5vmin,13rem),calc(88cqw / var(--z,8)))/1.1 var(--font);white-space:nowrap;font-variant-numeric:tabular-nums}
.lu-aufgabe.neu{animation:lu-rein-a .22s ease-out}
@keyframes lu-rein-a{from{opacity:.2;transform:scale(.94)}}
.lu-anzeige{display:block;width:100%;min-height:1.35em;background:#EEF3FA;border-radius:clamp(.7rem,1.6vmin,1.3rem);font:800 clamp(1.8rem,7vmin,8rem)/1.3 var(--font);font-variant-numeric:tabular-nums;color:var(--navy)}
.lu-rueck{min-height:1.4em;font:800 clamp(1rem,2.9vmin,3rem)/1.3 var(--font)}.lu-rueck.gut{color:var(--navy)}.lu-rueck.fast{color:var(--navy)}
.lu-eingabe{display:grid;gap:clamp(.35rem,1vmin,1rem);min-height:0;min-width:0;padding-bottom:.35rem}
.lu-tastenfeld{grid-template:repeat(4,minmax(0,1fr))/repeat(3,minmax(0,1fr))}
.lu-auswahl-4{grid-template:repeat(2,minmax(0,1fr))/repeat(2,minmax(0,1fr))}.lu-auswahl-6{grid-template:repeat(3,minmax(0,1fr))/repeat(2,minmax(0,1fr))}.lu-auswahl-9{grid-template:repeat(3,minmax(0,1fr))/repeat(3,minmax(0,1fr))}
.gesperrt{filter:saturate(.6);opacity:.7;pointer-events:none}
.lu-taste{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#EDF2F9);color:var(--navy);border:0;border-radius:clamp(.75rem,1.9vmin,1.5rem);font:800 clamp(1.7rem,6.2vmin,7rem)/1 var(--font);cursor:pointer;touch-action:manipulation;padding:0;box-shadow:0 .32rem 0 rgba(10,30,70,.32),0 .5rem .7rem -.1rem rgba(10,30,70,.25);transition:transform .05s,box-shadow .05s}
.lu-taste-wahl{font-size:min(clamp(1.4rem,5vmin,5.5rem),13cqw)}
/* 0.33.12: verschwommener Platzhalter bis zur ersten Frage (statt leerer Felder während „VS“ und 3, 2, 1) */
.lu-vorschau{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35em;filter:blur(6px);opacity:.75;animation:lu-vorschau 1.4s ease-in-out infinite alternate;pointer-events:none;user-select:none}
.lu-vorschau-flagge{display:block;width:clamp(3.4rem,14vmin,8rem);aspect-ratio:3/2;border-radius:.35rem;background:linear-gradient(#E4434B 0 33%,#FFFFFF 0 66%,#2F6FD1 0)}
.lu-vorschau-bild{display:block;width:clamp(2.4rem,9vmin,5rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFE08A,#F2A33A)}
.lu-taste-vorschau{display:flex;align-items:center;justify-content:center;filter:blur(5px);opacity:.7;pointer-events:none;user-select:none;animation:lu-vorschau 1.4s ease-in-out infinite alternate}
.lu-taste-vorschau .lu-vorschau-bild{width:42%}
@keyframes lu-vorschau{from{opacity:.55}to{opacity:.85}}
@media (prefers-reduced-motion:reduce){.lu-vorschau,.lu-taste-vorschau{animation:none}}
.lu-taste.aktiv{transform:translateY(.24rem);box-shadow:0 .08rem 0 rgba(10,30,70,.35);background:linear-gradient(180deg,#FFE9A8,var(--gelb))}
.lu-taste-ok{background:linear-gradient(180deg,#FFDB6E,#FFC83D 60%,#F9BA2B);color:var(--navy)}.lu-taste-ok .lu-i{stroke-width:3.4}
.lu-taste-del{background:rgba(255,255,255,.26);color:#fff;box-shadow:0 .32rem 0 rgba(10,30,70,.2)}.lu-taste-del .lu-i{stroke-width:2.4}
.lu-taste .lu-i{width:.95em;height:.95em}
.lu-solo .lu-teams{grid-template-columns:minmax(0,1fr) clamp(10rem,18vw,22rem)}
.lu-computer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:1rem;border-radius:clamp(1.1rem,3vmin,2.5rem);background:linear-gradient(195deg,#FF8091,var(--rot) 40%,#CF3149);color:#fff;text-align:center;min-height:0;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),inset 0 -.4rem 0 rgba(0,0,40,.14),0 1rem 2rem -.8rem rgba(11,31,68,.5)}
.lu-computer img{height:44%;width:auto;min-height:0;filter:drop-shadow(0 .4rem .4rem rgba(90,0,20,.4))}.lu-computer strong{font:600 1.35rem var(--font-t)}.lu-computer span{font-size:.95rem;font-weight:700}
.lu-computer em{font-style:normal;font-weight:700}.lu-computer em i{display:inline-block;width:.32em;height:.32em;margin-left:.15em;border-radius:50%;background:#fff;animation:lu-punkt 1.2s infinite}.lu-computer em i:nth-child(2){animation-delay:.2s}.lu-computer em i:nth-child(3){animation-delay:.4s}
@keyframes lu-punkt{0%,60%,100%{opacity:.35}30%{opacity:1}}

/* Ergebnis */
.lu-ergebnis{--fig:clamp(6rem,24vh,13rem);--raus:calc(var(--fig) * .58);position:absolute;inset:0;z-index:6;display:flex;align-items:safe center;justify-content:center;padding:1rem;background:rgba(11,31,68,.52);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;animation:lu-ein-f .35s ease-out}
@keyframes lu-ein-f{from{opacity:0}}
.lu-strahlen-gross{position:absolute;left:50%;top:50%;width:180vmax;aspect-ratio:1;margin:-90vmax 0 0 -90vmax;background:repeating-conic-gradient(rgba(255,200,61,.3) 0 9deg,rgba(255,200,61,0) 9deg 22deg);-webkit-mask:radial-gradient(closest-side,#000 10%,transparent 75%);mask:radial-gradient(closest-side,#000 10%,transparent 75%);animation:lu-drehen 60s linear infinite}
.lu-ergebnis.gleich .lu-strahlen-gross{background:repeating-conic-gradient(rgba(255,255,255,.14) 0 9deg,rgba(255,255,255,0) 9deg 22deg)}
.lu-ergebnis-karte{position:relative;width:min(40rem,100%);margin:calc(var(--raus) + .5rem) 0 0;flex:none;padding:1.5rem 2rem 1.75rem;background:#fff;border-radius:2.25rem;text-align:center;box-shadow:0 2.5rem 4rem -1.5rem rgba(0,0,30,.6);animation:lu-karte .55s cubic-bezier(.2,1.5,.4,1) both}
@keyframes lu-karte{from{transform:translateY(2rem) scale(.9);opacity:0}}
/* Die Figur ragt oben aus der Karte. Die Karte hält genau so viel Abstand nach oben, damit nichts abgeschnitten wird; ist sie zu hoch, scrollt die Ebene. */
.lu-sieger{display:flex;justify-content:center;gap:1rem;height:var(--fig);margin-top:calc(-1 * var(--raus))}
/* Niedrige Bildschirme (z. B. Laptop mit Browserleiste): Figur kleiner, Karte kompakter, damit die Knöpfe ohne Scrollen sichtbar sind. */
@media (max-height:800px){.lu-ergebnis{--fig:clamp(5rem,19vh,9.5rem)}.lu-ergebnis-karte{padding-top:.8rem;padding-bottom:1.1rem}.lu-ergebnis-karte h2{font-size:clamp(1.6rem,4.2vh,2.3rem);margin:.1em 0}.lu-erg-seiten{margin-top:.55rem}}
.lu-sieger img{height:100%;width:auto;filter:drop-shadow(0 .8rem .7rem rgba(11,31,68,.35));animation:lu-huepfen .7s ease-in-out infinite alternate}
@keyframes lu-huepfen{to{transform:translateY(-6%) rotate(1.5deg)}}
.lu-sterne{display:flex;justify-content:center;gap:.3rem;margin:.4rem 0 .1rem;font-size:2rem;color:#D5DCE6}
.lu-sterne span{animation:lu-stern .5s calc(.25s*var(--i)) cubic-bezier(.2,1.8,.4,1) both}.lu-sterne .an{color:var(--gelb)}.lu-sterne .lu-i{fill:currentColor;stroke:rgba(0,0,0,.08)}.lu-sterne .lu-i path,.lu-lohn-plus .lu-i path,.lu-knoten .lu-i path{fill-opacity:1}
@keyframes lu-stern{from{transform:scale(0) rotate(-40deg)}}
.lu-ergebnis-karte h2{font-size:clamp(1.9rem,4.4vmin,3rem);margin:.15em 0 .2em}.lu-erg-x{margin:0 0 .4rem;color:var(--muted)}
.lu-tabelle{width:100%;border-collapse:collapse;margin:.6rem 0 0;font-size:1.15rem}.lu-tabelle th,.lu-tabelle td{padding:.4rem .5rem;border-bottom:1px solid var(--rand)}.lu-tabelle tbody th{text-align:left;font-weight:700}.lu-tabelle td{font-weight:800;font-variant-numeric:tabular-nums}.lu-tabelle tr:last-child>*{border-bottom:0}
.lu-kopf-blau{color:var(--blau-d)}.lu-kopf-rot{color:var(--rot-d)}
.lu-erg-status{margin:.5rem 0 0;font-size:.95rem;color:var(--muted);min-height:1.2em}.lu-erg-status.gut{color:var(--navy);font-weight:800}.lu-erg-status .lu-i{vertical-align:-.2em;margin-right:.2em}
.lu-konfetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:7}
.lu-jubel-glanz{background:radial-gradient(60% 45% at 50% 30%,rgba(255,212,59,.42),rgba(255,212,59,0) 70%);animation:lu-jubelglanz 1.8s ease-out both}
@keyframes lu-jubelglanz{0%{opacity:0}30%{opacity:1}100%{opacity:0}}
.lu-pause .lu-ergebnis-karte{width:min(26rem,100%)}

/* Mein Bereich */
.lu-dash{display:grid;grid-template-columns:17rem minmax(0,1fr);min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#EEF4FD,var(--off) 18rem)}
.lu-dash-seite{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;gap:1rem;height:100vh;height:100dvh;padding:1rem 1rem 1.25rem;background:#fff;box-shadow:1px 0 0 var(--rand)}
.lu-dash-seite .lu-logo{display:block}.lu-dash-seite .lu-logo img{height:5rem;width:auto;margin:0 auto}
.lu-dash-seite nav{display:grid;gap:.25rem;margin-bottom:auto}
.lu-dash-l{display:flex;align-items:center;gap:.7rem;min-height:3rem;padding:.4rem .9rem;border-radius:.9rem;color:var(--navy);font-weight:800;text-decoration:none;transition:background-color .12s}
.lu-dash-l:hover{background:var(--off)}.lu-dash-l.an{background:var(--hell);color:var(--navy)}
.lu-dash-haupt{min-width:0;padding:1.5rem clamp(1rem,3vw,2.5rem) 3rem}
.lu-dash-kopf h1{font-size:clamp(2rem,3.4vw,2.8rem);margin:0 0 1rem}
.lu-dash-inhalt{display:grid;gap:1.1rem;max-width:76rem}
.lu-filter{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:flex-end}
.lu-feld-klein{min-width:13rem}.lu-feld-klein select{min-height:2.9rem}
.lu-segment{display:inline-flex;padding:.25rem;background:#fff;border-radius:.95rem;box-shadow:inset 0 0 0 1px var(--rand)}
.lu-segment button{min-height:2.5rem;padding:.2rem .9rem;border:0;border-radius:.7rem;background:none;color:var(--navy);font:800 .97rem var(--font);cursor:pointer}.lu-segment .an{background:var(--navy);color:#fff}
.lu-kacheln{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.lu-kachel{display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;align-items:center;padding:1.1rem 1.25rem;background:#fff;border-radius:1.4rem;box-shadow:var(--schatten)}
.lu-kachel-i{grid-row:span 3;display:grid;place-items:center;width:3.1rem;height:3.1rem;border-radius:.95rem;background:var(--creme);color:var(--navy);font-size:1.15rem}
.lu-kachel strong{font:700 2rem/1.1 var(--font-t);font-variant-numeric:tabular-nums}.lu-kachel span:not(.lu-kachel-i){color:var(--muted);font-weight:700;font-size:.95rem;line-height:1.25}.lu-kachel small{color:var(--muted);font-size:.85rem}
.lu-dash-zwei{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:1rem}
.lu-dash-karte{min-width:0;padding:1.25rem 1.4rem;background:#fff;border-radius:1.4rem;box-shadow:var(--schatten)}.lu-dash-karte h2{font-size:1.3rem;font-weight:600;margin-bottom:.8rem}
.lu-diagramm{padding-left:2rem}
.lu-balken-feld{position:relative;height:12rem;border-bottom:1px solid #C9D3DF}
.lu-gitter{position:absolute;left:0;right:0;border-top:1px solid #EDF1F6}.lu-gitter em{position:absolute;right:100%;top:-.65em;margin-right:.4rem;font-style:normal;font-size:.8rem;color:var(--muted)}
.lu-balken{position:absolute;inset:0;display:flex;align-items:stretch;gap:2px}
.lu-b{flex:1;min-width:0;display:flex;align-items:flex-end;border-radius:4px 4px 0 0}.lu-b i{display:block;width:100%;max-width:2.25rem;margin:auto auto 0;border-radius:4px 4px 0 0;background:#3E64B0;transition:background-color .1s}.lu-b:hover i{background:var(--navy)}
.lu-achse{display:flex;justify-content:space-between;margin-top:.35rem;font-size:.82rem;color:var(--muted)}
.lu-tip{position:absolute;top:-.4rem;transform:translate(-50%,-100%);padding:.2rem .6rem;background:var(--navy);color:#fff;border-radius:.5rem;font-size:.85rem;font-weight:700;white-space:nowrap;pointer-events:none;z-index:2}
.lu-arten-liste{display:grid;gap:.75rem}
.lu-art-z{display:grid;grid-template-columns:2rem 1fr auto;column-gap:.5rem;align-items:center}.lu-art-z b{font:700 1.3rem var(--font-t);color:var(--navy);text-align:center}.lu-art-n{font-weight:700}.lu-art-q{font-weight:800;font-variant-numeric:tabular-nums}
.lu-leiste{grid-column:2/4;height:.55rem;margin-top:.2rem;border-radius:9px;background:#EDF1F6;overflow:hidden}.lu-leiste i{display:block;height:100%;border-radius:9px;background:#3E64B0}
.lu-tabelle-rahmen{overflow-x:auto}
.lu-liste{width:100%;border-collapse:collapse;font-size:.97rem}.lu-liste th{text-align:left;font-size:.85rem;color:var(--muted);font-weight:800;padding:.3rem .6rem;border-bottom:1px solid var(--rand);white-space:nowrap}.lu-liste td{padding:.55rem .6rem;border-bottom:1px solid #EFF3F7;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.lu-liste tr:last-child td{border-bottom:0}
.lu-marke-erg{display:inline-flex;align-items:center;gap:.25em;padding:.1rem .6rem;border-radius:99px;font-size:.87rem;font-weight:800;background:#EEF2F7;color:var(--navy-w)}.lu-marke-erg.sieg{background:var(--creme);color:var(--navy)}
.lu-leer{display:grid;justify-items:center;text-align:center;padding:2rem 1rem;background:#fff;border-radius:1.4rem;box-shadow:var(--schatten)}.lu-leer img{height:10rem;width:auto;margin-bottom:.5rem}.lu-leer h2{font-size:1.5rem;margin-bottom:.2em}.lu-leer p{color:var(--muted)}
.lu-profil-form{display:flex;gap:.6rem;margin-bottom:.75rem}.lu-profil-form input{flex:1;min-width:0;min-height:3.25rem;border:2px solid var(--rand);border-radius:var(--r-feld);padding:.5rem .9rem;font:600 1.06rem var(--font);color:var(--navy)}
.lu-figuren-klein .lu-fig-k img{height:3.8rem}
.lu-profile{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem}
.lu-profil{display:grid;justify-items:center;padding:1rem;background:#fff;border-radius:1.4rem;box-shadow:var(--schatten);text-align:center}.lu-profil img{height:6.5rem;width:auto}.lu-profil h3{margin:.3rem 0 0;font-size:1.3rem}.lu-profil-fuss{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 .3rem;font-size:.9rem}
.lu-konto-karte{display:grid;gap:.6rem;max-width:34rem;justify-items:start}.lu-konto-z{display:grid;width:100%}.lu-konto-z span{color:var(--muted);font-size:.87rem;font-weight:700}
.lu-fehlerliste li{padding:.3rem 0;border-top:1px solid var(--rand);font-size:.92rem}.lu-fehlerliste time{color:var(--muted);margin-right:.4rem}

/* Assistent */
.lu-wiz{display:grid;gap:.9rem}
.lu-stepper{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;padding:.45rem;background:rgba(255,255,255,.94);border-radius:1.5rem;box-shadow:var(--schatten);counter-reset:st}
.lu-stepper li{min-width:0}.lu-stepper button{min-width:0;display:flex;align-items:center;gap:.6rem;width:100%;min-height:3.25rem;padding:.35rem .6rem;border:0;border-radius:1.1rem;background:none;color:var(--muted);font:800 1rem var(--font);text-align:left;cursor:pointer;transition:background-color .2s,color .2s}
.lu-stepper button:disabled{cursor:not-allowed;color:#9AA6B8}.lu-stepper .zu .lu-st-nr{background:#F1F4F8;color:#A3AEBF}
.lu-stepper .fertig button:hover{background:var(--off)}
.lu-st-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-st-nr{display:grid;place-items:center;flex:none;width:2.3rem;height:2.3rem;border-radius:50%;background:#EDF1F6;color:var(--navy-w);font:700 1.1rem var(--font-t)}.lu-st-nr .lu-i{stroke-width:3.2;width:1.05em;height:1.05em}
.lu-stepper .an button{background:var(--hell);color:var(--navy)}.lu-stepper .an .lu-st-nr{background:var(--navy);color:#fff}
.lu-stepper .fertig .lu-st-nr{background:#DDF5EA;color:#14794F}.lu-stepper .fertig button{color:var(--navy)}
.lu-wiz-nr{margin:.1rem 0 -.2rem .3rem;font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--navy-w)}
.lu-wiz-fuss{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.lu-wiz-weiter{min-width:12rem;min-height:3.6rem;font-size:1.15rem}
.lu-kk-x{margin:.6rem 0 0}
.lu-lohn-mehr{margin:.55rem 0 0;font-size:.92rem}
.lu-muster{display:inline-block;width:1.5rem;height:1.5rem;border-radius:50%;margin-right:.15rem;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7),0 0 0 1px rgba(11,31,68,.15)}
.lu-muster.seil-klassisch{background:repeating-linear-gradient(115deg,#B97A33 0 .3rem,#EDBE7B .3rem .6rem)}
.lu-muster.seil-gold{background:repeating-linear-gradient(115deg,#D99A12 0 .3rem,#FFE07A .3rem .6rem)}
.lu-muster.seil-nacht{background:radial-gradient(circle at 30% 40%,#FFC83D 0 .12rem,transparent .14rem),radial-gradient(circle at 70% 65%,#fff 0 .1rem,transparent .12rem),linear-gradient(135deg,#0B1F44,#4B3A9C)}
.lu-muster.seil-regenbogen{background:conic-gradient(#EF5364,#FF7A59,#FFC83D,#55C26B,#2F7DF6,#8B5CF6,#EF5364)}
.lu-muster.seil-feuer{background:radial-gradient(circle at 50% 70%,#FFE07A,#FF7A59 55%,#C9302C)}
.lu-muster.jubel-konfetti{background:conic-gradient(#FFC83D 0 25%,#2F7DF6 0 50%,#EF5364 0 75%,#8B5CF6 0)}
.lu-muster.jubel-sterne{background:radial-gradient(circle,#FFE07A,#FFC83D 60%,#D99A12)}
.lu-muster.jubel-feuerwerk{background:repeating-conic-gradient(#FF7A59 0 15deg,#0B1F44 15deg 30deg)}

/* Seile zum Freischalten */
.seil-gold .lu-seil{background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0) 45%,rgba(120,70,0,.25)),repeating-linear-gradient(115deg,#D99A12 0 .7rem,#FFE07A .7rem 1.4rem)}
.seil-nacht .lu-seil{background:radial-gradient(circle,#FFC83D 0 .14rem,transparent .16rem) 0 0/1.4rem 100%,linear-gradient(90deg,#0B1F44,#4B3A9C,#0B1F44)}
.seil-regenbogen .lu-seil{background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,0) 45%,rgba(0,0,0,.18)),linear-gradient(90deg,#EF5364,#FF7A59,#FFC83D,#55C26B,#2F7DF6,#8B5CF6)}
.seil-feuer .lu-seil{background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0) 45%),repeating-linear-gradient(115deg,#FF7A59 0 .7rem,#FFC83D .7rem 1.4rem);box-shadow:0 0 .8rem .2rem rgba(255,122,89,.75);animation:lu-gluehen 1.2s ease-in-out infinite alternate}
@keyframes lu-gluehen{to{box-shadow:0 0 1.4rem .4rem rgba(255,200,61,.8)}}

/* Serien und Effekte */
.lu-team-kopf{display:none}
.lu-serie{display:none}.lu-serie.an{display:inline-flex;align-items:center;gap:.15rem;padding:.1rem .6rem;border-radius:99px;background:var(--koralle);color:#fff;font:700 1rem/1.4 var(--font-t)}.lu-serie .lu-i{width:1em;height:1em}
.lu-serie-banner{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .95rem;border-radius:99px;background:linear-gradient(180deg,#FF9271,var(--koralle));color:#fff;font:700 clamp(1.1rem,3vmin,2.2rem)/1.2 var(--font-t);white-space:nowrap;box-shadow:0 .3rem 0 #D24E2E,0 .8rem 1.2rem -.4rem rgba(11,31,68,.5);transform:translate(-50%,-100%);animation:lu-banner 1.4s cubic-bezier(.2,1.5,.4,1) both}
@keyframes lu-banner{0%{transform:translate(-50%,-60%) scale(.4);opacity:0}18%{transform:translate(-50%,-100%) scale(1.1);opacity:1}80%{transform:translate(-50%,-115%) scale(1);opacity:1}100%{transform:translate(-50%,-150%);opacity:0}}
.lu-buehne.beben{animation:lu-beben .22s ease-out}
@keyframes lu-beben{30%{transform:translate(.15rem,.1rem)}60%{transform:translate(-.12rem,-.06rem)}}

/* Belohnung im Ergebnis und im Bereich */
.lu-erg-status{margin:.6rem 0 0;font-size:.95rem;color:var(--muted)}
.lu-lohn-kopf{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:.4rem}
.lu-lohn-plus{display:inline-flex;align-items:center;gap:.2rem;font:700 1.9rem/1 var(--font-t);color:var(--navy);animation:lu-stern .6s .2s cubic-bezier(.2,1.8,.4,1) both}.lu-lohn-plus .lu-i{color:var(--gelb);fill:var(--gelb);fill-opacity:1;stroke:#D99A12;width:1.1em;height:1.1em}
.lu-lohn-text{font-weight:700;color:var(--muted)}
.lu-lvl{display:flex;align-items:center;gap:.75rem;text-align:left}
.lu-lvl-marke{--g:3.6rem;position:relative;display:grid;place-items:center;flex:none;width:var(--g);aspect-ratio:100/104;margin-bottom:.45rem;filter:drop-shadow(0 .3rem .4rem rgba(11,31,68,.2))}
.lu-lvl-marke svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lu-lvl-marke.neu{animation:lu-lvl-pop .5s var(--feder) both}
@keyframes lu-lvl-pop{0%{transform:scale(.92)}60%{transform:scale(1.06)}100%{transform:none}}
.lu-lvl-weg{font-size:.92rem;font-weight:700;color:var(--muted)}
.lu-lvl-marke strong{position:relative;margin-top:.12em;font:700 calc(var(--g) * .44)/1 var(--font-t);color:var(--navy);text-shadow:0 1px 0 rgba(255,255,255,.6);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.lu-lvl-marke small{position:absolute;left:50%;bottom:-.5rem;transform:translateX(-50%);padding:.05rem .45rem;border-radius:999px;background:var(--navy);color:#fff;font:800 max(.68rem,calc(var(--g) * .15))/1.45 var(--font);letter-spacing:.07em;text-transform:uppercase;box-shadow:0 0 0 2px #fff;white-space:nowrap}
.lu-lvl-text{flex:1;min-width:0;display:grid;gap:.25rem}.lu-lvl-text small{color:var(--muted);font-weight:700}
.lu-lvl-balken{flex:1;height:1rem;border-radius:99px;background:#E6ECF4;overflow:hidden;box-shadow:inset 0 1px 2px rgba(11,31,68,.15)}
.lu-lvl-balken i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#FFB21E,#FFC83D 60%,#FFE07A);transition:width .9s cubic-bezier(.3,.9,.3,1)}
.lu-lvl-balken.hoch{animation:lu-hoch-glanz 1s ease-out}
@keyframes lu-hoch-glanz{30%{box-shadow:0 0 0 .3rem rgba(255,200,61,.6)}}
.lu-levelup{display:inline-flex;align-items:center;gap:.35rem;margin:.6rem 0 0;padding:.3rem 1rem;border-radius:99px;background:var(--koralle);color:#fff;font:700 1.2rem var(--font-t);animation:lu-stern .6s cubic-bezier(.2,1.8,.4,1) both}
.lu-lohn-neu{margin:.4rem 0 0;font-weight:800;color:var(--navy)}

.lu-abz{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .75rem;border-radius:99px;background:var(--creme);color:var(--navy);font-weight:800;font-size:.92rem;box-shadow:inset 0 0 0 2px var(--gelb);animation:lu-stern .5s .9s cubic-bezier(.2,1.8,.4,1) both}

.lu-abz-gitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.6rem;margin-top:1rem}
.lu-abz-k{display:grid;grid-template-columns:auto 1fr;column-gap:.6rem;align-items:center;padding:.6rem .7rem;border-radius:1rem;background:#F3F5F9;color:#8A96A8}
.lu-abz-k strong{font:600 .98rem/1.2 var(--font-t)}.lu-abz-k small{grid-column:2;font-size:.78rem;line-height:1.25}
.lu-abz-i{grid-row:span 2;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:#E6EAF0}
.lu-abz-k.hat{background:var(--creme);color:var(--navy)}.lu-abz-k.hat .lu-abz-i{background:var(--gelb);color:var(--navy)}.lu-abz-k.hat small{color:var(--navy-w)}
.lu-profil .lu-lvl{width:100%;margin:.4rem 0}.lu-profil .lu-lvl-marke{--g:3rem}

/* Große Querbildschirme (Tafel, Laptop): Spielfeld oben über die ganze Breite, Tastenfelder unten links und rechts. */
@media (min-aspect-ratio:4/3) and (min-width:1000px){
.lu-arena{grid-template-rows:minmax(0,60fr) minmax(0,40fr)}
.lu-teams{column-gap:clamp(1rem,4vw,5rem)}
.lu-aufgabe{font-size:min(clamp(2.4rem,8.5vmin,11rem),calc(88cqw / var(--z,8)))}
.lu-computer{grid-template-rows:none}}

/* Hochkant, schmal */
@media (max-aspect-ratio:1/1){
.lu-arena{grid-template-rows:minmax(0,28fr) minmax(0,72fr)}
.lu-team,.lu-team-rot{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.lu-team-rot .lu-team-oben{order:0}
.lu-solo .lu-computer{display:none}.lu-solo .lu-teams{grid-template-columns:minmax(0,1fr)}
.lu-aufgabe{font-size:min(clamp(2.5rem,11vmin,8rem),calc(150cqw / var(--z,8)))}
.lu-buehne{--stufe:1%;--breite:90%}.lu-seilgruppe{height:56%;bottom:4%}
.lu-uhr{width:clamp(3.6rem,15vmin,7rem)}}
@media (max-height:560px){.lu-arena{grid-template-rows:minmax(0,38fr) minmax(0,62fr)}.lu-rund{width:2.5rem;height:2.5rem}.lu-uhr{width:3.2rem;font-size:1.2rem}.lu-teamname{font-size:.95rem}.lu-zahl{font-size:1rem}.lu-rueck{min-height:1.2em;font-size:.9rem}.lu-sieger{display:none}.lu-sterne{font-size:1.3rem}.lu-ergebnis-karte{padding:.75rem 1.25rem;margin-top:0}.lu-tabelle{font-size:.95rem}}
@media (max-width:1180px){
.lu-nav{display:none;position:absolute;inset:100% 1rem auto;flex-direction:column;gap:0;margin:0;padding:.5rem 1rem;background:#fff;border-radius:1.2rem;box-shadow:var(--schatten)}.lu-kopf.offen .lu-nav{display:flex}.lu-menueknopf{display:flex}.lu-nav-konto{display:flex;flex-direction:column;margin-top:.35rem;padding-top:.35rem;border-top:2px solid var(--rand)}.lu-nav-konto a,.lu-nav-konto button{display:flex;align-items:center;gap:.6rem;width:100%;padding:.75rem .25rem;border:0;background:none;color:var(--navy);font:800 1.05rem var(--font);text-align:left;cursor:pointer}.lu-kopf-rechts{margin-left:auto}
.lu-figuren{grid-template-columns:repeat(4,minmax(0,1fr))}
.lu-hero-raster{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.lu-merkmale{grid-template-columns:1fr 1fr}.lu-kacheln{grid-template-columns:1fr 1fr}.lu-dash-zwei{grid-template-columns:1fr}}
@media (max-width:980px){.lu-konf-raster{grid-template-columns:1fr}.lu-sum{position:static}.lu-sum-buehne{display:none}.lu-sum-karte{padding-top:1.1rem}.lu-spielkarte,.lu-gruppen{grid-template-columns:1fr}.lu-vision-innen{grid-template-columns:1fr}.lu-bald{grid-column:1;grid-row:auto}.lu-dash{grid-template-columns:1fr}.lu-dash-seite{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem;box-shadow:0 1px 0 var(--rand)}.lu-dash-seite .lu-logo img{height:3.6rem}.lu-dash-seite nav{display:flex;flex-wrap:wrap;margin:0;order:3;width:100%}.lu-dash-seite .lu-btn-voll{width:auto;margin-left:auto}}
@media (max-width:760px){
.lu-stepper{grid-template-columns:auto auto auto auto;justify-content:space-between}.lu-stepper .lu-st-name{display:none}.lu-stepper .an .lu-st-name{display:inline}.lu-wiz-fuss .lu-btn{flex:1}
.lu-kopf .lu-logo img{height:4.2rem}.lu-kopf.fest .lu-logo img{height:3.4rem}.lu-konto-knopf,.lu-abmelden-knopf{display:none}
.lu-hero{height:auto;background:url(img/welt-mobil.webp?v=0.38.1) center bottom/cover no-repeat}.lu-himmel,.lu-e-welt,.lu-sym{display:none}.lu-dunst{background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.2) 55%,rgba(255,255,255,0) 75%)}
.lu-hero-raster{display:flex;flex-direction:column;height:auto;padding:6.5rem 1rem 3rem}.lu-hero-figur{order:2;height:auto;width:min(64vw,20rem);margin:1.25rem auto -2.5rem}.lu-hero-text{text-align:center}.lu-hero-text h1{font-size:clamp(3.2rem,15vw,4.8rem)}.lu-hero-text h1 .z2{margin:auto}.lu-hero-p{margin:auto}.lu-hero-text .lu-knoepfe{justify-content:center}.lu-hero-text .lu-btn{width:100%}
.lu-demo{min-height:19rem}.lu-schritte{grid-template-columns:1fr;gap:2rem}.lu-schritte::before{display:none}.lu-mut-innen{grid-template-columns:1fr}.lu-mut-fig{height:14rem;order:-1;margin:0 auto -1rem}.lu-mut-k{width:4.2rem;height:4.2rem}
.lu-merkmale{grid-template-columns:1fr}
.lu-auth{grid-template-columns:1fr}.lu-auth-form{padding:1.25rem 1rem 2rem}
.lu-modi,.lu-zweier{grid-template-columns:1fr}.lu-reihe .lu-kreis{width:calc((100% - 2.5rem) / 6);max-width:3.5rem;font-size:1.3rem}.lu-art{width:calc(50% - .25rem)}.lu-konf-kopf{gap:.75rem}.lu-konf-kopf img{height:3.6rem}
.lu-punkte{gap:.4rem;padding:.25rem .7rem .25rem .3rem}.lu-punkte-rot{padding:.25rem .3rem .25rem .7rem}.lu-teamname{display:none}.lu-punkte,.lu-punkte-rot{padding:.3rem .7rem}.lu-zahl{font-size:1.05rem}.lu-hud-mitte{gap:.25rem}.lu-rund{width:2.4rem;height:2.4rem}
.lu-profil-form{flex-direction:column}.lu-kacheln{gap:.6rem}.lu-kachel{padding:.8rem .9rem}.lu-kachel strong{font-size:1.5rem}}
/* ---------- v0.4: Hinweis für Erwachsene ---------- */
.lu-eltern{width:min(30rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);padding:0;border:0;border-radius:2rem;background:transparent;overflow:visible;color:var(--navy)}
.lu-eltern::backdrop{background:rgba(11,31,68,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:lu-ein-f .25s ease-out}
.lu-eltern-karte{position:relative;padding:4.6rem 1.75rem 1.6rem;margin-top:4rem;background:#fff;border-radius:2rem;text-align:center;box-shadow:0 2.5rem 4rem -1.5rem rgba(0,0,30,.55);animation:lu-karte .45s var(--feder) both}
.lu-eltern-fig{position:absolute;left:50%;top:-4.2rem;height:8.2rem;width:auto;transform:translateX(-50%);filter:drop-shadow(0 .6rem .6rem rgba(11,31,68,.2))}
.lu-eltern-zu{position:absolute;top:.8rem;right:.8rem;display:grid;place-items:center;width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:var(--off);color:var(--navy);cursor:pointer}
.lu-eltern-marke{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .8rem;border-radius:999px;background:var(--creme);font-weight:800;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.lu-eltern-marke .lu-i{width:1em;height:1em}
.lu-eltern h2{font-size:clamp(1.5rem,4vw,1.9rem);margin:.6rem 0 .4rem}
.lu-eltern-grund{font-weight:700;font-size:1.08rem;margin:0 0 .5rem}.lu-eltern-x{color:var(--muted);font-size:.95rem;margin:0 0 1.2rem}
.lu-eltern-knoepfe{display:grid;gap:.6rem}
.lu-z-schalter{display:flex;gap:.7rem;align-items:flex-start;margin-top:1rem;cursor:pointer}
.lu-z-schalter input{width:1.3rem;height:1.3rem;margin-top:.15rem;flex:none;accent-color:#3B82F6}
.lu-z-schalter span{display:flex;flex-direction:column;gap:.2rem}
.lu-z-schalter small{color:var(--muted)}

/* ---------- v0.4: Ergebnis ---------- */
.lu-ergebnis{background:radial-gradient(70% 60% at 50% 40%,rgba(22,48,98,.55),rgba(11,31,68,.78));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.lu-ergebnis-karte{width:min(44rem,100%);padding:1.4rem clamp(1.1rem,3vw,2.2rem) 1.6rem;border-radius:2rem;overscroll-behavior:contain}
.lu-ergebnis.verloren .lu-sieger img{animation:none}
.lu-erg-seiten{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:.9rem 0 .2rem;text-align:left}
.lu-erg-seite{display:grid;gap:.3rem;padding:.8rem 1rem;border-radius:1.25rem;background:var(--off);box-shadow:inset 0 0 0 1.5px var(--rand)}
.lu-erg-seite.sieger{background:linear-gradient(180deg,#FFF8E2,#FFF2CC);box-shadow:inset 0 0 0 2px var(--gelb)}
.lu-erg-name{display:flex;align-items:center;gap:.35rem;font-weight:800;font-size:.95rem;min-width:0}.lu-erg-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-erg-name .lu-i{flex:none;color:#C98A00}
.lu-erg-blau .lu-erg-name{color:var(--blau-d)}.lu-erg-rot .lu-erg-name{color:var(--rot-d)}
.lu-erg-wert{font:700 clamp(1.3rem,3.2vmin,1.7rem)/1.15 var(--font-t);color:var(--navy)}
.lu-erg-punkte{display:flex;flex-wrap:wrap;gap:.22rem}.lu-erg-punkte i{width:.6rem;height:.6rem;border-radius:50%}.lu-erg-punkte .r{background:#22B07D}.lu-erg-punkte .f{background:#F2A2A8}
.lu-erg-seite small{display:inline-flex;align-items:center;gap:.25rem;color:var(--navy-w);font-weight:800}.lu-erg-seite small .lu-i{color:var(--koralle);width:1.05em;height:1.05em}
.lu-erg-status{margin:.9rem 0 0;padding:.9rem 1rem;border-radius:1.25rem;background:var(--off);text-align:left}.lu-erg-status:empty{display:none}
.lu-lohn-zeile{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(15rem,1.15fr);align-items:center;gap:.9rem}
.lu-lohn-text{display:grid;line-height:1.25}.lu-lohn-text strong{color:var(--navy);font-weight:800}.lu-lohn-text small{color:var(--muted);font-weight:700}
.lu-lohn-zeile .lu-lvl-marke{--g:4rem}.lu-dash-karte>.lu-lvl .lu-lvl-marke{--g:4.8rem}.lu-dash-karte>.lu-lvl{gap:1.1rem;margin-bottom:.4rem}.lu-lvl-titel{font:600 1.25rem var(--font-t);color:var(--navy)}.lu-lohn-zeile .lu-lvl{gap:.85rem}.lu-lohn-zeile .lu-lvl-text small{font-size:.85rem}
.lu-abz-neu{display:flex;align-items:center;gap:.8rem;margin-top:.7rem;padding:.6rem .8rem;border-radius:1rem;background:#fff;box-shadow:inset 0 0 0 2px var(--gelb);animation:lu-stern .5s .9s var(--feder) both}
.lu-abz-neu-i{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--gelb);color:var(--navy)}
.lu-abz-neu>span:last-child{display:grid;line-height:1.25}.lu-abz-neu small{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#B07800}.lu-abz-neu strong{font:600 1.1rem var(--font-t)}.lu-abz-neu em{font-style:normal;font-size:.9rem;color:var(--navy-w)}
.lu-lohn-gast{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.3rem .8rem;margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--rand);font-size:.92rem;font-weight:600;color:var(--navy-w)}.lu-lohn-gast>span{display:flex;gap:.4rem;align-items:flex-start}.lu-lohn-gast .lu-i{flex:none;margin-top:.15em}.lu-lohn-gast .lu-link{display:inline;min-height:0;padding:.25em 0;font-size:inherit;white-space:nowrap}
.lu-levelup{margin-top:.7rem}
@media (max-width:620px){.lu-ergebnis{--fig:clamp(5rem,15vh,8rem);padding:.75rem}.lu-ergebnis-karte{padding:.8rem 1rem 1.1rem;border-radius:1.6rem}.lu-erg-seiten{grid-template-columns:1fr 1fr;gap:.5rem}.lu-erg-seite{padding:.6rem .7rem;gap:.2rem}.lu-erg-name{font-size:.85rem}.lu-erg-wert{font-size:1.05rem}.lu-erg-seite small{font-size:.78rem}.lu-erg-punkte i{width:.45rem;height:.45rem}.lu-lohn-zeile{grid-template-columns:auto 1fr;gap:.6rem}.lu-lohn-zeile .lu-lvl{grid-column:1/-1}}
@media (max-height:700px){.lu-ergebnis{--fig:clamp(4.5rem,17vh,8rem)}.lu-erg-punkte{display:none}}
@media (max-height:560px){.lu-erg-seiten{margin-top:.4rem}.lu-erg-punkte{display:none}}

/* ---------- v0.4: Zentrale ---------- */
.lu-z-body{background:#F3F6FA}
.lu-z-login{display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:1.5rem;background:radial-gradient(80% 60% at 50% 0%,#E3EEFF,#F3F6FA 70%)}
.lu-z-login-karte{display:grid;gap:.5rem;width:min(26rem,100%);padding:2rem 1.75rem;background:#fff;border-radius:1.75rem;box-shadow:var(--schatten)}
.lu-z-login-karte h1{font-size:1.6rem;margin:.3rem 0 0}.lu-z-logo{height:4.2rem;width:auto;justify-self:start}
.lu-z-marke{display:inline-flex;align-items:center;gap:.35rem;justify-self:start;padding:.25rem .75rem;border-radius:999px;background:var(--navy);color:#fff;font-weight:800;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.lu-z-marke .lu-i{width:1em;height:1em}
.lu-z .lu-dash-seite{display:flex;flex-direction:column}
.lu-z-kopf{display:grid;gap:.5rem;margin-bottom:1rem}.lu-z-kopf img{height:3.8rem;width:auto}
.lu-z-fuss{display:grid;gap:.5rem;margin-top:auto;padding-top:1rem}.lu-z-fuss p{margin:0}
.lu-z-regeln{display:grid;gap:1rem}.lu-z-feld{max-width:20rem}.lu-z-zahl{font-size:1.4rem;font-weight:800}
.lu-z-figuren{display:grid;grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.6rem;margin-top:.6rem}
.lu-z-fig{position:relative;display:grid;justify-items:center;gap:.25rem;padding:.6rem;border-radius:1rem;background:var(--off);box-shadow:inset 0 0 0 1.5px var(--rand);cursor:pointer;font-weight:800}
.lu-z-fig img{height:4.4rem;width:auto}.lu-z-fig input{position:absolute;top:.5rem;left:.5rem;width:1.2rem;height:1.2rem;accent-color:var(--navy)}
.lu-z-fig:has(input:checked){background:var(--hell);box-shadow:inset 0 0 0 2.5px var(--navy)}
.lu-z-aktion{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
@media (max-width:420px){.lu-kopf .lu-logo img{height:3.7rem}.lu-kopf-rechts{gap:.5rem}.lu-kopf-rechts .lu-btn-klein{padding:.5rem .9rem;font-size:.95rem}}
/* v0.4.1: Figur in Teamfarbe, Spielerwahl je Team */
.lu-fig-k.blau{background:#EAF2FF;box-shadow:inset 0 0 0 3px var(--blau-d)}
.lu-fig-k.rot{background:#FFEEF0;box-shadow:inset 0 0 0 3px var(--rot-d)}
.lu-figuren-blau .lu-fig-k.blau.an,.lu-figuren-rot .lu-fig-k.rot.an{transform:translateY(-2px)}
.lu-figuren-blau .lu-fig-k.rot,.lu-figuren-rot .lu-fig-k.blau{opacity:.75}
.lu-fig-team{position:absolute;top:.3rem;left:.3rem;z-index:1;padding:.05rem .45rem;border-radius:999px;color:#fff;font-size:.66rem;font-weight:800;line-height:1.4}
.lu-fig-team.blau{background:var(--blau-d)}.lu-fig-team.rot{background:var(--rot-d)}
.lu-spieler{display:grid;gap:.75rem}.lu-spieler.zwei{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end}
.lu-spieler-seite{display:grid;gap:.5rem;align-content:start;padding:.75rem;border-radius:1.1rem;background:var(--off)}
.lu-spieler-seite.blau{box-shadow:inset .3rem 0 0 var(--blau-d)}.lu-spieler-seite.rot{box-shadow:inset .3rem 0 0 var(--rot-d)}
.lu-spieler:not(.zwei) .lu-spieler-seite{background:none;padding:0;box-shadow:none;max-width:26rem}
.lu-spieler-kopf{font-weight:800}.lu-spieler-kopf.blau{color:var(--blau-d)}.lu-spieler-kopf.rot{color:var(--rot-d)}
.lu-spieler .lu-tausch{align-self:center}
@media (max-width:760px){.lu-spieler.zwei{grid-template-columns:1fr}.lu-spieler .lu-tausch{justify-self:center;transform:rotate(90deg)}}
/* ---------- v0.5: Startseite ---------- */
.lu-sektion{position:relative;padding:clamp(2.75rem,5vw,4.5rem) clamp(1rem,3.5vw,3.5rem)}
.lu-skopf{max-width:46rem;margin:0 0 clamp(1.75rem,3vw,2.5rem)}.lu-skopf.mitte{margin-inline:auto;text-align:center}
.lu-skopf .lu-titel{margin:.35rem 0 .3em}.lu-skopf-x{font-size:1.15rem;color:var(--navy-w);margin:0}
.lu-kicker{display:inline-flex;align-items:center;gap:.4em;margin:0;padding:.3rem .9rem;border-radius:999px;background:var(--creme);color:#9A6A00;font-weight:800;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}
.lu-spiele,.lu-helden-sektion,.lu-ablauf-sektion{max-width:84rem;margin:0 auto}
.lu-spiele{padding-top:clamp(2rem,4vw,3.5rem)}
.lu-spielkarte{display:grid;grid-template-columns:1.2fr 1fr;max-width:none;margin:0;background:#fff;border-radius:2.25rem;box-shadow:0 1px 2px rgba(11,31,68,.04),0 30px 60px -30px rgba(11,31,68,.35);overflow:hidden}
.lu-spielkarte-text{display:grid;align-content:center;justify-items:start;gap:.9rem;padding:clamp(1.75rem,3.5vw,3.25rem)}
.lu-spielkarte-text h3{font-size:clamp(2.2rem,3.6vw,3.1rem);margin:0}.lu-spielkarte-text p{margin:0;color:var(--navy-w);font-size:1.08rem}
.lu-pille{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .8rem;border-radius:999px;background:var(--off);color:var(--navy-w);font-weight:800;font-size:.82rem;white-space:nowrap}
.lu-pille-gut{background:#DDF5EA;color:#14794F}.lu-pille-gut i{width:.55rem;height:.55rem;border-radius:50%;background:#22B07D;box-shadow:0 0 0 0 rgba(34,176,125,.6);animation:lu-glimmen 2s ease-out infinite}
@keyframes lu-glimmen{70%{box-shadow:0 0 0 .5rem rgba(34,176,125,0)}100%{box-shadow:0 0 0 0 rgba(34,176,125,0)}}
.lu-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin:.2rem 0 .4rem}.lu-tags li{padding:.35rem .8rem;border-radius:999px;background:var(--hell);font-weight:800;font-size:.9rem}
.lu-demo{min-height:26rem}
.lu-d-aufgabe{transition:color .2s,box-shadow .2s}.lu-d-aufgabe.gut.blau{color:var(--blau-d);box-shadow:0 0 0 3px var(--blau),0 .8rem 1.4rem -.6rem rgba(11,31,68,.4)}.lu-d-aufgabe.gut.rot{color:var(--rot-d);box-shadow:0 0 0 3px var(--rot),0 .8rem 1.4rem -.6rem rgba(11,31,68,.4)}
.lu-bald-reihe{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
.lu-bald-k{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.1rem 1.25rem;border-radius:1.5rem;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1.5px var(--rand)}
.lu-bald-k h3{font-size:1.25rem;margin:0 0 .15rem}.lu-bald-k p{margin:0;color:var(--muted);font-size:.95rem}
.lu-bald-i{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:1.1rem;background:linear-gradient(145deg,#E6EEFF,#F4EEFF);color:var(--navy);font-size:1.35rem}
.lu-helden-sektion{padding-top:clamp(2rem,4vw,3rem)}
.lu-helden{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.8rem}
.lu-held{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:0 .5rem .9rem;border:0;border-radius:1.6rem;background:#fff;color:var(--navy);text-decoration:none;font:inherit;text-align:center;cursor:pointer;box-shadow:0 1px 2px rgba(11,31,68,.05),0 16px 30px -22px rgba(11,31,68,.35);transition:transform .25s var(--feder),box-shadow .25s}
.lu-held:hover,.lu-held:focus-visible{transform:translateY(-.4rem);box-shadow:0 1px 2px rgba(11,31,68,.05),0 24px 40px -22px rgba(11,31,68,.45)}
.lu-held-buehne{position:relative;display:flex;align-items:flex-end;justify-content:center;width:calc(100% + 1rem);height:9.5rem;margin:0 -.5rem .7rem;border-radius:1.6rem 1.6rem 50% 50%/1.6rem 1.6rem 1.4rem 1.4rem;background:radial-gradient(70% 60% at 50% 100%,rgba(255,255,255,.9),rgba(255,255,255,0)),var(--farbe)}
.lu-held-buehne img{height:88%;width:auto;max-width:92%;object-fit:contain;transform-origin:50% 100%;filter:drop-shadow(0 .4rem .4rem rgba(11,31,68,.18));transition:transform .3s var(--feder)}
.lu-held:hover .lu-held-buehne img,.lu-held:focus-visible .lu-held-buehne img{transform:scale(1.08) rotate(-2deg)}
.lu-held strong{font:600 1.15rem/1.2 var(--font-t)}.lu-held small{font-size:.78rem;font-weight:700;color:var(--muted);line-height:1.25;min-height:2.5em}
.lu-held-marke{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;padding:.15rem .6rem;border-radius:999px;background:var(--off);font-size:.75rem;font-weight:800;color:var(--navy-w)}.lu-held-marke .lu-i{width:.9em;height:.9em}.lu-held-marke.frei{background:#DDF5EA;color:#14794F}
.lu-held.zu .lu-held-buehne img{filter:saturate(.8) drop-shadow(0 .4rem .4rem rgba(11,31,68,.18))}
.lu-helden-bald{display:block;max-width:34rem;margin:1.6rem auto 0;text-align:center;color:var(--navy-w);font-weight:700;line-height:1.5}.lu-helden-bald .lu-i{display:inline-block;vertical-align:-.2em;margin-right:.4rem;color:#C98A00}
/* Helden-Weg mit Riko (Startseite und Eltern-Seite, 12.11.2026) */
.lu-hw{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2.2rem;max-width:64rem;margin:2.4rem auto 0;padding:1.9rem 2.4rem 1.9rem 1.8rem;border-radius:2rem;background:linear-gradient(135deg,#FFF7F0 0%,#FFE9DD 55%,#FFDCCB 100%);box-shadow:0 1.4rem 2.8rem -1.4rem rgba(255,122,89,.5),inset 0 0 0 1px rgba(255,122,89,.16);text-align:left;color:var(--navy)}
.lu-hw:not(.mit-riko){grid-template-columns:1fr}
.lu-hw-bild{position:relative;align-self:center;width:14rem;height:15rem}
.lu-hw-bild img{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;max-height:17rem;margin:auto;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 .9rem 1rem rgba(170,50,10,.25))}
.lu-hw-glut{position:absolute;left:4%;right:4%;top:14%;bottom:0;border-radius:50%;filter:blur(10px);background:radial-gradient(circle at 50% 58%,rgba(255,206,80,.85),rgba(255,122,89,.38) 46%,rgba(255,122,89,0) 70%)}
.lu-hw-neu{position:absolute;top:.6rem;left:0;padding:.32rem .85rem;border-radius:99px;background:#FF7A59;color:#fff;font-weight:800;font-size:.85rem;letter-spacing:.03em;rotate:-8deg;box-shadow:0 .35rem .8rem -.2rem rgba(216,69,42,.55)}
.lu-hw-inhalt{min-width:0}
.lu-hw-inhalt h3{margin:.65rem 0 .35rem;font-family:var(--font-t);font-size:clamp(1.55rem,2.4vw,2.05rem)}
.lu-hw-inhalt p{margin:0 0 1.25rem;max-width:36rem;color:var(--navy-w);line-height:1.55}
.lu-hw-weg{position:relative;display:flex;align-items:flex-start;gap:.3rem;margin:0 0 1.35rem;padding:0;list-style:none}
.lu-hw-weg::before{content:"";position:absolute;left:1.5rem;right:1.5rem;top:1.35rem;border-top:3px dotted rgba(216,69,42,.4)}
.lu-hw-schritt{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:0;text-align:center}
.lu-hw-schritt.start{flex:1.5}
.lu-hw-schritt strong{margin-top:.15rem;font-size:.8rem;line-height:1.1}
.lu-hw-schritt small{font-size:.72rem;font-weight:800;color:var(--navy-w);white-space:nowrap}
.lu-hw-schritt.neu strong,.lu-hw-schritt.neu small{color:#D8452A}
.lu-hw-kopf{display:block;flex:none;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--farbe,#fff);box-shadow:0 0 0 3px #fff,0 .3rem .6rem rgba(11,31,68,.15);overflow:hidden}
.lu-hw-kopf img{display:block;width:100%;height:150%;object-fit:cover;object-position:50% 0}
.lu-hw-kopf.gross{width:3.3rem;height:3.3rem;margin-top:-.28rem;box-shadow:0 0 0 3px #FF7A59,0 .45rem .9rem rgba(255,122,89,.45)}
.lu-hw-koepfe{display:flex}.lu-hw-koepfe .lu-hw-kopf+.lu-hw-kopf{margin-left:-.85rem}
.lu-hw-knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}
.lu-hw-mehr{display:inline-flex;align-items:center;gap:.35rem;font-weight:800;color:var(--navy);text-decoration:none}.lu-hw-mehr:hover{text-decoration:underline}.lu-hw-mehr .lu-i{width:1.1em;height:1.1em}
.lu-hw-eltern{margin-top:2rem}
@media (max-width:1060px){.lu-hw{gap:1.4rem;padding:1.6rem 1.6rem 1.7rem 1.2rem}.lu-hw-bild{width:11.5rem;height:13rem}.lu-hw-weg{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem .3rem;justify-items:center}.lu-hw-weg::before{display:none}}
@media (max-width:760px){.lu-hw{grid-template-columns:1fr;gap:.6rem;padding:1.4rem 1.1rem 1.6rem;text-align:center}.lu-hw-bild{width:10rem;min-height:10rem;height:10rem;margin:0 auto}.lu-hw-inhalt p{margin-left:auto;margin-right:auto}.lu-hw-knoepfe{justify-content:center}
	.lu-hw-weg{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem .3rem;justify-items:center}.lu-hw-weg::before{display:none}.lu-hw-schritt.start{grid-column:span 1}
	.lu-hw-kopf{width:2.4rem;height:2.4rem}.lu-hw-kopf.gross{width:2.8rem;height:2.8rem}.lu-hw-schritt strong{font-size:.72rem}.lu-hw-schritt small{font-size:.66rem}.lu-hw-koepfe .lu-hw-kopf+.lu-hw-kopf{margin-left:-1.1rem}
	.lu-hw .lu-btn{max-width:100%;white-space:normal;text-align:center}}
.lu-ablauf{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,2.5rem)}
.lu-ablauf::before{content:"";position:absolute;left:12%;right:12%;top:8.5rem;border-top:.2rem dashed #C9D8F0}
.lu-ablauf-s{position:relative;text-align:center}
.lu-ablauf-bild{position:relative;display:grid;place-items:center;height:17rem;margin-bottom:1.2rem;border-radius:2rem;background:linear-gradient(160deg,#F2F8FF,#FFF8E6);box-shadow:inset 0 0 0 1.5px var(--rand)}
.lu-ablauf-s .lu-nr{top:-1rem;left:50%;transform:translateX(-50%);z-index:1}
.lu-ablauf-s h3{font-size:1.5rem;margin-bottom:.25em}.lu-ablauf-s p{color:var(--muted);margin:0 auto;max-width:19em}
.lu-mock{display:grid;gap:.5rem;justify-items:center;width:min(16rem,86%);padding:1.1rem;border-radius:1.4rem;background:#fff;box-shadow:0 20px 40px -24px rgba(11,31,68,.45);transition:transform .35s var(--feder)}
.lu-ablauf-s:hover .lu-mock{transform:translateY(-.3rem) rotate(-1deg)}
.lu-mock small{justify-self:start;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.lu-mock-reihe{display:flex;gap:.3rem;justify-self:stretch;justify-content:space-between}
.lu-mock-kreis{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--rand);font:700 .95rem var(--font-t)}.lu-mock-kreis.an{background:var(--navy);color:#fff;box-shadow:none}
.lu-mock-art{display:grid;place-items:center;flex:1;height:2.3rem;border-radius:.7rem;box-shadow:inset 0 0 0 1.5px var(--rand);font:700 1.3rem var(--font-t)}.lu-mock-art.an{background:var(--navy);color:#fff;box-shadow:none}
.lu-mock-aufgabe{font:700 1.7rem/1 var(--font-t);color:var(--navy)}
.lu-mock-tasten{display:grid;grid-template-columns:repeat(3,2.4rem);gap:.3rem}.lu-mock-tasten span{display:grid;place-items:center;height:2rem;border-radius:.55rem;background:#EEF3FA;font:800 .95rem var(--font)}.lu-mock-tasten .an{background:var(--blau);color:#fff}
.lu-mock-gut{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .8rem;border-radius:999px;background:#DDF5EA;color:#14794F;font-weight:800;font-size:.9rem}
.lu-mock-3{gap:.7rem}.lu-mock-plus{display:inline-flex;align-items:center;gap:.3rem;font:700 1.9rem/1 var(--font-t)}.lu-mock-plus .lu-i{color:var(--gelb);fill:var(--gelb);width:1.1em;height:1.1em}.lu-mock-plus .lu-i path{fill-opacity:1}
.lu-mock-3 .lu-lvl-marke{--g:4.4rem}
.lu-mock-balken{justify-self:stretch;height:.75rem;border-radius:99px;background:#E6ECF4;overflow:hidden}.lu-mock-balken i{display:block;width:62%;height:100%;border-radius:99px;background:linear-gradient(90deg,#FFB21E,#FFE07A)}
.lu-lohn-sektion{background:linear-gradient(180deg,rgba(255,246,220,0),#FFF6DC 30%,#FFF6DC 70%,rgba(255,246,220,0))}
.lu-lohn-innen{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;max-width:84rem;margin:auto}
.lu-lohn-punkte{display:grid;gap:.8rem}.lu-lohn-punkte li{display:flex;align-items:center;gap:.8rem;font-weight:700;font-size:1.05rem}
.lu-lohn-pi{display:grid;place-items:center;flex:none;width:2.7rem;height:2.7rem;border-radius:.9rem;background:#fff;color:#C98A00;box-shadow:0 .4rem .9rem -.5rem rgba(201,138,0,.6)}
.lu-lohn-tafel{display:grid;gap:1.2rem;padding:clamp(1.25rem,2.5vw,2rem);border-radius:2rem;background:#fff;box-shadow:0 30px 60px -32px rgba(11,31,68,.35)}
.lu-lohn-level{display:flex;align-items:center;gap:1.1rem}.lu-lohn-level .lu-lvl-marke{--g:5.6rem}.lu-lohn-level .lu-lvl-balken{height:1.1rem}
.lu-lohn-gruppe{display:grid;gap:.5rem}.lu-lohn-gruppe>small{font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.lu-lohn-seile{display:flex;flex-wrap:wrap;gap:.4rem}.lu-lohn-seil{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem .3rem .35rem;border-radius:999px;background:var(--off);font-weight:800;font-size:.88rem}.lu-lohn-seil em{font-style:normal;font-size:.72rem;color:var(--muted)}
.lu-lohn-abz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.lu-lohn-abz .lu-abz-k{grid-template-columns:auto 1fr}
.lu-mut-k{transition:transform .2s var(--feder),background-color .15s}
.lu-schluss{padding:clamp(3rem,6vw,5rem) clamp(1rem,3.5vw,3.5rem) clamp(3.5rem,7vw,6rem)}
.lu-schluss-innen{position:relative;max-width:60rem;margin:auto;padding:clamp(6rem,10vw,7.5rem) clamp(1.5rem,4vw,3rem) clamp(2rem,4vw,3rem);border-radius:2.5rem;text-align:center;background:radial-gradient(80% 100% at 50% 0%,#FFFFFF 0%,rgba(255,255,255,0) 60%),linear-gradient(180deg,#BEEBFB,#E4F7FF 55%,#E9FBEA);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.8),0 30px 60px -36px rgba(11,31,68,.4)}
.lu-schluss-figuren{position:absolute;left:50%;top:-3.5rem;display:flex;align-items:flex-end;transform:translateX(-50%)}
.lu-schluss-figuren img{height:8rem;width:auto;margin:0 -.6rem;filter:drop-shadow(0 .6rem .6rem rgba(11,31,68,.2));animation:lu-huepfen 1.6s ease-in-out infinite alternate}
.lu-schluss-figuren img:nth-child(2){height:10.5rem;animation-delay:-.4s;z-index:1}.lu-schluss-figuren img:nth-child(3){animation-delay:-.8s}
.lu-schluss h2{font-size:clamp(2.2rem,4.5vw,3.4rem);margin:0 0 .3em}.lu-schluss p{max-width:34em;margin:0 auto;color:var(--navy-w);font-size:1.1rem}
@media (max-width:1180px){.lu-helden{grid-template-columns:repeat(4,minmax(0,1fr))}.lu-lohn-innen{grid-template-columns:1fr}}
@media (max-width:980px){.lu-spielkarte{grid-template-columns:1fr}.lu-bald-reihe{grid-template-columns:1fr}.lu-ablauf{grid-template-columns:1fr;max-width:26rem;margin:auto}.lu-ablauf::before{display:none}}
@media (max-width:760px){.lu-helden{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.7rem;margin:0 calc(-1 * clamp(1rem,3.5vw,3.5rem));padding:.6rem clamp(1rem,3.5vw,3.5rem) 1.2rem;scrollbar-width:none}.lu-helden::-webkit-scrollbar{display:none}.lu-helden li{flex:0 0 42%;scroll-snap-align:start}
.lu-bald-k{grid-template-columns:auto 1fr}.lu-bald-k .lu-pille{grid-column:2;justify-self:start}.lu-lohn-abz{grid-template-columns:1fr}.lu-demo{min-height:20rem}.lu-schluss-figuren img{height:6rem}.lu-schluss-figuren img:nth-child(2){height:8rem}.lu-schluss .lu-btn{width:100%}}
.lu-sym{display:none}
.lu-hero-vorteile{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;margin:1.3rem 0 0;font-weight:800;font-size:.98rem;color:var(--navy)}
.lu-hero-vorteile li{display:inline-flex;align-items:center;gap:.4rem;text-shadow:0 0 .8rem rgba(255,255,255,.9)}.lu-hero-vorteile .lu-i{width:1.15em;height:1.15em;padding:.2rem;border-radius:50%;background:rgba(255,255,255,.85);color:#C98A00;box-sizing:content-box}
.lu-hero-vorteile li{animation:lu-hoch .8s cubic-bezier(.2,.9,.3,1) both}.lu-hero-vorteile li:nth-child(1){animation-delay:1s}.lu-hero-vorteile li:nth-child(2){animation-delay:1.1s}.lu-hero-vorteile li:nth-child(3){animation-delay:1.2s}
.lu-hero-freunde{position:absolute;right:clamp(1rem,3vw,3.5rem);bottom:calc(clamp(5rem,12vh,9rem) * .32);z-index:3;display:flex;align-items:flex-end;gap:clamp(.4rem,1vw,1rem);height:25%;pointer-events:none}
.lu-freund{position:relative;display:flex;align-items:flex-end;height:100%;animation:lu-auftritt .9s cubic-bezier(.2,1.5,.4,1) both}
.lu-freund img{height:100%;width:auto;scale:-1 1;rotate:-3deg;filter:drop-shadow(0 .7rem .6rem rgba(11,31,68,.2));transform-origin:50% 100%;animation:lu-atmen 4s ease-in-out infinite}
.lu-freund.f1{height:88%;animation-delay:.55s}.lu-freund.f2{animation-delay:.7s}.lu-freund.f3{height:95%;animation-delay:.85s}
.lu-freund.f1 img{animation-delay:-1.3s}.lu-freund.f3 img{animation-delay:-2.6s}
.lu-freund::after{content:"";position:absolute;left:12%;right:12%;bottom:-.35rem;height:.9rem;border-radius:50%;background:radial-gradient(closest-side,rgba(11,31,68,.24),rgba(11,31,68,0));z-index:-1}
@media (max-width:1279px){.lu-hero-freunde{display:none}}
/* Vorteile im Startbild immer untereinander (Richard) */
/* Niedrige Laptop-Bildschirme (z. B. 13 Zoll): Startbild füllt den Bildschirm, alles passt hinein, Ludiri steht ganz im Bild */
@media (min-width:761px) and (max-height:860px){
.lu-hero{--hoehe:max(36rem,100vh)}
.lu-hero-raster{padding-top:max(5.2rem,11vh);padding-bottom:max(2.2rem,5vh)}
.lu-hero-text h1{font-size:clamp(3rem,min(6.5vw,10.5vh),6.5rem)}
.lu-hero-sub{font-size:clamp(1.15rem,min(2vw,3.2vh),1.7rem)}
.lu-hero-p{font-size:clamp(1rem,2.1vh,1.15rem)}
.lu-hero-vorteile{gap:.3rem;margin-top:.8rem;font-size:clamp(.88rem,1.9vh,.98rem)}
.lu-hero-figur{height:88%;margin-bottom:0}}
@media (max-width:760px){.lu-hero-vorteile{justify-content:center;gap:.4rem .9rem;font-size:.9rem}}
.lu-z-konten-kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem}.lu-z-konten-kopf h2{margin:0}
.lu-z-suche{min-width:min(20rem,100%);min-height:2.8rem;padding:.4rem .9rem;border:2px solid var(--rand);border-radius:999px;font:600 1rem var(--font);color:var(--navy)}
.lu-z-konten{display:grid;gap:.5rem;margin-top:.6rem}
/* Konten als Tabelle (breit) bzw. Karten (schmal) */
.lu-z-konto{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1.1fr) 5rem 5.5rem 6rem 7rem minmax(11.5rem,1.6fr);gap:.4rem 1rem;align-items:center;padding:.85rem 1rem;border-radius:1rem;background:var(--off);box-shadow:inset 0 0 0 1.5px var(--rand)}
.lu-z-konto.offen{box-shadow:inset 0 0 0 2px #FFD66B;background:#FFFBEF}
.lu-z-konto-kopf{background:none;box-shadow:none;padding:.2rem 1rem;font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.lu-z-k-wer{display:grid;gap:.1rem;min-width:0}.lu-z-k-name{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem}.lu-z-k-name strong{font:600 1.08rem var(--font-t);overflow-wrap:anywhere}
.lu-z-k-mail,.lu-z-k-tel{font-weight:700;font-size:.92rem;color:var(--navy-w);overflow-wrap:anywhere;width:max-content;max-width:100%}
.lu-z-k-info{color:var(--muted);font-size:.8rem;line-height:1.35}
.lu-z-k-art{display:grid;gap:.05rem;min-width:0;font-weight:700;font-size:.92rem}.lu-z-k-art small{color:var(--muted);font-weight:600;overflow-wrap:anywhere}
.lu-z-k-zahl{display:grid;gap:.05rem}.lu-z-k-zahl b{font:700 1.1rem var(--font-t);font-variant-numeric:tabular-nums}.lu-z-k-zahl small{color:var(--muted);font-size:.78rem;font-weight:700}
.lu-z-k-label{display:none;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.lu-z-k-aktion{justify-self:end;text-align:right;min-width:0;max-width:100%}.lu-z-k-aktion .lu-btn{white-space:normal;max-width:100%;text-align:center}   /* 0.37.1 (Richard: Knopf lag über dem Datum): Knopf bleibt in seiner Spalte und bricht notfalls um */
.lu-z-konto-link{grid-column:1/-1}.lu-z-konto-link:empty{display:none}
.lu-z-p-gruen{background:#DDF5EA;color:#14794F}.lu-z-p-grau{background:#EEF1F5;color:var(--muted)}.lu-z-p-team{background:var(--navy);color:#fff}
.lu-z-konto .lu-pille{padding:.15rem .6rem;font-size:.74rem}
.lu-z-werkzeuge{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;flex:1 1 24rem}.lu-z-werkzeuge .lu-z-suche{flex:1 1 14rem;min-width:0;max-width:22rem}
.lu-z-sort{min-height:2.8rem;padding:.35rem 2.2rem .35rem .9rem;border:2px solid var(--rand);border-radius:999px;background:#fff;font:700 .95rem var(--font);color:var(--navy)}
.lu-z-anzahl{margin:.2rem 0 0;font-size:.85rem}
.lu-z-neu-leiste{display:flex;justify-content:flex-end;margin-bottom:-.3rem}
@media (max-width:1180px){
.lu-z-konto{grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));align-items:start}
.lu-z-konto-kopf{display:none}
.lu-z-k-wer{grid-column:1/-1}
.lu-z-k-label{display:block}
.lu-z-k-aktion{grid-column:1/-1;justify-self:start;text-align:left}}
@media (max-width:560px){.lu-z-konto{grid-template-columns:repeat(2,minmax(0,1fr));padding:.85rem .9rem}.lu-z-k-art{grid-column:1/-1}.lu-z-werkzeuge,.lu-z-werkzeuge .lu-z-suche,.lu-z-sort{width:100%;max-width:none}.lu-z-k-aktion .lu-btn{white-space:normal}}
/* Konten: Abo, TEST, Stripe (0.37.0) */
.lu-z-p-test{background:#FFE9E2;color:#B4441F}.lu-zd-abo{background:#FFF4CC;color:#7A4E00}
.lu-z-k-stripe{display:inline-flex;align-items:center;gap:.3rem;width:max-content;font-weight:800;font-size:.8rem;color:#635BFF;text-decoration:none}.lu-z-k-stripe .lu-i{width:.95rem;height:.95rem}
.lu-z-k-aktion{display:grid;justify-items:end;gap:.35rem;justify-self:stretch}
.lu-z-k-test{border:0;background:none;padding:.15rem 0;font:800 .78rem var(--font);color:var(--muted);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.lu-z-k-test[aria-pressed="true"]{color:#B4441F}
@media (max-width:1180px){.lu-z-k-aktion{justify-items:start}}
/* Anmeldung der Zentrale */
.lu-z-code small{display:block;margin-top:.3rem;font-size:.8rem}.lu-z-code input,.lu-z-code-ein{font:700 1.25rem var(--font);letter-spacing:.12em}
/* Sicherheit: Zwei-Faktor (0.37.1) */
.lu-z-2fa-schritte{display:grid;gap:1.2rem;counter-reset:s;margin:.6rem 0 0}
.lu-z-2fa-schritte>li{counter-increment:s;display:grid;gap:.4rem;padding-left:2.6rem;position:relative}
.lu-z-2fa-schritte>li::before{content:counter(s);position:absolute;left:0;top:-.1rem;display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--gelb);font:700 1rem var(--font-t)}
.lu-z-2fa-qr{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.4rem}
.lu-z-qr{width:12rem;height:12rem;padding:.4rem;background:#fff;border-radius:1rem;box-shadow:inset 0 0 0 2px var(--rand)}
.lu-z-2fa-geheim{display:block;margin-top:.3rem;padding:.5rem .7rem;border-radius:.7rem;background:var(--off);font:700 1rem ui-monospace,Menlo,Consolas,monospace;letter-spacing:.05em;overflow-wrap:anywhere;user-select:all}
.lu-z-2fa-form .lu-feld{max-width:20rem}
.lu-z-2fa-aktion{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.6rem;margin-top:.6rem}.lu-z-2fa-aktion .lu-feld{max-width:14rem;margin:0}
.lu-z-gefahr{color:var(--rot-d)}
.lu-z-notfall-liste{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:.45rem 1.4rem;margin:.6rem 0 1rem;padding-left:1.4rem;list-style:decimal}
.lu-z-notfall-liste code{font:700 1.08rem ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em}
.lu-z-notfall-ok{margin-top:1rem;font-weight:800}
@media (max-width:560px){.lu-z-notfall-liste{grid-template-columns:1fr}.lu-z-qr{width:10.5rem;height:10.5rem}}
.lu-z-login-fuss{display:flex;align-items:center;gap:.3rem;margin:.4rem 0 0;font-size:.8rem}.lu-z-login-fuss .lu-i{width:.95rem;height:.95rem;flex:none}
/* Dashboard (0.37.0) */
.lu-zd{gap:1.1rem}
.lu-zd-kopf{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.6rem 1rem}.lu-zd-kopf h2{font-size:1.55rem;margin:0}.lu-zd-kopf p{margin:.15rem 0 0}
.lu-zd-demo{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;cursor:pointer;user-select:none}
.lu-zd-demo input{position:absolute;opacity:0;width:1px;height:1px}
.lu-zd-schalter{position:relative;width:2.9rem;height:1.65rem;border-radius:999px;background:#C9D3E2;transition:background-color .2s;flex:none}
.lu-zd-schalter::after{content:"";position:absolute;left:.2rem;top:.2rem;width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(11,31,68,.3);transition:transform .2s var(--weich)}
.lu-zd-demo input:checked+.lu-zd-schalter{background:var(--teal)}.lu-zd-demo input:checked+.lu-zd-schalter::after{transform:translateX(1.25rem)}
.lu-zd-demo input:focus-visible+.lu-zd-schalter{outline:var(--fokus);outline-offset:3px}
.lu-zd-demo-hinweis{margin:0;padding:.75rem 1rem;border-radius:1rem;background:#FFF1EC;box-shadow:inset 0 0 0 2px #FFC4B1;color:#8A3415;font-weight:700}
.lu-zd-demo-hinweis b,.lu-zd-test{display:inline-block;padding:.05rem .45rem;border-radius:.4rem;background:var(--koralle);color:#fff;font:800 .72rem var(--font);letter-spacing:.06em;vertical-align:middle}
.lu-zd-test{margin-left:auto}
.lu-zd-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.lu-zd-kpi{display:grid;align-content:start;gap:.25rem;padding:1.1rem 1.25rem 1rem;position:relative;overflow:hidden}
.lu-zd-kpi-kopf{display:flex;align-items:center;gap:.55rem;min-width:0}
.lu-zd-kpi-i{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:.7rem;background:var(--mint);color:var(--teal-d);flex:none}.lu-zd-kpi-i .lu-i{width:1.15rem;height:1.15rem}
.lu-zd-kpi-t{font-weight:800;color:var(--muted);font-size:.92rem}
.lu-zd-kpi-w{font:700 2rem/1.1 var(--font-t);font-variant-numeric:tabular-nums;margin-top:.35rem;overflow-wrap:anywhere}
.lu-zd-kpi-u{color:var(--muted);font-weight:700;font-size:.82rem;line-height:1.35}
.lu-zd-funke{width:100%;height:2.4rem;margin-top:.4rem;display:block}
.lu-zd-mini-chips{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.45rem}
.lu-zd-mini-chips button{border:0;border-radius:999px;padding:.2rem .6rem;background:var(--off);box-shadow:inset 0 0 0 1.5px var(--rand);font:800 .74rem var(--font);color:var(--navy);cursor:pointer}
.lu-zd-mini-chips button.an{background:var(--navy);color:#fff;box-shadow:none}
.lu-zd-gross{display:grid;grid-template-columns:minmax(14rem,.8fr) minmax(0,2.2fr);gap:1.5rem;align-items:center}
.lu-zd-punkt-feld{display:grid;justify-items:center;text-align:center;gap:.6rem}
.lu-zd-punkt{--anteil:0;position:relative;display:grid;place-content:center;width:min(13rem,100%);aspect-ratio:1;border-radius:50%;
background:radial-gradient(circle at 50% 50%,#fff 0 58%,transparent 59%),conic-gradient(var(--teal) calc(var(--anteil)*1%),#D7F3EE 0);box-shadow:0 18px 40px -20px rgba(20,184,166,.6)}
.lu-zd-punkt strong{font:700 2.6rem/1 var(--font-t);font-variant-numeric:tabular-nums}.lu-zd-punkt span{font-weight:800;color:var(--muted);font-size:.9rem;margin-top:.2rem}
.lu-zd-live{display:inline-flex;align-items:center;gap:.5rem;margin:0;font-weight:800}
.lu-zd-live-punkt{width:.7rem;height:.7rem;border-radius:50%;background:#B8C3D3}
.lu-zd-live-punkt.an{background:#22C55E;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:lu-zd-puls 1.8s infinite}
@keyframes lu-zd-puls{70%{box-shadow:0 0 0 .55rem rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.lu-zd-punkt-x{margin:0;font-size:.85rem;max-width:16rem}
.lu-z-mehr{display:inline-flex;align-items:center;gap:.3rem;font-weight:800;font-size:.85rem;color:var(--teal-d);text-decoration:none}.lu-z-mehr:hover{text-decoration:underline}.lu-z-mehr .lu-i{width:.9em;height:.9em}
.lu-zd-kpi-mehr{margin-top:.5rem;justify-self:start}
/* Tester: persönliche Einladung und Erklärung (0.37.2) */
.lu-z-ein{display:grid;gap:.8rem;background:linear-gradient(135deg,#FFF6DC 0,#fff 55%)}
.lu-z-ein-kopf{display:grid;grid-template-columns:4.2rem minmax(0,1fr);gap:1rem;align-items:center}.lu-z-ein-kopf h2{margin:0 0 .2rem}.lu-z-ein-kopf p{margin:0}
.lu-z-ein-fig{width:4.2rem;height:4.2rem;object-fit:contain}
.lu-z-ein-link input{width:100%;padding:.65rem .85rem;border:0;border-radius:.8rem;background:#fff;box-shadow:inset 0 0 0 2px var(--rand);font:700 .95rem var(--font);color:var(--navy)}
.lu-z-ein-knoepfe{flex-wrap:wrap;gap:.5rem}.lu-z-warn{box-shadow:inset 0 0 0 2px var(--koralle)!important;color:#B4361C!important}
.lu-z-te-so summary{cursor:pointer;font-weight:800;display:flex;align-items:center;gap:.5rem;color:var(--navy)}.lu-z-te-so summary .lu-i{width:1.1rem;height:1.1rem;color:var(--gelb-d)}
.lu-z-te-so ol{list-style:decimal;margin:.8rem 0 0;padding-left:1.3rem;display:grid;gap:.45rem;line-height:1.45}
/* Persönliche Einladung (Seite für Freunde) */
.lu-ei-hero{min-height:auto;padding-bottom:3rem}.lu-ei-hero::before{background:radial-gradient(ellipse 70% 62% at 55% 42%,rgba(255,255,255,.92),rgba(255,255,255,.7) 58%,rgba(255,255,255,0) 85%)}
.lu-ei-hero-innen{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:2rem;align-items:center;max-width:72rem;margin:0 auto}
.lu-ei-text{text-align:left}.lu-ei-text h1{font-size:clamp(2.4rem,5vw,4.2rem)}.lu-ei-hero .lu-ei-text .lu-knoepfe,.lu-ei-text .lu-te-hero-zeile{justify-content:flex-start}
.lu-ei-ludiri{position:relative;display:grid;justify-items:center}
.lu-ei-schein{position:absolute;inset:8% 10% 4%;border-radius:50%;background:radial-gradient(circle,rgba(255,200,61,.55),rgba(255,200,61,0) 70%)}
.lu-ei-fig{position:relative;width:min(20rem,80%);height:auto;filter:drop-shadow(0 18px 24px rgba(11,31,68,.18))}
.lu-ei-blase{position:absolute;top:2%;right:4%;margin:0;padding:.55rem 1rem;border-radius:1.2rem 1.2rem 1.2rem .3rem;background:#fff;box-shadow:0 8px 20px rgba(11,31,68,.14);font:700 1.15rem var(--font-t);color:var(--navy);animation:lu-ei-wippen 3.2s ease-in-out infinite}
@keyframes lu-ei-wippen{50%{transform:translateY(-6px) rotate(-2deg)}}
@media (prefers-reduced-motion:reduce){.lu-ei-blase{animation:none}}
.lu-ei-text h1{margin:.2rem 0 .6rem}

@media (max-width:820px){.lu-ei-hero-innen{grid-template-columns:minmax(0,1fr);gap:1rem}.lu-ei-text{text-align:center}.lu-ei-hero .lu-ei-text .lu-knoepfe,.lu-ei-text .lu-te-hero-zeile{justify-content:center}.lu-ei-fig{width:min(13rem,60%)}}
/* Nutzer-Universum (0.37.2) */
.lu-nu{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(15rem,1fr);gap:1.4rem;align-items:start}
.lu-nu-bild{position:relative;min-width:0;border-radius:1.2rem;background:radial-gradient(circle at 50% 50%,#F3F8FF 0,#fff 70%);overflow:hidden}
.lu-nu-svg{display:block;width:100%;height:auto;max-height:42rem;aspect-ratio:1;margin:0 auto;touch-action:manipulation;user-select:none}
.lu-nu-svg.gezoomt{cursor:grab;touch-action:none}.lu-nu-svg.gezoomt:active{cursor:grabbing}
.lu-nu-ring{fill:none;stroke:#E3ECF7;stroke-width:1;stroke-dasharray:2 4}
.lu-nu-kern{filter:drop-shadow(0 10px 18px rgba(24,88,200,.35))}
.lu-nu-zahl{fill:#fff;font:700 26px var(--font-t);font-variant-numeric:tabular-nums}.lu-nu-unter{fill:#DCEBFF;font:800 11px var(--font)}
.lu-nu-k{color:#9AA6B6;cursor:default;transform-box:fill-box;transform-origin:50% 100%;animation:lu-nu-rein .5s var(--v,0s) both}
.lu-nu-k[role=link]{cursor:pointer}.lu-nu-k[role=link]:hover,.lu-nu-k:focus-visible{filter:drop-shadow(0 0 3px rgba(11,31,68,.55));outline:none}
.lu-nu-k use{fill:currentColor}.lu-nu-kind{opacity:.72}
.lu-nu .t-abo{color:var(--teal)}.lu-nu .t-ende{color:var(--koralle)}.lu-nu .t-free{color:#F5B92E}.lu-nu .t-schule{color:#7C6CF0}.lu-nu .t-test{color:#A3AEBD}.lu-nu .t-team{color:#5B6B84}
@keyframes lu-nu-rein{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lu-nu-k{animation:none}}
.lu-nu-zoom{position:absolute;right:.6rem;bottom:.6rem;display:flex;gap:.3rem}
.lu-nu-zoom button{min-width:2.2rem;height:2.2rem;border:0;border-radius:.7rem;background:#fff;box-shadow:0 2px 8px rgba(11,31,68,.15),inset 0 0 0 1.5px var(--rand);font:800 1.1rem/1 var(--font);color:var(--navy);cursor:pointer}
.lu-nu-zoom .lu-nu-ganz{font-size:.78rem;padding:0 .6rem}
.lu-nu-seite{display:grid;gap:.75rem;align-content:start}.lu-nu-x{margin:0;font-size:.88rem}
.lu-nu-chips{margin:0}.lu-nu-kinder{justify-self:start}
.lu-nu-legende{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.lu-nu-legende li{display:grid;grid-template-columns:.9rem minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.4rem .65rem;border-radius:.8rem;background:var(--off);font-weight:800;font-size:.9rem}
.lu-nu-legende li.aus{opacity:.45}.lu-nu-legende i{width:.9rem;height:.9rem;border-radius:50%;background:currentColor}
.lu-nu-legende span{color:var(--navy);display:grid}.lu-nu-legende small{color:var(--muted);font-weight:700;font-size:.76rem}
.lu-nu-legende b{color:var(--navy);font-variant-numeric:tabular-nums}
.lu-nu-neu{margin:0;font-size:.85rem}
.lu-zd-gross{grid-template-columns:minmax(0,1fr)}
@media (max-width:900px){.lu-nu{grid-template-columns:minmax(0,1fr)}}
.lu-zd-verlauf{min-width:0}.lu-zd-verlauf h2,.lu-zd-karte h2{display:flex;align-items:center;gap:.5rem}
.lu-zd-diagramm{position:relative;margin-top:.4rem}
.lu-zd-flaeche{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y}
.lu-zd-gitter{stroke:#E5EBF2;stroke-width:1}.lu-zd-achse{fill:var(--muted);font:700 11px var(--font)}.lu-zd-zeiger{stroke:#B9C6DA;stroke-width:1;stroke-dasharray:3 3}
.lu-zd-tip{position:absolute;transform:translate(-50%,calc(-100% - .7rem));padding:.3rem .6rem;border-radius:.6rem;background:var(--navy);color:#fff;font-weight:800;font-size:.8rem;white-space:nowrap;pointer-events:none}
.lu-zd-zwei{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1rem;align-items:start}
.lu-zd-spalte{display:grid;gap:1rem}
.lu-zd-top{display:grid;gap:.45rem;counter-reset:none}
.lu-zd-top li{display:grid;grid-template-columns:2.2rem minmax(0,1fr) auto 5.6rem 3.6rem 2.2rem;align-items:center;gap:.7rem;padding:.55rem .7rem;border-radius:1rem;background:var(--off)}
.lu-zd-platz{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--rand);font:700 1rem var(--font-t)}
.lu-zd-platz.p1{background:var(--gelb);box-shadow:none}.lu-zd-platz.p2{background:#DDE5EF;box-shadow:none}.lu-zd-platz.p3{background:#F6C7A6;box-shadow:none}
.lu-zd-wer{display:grid;min-width:0}.lu-zd-wer strong{font:600 1.02rem var(--font-t);overflow-wrap:anywhere}.lu-zd-wer small{color:var(--muted);font-weight:700;font-size:.78rem}
.lu-zd-top .lu-pille{padding:.15rem .6rem;font-size:.72rem}
.lu-zd-level{display:grid;justify-items:center;line-height:1}.lu-zd-level small{font-size:.66rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.lu-zd-level b{font:700 1.35rem var(--font-t);color:var(--teal-d)}
.lu-zd-umsatz{display:grid;justify-items:end;line-height:1.1}.lu-zd-umsatz small{font-size:.66rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.lu-zd-umsatz b{font:700 .98rem var(--font-t);font-variant-numeric:tabular-nums}.lu-zd-umsatz.leer b{color:var(--muted);font-weight:600}
.lu-zd-stripe{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:.7rem;background:#EEEDFF;color:#635BFF}.lu-zd-stripe .lu-i{width:1rem;height:1rem}.lu-zd-stripe.leer{background:none}
.lu-zd-gross-zahl{display:block;font:700 2.4rem/1 var(--font-t);margin:.2rem 0 .4rem}
.lu-zd-balken{height:.55rem;border-radius:999px;background:#EEF1F5;overflow:hidden;margin:-.3rem 0 .9rem}.lu-zd-balken i{display:block;height:100%;background:var(--koralle);border-radius:inherit}
.lu-zd-nie p{margin-bottom:.7rem}
.lu-zd-karte-bild{display:grid;place-items:center;padding:.4rem;border-radius:1rem;background:radial-gradient(circle at 50% 60%,#E6F9F5,#fff 70%)}.lu-zd-globus{width:7.5rem;height:auto;opacity:.9}
.lu-zd-karte-welt p{margin:.7rem 0 0;font-size:.85rem}
.lu-zd-ich{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem 1.5rem}.lu-zd-ich h2{margin-bottom:.3rem}.lu-zd-ich p{margin:0}.lu-zd-ich .lu-meldung{grid-column:1/-1;margin:0}.lu-zd-ich .lu-meldung:empty{display:none}
.lu-zd-fuss{margin:0;font-size:.82rem}
/* Live-Karte (0.37.1) */
.lu-zd-livekarte .lu-z-karte-kopf{align-items:flex-start}
.lu-zd-karte-wahl{display:flex;flex-wrap:wrap;gap:.4rem .8rem;justify-content:flex-end}.lu-zd-karte-wahl .lu-zd-mini-chips{margin:0}.lu-zd-karte-wahl .lu-zd-mini-chips:empty{display:none}
.lu-zd-karte-raster{display:grid;grid-template-columns:minmax(0,3fr) minmax(14rem,1fr);gap:1.2rem;align-items:start;margin-top:.6rem}
.lu-zd-karten{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);gap:1rem;align-items:center}
.lu-zd-geo-feld{position:relative;min-width:0}.lu-zd-geo{display:block;width:100%;height:auto;overflow:visible}
.lu-zd-geo-welt{border-radius:1rem;background:linear-gradient(#F3F8FD,#EAF3FB)}
.lu-zd-geo-l{fill:#DCE5EF;stroke:#fff;stroke-width:.6;transition:fill-opacity .2s}.lu-zd-geo-de .lu-zd-geo-l{stroke-width:1.6}
.lu-zd-geo-l.an{fill:var(--teal)}.lu-zd-geo-l:hover{stroke:var(--navy);stroke-width:1.2}
.lu-zd-geo-punkt{fill:var(--koralle);stroke:#fff;stroke-width:1.5;pointer-events:none}
.lu-zd-geo-puls{fill:var(--koralle);fill-opacity:.25;pointer-events:none;transform-box:fill-box;transform-origin:center;animation:lu-zd-geo-puls 2s ease-out infinite}
@keyframes lu-zd-geo-puls{0%{transform:scale(.4);fill-opacity:.45}100%{transform:scale(1.5);fill-opacity:0}}
.lu-zd-regionen-t{font-size:1rem;margin:0 0 .6rem}
.lu-zd-regionen{display:grid;gap:.45rem}.lu-zd-regionen li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.1rem .6rem;font-weight:700;font-size:.9rem}
.lu-zd-regionen li .lu-z-zeile-balken{grid-column:1/-1}.lu-zd-regionen .lu-zd-leer{display:block;font-weight:600}
.lu-zd-quelle{margin:.9rem 0 0;font-size:.78rem}.lu-zd-link-knopf{border:0;background:none;padding:0;font:inherit;color:var(--muted);text-decoration:underline;cursor:pointer}
.lu-zd-ds{margin:.6rem 0 1rem;padding:.8rem 1rem;border-left:4px solid var(--teal);border-radius:.6rem;background:var(--off)}.lu-zd-ds small{display:block;font-weight:800;color:var(--muted);margin-bottom:.3rem}.lu-zd-ds p{margin:0;font-size:.9rem}
@media (max-width:1180px){.lu-zd-karte-raster{grid-template-columns:1fr}}
@media (max-width:700px){.lu-zd-karten{grid-template-columns:1fr}.lu-zd-geo-feld-de{max-width:16rem;margin:0 auto}}
@media (prefers-reduced-motion:reduce){.lu-zd-geo-puls{animation:none}}
@media (max-width:1180px){.lu-zd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.lu-zd-gross,.lu-zd-zwei{grid-template-columns:1fr}}
@media (max-width:560px){.lu-zd-kpis{grid-template-columns:1fr}.lu-zd-top li{grid-template-columns:2rem minmax(0,1fr) 3rem 2rem}.lu-zd-top .lu-pille,.lu-zd-top .lu-zd-umsatz{display:none}.lu-zd-ich{grid-template-columns:1fr}.lu-zd-kpi-w{font-size:1.75rem}}
@media (prefers-reduced-motion:reduce){.lu-zd-live-punkt.an{animation:none}}
/* Übersicht */
.lu-z-ue-kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem}.lu-z-ue-kopf p{margin:0;max-width:40rem}
.lu-z-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.lu-z-chip{display:inline-flex;align-items:center;gap:.4rem;min-height:2.6rem;padding:.3rem .95rem;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 2px var(--rand);font:800 .92rem var(--font);color:var(--navy);cursor:pointer;transition:background-color .12s,box-shadow .12s}
.lu-z-chip:hover{box-shadow:inset 0 0 0 2px #B9C6DA}.lu-z-chip.an{background:var(--navy);color:#fff;box-shadow:none}
.lu-z-chip-n{min-width:1.5rem;padding:.05rem .4rem;border-radius:999px;background:var(--off);color:var(--navy);font-size:.78rem;text-align:center}.lu-z-chip.an .lu-z-chip-n{background:rgba(255,255,255,.18);color:#fff}
.lu-z-chips-klein .lu-z-chip{min-height:2.2rem;padding:.2rem .8rem;font-size:.85rem}
.lu-z-karte-kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.6rem}.lu-z-karte-kopf h2{margin:0}
.lu-z-seit{display:flex;align-items:center;gap:.35rem;margin:0;font-size:.88rem}
.lu-kacheln.lu-z-kpi{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1380px){.lu-kacheln.lu-z-kpi{grid-template-columns:repeat(6,minmax(0,1fr))}.lu-z-kpi>*{grid-column:span 2}.lu-z-kpi>:nth-child(n+4){grid-column:span 3}}
.lu-z-kpi .lu-kachel small{display:block;margin-top:.15rem;line-height:1.3}
.lu-z-kpi .lu-kachel{grid-template-columns:1fr;row-gap:.1rem;align-content:start}.lu-z-kpi .lu-kachel-i{grid-row:auto;width:2.4rem;height:2.4rem;border-radius:.8rem;margin-bottom:.35rem}
.lu-z-kpi .lu-kachel span:not(.lu-kachel-i),.lu-z-kpi .lu-kachel small{overflow-wrap:normal;word-break:normal;hyphens:auto}
.lu-z-zeilen,.lu-z-trichter{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}
.lu-z-zeilen li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .8rem;align-items:end}
.lu-z-zeile-text{display:grid;min-width:0;font-weight:700;font-size:.95rem}.lu-z-zeile-text small{color:var(--muted);font-size:.74rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.lu-z-zeilen b,.lu-z-trichter b{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.lu-z-zeile-balken{grid-column:1/-1;display:block;height:.5rem;border-radius:9px;background:#EDF1F6;overflow:hidden}.lu-z-zeile-balken>i{display:block;height:100%;border-radius:9px;background:#3E64B0;transition:width .4s ease}
.lu-z-trichter li{display:grid;grid-template-columns:minmax(0,1fr) auto 4.2rem;gap:.15rem .8rem;align-items:end}
.lu-z-trichter em{font-style:normal;font-weight:800;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}
.lu-z-trichter li:last-child .lu-z-zeile-balken>i{background:#22B07D}.lu-z-trichter li:last-child em{color:#14794F}
.lu-z-t-text{font-weight:700;font-size:.95rem}
.lu-z-h2-abstand{margin-top:1.4rem}.lu-z-klein{font-size:.82rem;margin:.6rem 0 0}.lu-z-leer{margin:0}
.lu-z-gleich{grid-template-columns:repeat(2,minmax(0,1fr))}
.lu-z-gesamt h2{font-size:1.3rem;font-weight:600;margin:.4rem 0 .7rem}
@media (max-width:1180px){.lu-z-gleich{grid-template-columns:1fr}}
/* Zentrale auf schmalen Bildschirmen: kompakte Leiste oben, Navigation als wischbare Reiter */
@media (max-width:980px){
.lu-z .lu-dash-seite{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.4rem .8rem;padding:.6rem .9rem .5rem}
.lu-z .lu-z-kopf{display:flex;align-items:center;gap:.6rem;margin:0}.lu-z .lu-z-kopf img{height:2.6rem}
.lu-z .lu-dash-seite nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:nowrap;gap:.3rem;overflow-x:auto;scrollbar-width:none;margin:0 -.9rem;padding:0 .9rem .1rem;width:auto}
.lu-z .lu-dash-seite nav::-webkit-scrollbar{display:none}
.lu-z .lu-dash-l{flex:none;min-height:2.6rem;padding:.3rem .8rem;white-space:nowrap}
.lu-z .lu-z-fuss{grid-column:3;grid-row:1;display:flex;gap:.4rem;margin:0;padding:0}
.lu-z .lu-z-fuss p{display:none}
.lu-z .lu-z-fuss .lu-btn{width:auto;min-height:2.6rem;padding:.3rem .8rem}
.lu-z .lu-dash-haupt{padding-top:1rem}}
@media (max-width:560px){
.lu-z .lu-z-fuss .lu-btn{width:2.6rem;padding:0;justify-content:center;font-size:0;gap:0}.lu-z .lu-z-fuss .lu-btn .lu-i{font-size:1.1rem;width:1.1rem;height:1.1rem}
.lu-z .lu-z-marke{font-size:.7rem;padding:.2rem .6rem}
.lu-z-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-1.1rem;margin-right:-1.1rem;padding:.1rem 1.1rem .2rem}.lu-z-chips::-webkit-scrollbar{display:none}.lu-z-chip{flex:none}
.lu-z-ue-kopf .lu-z-chips{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.lu-z-kpi .lu-kachel{grid-template-columns:1fr;row-gap:.2rem}.lu-z-kpi .lu-kachel-i{grid-row:auto;width:2.3rem;height:2.3rem;border-radius:.75rem}
.lu-z-trichter li{grid-template-columns:minmax(0,1fr) auto 4rem}.lu-z-trichter em,.lu-z-trichter b{font-size:.9rem}
.lu-kacheln.lu-z-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.lu-z-kpi>*,.lu-z-kpi>:nth-child(n+4){grid-column:auto}.lu-z-kpi>:nth-child(5){grid-column:1/-1}}
.lu-z-link{margin-top:.8rem;padding:.9rem 1rem;border-radius:1rem;background:#E9F9F1;box-shadow:inset 0 0 0 2px #9BE0BF}
.lu-z-link-titel{display:flex;align-items:center;gap:.4rem;margin:0 0 .5rem;font-weight:800;color:#14794F}
.lu-z-link-feld{width:100%;min-height:2.8rem;padding:.4rem .8rem;border:2px solid #BFE9D4;border-radius:.8rem;background:#fff;font:600 .95rem var(--font);color:var(--navy)}
.lu-z-link-knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.6rem}.lu-z-link-ok{font-weight:800;color:#14794F}
.lu-z-neu .lu-z-aktion{margin-top:.8rem}
.lu-z-felder{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.8rem}.lu-z-optional span::after{content:" (freiwillig)";font-weight:600;color:var(--muted)}
.lu-z-links{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0 1rem}.lu-z-frei{font-weight:800}
/* Rechtsseiten */
.lu-r-body{background:var(--off)}
.lu-r-kopf{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:52rem;margin:auto;padding:1rem clamp(1rem,4vw,2rem)}.lu-r-kopf img{height:4rem;width:auto}
.lu-r-inhalt{max-width:52rem;margin:0 auto 3rem;padding:clamp(1.5rem,4vw,3rem);background:#fff;border-radius:2rem;box-shadow:var(--schatten);line-height:1.65}
.lu-r-inhalt h1{font-size:clamp(2rem,5vw,2.8rem)}.lu-r-inhalt h2{font-size:1.3rem;margin:1.8em 0 .5em}.lu-r-inhalt ul{list-style:disc;padding-left:1.3rem}.lu-r-inhalt li{margin:.3em 0}
.lu-r-inhalt mark{background:#FFF0B3;padding:0 .2em;border-radius:.2em}.lu-r-lead{font-size:1.12rem;color:var(--navy-w)}.lu-r-stand{margin-top:2rem;color:var(--muted);font-size:.9rem}
.lu-r-entwurf{padding:.8rem 1rem;border-radius:1rem;background:var(--creme);font-weight:600}
.lu-r-tabelle{overflow-x:auto}.lu-r-tabelle table{width:100%;border-collapse:collapse;font-size:.92rem}.lu-r-tabelle th,.lu-r-tabelle td{padding:.55rem .6rem;border-bottom:1px solid var(--rand);text-align:left;vertical-align:top}.lu-r-tabelle th{font-weight:800;white-space:nowrap}
.lu-r-fuss{max-width:52rem;margin:0 auto 2rem;padding:0 clamp(1rem,4vw,2rem)}.lu-r-fuss nav{display:flex;flex-wrap:wrap;gap:1.25rem}.lu-r-fuss a{font-weight:700;color:var(--navy)}
.lu-faq-sektion{max-width:56rem;margin:0 auto;position:relative}
.lu-faq-fig{display:none}
@media (min-width:1400px){.lu-faq-fig{display:block;position:absolute;right:calc(100% + 1rem);top:10rem;height:16rem;width:auto;filter:drop-shadow(0 1rem 1rem rgba(11,31,68,.18))}}
.lu-faq{display:grid;gap:.7rem}
.lu-faq-e{border-radius:1.25rem;background:#fff;box-shadow:0 1px 2px rgba(11,31,68,.04),0 12px 26px -20px rgba(11,31,68,.35)}
.lu-faq-e summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 1.3rem;font:600 1.15rem/1.3 var(--font-t);cursor:pointer;list-style:none;min-height:48px}
.lu-faq-e summary::-webkit-details-marker{display:none}
.lu-faq-e summary .lu-i{flex:none;width:2rem;height:2rem;padding:.4rem;border-radius:50%;background:var(--hell);transition:transform .25s var(--feder),background-color .2s;box-sizing:border-box}
.lu-faq-e[open] summary .lu-i{transform:rotate(45deg);background:var(--gelb)}
.lu-faq-e p{margin:0;padding:0 1.3rem 1.2rem;color:var(--navy-w);font-size:1.02rem;animation:lu-hoch .35s ease-out}
.lu-leiste-handy{display:none}
@media (max-width:760px){
.lu-leiste-handy{position:fixed;left:.6rem;right:.6rem;bottom:max(.6rem,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.5rem .5rem .5rem 1rem;border-radius:999px;background:rgba(11,31,68,.94);color:#fff;font-weight:800;font-size:.85rem;box-shadow:0 1rem 2rem -.8rem rgba(11,31,68,.6);transform:translateY(160%);transition:transform .35s var(--weich)}
.lu-leiste-handy.an{transform:none}.lu-leiste-handy .lu-btn{min-height:44px;padding:.45rem 1rem;font-size:.95rem;white-space:nowrap}
.lu-fuss{padding-bottom:5.5rem}.lu-fuss-innen{grid-template-columns:1fr 1fr}.lu-fuss-marke{grid-column:1/-1}}
@media (min-width:761px) and (max-width:1180px){.lu-fuss-innen{grid-template-columns:repeat(3,1fr)}.lu-fuss-marke{grid-column:1/-1}}
@media (max-width:760px){.lu-mut-wahl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:19rem}.lu-mut-k{width:auto;height:auto;aspect-ratio:1}}
/* v0.5.1: Spielfeld geteilt, Seil-Anzeige mit Ziel, deutlichere Uhr */
.lu-haelften{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(47,125,246,.13) 0 50%,rgba(239,83,100,.13) 50% 100%);-webkit-mask:linear-gradient(180deg,transparent,#000 35%);mask:linear-gradient(180deg,transparent,#000 35%)}
.lu-haelften::after{content:"";position:absolute;left:50%;top:22%;bottom:0;transform:translateX(-50%);border-left:clamp(3px,.45vmin,6px) dashed rgba(255,255,255,.9);filter:drop-shadow(0 0 .3rem rgba(11,31,68,.25))}
.lu-meter{--seil:0;position:absolute;z-index:3;left:50%;top:var(--meter-top,clamp(4.2rem,14vmin,9rem));transform:translateX(-50%);display:flex;align-items:center;gap:clamp(.4rem,1vmin,.8rem);width:min(94%,40rem);padding:clamp(.35rem,.8vmin,.6rem) clamp(.5rem,1.2vmin,.9rem);border-radius:999px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 .6rem 1.4rem -.6rem rgba(11,31,68,.45)}
.lu-meter-bahn{position:relative;flex:1;height:clamp(.6rem,1.4vmin,1.1rem);border-radius:99px;background:linear-gradient(90deg,var(--blau-d),#8DB8FF 50%,#FFA3AE 50%,var(--rot-d))}
.lu-meter-bahn::before{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(90deg,transparent 0 calc(5% - 1px),rgba(255,255,255,.55) calc(5% - 1px) 5%)}
.lu-meter-mitte{position:absolute;left:50%;top:-.35rem;bottom:-.35rem;width:3px;border-radius:2px;background:var(--navy);transform:translateX(-50%)}
.lu-meter-punkt{position:absolute;left:calc(50% + var(--seil) * 5%);top:50%;display:grid;place-items:center;width:clamp(1.5rem,3.4vmin,2.6rem);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--koralle);border:3px solid #fff;color:#fff;box-shadow:0 .2rem .5rem rgba(11,31,68,.4);transition:left .3s var(--feder)}
.lu-meter-punkt .lu-i{width:60%;height:60%;fill:#fff;fill-opacity:1;stroke:#fff}.lu-meter-punkt .lu-i path{fill-opacity:1}
.lu-meter-ziel{display:inline-flex;align-items:center;gap:.25rem;font:700 clamp(.8rem,1.9vmin,1.25rem)/1 var(--font-t);white-space:nowrap}
.lu-meter-ziel.blau{color:var(--blau-d)}.lu-meter-ziel.rot{color:var(--rot-d)}.lu-meter-ziel .lu-i{width:1.25em;height:1.25em}
.lu-meter-ziel.nah{animation:lu-puls .8s ease-in-out infinite}
.lu-uhr span{display:grid;justify-items:center;line-height:1}.lu-uhr small{font:800 clamp(.55rem,1.3vmin,.9rem)/1.1 var(--font);color:var(--muted);letter-spacing:.04em}
.lu-solo .lu-meter-ziel.rot b::after,.lu-solo .lu-meter-ziel.blau b::after{content:""}
@media (max-aspect-ratio:1/1),(max-width:999px){.lu-meter{top:auto;bottom:calc(100% - 3.2rem);width:min(96%,30rem)}.lu-haelften::after{top:30%}}
.lu-reihen .lu-reihe-k{flex-direction:column;width:3.6rem;height:3.6rem;padding:0;gap:0;border-radius:1rem}.lu-reihe-k b{font:700 1.45rem/1 var(--font-t)}.lu-reihe-k small{font-size:.66rem;font-weight:800;opacity:.75}
.lu-wiz-weiter.lu-matt{opacity:.45;box-shadow:none}
.lu-reihen-schnell{margin-top:.6rem;gap:.2rem .6rem}.lu-reihen-schnell .lu-link{min-height:36px;font-size:.92rem}
@media (max-width:760px){.lu-reihen .lu-reihe-k{width:calc((100% - 2rem) / 5)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ===== Arena mit Wassergraben =====
   Kulisse (Burg) oben, Wiese davor, in der Mitte ein Wassergraben. Die Figuren stehen links und rechts am Graben,
   das Seil ist darüber gespannt. Wer 10 Züge Vorsprung hat, zieht den anderen hinein.
   Maße relativ zur Bühne (Container-Einheiten): --s ein Seilschritt, --g Grabenbreite auf Fußhöhe, --d Abstand Figur–Graben am Start. */
.lu-buehne{container-type:size;background:none;overflow:hidden;--seil:0}
.lu-buehne::after,.lu-haelften,.lu-zone{display:none}
.lu-buehne>*{--s:1.25cqw;--g:13cqw;--d:calc(var(--s) * 10);--fig:min(54cqh,17cqw);--fuss:7cqh;--r:clamp(10px,1.35cqw,30px)}
/* Kulisse als Bild-Box mit „cover“-Verhalten, damit der Wasserfall-Film genau auf dem gemalten Wasserfall liegt (wie auf der Startseite). */
.lu-kulisse{position:absolute;z-index:0;--kb:max(100cqw,calc(100cqh * 1.7768));--kh:max(100cqh,calc(100cqw / 1.7768));width:var(--kb);height:var(--kh);left:calc((100cqw - var(--kb)) / 2);top:calc((100cqh - var(--kh)) * .43);background:url(img/welt-bach.webp?v=0.38.1) 0 0/100% 100% no-repeat}
/* 14.11.2026 (Richard): Bach ist ins Weltbild gemalt. Beim Hineinfallen liegt die ausgeschnittene vordere Wasser- und Uferfläche (welt-vorne.webp) deckungsgleich über dem Verlierer: ab seiner Wasserlinie (--wl, gesetzt in grabenFinale) steckt er wirklich im Bach. */
.lu-kulisse-vorne{z-index:5;display:none;pointer-events:none;background:url(img/welt-vorne.webp?v=0.38.1) 0 0/100% 100% no-repeat;-webkit-mask:linear-gradient(180deg,transparent calc(var(--wl,100%) - 1px),#000 calc(var(--wl,100%) + 4px));mask:linear-gradient(180deg,transparent calc(var(--wl,100%) - 1px),#000 calc(var(--wl,100%) + 4px))}
.lu-buehne.seil-los .lu-kulisse-vorne{display:block}
/* 14.11.2026 (Richard: „ist das Wasser usw. auch wieder animiert?“): das gemalte Wasser fließt. Feste Wasser-Maske je Bereich, darin zwei Kopien
   der Wasser-Textur, die vom Ursprung der Strömung weg wachsen und sich überblenden (Flow-Map-Prinzip). Bach: Fluchtpunkt über der Mündung, vorn schneller. */
.lu-fluss{position:absolute;display:none;pointer-events:none;overflow:hidden;-webkit-mask:url(img/welt-fluss-bach-maske.webp?v=0.38.1) 0 0/100% 100% no-repeat;mask:url(img/welt-fluss-bach-maske.webp?v=0.38.1) 0 0/100% 100% no-repeat}
.lu-buehne.bach-gemalt .lu-fluss{display:block}
.lu-fluss-bach{left:36.962%;top:51.541%;width:36.274%;height:48.459%;--o:80.05% -23.79%;--z:1.09}
.lu-fluss-see{left:56.22%;top:45.962%;width:36.364%;height:13.496%;--o:67.43% 33.46%;--z:1.04;-webkit-mask-image:url(img/welt-fluss-see-maske.webp?v=0.38.1);mask-image:url(img/welt-fluss-see-maske.webp?v=0.38.1)}
/* 14.11.2026 (Richard: „sieht so aus, als ob das Wasser flackert“): Die untere Kopie bleibt immer ganz sichtbar, nur die obere blendet über.
   Vorher waren beide halb durchsichtig, dann schien kurz das stehende Bild durch – das hat geflackert. Die obere ist voll da, wenn die untere neu anfängt. */
.lu-fluss i{position:absolute;inset:0;background:url(img/welt-fluss-bach.webp?v=0.38.1) 0 0/100% 100% no-repeat;transform-origin:var(--o);animation:lu-fluss-unten 2.6s linear infinite;will-change:transform}
.lu-fluss i+i{opacity:0;animation-name:lu-fluss;animation-delay:-1.3s;will-change:transform,opacity}
.lu-fluss-see i{background-image:url(img/welt-fluss-see.webp?v=0.38.1);animation-duration:3.2s}
.lu-fluss-see i+i{animation-delay:-1.6s}
@keyframes lu-fluss-unten{0%{transform:scale(1)}100%{transform:scale(var(--z))}}
@keyframes lu-fluss{0%{transform:scale(1);opacity:0}50%{opacity:1}100%{transform:scale(var(--z));opacity:0}}
/* 14.11.2026 (Richard: „Sonnenstrahlen in die Burgwelt, wie im Levelpfad“): weiches Strahlenbild (welt-strahlen.webp, werkbank/burgwelt/strahlen/strahlen.py) von oben links;
   zwei Lagen schwenken versetzt und werden hell und schwach (nur opacity und transform). Nicht in der Mondnacht. */
.lu-strahlen{position:absolute;left:calc((var(--kb) - 100cqw) / 2 - 3cqw);top:calc((var(--kh) - 100cqh) * .43 - 12cqh);width:max(60cqw,55cqh);aspect-ratio:1;display:none;pointer-events:none}   /* oben links am sichtbaren Bühnenrand (die Kulisse ist größer als die Bühne) */
.lu-buehne.bach-gemalt .lu-strahlen{display:block}
.lu-buehne.welt-nacht .lu-strahlen{display:none}
.lu-strahlen i{position:absolute;inset:0;background:url(img/welt-strahlen.webp?v=0.38.1) 0 0/100% 100% no-repeat;transform-origin:0 0;opacity:0;will-change:opacity,transform;animation:lu-strahl 14s ease-in-out infinite}
.lu-strahlen i.b{animation-name:lu-strahl-b;animation-duration:17s;animation-delay:-8s}
@keyframes lu-strahl{0%,100%{opacity:.35;transform:rotate(3deg)}50%{opacity:.95;transform:rotate(-3deg)}}
@keyframes lu-strahl-b{0%,100%{opacity:.2;transform:rotate(-2deg) scale(.92)}50%{opacity:.75;transform:rotate(-8deg) scale(.92)}}
.lu-buehne.bach-gemalt .lu-boden{display:none}   /* der gemalte Bach reicht bis an den unteren Rand: kein grüner Boden-Streifen darüber */
/* 14.11.2026 (Richard: „nicht dieses Abgeschnittene“, Spritzer „schön realistisch in unserem Design“): beim gemalten Bach keine harte Schnittkante –
   die vordere Wasserfläche verdeckt den Körper, darunter blendet er weich aus; Schaumkranz statt weißer Linie, nur so breit wie der Bach; runde Tropfen. */
.lu-buehne.bach-gemalt .lu-kaempfer.im-graben{-webkit-mask:linear-gradient(180deg,#000 0,#000 50%,rgba(0,0,0,.6) 58%,transparent 68%) 0 0/100% 100% no-repeat;mask:linear-gradient(180deg,#000 0,#000 50%,rgba(0,0,0,.6) 58%,transparent 68%) 0 0/100% 100% no-repeat}
.lu-buehne.bach-gemalt .lu-wasserlinie{left:4%;right:4%;top:-2.7cqh;height:5.4cqh;background:radial-gradient(circle at 30% 18%,#fff 0 1.6%,transparent 2.2%),radial-gradient(circle at 64% 14%,#fff 0 1.3%,transparent 1.9%),radial-gradient(circle at 80% 22%,rgba(255,255,255,.9) 0 1.1%,transparent 1.7%),radial-gradient(ellipse 12% 52% at 9% 60%,rgba(255,255,255,.96) 22%,rgba(240,252,255,.72) 48%,rgba(240,252,255,0) 72%),radial-gradient(ellipse 14% 58% at 23% 44%,rgba(255,255,255,.96) 22%,rgba(240,252,255,.72) 48%,rgba(240,252,255,0) 72%),radial-gradient(ellipse 13% 50% at 38% 58%,rgba(255,255,255,.96) 22%,rgba(240,252,255,.72) 48%,rgba(240,252,255,0) 72%),radial-gradient(ellipse 15% 60% at 53% 42%,rgba(255,255,255,.96) 22%,rgba(240,252,255,.72) 48%,rgba(240,252,255,0) 72%),radial-gradient(ellipse 13% 52% at 68% 57%,rgba(255,255,255,.96) 22%,rgba(240,252,255,.72) 48%,rgba(240,252,255,0) 72%),radial-gradient(ellipse 13% 56% at 83% 46%,rgba(255,255,255,.96) 22%,rgba(240,252,255,.72) 48%,rgba(240,252,255,0) 72%),radial-gradient(ellipse 8% 40% at 94% 60%,rgba(255,255,255,.96) 22%,rgba(240,252,255,.72) 48%,rgba(240,252,255,0) 72%),radial-gradient(ellipse 50% 40% at 50% 56%,rgba(232,251,255,.85) 0 40%,rgba(160,225,248,.45) 62%,rgba(140,215,245,0) 76%)}
.lu-buehne.bach-gemalt .lu-wasserstelle .lu-ringe{width:105%}
.lu-buehne.bach-gemalt .lu-spritzer i{border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0 16%,#C9F3FF 30%,#57C8EE 66%,#2B9FD4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.lu-buehne.bach-gemalt .lu-spritzer b{background:radial-gradient(ellipse 50% 100% at 50% 100%,rgba(255,255,255,.97),rgba(200,244,253,.8) 34%,rgba(110,205,238,.4) 58%,rgba(110,205,238,0) 74%)}
.lu-staub-fall{position:absolute;z-index:6;width:0;height:0;pointer-events:none}
.lu-fall.lu-fall-arena{left:76.23%;top:32.73%;width:11.81%;height:17.22%;-webkit-mask-image:url(img/fall-maske-arena.png?v=0.38.1);mask-image:url(img/fall-maske-arena.png?v=0.38.1)}
.lu-gischt.lu-gischt-arena{left:75.2%;top:46.3%;width:13.8%;height:6.4%}
.lu-boden{position:absolute;left:0;right:0;bottom:0;z-index:1;height:26cqh;background:linear-gradient(180deg,#89E98B 0%,#7FDF80 40%,#6ECF78 78%,#66C470 100%);-webkit-mask:linear-gradient(180deg,transparent,#000 55%);mask:linear-gradient(180deg,transparent,#000 55%)}
.lu-arena{background:linear-gradient(180deg,#66C470,#55B563)}
.lu-graben{position:absolute;inset:0;z-index:2;pointer-events:none}
.lu-graben svg{display:block;position:absolute;inset:0}
.lu-graben .funkel{fill:#fff;opacity:0;animation:lu-funkel 2.6s ease-in-out infinite}
@keyframes lu-funkel{0%,100%{opacity:0}50%{opacity:.85}}
.lu-mass{position:absolute;visibility:hidden;width:var(--g);height:var(--fuss)}
.lu-graben .halm{transform-box:fill-box;transform-origin:50% 100%;animation:lu-halm 3s ease-in-out infinite alternate}
@keyframes lu-halm{from{transform:rotate(-5deg)}to{transform:rotate(6deg) skewX(-3deg)}}
@media (prefers-reduced-motion:reduce){.lu-graben .halm{animation:none}}

/* Figuren: stehen auf der Wiese, Blau rechtsbündig vor dem Graben, Rot linksbündig dahinter */
.lu-kaempfer{position:absolute;z-index:5;bottom:var(--fuss);height:var(--fig);transition:left .35s cubic-bezier(.3,1.4,.5,1),right .35s cubic-bezier(.3,1.4,.5,1),bottom .4s ease}
.lu-kaempfer.ludiri{height:calc(var(--fig) * 1.1)}
.lu-kaempfer.blau{right:calc(50% + var(--g) / 2 + var(--d) - var(--seil) * var(--s))}
.lu-kaempfer.rot{left:calc(50% + var(--g) / 2 + var(--d) + var(--seil) * var(--s))}
.lu-kf-bild{display:block;height:100%;width:auto;transform-origin:50% 100%;--dreh:0deg;rotate:var(--dreh);filter:drop-shadow(0 .5rem .4rem rgba(11,31,68,.22))}
.lu-kaempfer.rot .lu-kf-bild{scale:-1 1}
/* Seil in den Händen (ab 0.36.10): Ebene über dem Bild mit denselben Bewegungen (Klasse lu-kf-bild), Leinwand für Seil und Ende, darüber die Fäuste */
.lu-kf-hand{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 .12rem .14rem rgba(11,31,68,.22))}
.lu-kf-hand[hidden]{display:none}
.lu-kf-seil{position:absolute;pointer-events:none}
.lu-kf-faeuste{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none}
.lu-kaempfer.neigen.blau .lu-kf-bild{--dreh:-8deg}.lu-kaempfer.neigen.rot .lu-kf-bild{--dreh:8deg}
.lu-kaempfer::after{content:"";position:absolute;z-index:-1;left:12%;right:12%;bottom:-1.2cqh;height:2.6cqh;border-radius:50%;background:radial-gradient(closest-side,rgba(11,31,68,.28),rgba(11,31,68,0))}

/* Seil: gedrehte Hanf-Stränge mit Rundung und Schatten, straff gespannt. Farben je freigeschaltetem Seil. */
.lu-tau{--t1:#7E4F22;--t2:#C08A4E;--t3:#EBC88F;
	/* Seil von Faust zu Faust: Faust-Lage je Figur (--fy/--fx), Bildverhältnis (--a), Größenfaktor (--k). Länge und Neigung bleiben beim Ziehen gleich. */
	--vb:calc((1 - var(--fxb,.86)) * var(--ab,.9) * var(--kb,1) * var(--fig));--vr:calc((1 - var(--fxr,.86)) * var(--ar,.9) * var(--kr,1) * var(--fig));
	--hb:calc(var(--fyb,.44) * var(--kb,1) * var(--fig));--hr:calc(var(--fyr,.44) * var(--kr,1) * var(--fig));
	--lang:calc(var(--g) + 2 * var(--d) + var(--vb) + var(--vr));
	position:absolute;z-index:4;height:var(--r);bottom:calc(var(--fuss) + var(--hb) - var(--r) / 2);
	left:calc(50% - var(--g) / 2 - var(--d) + var(--seil) * var(--s) - var(--vb) - .6cqw);width:calc(var(--lang) + 1.2cqw);
	transform-origin:.6cqw 50%;rotate:calc(-1 * atan2(var(--hr) - var(--hb), var(--lang)));
	border-radius:var(--r);transition:left .35s cubic-bezier(.3,1.4,.5,1);
	background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.12) 28%,rgba(0,0,0,0) 52%,rgba(40,18,0,.38) 100%),
		repeating-linear-gradient(118deg,rgba(255,255,255,.1) 0 1px,transparent 1px 3px),
		repeating-linear-gradient(118deg,var(--t1) 0,var(--t2) calc(var(--r) * .16),var(--t3) calc(var(--r) * .36),var(--t2) calc(var(--r) * .56),var(--t1) calc(var(--r) * .78));
	box-shadow:0 .2rem .3rem rgba(11,31,68,.32)}
.lu-tau-schatten{position:absolute;z-index:3;height:2cqh;bottom:calc(var(--fuss) - 1.2cqh);left:calc(50% - var(--g) / 2 - var(--d) + var(--seil) * var(--s) - 2cqw);width:calc(var(--g) + 2 * var(--d) + 4cqw);border-radius:50%;background:radial-gradient(closest-side,rgba(11,31,68,.2),rgba(11,31,68,0));transition:left .35s cubic-bezier(.3,1.4,.5,1)}
.lu-tau .lu-knoten{top:55%}
.seil-gold .lu-tau{--t1:#A86E00;--t2:#E9B21E;--t3:#FFE48A}
.seil-nacht .lu-tau{--t1:#0B1F44;--t2:#3B3F9E;--t3:#8E86F0}
.seil-nacht .lu-tau::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle,#FFD43B 0 .12rem,transparent .14rem) 0 50%/1.6rem 100%}
.seil-regenbogen .lu-tau{background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.12) 28%,rgba(0,0,0,0) 52%,rgba(40,18,0,.3) 100%),repeating-linear-gradient(118deg,rgba(0,0,0,.32) 0,rgba(0,0,0,0) calc(var(--r) * .3),rgba(255,255,255,.45) calc(var(--r) * .5),rgba(0,0,0,0) calc(var(--r) * .64),rgba(0,0,0,.32) calc(var(--r) * .78)),linear-gradient(90deg,#EF5364,#FF7A59,#FFC83D,#55C26B,#2F7DF6,#8B5CF6)}
.seil-feuer .lu-tau{--t1:#C0381C;--t2:#FF7A59;--t3:#FFD86B;box-shadow:0 0 .8rem .2rem rgba(255,122,89,.65);animation:lu-gluehen 1.2s ease-in-out infinite alternate}
/* Bild-Seile (ab 0.36.0): Kachel aus der Spielewelt (Daten-Plugin). Die Kachel hat oben und unten etwas Luft, darum 1,16-fache Höhe. */
.seil-bild .lu-tau{background:var(--seil-bild) 0 50%/calc(var(--r) * 1.16 * var(--seil-q,1.5)) calc(var(--r) * 1.16) repeat-x}
.seil-bild.seil-nacht .lu-tau::after{display:none}   /* gezeichnete Sterne nur beim Seil ohne Bild */
.seil-glanz .lu-tau::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.65) 50%,transparent 62%) -60% 0/45% 100% no-repeat;animation:lu-seil-glanz 3.4s ease-in-out infinite}
.seil-glanz .lu-tau .lu-knoten{z-index:1}
@keyframes lu-seil-glanz{0%{background-position:-60% 0}55%,100%{background-position:160% 0}}
@media (prefers-reduced-motion:reduce){.seil-glanz .lu-tau::after{animation:none;display:none}}
.lu-muster.lu-muster-bild{background-color:#fff;background-repeat:repeat-x;background-position:30% 50%;background-size:auto 150%}
.lu-muster.jubel-blasen{background:radial-gradient(circle at 35% 35%,#fff 0 .12rem,transparent .14rem),radial-gradient(circle at 50% 50%,#C7F0FF,#8DD3F5 60%,#C4B5FD)}
.lu-muster.jubel-ballons{background:radial-gradient(circle at 30% 35%,#EF5364 0 .32rem,transparent .34rem),radial-gradient(circle at 68% 40%,#2F7DF6 0 .32rem,transparent .34rem),radial-gradient(circle at 50% 70%,#FFC83D 0 .3rem,transparent .32rem),#FFF6E0}
.lu-muster.jubel-schnuppen{background:linear-gradient(135deg,transparent 30%,rgba(255,231,168,.9) 45%,transparent 55%),radial-gradient(circle at 70% 70%,#FFC83D 0 .25rem,transparent .27rem),#0B1F44}
.lu-muster.jubel-herzen{background:radial-gradient(circle at 38% 42%,#FF5C8A 0 .28rem,transparent .3rem),radial-gradient(circle at 62% 42%,#FF5C8A 0 .28rem,transparent .3rem),linear-gradient(45deg,transparent 48%,#FF5C8A 48% 52%,transparent 52%),#FFE4EE}
.lu-muster.jubel-gold{background:radial-gradient(circle at 50% 50%,#FFF0A0,#FFC83D 55%,#C98A0B)}
.lu-muster.jubel-bonbons{background:conic-gradient(#FF7A59 0 20%,#fff 0 30%,#14B8A6 0 50%,#fff 0 60%,#FFC83D 0 80%,#fff 0)}
.lu-muster.jubel-luftschlangen{background:repeating-linear-gradient(60deg,#FF7A59 0 .2rem,#fff .2rem .35rem,#14B8A6 .35rem .55rem,#fff .55rem .7rem,#FFC83D .7rem .9rem,#fff .9rem 1.05rem)}
.lu-muster.jubel-kanonen{background:conic-gradient(from 200deg at 50% 100%,#FFC83D 0 10%,#FF7A59 0 20%,#14B8A6 0 30%,#8B5CF6 0 40%,transparent 0),#FFF6E0}
.lu-muster.jubel-glitzer{background:radial-gradient(circle at 30% 30%,#fff 0 .1rem,transparent .12rem),radial-gradient(circle at 70% 60%,#FFE27A 0 .12rem,transparent .14rem),radial-gradient(circle at 45% 75%,#7FE3D0 0 .1rem,transparent .12rem),conic-gradient(#8B5CF6,#2F7DF6,#14B8A6,#8B5CF6)}
.lu-muster.jubel-welle{background:radial-gradient(circle,#FFC83D 0 .2rem,#fff .2rem .3rem,#14B8A6 .3rem .45rem,#fff .45rem .55rem,#FF7A59 .55rem .7rem,#fff .7rem)}

/* Zug: Figur ruckt nach hinten, Seil zittert */
.ruck-blau .lu-kaempfer.blau .lu-kf-bild,.ruck-rot .lu-kaempfer.rot .lu-kf-bild{animation:lu-ruck2 .32s ease-out}
@keyframes lu-ruck2{40%{transform:translateX(-6%) rotate(-5deg)}}
.ruck-blau .lu-tau,.ruck-rot .lu-tau{animation:lu-zittern .32s ease-out}
@keyframes lu-zittern{25%{transform:translateY(-12%)}55%{transform:translateY(8%)}}

/* Kurz vor dem Graben: Figur wankt nach vorn, Steinchen bröseln hinein */
.gefahr-blau .lu-kaempfer.blau .lu-kf-bild,.gefahr-rot .lu-kaempfer.rot .lu-kf-bild{animation:lu-wanken .55s ease-in-out infinite alternate}
@keyframes lu-wanken{from{transform:rotate(2deg)}to{transform:rotate(11deg) translateX(3%)}}
.gefahr-blau .lu-kaempfer.blau::before,.gefahr-rot .lu-kaempfer.rot::before{content:"";position:absolute;bottom:-.5cqh;width:3cqw;height:2cqh;background:radial-gradient(circle,#8A6A4A 0 30%,transparent 33%) 0 0/50% 100%;animation:lu-broesel .8s ease-in infinite}
.gefahr-blau .lu-kaempfer.blau::before{right:-1.5cqw}.gefahr-rot .lu-kaempfer.rot::before{left:-1.5cqw}
@keyframes lu-broesel{from{transform:translateY(0);opacity:1}to{transform:translateY(6cqh);opacity:0}}

/* Ende: der Verlierer kippt in den Graben, taucht nass wieder auf; der Sieger springt */
.lu-buehne.endzug .lu-kaempfer,.lu-buehne.endzug .lu-tau,.lu-buehne.endzug .lu-tau-schatten{transition-duration:.85s}
.lu-kaempfer.wankt .lu-kf-bild{animation:lu-wanken2 1.1s ease-in-out both}
@keyframes lu-wanken2{0%{transform:rotate(0)}18%{transform:rotate(16deg)}34%{transform:rotate(-8deg)}52%{transform:rotate(20deg)}68%{transform:rotate(-4deg)}84%{transform:rotate(24deg)}100%{transform:rotate(16deg)}}
.lu-buehne .lu-kaempfer.faellt{clip-path:inset(-80% -80% 0 -80%);transition:left .5s ease-in,right .5s ease-in}
.lu-kaempfer.faellt.blau{right:calc(50% - var(--fw) / 2)}.lu-kaempfer.faellt.rot{left:calc(50% - var(--fw) / 2)}
.lu-kaempfer.faellt .lu-kf-bild{animation:lu-fallen .55s ease-in forwards}
.lu-kaempfer.faellt::after,.lu-kaempfer.unter::after,.lu-kaempfer.im-graben::after{display:none}
@keyframes lu-fallen{0%{transform:rotate(14deg)}45%{transform:translateY(-6%) rotate(42deg)}100%{transform:translateY(118%) rotate(75deg)}}
/* Seil nach dem Spiel: schnellt zum Sieger, fällt auf die Wiese und verschwindet */
.lu-buehne.seil-los .lu-tau,.lu-buehne.seil-los .lu-tau-schatten{transition:translate .7s cubic-bezier(.5,0,.7,1),opacity .5s .45s ease-in,left .85s;opacity:0}
.lu-buehne.seil-los-blau .lu-tau{translate:-22cqw 5cqh}.lu-buehne.seil-los-rot .lu-tau{translate:22cqw 5cqh}
.lu-buehne.seil-los-blau .lu-tau-schatten{translate:-22cqw 0}.lu-buehne.seil-los-rot .lu-tau-schatten{translate:22cqw 0}
.lu-kaempfer.unter{visibility:hidden;transition:none}
.lu-kaempfer.unter.blau,.lu-kaempfer.im-graben.blau{right:calc(50% - var(--fw) / 2 - var(--bach, 0px))}.lu-kaempfer.unter.rot,.lu-kaempfer.im-graben.rot{left:calc(50% - var(--fw) / 2 + var(--bach, 0px))}
/* Im Bach: die Figur steckt bis zur Brust im Wasser. Weiche Wasserlinie (Maske) statt harter Kante, davor Schaum und Blasen. */
.lu-kaempfer.im-graben{transition:none;transform:translateY(calc(42% - 4cqh));-webkit-mask:linear-gradient(180deg,#000 0,#000 55%,transparent 61%) 0 0/100% 100% no-repeat;mask:linear-gradient(180deg,#000 0,#000 55%,transparent 61%) 0 0/100% 100% no-repeat}
.lu-kaempfer.im-graben .lu-kf-bild{animation:lu-auftauchen 1.1s cubic-bezier(.2,1.25,.4,1) both,lu-dumpeln 2.6s 1.1s ease-in-out infinite}
@keyframes lu-auftauchen{0%{transform:translateY(62%)}55%{transform:translateY(-7%) rotate(-3deg)}80%{transform:translateY(2%) rotate(1deg)}100%{transform:none}}
@keyframes lu-dumpeln{0%,100%{transform:none}50%{transform:translateY(3.5%) rotate(-2.5deg)}}
.lu-wasserstelle{position:absolute;z-index:6;left:calc(50% + var(--bach, 0px));height:0;transform:translateX(-50%);pointer-events:none}
.lu-wasserstelle .lu-ringe{left:50%;top:-1.6cqh;bottom:auto;width:130%;height:3.2cqh}
.lu-wasserstelle.stark .lu-ringe i{animation-duration:1.1s;border-width:3px}
.lu-wasserlinie{position:absolute;left:-4%;right:-4%;top:-1.5cqh;height:3cqh;border-radius:50%;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.95) 0 34%,rgba(190,240,252,.85) 52%,rgba(120,205,240,0) 72%);animation:lu-welle 1.5s ease-in-out infinite alternate}
.lu-wasserstelle.stark .lu-wasserlinie{transform:scale(.8);animation-duration:.45s}
@keyframes lu-welle{from{transform:scaleX(.96)}to{transform:scaleX(1.08) translateY(.25cqh)}}
.lu-blasen{position:absolute;left:0;right:0;top:0;height:0}
.lu-blasen i{position:absolute;bottom:-.5cqh;left:var(--x);width:calc(var(--b) * 1.25cqw);height:calc(var(--b) * 1.25cqw);border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff 0 16%,rgba(215,246,255,.55) 32%,rgba(150,220,248,.22) 66%,rgba(150,220,248,.08));box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85);opacity:0;animation:lu-blase 1.9s var(--d) ease-in infinite}
.lu-wasserstelle.stark .lu-blasen i{animation-duration:.9s}
@keyframes lu-blase{0%{opacity:0;transform:translate(0,0) scale(.4)}15%{opacity:1}100%{opacity:0;transform:translate(var(--wx),-10cqh) scale(1.05)}}
.lu-spritzer.klein b{height:8cqh;width:calc(var(--g) * .8)}
.lu-kaempfer.im-graben::before{content:"";position:absolute;left:30%;right:30%;top:22%;height:30%;background:radial-gradient(ellipse 18% 9% at 20% 10%,rgba(150,225,255,.95) 60%,transparent 64%),radial-gradient(ellipse 16% 8% at 70% 30%,rgba(150,225,255,.9) 60%,transparent 64%),radial-gradient(ellipse 14% 7% at 45% 60%,rgba(150,225,255,.9) 60%,transparent 64%);animation:lu-tropfen 1.1s .8s ease-in infinite;opacity:0}
@keyframes lu-tropfen{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(120%);opacity:0}}
.lu-ringe{position:absolute;z-index:6;width:calc(var(--g) * .8);height:3cqh;left:50%;bottom:calc(var(--fuss) - 1.6cqh);transform:translateX(-50%);pointer-events:none}
.lu-ringe i{position:absolute;inset:0;border:2px solid rgba(255,255,255,.75);border-radius:50%;opacity:0;animation:lu-ring 1.8s ease-out infinite}
.lu-ringe i+i{animation-delay:.6s}.lu-ringe i+i+i{animation-delay:1.2s}
@keyframes lu-ring{0%{transform:scale(.3);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.lu-kaempfer.jubelt{z-index:6}
.lu-kaempfer.jubelt .lu-kf-bild{transform-origin:50% 60%;animation:lu-sieg-sprung 1.15s cubic-bezier(.3,.7,.4,1) both,lu-huepf .55s 1.15s ease-in-out infinite alternate}
@keyframes lu-sieg-sprung{0%{transform:none}14%{transform:scale(1.08,.88) translateY(5%)}45%{transform:translateY(-55%) rotate(-200deg)}70%{transform:translateY(-30%) rotate(-360deg)}86%{transform:scale(1.1,.86) translateY(4%) rotate(-360deg)}100%{transform:rotate(-360deg)}}
@keyframes lu-huepf{from{transform:rotate(-360deg)}to{transform:rotate(-360deg) translateY(-9%)}}
.lu-buehne.sieg-gleich .lu-kf-bild{animation:lu-huepf2 .7s ease-in-out infinite alternate}
@keyframes lu-huepf2{to{transform:translateY(-5%)}}
.lu-spritzer{position:absolute;z-index:7;width:0;height:0;pointer-events:none}
.lu-spritzer i{position:absolute;left:0;top:0;width:var(--w,1.1cqw);height:var(--w,1.1cqw);border-radius:50% 50% 50% 0;background:radial-gradient(circle at 35% 35%,#fff,#9BE6F7 45%,#3EB6E0);transform:translate(-50%,-50%);animation:lu-spritz .8s cubic-bezier(.2,.6,.5,1) forwards}
@keyframes lu-spritz{0%{transform:translate(-50%,-50%) scale(.4);opacity:1}45%{transform:translate(calc(-50% + var(--dx) * .6),calc(-50% + var(--dy)));opacity:1}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy) * .2 + 9cqh)) scale(.7);opacity:0}}
.lu-spritzer b{position:absolute;left:0;top:0;width:calc(var(--g) * 1.1);height:14cqh;transform:translate(-50%,-100%);background:radial-gradient(ellipse 50% 100% at 50% 100%,rgba(255,255,255,.95),rgba(170,235,250,.7) 40%,rgba(170,235,250,0) 72%);transform-origin:50% 100%;animation:lu-krone .7s ease-out forwards}
@keyframes lu-krone{0%{transform:translate(-50%,-100%) scaleY(.1);opacity:1}40%{transform:translate(-50%,-100%) scaleY(1.2);opacity:1}100%{transform:translate(-50%,-100%) scaleY(.3);opacity:0}}
.lu-sternchen{position:absolute;z-index:7;width:2.2cqw;height:2.2cqw;color:var(--gelb);pointer-events:none;animation:lu-sternchen .9s ease-out forwards}
.lu-sternchen .lu-i{width:100%;height:100%;fill:currentColor;fill-opacity:1;stroke:#C98A00}
@keyframes lu-sternchen{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}30%{opacity:1}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1) rotate(160deg);opacity:0}}

/* Hochkant (Handy): Figuren etwas größer im Verhältnis, Graben schmaler */
@media (max-aspect-ratio:1/1){.lu-buehne>*{--s:1.1cqw;--g:10cqw;--fig:min(50cqh,22cqw);--fuss:6cqh}.lu-boden{height:34cqh}}

/* Vorstellung vor dem Spiel (wie bei Kampfspielen): Blau kommt von links, Rot von rechts, dann „VS“. Tippen überspringt. */
.lu-vs{position:fixed;inset:0;z-index:30;overflow:hidden;background:#0B1F44;cursor:pointer;animation:lu-vs-wackeln .35s .9s ease-out}
.lu-vs-seite{position:absolute;top:0;bottom:0;width:60%;overflow:hidden}
.lu-vs-seite::before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(100deg,rgba(255,255,255,0) 0 3.5rem,rgba(255,255,255,.09) 3.5rem 4rem);animation:lu-vs-linien 1.2s linear infinite}
.lu-vs-seite.blau{left:0;clip-path:polygon(0 0,100% 0,80% 100%,0 100%);background:radial-gradient(60% 70% at 30% 60%,#7DB8FF,rgba(125,184,255,0) 70%),linear-gradient(135deg,#0E3E9E,#2F7DF6 55%,#5AA2FF);animation:lu-vs-l .45s cubic-bezier(.2,.9,.3,1) both}
.lu-vs-seite.rot{right:0;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);background:radial-gradient(60% 70% at 70% 60%,#FF9AA8,rgba(255,154,168,0) 70%),linear-gradient(225deg,#9E1830,#EF5364 55%,#FF8091);animation:lu-vs-r .45s cubic-bezier(.2,.9,.3,1) both}
@keyframes lu-vs-l{from{transform:translateX(-100%)}}
@keyframes lu-vs-r{from{transform:translateX(100%)}}
@keyframes lu-vs-linien{to{transform:translateX(4rem)}}
.lu-vs-fig{position:absolute;bottom:4%;height:min(72%,52vw);width:auto;filter:drop-shadow(0 1.2rem 1.4rem rgba(0,0,30,.45));animation:lu-vs-fig .7s .25s cubic-bezier(.2,1.4,.4,1) both,lu-vs-schweben 2.2s 1s ease-in-out infinite alternate}
.lu-vs-seite.blau .lu-vs-fig{left:10%}
.lu-vs-seite.rot .lu-vs-fig{right:10%;scale:-1 1}
@keyframes lu-vs-fig{from{transform:translateY(30%) scale(.6);opacity:0}}
@keyframes lu-vs-schweben{to{transform:translateY(-2.5%)}}
.lu-vs-name{position:absolute;top:9%;display:flex;flex-direction:column;gap:.2rem;max-width:62%;color:#fff;font:700 italic clamp(1.8rem,5.6vmin,5rem)/1.05 var(--font-t);text-transform:uppercase;letter-spacing:.02em;text-shadow:0 .08em 0 rgba(0,0,40,.45);animation:lu-vs-name .45s .6s cubic-bezier(.2,1.5,.4,1) both}
.lu-vs-name small{font-size:.42em;letter-spacing:.14em;opacity:.85}
.lu-vs-name strong{overflow-wrap:anywhere}
.lu-vs-seite.blau .lu-vs-name{left:6%}.lu-vs-seite.rot .lu-vs-name{right:6%;text-align:right;align-items:flex-end}
@keyframes lu-vs-name{from{transform:scale(1.8);opacity:0;letter-spacing:.3em}}
.lu-vs-mitte{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.lu-vs-mitte b{font:700 italic clamp(6rem,24vmin,22rem)/1 var(--font-t);color:#FFD43B;-webkit-text-stroke:.04em #0B1F44;text-shadow:0 .06em 0 #0B1F44,0 0 .5em rgba(255,212,59,.6);transform:rotate(-8deg);animation:lu-vs-knall .5s .85s cubic-bezier(.2,1.6,.4,1) both}
@keyframes lu-vs-knall{from{transform:rotate(-20deg) scale(4);opacity:0}}
.lu-vs-mitte::before{content:"";position:absolute;inset:0;background:#fff;opacity:0;animation:lu-vs-blitz .3s .88s ease-out}
@keyframes lu-vs-blitz{20%{opacity:.75}}
@keyframes lu-vs-wackeln{20%{transform:translate(-1%,.6%)}40%{transform:translate(1%,-.6%)}60%{transform:translate(-.5%,.4%)}80%{transform:translate(.4%,-.2%)}}
.lu-vs-tipp{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);margin:0;padding:.35rem 1rem;border-radius:99px;background:rgba(11,31,68,.55);color:#fff;font-weight:700;font-size:clamp(.85rem,1.8vmin,1.2rem);white-space:nowrap;animation:lu-ein-f .4s 1.3s both}
.lu-vs.raus .lu-vs-seite.blau{transform:translateX(-105%);transition:transform .35s ease-in}
.lu-vs.raus .lu-vs-seite.rot{transform:translateX(105%);transition:transform .35s ease-in}
.lu-vs.raus{background:transparent;transition:background .35s}
.lu-vs.raus .lu-vs-mitte,.lu-vs.raus .lu-vs-tipp{opacity:0;transition:opacity .2s}
@media (max-aspect-ratio:1/1){.lu-vs-seite{width:100%;height:56%}.lu-vs-seite.blau{top:0;bottom:auto;clip-path:polygon(0 0,100% 0,100% 82%,0 100%)}.lu-vs-seite.rot{top:auto;bottom:0;clip-path:polygon(0 18%,100% 0,100% 100%,0 100%)}
.lu-vs-fig{height:min(66%,48vw)}.lu-vs-seite.blau .lu-vs-fig{left:6%;bottom:22%}.lu-vs-seite.rot .lu-vs-fig{right:6%;bottom:5%}
.lu-vs-name{max-width:50%;font-size:clamp(1.4rem,6.5vw,3rem)}.lu-vs-seite.blau .lu-vs-name{top:9%;left:auto;right:6%;text-align:right;align-items:flex-end}.lu-vs-seite.rot .lu-vs-name{top:auto;bottom:14%;right:auto;left:6%;text-align:left;align-items:flex-start}
@keyframes lu-vs-l{from{transform:translateY(-100%)}}@keyframes lu-vs-r{from{transform:translateY(100%)}}}
/* Überflug vor dem Spiel (0.33.9): Video bildschirmfüllend, landet am Ende auf dem Spielfeld-Hintergrund (Ausschnitt wie .lu-kulisse) */
.lu-flug{position:fixed;inset:0;z-index:30;overflow:hidden;background:#BFE6F8;cursor:pointer;clip-path:inset(0 0 0 0);transition:clip-path .65s cubic-bezier(.45,0,.25,1),opacity .8s ease-in-out}
.lu-flug-rahmen{position:absolute;transform-origin:0 0}
.lu-flug-video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:fill;pointer-events:none;background:#BFE6F8}
.lu-flug-rahmen .lu-fall,.lu-flug-rahmen .lu-gischt{opacity:0;transition:opacity 1s}
.lu-flug-rahmen.wasser .lu-fall{opacity:.6}.lu-flug-rahmen.wasser .lu-gischt{opacity:1}
.lu-flug.landet{background:transparent}
.lu-flug.landet .lu-flug-rahmen{transition:transform .65s cubic-bezier(.45,0,.25,1)}
.lu-flug.landet .lu-flug-tipp{opacity:0;transition:opacity .2s}
.lu-flug.weg{opacity:0}
/* Während des Flugs wird das Spielfeld unter dem Video nicht gezeichnet (0.33.10: flüssiger auf schwächeren Geräten) */
.lu-arena.verdeckt>:not(.lu-flug){visibility:hidden}
.lu-arena.im-flug .lu-kaempfer,.lu-arena.im-flug .lu-tau,.lu-arena.im-flug .lu-tau-schatten{visibility:hidden}
.lu-arena.reinspringen .lu-kaempfer{animation:lu-reinspringen .62s cubic-bezier(.25,1.3,.5,1) both}
.lu-arena.reinspringen .lu-kaempfer.rot{animation-delay:.12s}
.lu-arena.reinspringen .lu-tau,.lu-arena.reinspringen .lu-tau-schatten{animation:lu-ein-f .3s .5s both}
@keyframes lu-reinspringen{from{translate:0 -70cqh;opacity:0}30%{opacity:1}to{translate:0 0}}
@media (prefers-reduced-motion:reduce){.lu-vs,.lu-vs *,.lu-vs *::before{animation:none!important}.lu-kaempfer .lu-kf-bild{animation:none!important}}
/* Ergebnis: beide Teams mit ihrer Figur (Sieger jubelt, Verlierer nass) */
.lu-erg-seite{position:relative;padding-right:clamp(4rem,9vw,6rem)}
.lu-erg-ava{position:absolute;right:.4rem;bottom:.25rem;height:calc(100% - .5rem);max-height:5.5rem;width:auto;filter:drop-shadow(0 .3rem .3rem rgba(11,31,68,.2))}
.lu-erg-rot .lu-erg-ava{scale:-1 1}

@media (max-width:620px){.lu-erg-seite{padding-right:2.9rem}.lu-erg-ava{right:.2rem;max-height:3.4rem}}

/* Denkpause nach falschen Antworten: Tasten kurz gedämpft, Balken läuft ab */
.lu-team{position:relative}
.lu-team.denkpause .lu-eingabe{filter:saturate(.4);opacity:.45;pointer-events:none;transition:opacity .15s}
.lu-denkpause{position:absolute;z-index:4;left:50%;bottom:clamp(.8rem,4%,2rem);translate:-50% 0;display:flex;align-items:center;gap:.5rem;width:max-content;max-width:calc(100% - 1.2rem);padding:.55rem 1.1rem .75rem;border-radius:1.4rem;background:#fff;color:var(--navy);font:700 clamp(.95rem,2.4vmin,1.6rem)/1.2 var(--font-t);white-space:normal;text-align:center;box-shadow:0 .6rem 1.4rem -.4rem rgba(11,31,68,.5);overflow:hidden;animation:lu-zahl .35s cubic-bezier(.2,1.6,.4,1) both}
.lu-denkpause .lu-i{flex:none;width:1.2em;height:1.2em}
.lu-denkpause i{position:absolute;left:0;bottom:0;height:.3rem;width:100%;background:var(--gelb);transform-origin:0 50%;animation:lu-ablauf var(--ms) linear forwards}
@keyframes lu-ablauf{to{transform:scaleX(0)}}

/* Sieger-Bühne: Gewinner groß in der Mitte, Teamfarbe, Name in großen Buchstaben */
.lu-siegerbuehne{position:fixed;inset:0;z-index:28;display:grid;place-items:center;overflow:hidden;cursor:pointer;animation:lu-ein-f .35s ease-out both}
.lu-siegerbuehne.blau{background:radial-gradient(55% 60% at 50% 55%,rgba(125,184,255,.95),rgba(47,125,246,.92) 55%,rgba(14,62,158,.96))}
.lu-siegerbuehne.rot{background:radial-gradient(55% 60% at 50% 55%,rgba(255,154,168,.95),rgba(239,83,100,.92) 55%,rgba(158,24,48,.96))}
.lu-siegerbuehne.raus{opacity:0;transition:opacity .35s}
.lu-sb-licht{position:absolute;left:50%;top:58%;width:min(70vw,70vh);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.55),rgba(255,255,255,0));animation:lu-sb-licht 2.4s ease-in-out infinite alternate}
@keyframes lu-sb-licht{to{transform:translate(-50%,-50%) scale(1.15);opacity:.8}}
.lu-sb-fig{position:absolute;left:50%;bottom:6%;height:min(62vh,70vw);width:auto;translate:-50% 0;transform-origin:50% 100%;filter:drop-shadow(0 1.4rem 1.4rem rgba(0,0,30,.4));animation:lu-sb-rein .7s cubic-bezier(.2,1.5,.4,1) both,lu-sb-huepf .5s .8s ease-in-out infinite alternate}
.lu-sb-fig.gespiegelt{scale:-1 1}
@keyframes lu-sb-rein{from{transform:translateY(60%) scale(.5);opacity:0}to{transform:none}}
@keyframes lu-sb-huepf{from{transform:none}to{transform:translateY(-6%) scale(1.02,.98)}}
.lu-sb-text{position:absolute;top:7%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;width:94%;text-align:center;color:#fff;font:700 italic clamp(2.2rem,8vmin,7rem)/1 var(--font-t);text-transform:uppercase;text-shadow:0 .07em 0 rgba(0,0,40,.4);animation:lu-vs-name .5s .35s cubic-bezier(.2,1.5,.4,1) both}
.lu-sb-text strong{overflow-wrap:anywhere}
.lu-sb-text span{margin-top:.15em;font-size:.55em;color:var(--gelb);letter-spacing:.06em}
.lu-sb-mut{margin-top:.7em;padding:.35em .9em;border-radius:99px;background:rgba(255,255,255,.92);color:var(--navy);font:700 normal clamp(1rem,2.6vmin,1.6rem)/1.2 var(--font-t);text-transform:none;text-shadow:none;animation:lu-ein-f .4s 1s ease-out both}
.lu-sb-weiter{position:absolute;right:max(1rem,3%);bottom:max(1rem,3%);z-index:4;overflow:hidden;min-height:3.4rem;padding:.7rem 1.6rem;font-size:1.15rem;animation:lu-ein-f .4s 1.2s ease-out both}
.lu-sb-weiter i{position:absolute;left:0;bottom:0;height:.28rem;width:100%;background:var(--navy);opacity:.35;transform-origin:0 50%;animation:lu-ablauf 10s linear forwards}
@media (prefers-reduced-motion:reduce){.lu-siegerbuehne,.lu-siegerbuehne *{animation:none!important}.lu-sb-fig{transform:none}}

@supports not (rotate:atan2(1px,1px)){.lu-tau{rotate:none;bottom:calc(var(--fuss) + (var(--hb) + var(--hr)) / 2 - var(--r) / 2)}}

.lu-arten-info{margin:.7rem 0 0;font-size:.95rem;color:var(--navy-w)}.lu-arten-info strong{color:var(--navy)}

/* Ergebnis mit echten Werten: Serie, Tempo, je Rechenart */
.lu-erg-werte{display:flex;flex-wrap:wrap;gap:.3rem .9rem;margin-top:.15rem}
.lu-erg-w{display:inline-flex;align-items:center;gap:.3rem;font-size:.86rem;font-weight:800;color:var(--navy-w)}
.lu-erg-w .lu-i{width:1.05em;height:1.05em;flex:none}.lu-erg-w:first-child .lu-i{color:var(--koralle)}
.lu-erg-arten{display:flex;flex-wrap:wrap;gap:.35rem .8rem;margin-top:.25rem}
.lu-erg-art{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:800;color:var(--navy-w)}
.lu-erg-art b{display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:.45rem;background:#fff;color:var(--navy);font-size:.95rem;box-shadow:inset 0 0 0 1.5px var(--rand)}
.lu-erg-art i{position:relative;width:3.2rem;height:.45rem;border-radius:99px;background:#E6EBF2;overflow:hidden}
.lu-erg-art i::after{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--q) * 100%);border-radius:inherit;background:#22B07D}
.lu-erg-seiten.eins{grid-template-columns:1fr}
.lu-erg-seite.breit{padding-right:clamp(6rem,14vw,8.5rem)}
.lu-erg-seite.breit .lu-erg-ava{max-height:7.5rem}
.lu-erg-seite.breit .lu-erg-wert{font-size:clamp(1.5rem,3.6vmin,2rem)}
@media (max-width:620px){.lu-erg-seiten.eins .lu-erg-seite.breit{padding-right:4.6rem}.lu-erg-seite.breit .lu-erg-ava{max-height:5rem}.lu-erg-art i{width:2.2rem}}
@media (max-height:700px){.lu-erg-arten{display:none}.lu-erg-seite.breit .lu-erg-arten{display:flex}}

/* Vorführung auf der Startseite: dieselbe Szene wie im Spiel, nur kleiner */
.lu-demo.lu-buehne{height:auto;min-height:26rem;align-self:stretch;background:none}
.lu-demo.lu-buehne>*{--s:1.6cqw;--g:15cqw;--fig:min(56cqh,25cqw);--fuss:6cqh}
.lu-demo .lu-d-kopf{z-index:8}
@media (max-width:980px){.lu-demo.lu-buehne{height:22rem;min-height:0}}
@media (max-width:760px){.lu-demo.lu-buehne{height:20rem}.lu-demo.lu-buehne>*{--fig:min(52cqh,30cqw);--g:17cqw}}
/* Vorführung: Ludiri und Fiora mit Seil als ein Bild (1800 × 552). Seilmitte bei 50,4 % Breite / 52,4 % Höhe, Füße bei 95,5 % Höhe.
   Das Bild rückt mit dem Seil (--seil Schritte à --s), die Füße stehen auf der Wiese (--fuss), die Seilmitte liegt über dem Bach. */
.lu-d-paar{--pw:min(88cqw,190cqh);position:absolute;z-index:5;width:var(--pw);aspect-ratio:1800/552;left:calc(50% + var(--seil) * var(--s));bottom:calc(var(--fuss) - var(--pw) * .0138);transform:translateX(-50.4%);transition:left .35s cubic-bezier(.3,1.4,.5,1)}
.lu-d-paar-bild{display:block;width:100%;height:100%;filter:drop-shadow(0 .5rem .4rem rgba(11,31,68,.22))}
.lu-d-paar::before,.lu-d-paar::after{content:"";position:absolute;z-index:-1;bottom:1.5%;width:21%;height:9%;border-radius:50%;background:radial-gradient(closest-side,rgba(11,31,68,.28),rgba(11,31,68,0))}
.lu-d-paar::before{left:6%}.lu-d-paar::after{right:5%}
.lu-d-paar .lu-knoten{left:50.4%;top:51%;width:clamp(20px,4.6cqw,40px);height:auto;aspect-ratio:10/17;padding-top:clamp(3px,.9cqw,7px)} /* Prozent-Abstand würde sich auf die Bildbreite beziehen */
.ruck-blau .lu-d-paar-bild{animation:lu-paar-ruck-b .32s ease-out}.ruck-rot .lu-d-paar-bild{animation:lu-paar-ruck-r .32s ease-out}
@keyframes lu-paar-ruck-b{35%{translate:-.8% 0}}@keyframes lu-paar-ruck-r{35%{translate:.8% 0}}
@media (max-width:760px){.lu-d-paar{--pw:min(92cqw,190cqh)}}

/* Mutprobe: zwei Figuren statt einer */
.lu-mut-figs{position:relative;display:flex;align-items:flex-end;justify-content:center;justify-self:center;margin-block:-1rem}
.lu-mut-figs .lu-mut-fig{position:relative;z-index:1;margin:0}
.lu-mut-figs{gap:1.2rem}
.lu-mut-neben{height:18rem;width:auto;margin:0;filter:drop-shadow(0 1.2rem 1.2rem rgba(0,0,20,.45))}
@media (max-width:760px){.lu-mut-figs{order:-1;margin:0 auto -1rem;gap:.6rem}.lu-mut-figs .lu-mut-fig{height:13rem}.lu-mut-neben{height:11.5rem}}
/* Fragen: rechts Koko (die Professorin), schaut zur Mitte */
@media (min-width:1400px){.lu-faq-fig.rechts{right:auto;left:calc(100% + 1rem);top:auto;bottom:4rem;height:15rem;transform:scaleX(-1)}}

/* ===== Handy-Feinschliff ===== */
/* Mutprobe-Kacheln: große Zahl, darunter gut lesbar „Klasse“ */
.lu-mut-k b{font:700 2rem/1 var(--font-t)}
.lu-mut-k small{margin-top:.2rem;font:800 .72rem/1 var(--font);letter-spacing:.02em;max-width:none}
/* Auf Touch-Geräten keine Hover-Kippeleien (bleiben sonst nach dem Antippen hängen) */
@media (hover:none){
.lu-held:hover,.lu-held:focus-visible{transform:none}
.lu-held:hover .lu-held-buehne img,.lu-held:focus-visible .lu-held-buehne img{transform:none}
.lu-mut-k:hover{transform:none;background:#fff}.lu-mut-k:active{transform:scale(.96);background:var(--gelb)}
.lu-ablauf-s:hover .lu-mock{transform:none}.lu-schritt:hover .lu-schritt-bild img{transform:translateX(-50%)}.lu-btn:hover{transform:none}
}
@media (max-width:760px){
/* nichts darf seitlich verschiebbar sein */
.lu-seite,.lu-hero,.lu-mut,.lu-sektion{overflow-x:clip}
/* Startbild: Text besser lesbar, Vorteile sauber untereinander (Icons in einer Linie) */
.lu-dunst{background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.62) 42%,rgba(255,255,255,.15) 62%,rgba(255,255,255,0) 75%)}
.lu-hero-vorteile{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;width:max-content;max-width:100%;margin-inline:auto;gap:.5rem}
.lu-hero-vorteile li{text-align:left}
.lu-hero-figur img,.lu-sprech{animation:none}
/* Helden: Raster statt Wischleiste */
.lu-helden{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0;padding:0;overflow:visible}
.lu-helden li{flex:none}
.lu-held-buehne{height:8.5rem}
/* Mutprobe: alles mittig */
.lu-mut-text{text-align:center}.lu-mut p{margin-inline:auto}
.lu-mut-wahl{margin-inline:auto;justify-content:center;width:100%;max-width:18.5rem;gap:.75rem}
.lu-mut-k b{font-size:2.2rem}
}
/* Bereich/Zentrale: Raster dürfen nie breiter als der Bildschirm werden */
.lu-dash-inhalt{grid-template-columns:minmax(0,1fr)}
@media (max-width:1180px){.lu-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lu-kachel{min-width:0}.lu-kachel span,.lu-kachel small{overflow-wrap:anywhere}
@media (max-width:760px){
/* Einstellungen: Figurenkarten nur mit Namen, Startknopf einzeilig */
.lu-fig-k small{display:none}
.lu-wiz-fuss .lu-btn{white-space:nowrap;padding-inline:1.1rem}
.lu-wiz-fuss .lu-btn-start{flex:1}
}

/* Einstellungen: Kopfleiste */
.lu-konf-kopf{display:flex;align-items:center;gap:1.1rem;max-width:84rem;margin:0 auto 1rem;padding:.55rem .7rem .55rem 1rem;background:rgba(255,255,255,.88);border-radius:1.6rem;box-shadow:0 1px 2px rgba(11,31,68,.05),0 14px 30px -18px rgba(11,31,68,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lu-konf-kopf img{height:3.6rem}
.lu-konf-titel{display:flex;flex-direction:column;gap:.1rem;min-width:0;padding-left:1.1rem;border-left:2px solid #E3EAF3}
.lu-konf-titel span{font:800 .78rem/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:#C98A00}
.lu-konf-kopf h1{margin:0;font-size:clamp(1.3rem,2.4vw,1.9rem);line-height:1.15}
.lu-konf-heim{margin-left:auto;min-height:44px;padding:.45rem 1rem}
@media (max-width:760px){.lu-konf-kopf{gap:.7rem;padding:.45rem .6rem}.lu-konf-kopf img{height:2.8rem}.lu-konf-titel{padding-left:.7rem}.lu-konf-titel span{font-size:.66rem}.lu-konf-kopf h1{font-size:1.15rem}.lu-konf-heim span{display:none}.lu-konf-heim{padding:.45rem .7rem}}

/* Fehlertraining in den Einstellungen */
/* Drei Spielarten nebeneinander nur, wenn jede Karte in eine Zeile passt; sonst untereinander */
.lu-modi.drei{grid-template-columns:1fr}
@media (min-width:1400px){.lu-modi.drei{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lu-merkt{margin-top:.8rem}
.lu-fehler-satz{margin:0 0 .4rem;font-size:1.02rem;line-height:1.5;color:var(--navy)}
.lu-erg-geschafft{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:.6rem 0 0;padding:.5rem .9rem;border-radius:99px;background:#E3F7EC;color:#137A50;font-weight:800}
.lu-erg-geschafft .lu-i{width:1.1em;height:1.1em}

.lu-ueb-karte{display:grid;gap:.7rem;justify-items:start}
.lu-ueb-zahlen{display:flex;flex-wrap:wrap;gap:.8rem 2rem}
.lu-ueb-zahlen div{display:flex;flex-direction:column}
.lu-ueb-zahlen strong{font:700 1.9rem/1.1 var(--font-t);color:var(--navy)}
.lu-ueb-zahlen span{font-size:.88rem;font-weight:700;color:var(--muted)}

.lu-merkt-satz{display:flex;align-items:flex-start;gap:.5rem;margin:.2rem 0 1rem;padding:.7rem 1rem;border-radius:1rem;background:#FFF6D8;color:var(--navy);font-weight:800;line-height:1.4}.lu-merkt-satz .lu-i{flex:none;width:1.2em;height:1.2em;margin-top:.1em;color:#C98A00}

/* Kinderprofile: Bericht, Zurücksetzen, Löschen */
.lu-profil-fuss{display:grid;gap:.6rem;justify-items:center;width:100%}
.lu-profil-aktionen{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.2rem}
.lu-profil-frage{margin:0;font-size:.9rem;font-weight:700;line-height:1.45;color:var(--navy);text-align:center}
.lu-link-rot{color:#B4233A}
.lu-btn-rot{background:linear-gradient(180deg,#F26B7C,#D9364E);color:#fff;box-shadow:0 .25rem 0 #A52238}
.lu-profil-fuss .lu-btn{min-height:40px;padding:.4rem 1rem;font-size:.92rem}

/* =====================================================================================
   Gruppen-Spiel: Leinwand der Spielleitung (.lu-g) und Handy der Kinder (.lu-m)
   ===================================================================================== */
.lu-modus.zu{opacity:.85}.lu-modus .lu-zu{width:.9em;height:.9em;margin-left:.35em;vertical-align:-.05em;color:var(--muted)}
.lu-g{position:fixed;inset:0;overflow:hidden;background:#BDE7F7;color:var(--navy)}
.lu-g-boot{position:absolute;inset:0;display:grid;place-items:center}
/* Lobby */
.lu-g-lobby{position:absolute;inset:0;display:grid;grid-template:auto minmax(0,1fr)/minmax(0,.9fr) minmax(0,1.25fr);gap:clamp(.8rem,2vmin,1.6rem);padding:clamp(.8rem,2vmin,1.6rem) clamp(1rem,2.6vmin,2.2rem)}
.lu-g-hinten{position:absolute;inset:0;background:url(img/welt-start.webp?v=0.38.1) center 40%/cover no-repeat;filter:saturate(1.05)}
.lu-g-hinten::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(214,240,255,.55))}
.lu-g-leiste{position:relative;grid-column:1/-1;display:flex;align-items:center;gap:clamp(.8rem,2vmin,1.5rem);padding:.45rem 1rem .45rem .6rem;background:rgba(255,255,255,.9);border-radius:999px;box-shadow:var(--schatten);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lu-g-logo{height:clamp(2.4rem,6vmin,4.2rem);width:auto}
.lu-g-leiste-titel{display:grid;line-height:1.1}.lu-g-leiste-titel span{font-size:.85rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.lu-g-leiste-titel strong{font:700 clamp(1.2rem,2.6vmin,2rem)/1.1 var(--font-t)}
.lu-g-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-left:auto}
.lu-g-chips span{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .8rem;border-radius:999px;background:var(--hell);font-weight:800;font-size:clamp(.85rem,1.6vmin,1.15rem)}
.lu-g-einladung,.lu-g-mitte{position:relative;min-height:0;background:rgba(255,255,255,.95);border-radius:clamp(1.4rem,3vmin,2.4rem);box-shadow:var(--schatten);padding:clamp(1rem,2.4vmin,2rem)}
.lu-g-einladung{display:flex;flex-direction:column;align-items:center;text-align:center;overflow:auto}
.lu-g-einladung h1{margin:0 0 .3em;font-size:clamp(2rem,5.5vmin,4.4rem)}
.lu-g-qr{width:min(100%,clamp(12rem,38vmin,26rem));aspect-ratio:1;padding:.4rem;background:#fff;border-radius:1.2rem;box-shadow:inset 0 0 0 3px var(--rand)}
.lu-g-qr svg{display:block;width:100%;height:100%}
.lu-g-scan{display:flex;align-items:center;gap:.4rem;margin:.6rem 0 .2rem;font-weight:800;font-size:clamp(1rem,2vmin,1.4rem)}
.lu-g-oder{margin:0 0 .4rem;color:var(--muted);font-weight:700;font-size:clamp(.9rem,1.7vmin,1.2rem)}.lu-g-oder b{color:var(--navy)}
.lu-g-code{display:flex;gap:clamp(.25rem,.7vmin,.5rem);margin:.1rem 0 .8rem}
.lu-g-code b{display:grid;place-items:center;width:clamp(2.6rem,7.2vmin,5.4rem);height:clamp(3.3rem,9vmin,6.8rem);border-radius:clamp(.6rem,1.4vmin,1rem);background:var(--navy);color:#fff;font:700 clamp(2rem,6.5vmin,5rem)/1 var(--font-t);box-shadow:inset 0 -.25rem 0 rgba(0,0,0,.3)}
.lu-g-code b.luecke{margin-left:clamp(.5rem,1.4vmin,1.1rem)}
.lu-g-teilen{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}
.lu-g-kopiert{min-height:1.4em;margin-top:.3rem;font-weight:800;color:var(--teal-d);word-break:break-all}
.lu-g-ds{display:flex;align-items:center;gap:.4rem;margin:auto 0 0;padding-top:.6rem;color:var(--muted);font-size:.85rem;font-weight:700}
.lu-g-mitte{display:flex;flex-direction:column;gap:.8rem}
.lu-g-mitte h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:clamp(1.4rem,3vmin,2.2rem)}
.lu-g-anzahl{margin-left:auto;font:800 1rem var(--font);color:var(--muted)}
.lu-g-wer{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:.8rem}
.lu-g-warten{padding:.7rem;border-radius:1.2rem;background:var(--creme);box-shadow:inset 0 0 0 2px #FFE08A;animation:lu-ein-f .3s}
.lu-g-warten-kopf{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.lu-g-warten-kopf strong{display:flex;align-items:center;gap:.4rem;font-size:1.1rem}
.lu-g-warten-liste{display:grid;gap:.45rem}
.lu-g-kind{position:relative;display:flex;align-items:center;gap:.6rem;min-width:0;min-height:3.4rem;padding:.35rem .5rem .35rem .4rem;background:#fff;border-radius:1rem;box-shadow:inset 0 0 0 2px var(--rand);animation:lu-ein-f .3s}
.lu-g-kind img{width:2.6rem;height:2.6rem;object-fit:contain;object-position:50% 20%;flex:none;border-radius:.7rem;background:var(--hell)}
.lu-g-kind strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1rem,2vmin,1.35rem)}
.lu-g-kind small{color:var(--muted);font-weight:700;font-size:.8rem}
.lu-g-kind.offline{opacity:.6}.lu-g-kind.offline img{filter:grayscale(1)}
.lu-g-kind.blau{box-shadow:inset 0 0 0 2px #BCD5FF}.lu-g-kind.rot{box-shadow:inset 0 0 0 2px #FFC7CE}
.lu-g-kind.frei{justify-content:flex-start;color:#94A3B8;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 2px #E2E8F0;border:2px dashed #CBD5E1;box-shadow:none;font-weight:800}
.lu-g-frei-i{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.7rem;background:#F1F5F9}
.lu-g-steuer{display:flex;align-items:center;gap:.35rem;flex:none}
.lu-g-x{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:0;border-radius:50%;background:var(--off);color:var(--navy);cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--rand)}
.lu-g-x:hover{background:#fff;box-shadow:inset 0 0 0 1.5px var(--navy)}
.lu-g-team-marke{padding:.15rem .6rem;border-radius:999px;color:#fff;font-weight:800;font-size:.85rem}.lu-g-team-marke.blau{background:var(--blau)}.lu-g-team-marke.rot{background:var(--rot)}
.lu-g-teams{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.lu-g-team{padding:.6rem;border-radius:1.2rem}.lu-g-team.blau{background:linear-gradient(180deg,#E3EEFF,#F3F8FF)}.lu-g-team.rot{background:linear-gradient(180deg,#FFE4E8,#FFF4F6)}
.lu-g-team-kopf{display:flex;align-items:center;gap:.6rem;margin-bottom:.55rem}
.lu-g-team-kopf img{width:3.2rem;height:3.2rem;object-fit:contain;object-position:50% 15%}
.lu-g-team-kopf strong{font:700 clamp(1.2rem,2.6vmin,1.8rem)/1 var(--font-t)}.lu-g-team.blau .lu-g-team-kopf strong{color:var(--blau-d)}.lu-g-team.rot .lu-g-team-kopf strong{color:var(--rot-d)}
.lu-g-team-kopf small{margin-left:auto;font-weight:800;color:var(--muted)}
.lu-g-plaetze{display:grid;gap:.45rem}.lu-g-plaetze.acht{grid-template-columns:1fr 1fr}
.lu-g-mischen{align-self:center;display:inline-flex;align-items:center;gap:.2rem}
.lu-g-leer{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0;color:var(--muted);font-weight:800}
.lu-g-lobby-fuss{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.lu-g-lobby-fuss .lu-knoepfe{margin:0;margin-left:auto}
.lu-g-hinweis{margin:0;font-weight:700;color:var(--muted)}.lu-g-hinweis.fehlt{color:var(--rot-d)}
.lu-g-los{min-width:12rem;font-size:1.2rem}.lu-g-los:disabled{filter:grayscale(.7);opacity:.6;cursor:not-allowed}
@media (max-width:900px),(max-aspect-ratio:1/1){.lu-g{overflow:auto;position:fixed}.lu-g-lobby{position:relative;min-height:100%;grid-template:auto auto auto/1fr}.lu-g-chips{display:none}.lu-g-plaetze.acht{grid-template-columns:1fr}.lu-g-teams{grid-template-columns:1fr}}
/* Spiel auf der Leinwand */
.lu-g-arena{grid-template-rows:minmax(0,60fr) minmax(0,40fr)}
.lu-g-hud{grid-template-columns:1fr auto 1fr}
.lu-g-info{justify-self:start;display:grid;gap:.1rem;padding:.55rem 1.1rem;border-radius:1.2rem;background:rgba(255,255,255,.93);box-shadow:0 .6rem 1.4rem -.6rem rgba(11,31,68,.45)}
.lu-g-info strong{font:700 clamp(1rem,2.2vmin,1.6rem)/1.1 var(--font-t)}.lu-g-info span{font-weight:800;font-size:clamp(.9rem,1.8vmin,1.3rem)}.lu-g-info small{font-weight:800;color:var(--muted)}
.lu-g-code-klein{justify-self:end;display:flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border-radius:999px;background:rgba(255,255,255,.93);font:700 clamp(1rem,2.2vmin,1.6rem)/1 var(--font-t);letter-spacing:.06em;box-shadow:0 .6rem 1.4rem -.6rem rgba(11,31,68,.45)}
.lu-g-tafel{position:relative;z-index:3;grid-row:2;display:grid;grid-template:minmax(0,1fr) auto/minmax(0,1.1fr) minmax(0,1fr);gap:clamp(.4rem,1.2vmin,1rem);padding:0 clamp(.5rem,1.4vmin,1.2rem) clamp(.5rem,1.4vmin,1.2rem);min-height:0}
.lu-g-tafel.team{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr)}
.lu-g-tafel.team .lu-g-karte{grid-column:2;grid-row:1}.lu-g-tafel.team .lu-g-kinder{display:contents}
.lu-g-tafel.team .lu-g-spalte.blau{grid-column:1;grid-row:1}.lu-g-tafel.team .lu-g-spalte.rot{grid-column:3;grid-row:1}
.lu-g-leiste-unten{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.4rem .6rem .4rem 1.1rem;border-radius:999px;background:rgba(255,255,255,.9)}
.lu-g-status{font-weight:800;font-size:clamp(1rem,2vmin,1.4rem)}
.lu-g-knopf{display:flex;align-items:center;gap:.5rem}
.lu-g-halt{width:2.4rem;height:2.4rem;box-shadow:none;border:2px solid #DCE6F0}
.lu-g-weiter{position:relative;overflow:hidden}.lu-g-weiter i{position:absolute;left:0;bottom:0;height:.25rem;width:100%;background:var(--navy);opacity:.35;transform-origin:0 50%;animation:lu-ablauf linear forwards}
.lu-g-karte{container-type:inline-size;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;min-height:0;padding:clamp(.4rem,1.2vmin,1rem);background:#fff;border-radius:clamp(1rem,2.4vmin,2rem);box-shadow:inset 0 -.3rem 0 rgba(11,31,68,.06),0 .8rem 1.6rem -1rem rgba(11,31,68,.45);text-align:center}
.lu-g-aufgabe{font:800 min(clamp(2.6rem,12vmin,12rem),calc(150cqw / var(--z,10)))/1.05 var(--font);white-space:nowrap;font-variant-numeric:tabular-nums}
.lu-g-aufgabe.versteckt{visibility:hidden}.lu-g-aufgabe.neu{animation:lu-rein-a .25s ease-out}
.lu-g-frage{color:#94A3B8}.lu-g-loesung{color:var(--teal-d);display:inline-block;animation:lu-zahl .45s cubic-bezier(.2,1.6,.4,1) both}
.lu-g-unter{margin:0;min-height:1.3em;font-weight:800;color:var(--muted);font-size:clamp(.95rem,2vmin,1.5rem)}
.lu-g-kinder{min-height:0;overflow:auto}
.lu-g-spalte{display:flex;flex-direction:column;gap:.35rem;min-height:0;overflow:auto;padding:.5rem;border-radius:clamp(1rem,2vmin,1.6rem)}
.lu-g-spalte.blau{background:rgba(227,238,255,.95)}.lu-g-spalte.rot{background:rgba(255,228,232,.95)}
.lu-g-spalte-kopf{font:700 clamp(1rem,2.1vmin,1.5rem)/1.1 var(--font-t);padding:.1rem .3rem .2rem}.lu-g-spalte.blau .lu-g-spalte-kopf{color:var(--blau-d)}.lu-g-spalte.rot .lu-g-spalte-kopf{color:var(--rot-d)}
.lu-g-gitter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;padding:.5rem;border-radius:clamp(1rem,2vmin,1.6rem);background:rgba(255,255,255,.9);height:100%;align-content:start}
.lu-g-tafel .lu-g-kind{min-height:2.9rem}.lu-g-tafel .lu-g-kind img{width:2.2rem;height:2.2rem}
.lu-g-erg{display:flex;align-items:center;gap:.25rem;margin-left:auto;font-weight:800}.lu-g-erg b{font-size:1.05rem}.lu-g-erg small{font-size:.8rem}
.lu-g-kind.dran{box-shadow:inset 0 0 0 2.5px var(--teal)}.lu-g-kind.dran .lu-g-erg{color:var(--teal-d)}
.lu-g-kind.ok{background:#E8FBF3;box-shadow:inset 0 0 0 2.5px #34C38F}.lu-g-kind.ok .lu-g-erg{color:#0F8A5F}
.lu-g-kind.falsch{background:#FFF1F2;box-shadow:inset 0 0 0 2px #FFC7CE}.lu-g-kind.falsch .lu-g-erg{color:var(--rot-d)}
.lu-g-rang{display:flex;flex-direction:column;gap:.3rem;padding:.5rem;border-radius:clamp(1rem,2vmin,1.6rem);background:rgba(255,255,255,.94);height:100%;overflow:auto}
.lu-g-rang-z{display:grid;grid-template-columns:1.6rem 2.2rem minmax(4rem,1fr) minmax(3rem,1.3fr) auto 3.4rem;align-items:center;gap:.5rem;padding:.2rem .4rem;border-radius:.8rem;animation:lu-ein-f .3s both}
.lu-g-rang-z:nth-child(2){animation-delay:.05s}.lu-g-rang-z:nth-child(3){animation-delay:.1s}.lu-g-rang-z:nth-child(4){animation-delay:.15s}
.lu-g-rang-z img{width:2.2rem;height:2.2rem;object-fit:contain;object-position:50% 20%}
.lu-g-rang-z strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lu-g-rang-z.blau{background:#E3EEFF}.lu-g-rang-z.rot{background:#FFE4E8}
.lu-g-nr{display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--hell);font-weight:800;font-size:.85rem}
.lu-g-rang-z:first-of-type .lu-g-nr{background:var(--gelb)}
.lu-g-balken{height:.7rem;border-radius:999px;background:#EEF2F7;overflow:hidden}.lu-g-balken i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),#5EE0C8);transition:width .8s var(--weich)}
.lu-g-rang-z b{font-variant-numeric:tabular-nums}.lu-g-rang-z small{color:#0F8A5F;font-weight:800}
/* Wiese ohne Seil: alle Kinder nebeneinander, Fanbank am Rand */
.lu-g-wiese .lu-countdown{position:absolute}
.lu-g-feld{position:absolute;z-index:3;left:4%;right:4%;bottom:4%;height:62%;display:flex;align-items:flex-end;justify-content:center;gap:1.5%}
.lu-g-arena.finale .lu-g-feld{left:24%}
.lu-g-fig{position:relative;flex:0 1 calc(92% / var(--n,4));max-width:18%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transition:transform .4s var(--feder)}
.lu-g-fig-bild{width:100%;height:calc(100% - 2.2rem);object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 .6rem .5rem rgba(11,31,68,.25))}
.lu-g-fig-name{max-width:100%;margin-top:.2rem;padding:.15rem .7rem;border-radius:999px;background:rgba(255,255,255,.95);font-weight:800;font-size:clamp(.8rem,1.7vmin,1.25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 .3rem .6rem -.3rem rgba(11,31,68,.4)}
.lu-g-blase{position:absolute;top:0;left:50%;transform:translate(-50%,-30%);display:grid;place-items:center;min-width:2.4rem;height:2.4rem;padding:0 .6rem;border-radius:999px;background:#fff;font-weight:800;opacity:0;transition:opacity .2s,transform .3s var(--feder);box-shadow:0 .4rem .8rem -.3rem rgba(11,31,68,.4)}
.lu-g-fig.dran .lu-g-blase{opacity:1;color:var(--teal-d)}
.lu-g-fig.ok .lu-g-blase{opacity:1;background:#34C38F;color:#fff;transform:translate(-50%,-55%)}
.lu-g-fig.ok .lu-g-fig-bild{animation:lu-g-hopp .7s cubic-bezier(.3,.7,.4,1) both}
.lu-g-fig.falsch{filter:saturate(.75)}
@keyframes lu-g-hopp{30%{transform:translateY(-14%) scale(1.04,.96)}60%{transform:translateY(0) scale(.98,1.03)}}
.lu-g-bank{position:absolute;z-index:3;left:2%;bottom:4%;width:20%;min-height:22%;display:flex;flex-direction:column;justify-content:flex-end;padding:.4rem .5rem .2rem;border-radius:1rem;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.lu-g-bank.leer{opacity:.75}
.lu-g-bank-schild{position:absolute;top:-.9rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.3rem;padding:.2rem .8rem;border-radius:999px;background:#8A5A2B;color:#FFF3DC;font-weight:800;font-size:clamp(.75rem,1.5vmin,1.1rem);white-space:nowrap}
.lu-g-bank-leute{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.2rem;min-height:3rem;padding-bottom:.5rem;border-bottom:.55rem solid #A86F38;border-radius:0 0 .3rem .3rem}
.lu-g-fan{display:flex;flex-direction:column;align-items:center;width:clamp(2.6rem,6vmin,4.6rem);animation:lu-g-zurbank .7s cubic-bezier(.2,1.3,.4,1) both}
.lu-g-fan img{width:100%;aspect-ratio:3/4;object-fit:contain;object-position:50% 100%}
.lu-g-fan small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:.7rem}
@keyframes lu-g-zurbank{from{transform:translateY(40%) scale(.6);opacity:0}}
.lu-g-raus{position:fixed;z-index:20;left:50%;top:30%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:1.2rem;max-width:min(90vw,48rem);padding:1rem 2rem 1rem 1rem;border-radius:2rem;background:#fff;box-shadow:0 2rem 4rem -1.2rem rgba(0,0,30,.55);animation:lu-karte .55s cubic-bezier(.2,1.5,.4,1) both}
.lu-g-raus img{width:clamp(5rem,14vmin,9rem);height:auto}
.lu-g-raus strong{display:block;font:700 clamp(1.5rem,4vmin,2.8rem)/1.1 var(--font-t)}.lu-g-raus span{color:var(--muted);font-weight:700}
.lu-g-raus.weg{opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .4s,transform .4s}
.lu-g-netz{position:fixed;z-index:40;left:50%;top:.8rem;transform:translateX(-50%);display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;background:var(--navy);color:#fff;font-weight:800;box-shadow:var(--schatten)}
.lu-m-leinwand{width:min(92vw,25rem);border-radius:1rem;padding:.6rem .9rem;font-size:.92rem;line-height:1.3}
.lu-m-leinwand .lu-i{flex:0 0 auto;color:var(--gelb)}
.lu-m-meldung{top:.8rem;bottom:auto;text-align:center}
.lu-g-meldung{position:fixed;z-index:40;left:50%;bottom:1.2rem;transform:translateX(-50%);max-width:90vw;padding:.7rem 1.2rem;border-radius:1rem;background:var(--navy);color:#fff;font-weight:800;box-shadow:var(--schatten);animation:lu-ein-f .3s}
/* Ergebnis */
.lu-g-ergebnis .lu-ergebnis-karte{margin-top:0;width:min(52rem,100%)}.lu-g-ergebnis.mit-figur .lu-ergebnis-karte{margin-top:calc(var(--raus) + .5rem)}
.lu-uhr.fertig{color:var(--teal-d)}.lu-uhr.fertig svg circle+circle{display:none}.lu-uhr.fertig .lu-i{position:static;width:1em;height:1em;stroke-width:2.8}
.lu-g-erg-teams{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:.6rem 0;text-align:left}
.lu-g-erg-team{padding:.7rem;border-radius:1.2rem}.lu-g-erg-team.blau{background:#E3EEFF}.lu-g-erg-team.rot{background:#FFE4E8}
.lu-g-erg-team.sieger{box-shadow:inset 0 0 0 3px var(--gelb)}
.lu-g-erg-team-kopf{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem;font:700 1.3rem/1 var(--font-t)}.lu-g-erg-team-kopf .lu-i{color:var(--gelb-d)}
.lu-g-erg-z{display:grid;grid-template-columns:2.2rem 1fr auto auto;align-items:center;gap:.5rem;padding:.25rem 0}
.lu-g-erg-z img{width:2.2rem;height:2.2rem;object-fit:contain;object-position:50% 20%}.lu-g-erg-z small{color:var(--muted);font-weight:700}
.lu-g-podest{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:.6rem;margin:.6rem auto .4rem;max-width:34rem}
.lu-g-stufe{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:0}
.lu-g-stufe img{width:80%;max-height:9rem;object-fit:contain;object-position:50% 100%}
.lu-g-stufe.p1 img{width:95%;max-height:12rem}
.lu-g-stufe strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem}.lu-g-stufe small{color:var(--muted);font-weight:700}
.lu-g-stufe-block{display:grid;place-items:center;width:100%;margin-top:.3rem;border-radius:.9rem .9rem .3rem .3rem;color:#fff;font:700 1.8rem/1 var(--font-t);background:linear-gradient(180deg,#9CB3D4,#7C95B8)}
.lu-g-stufe.p1 .lu-g-stufe-block{height:5.2rem;background:linear-gradient(180deg,#FFD866,#F2A81B)}.lu-g-stufe.p2 .lu-g-stufe-block{height:3.8rem}.lu-g-stufe.p3 .lu-g-stufe-block{height:2.8rem;background:linear-gradient(180deg,#E3A877,#C2814D)}
.lu-g-rest{display:grid;gap:.3rem;max-width:24rem;margin:.4rem auto 0;text-align:left;counter-reset:platz 3}
.lu-g-rest li{display:grid;grid-template-columns:1.6rem 2rem 1fr auto auto;align-items:center;gap:.5rem;counter-increment:platz}
.lu-g-rest li::before{content:counter(platz) ".";font-weight:800;color:var(--muted)}
.lu-g-rest img{width:2rem;height:2rem;object-fit:contain}.lu-g-rest small{color:var(--muted);font-weight:700}
.lu-g-zu{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;background:url(img/welt-start.webp?v=0.38.1) center/cover}
.lu-g-zu .lu-ergebnis-karte{margin:0}.lu-g-zu-fig{width:8rem;margin:-4.5rem auto .3rem}
@media (max-width:700px){.lu-g-erg-teams{grid-template-columns:1fr}.lu-g-tafel,.lu-g-tafel.team{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto}.lu-g-tafel.team .lu-g-kinder{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.lu-g-tafel.team .lu-g-karte,.lu-g-tafel.team .lu-g-spalte.blau,.lu-g-tafel.team .lu-g-spalte.rot{grid-column:auto;grid-row:auto}}

/* Handy der Kinder */
html.lu-handy-spiel body{background:#EAF6FF}
.lu-m{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,#BFE6FA 0%,#E8F6FF 45%,#F6FBFF 100%)}
.lu-m.lu-m-blau{background:linear-gradient(180deg,#5C9DFF 0%,#BCD5FF 40%,#EEF5FF 100%)}
.lu-m.lu-m-rot{background:linear-gradient(180deg,#FF8A97 0%,#FFC7CE 40%,#FFF1F3 100%)}
.lu-m-kopf{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:max(.5rem,env(safe-area-inset-top)) .9rem .5rem}
.lu-m-logo img{height:2.6rem;width:auto}
.lu-m-ich{display:flex;align-items:center;gap:.4rem;max-width:60%;padding:.2rem .8rem .2rem .25rem;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 .3rem .8rem -.4rem rgba(11,31,68,.4)}
.lu-m-ich img{width:2rem;height:2rem;object-fit:contain;object-position:50% 20%}
.lu-m-ich strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lu-m-ich.blau{box-shadow:inset 0 0 0 2.5px var(--blau)}.lu-m-ich.rot{box-shadow:inset 0 0 0 2.5px var(--rot)}
.lu-m-inhalt{flex:1;display:flex;flex-direction:column;padding:0 .75rem max(.75rem,env(safe-area-inset-bottom))}
.lu-m-karte{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;width:100%;max-width:30rem;margin:0 auto;padding:1.2rem 1rem;background:#fff;border-radius:1.8rem;box-shadow:var(--schatten);text-align:center;animation:lu-ein-f .25s}
.lu-m-karte h1{margin:0;font-size:clamp(1.8rem,8vw,2.6rem)}
.lu-m-x{margin:0;color:var(--muted);font-weight:700}
.lu-m-fig-gross{width:auto;height:clamp(7rem,28vh,13rem);object-fit:contain}
.lu-m-fig-gross.hopp{animation:lu-g-hopp 1s cubic-bezier(.3,.7,.4,1) both}
.lu-m-form{display:flex;flex-direction:column;gap:1rem;width:100%;text-align:left}
.lu-m-code-feld{text-align:center;font:700 2.2rem/1 var(--font-t)!important;letter-spacing:.25em;min-height:4rem!important}
.lu-m-breit{width:100%}
.lu-m-code-zeile{display:flex;align-items:center;gap:.4rem;margin:0;font-weight:800;color:var(--muted)}.lu-m-code-zeile b{color:var(--navy);letter-spacing:.1em}
.lu-m-name{font-size:1.3rem!important}
.lu-m-figuren{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}
.lu-m-fk{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.35rem .2rem .3rem;border:0;border-radius:1rem;background:var(--off);box-shadow:inset 0 0 0 2px var(--rand);color:var(--navy);font:800 .8rem var(--font);cursor:pointer}
.lu-m-fk img{width:100%;aspect-ratio:1;object-fit:contain;object-position:50% 20%}
.lu-m-fk.an{background:var(--creme);box-shadow:inset 0 0 0 3px var(--navy)}
.lu-m-teams{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.lu-m-team{display:flex;flex-direction:column;align-items:center;gap:.1rem;min-height:4rem;padding:.5rem;border:0;border-radius:1.1rem;color:#fff;font:700 1.15rem var(--font-t);cursor:pointer;opacity:.75}
.lu-m-team small{font:800 .8rem var(--font);opacity:.95}
.lu-m-team.blau{background:var(--blau)}.lu-m-team.rot{background:var(--rot)}
.lu-m-team.an{opacity:1;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--navy)}.lu-m-team:disabled{opacity:.35;cursor:not-allowed}
.lu-m-punkte{display:flex;gap:.5rem}.lu-m-punkte i{width:.8rem;height:.8rem;border-radius:50%;background:var(--teal);animation:lu-puls 1s ease-in-out infinite}.lu-m-punkte i+i{animation-delay:.2s}.lu-m-punkte i+i+i{animation-delay:.4s}
.lu-m-team-marke{margin:0;padding:.3rem 1.1rem;border-radius:999px;color:#fff;font-weight:800}.lu-m-team-marke.blau{background:var(--blau)}.lu-m-team-marke.rot{background:var(--rot)}
.lu-m-verlassen{margin-top:.6rem;font-size:.9rem;color:var(--muted)}
.lu-m-runde{margin:0;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}
.lu-m-countdown{font:700 clamp(6rem,40vw,10rem)/1 var(--font-t);color:var(--navy);animation:lu-puls 1s ease-in-out infinite}
.lu-m-zeit{width:100%;height:.7rem;border-radius:999px;background:#EEF2F7;overflow:hidden}
.lu-m-zeit i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--gelb));transform-origin:0 50%;transition:transform .1s linear}
.lu-m-zeit.knapp i{background:var(--koralle)}
.lu-m-karte.lu-m-frage{justify-content:flex-start;gap:.5rem;padding:.8rem .7rem}
.lu-m-tafel{container-type:inline-size;width:100%;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .4rem;border-radius:1.2rem;background:var(--off)}
.lu-m-aufgabe{font:800 min(3.4rem,calc(150cqw / var(--z,8)))/1.1 var(--font);white-space:nowrap;font-variant-numeric:tabular-nums}
.lu-m-anzeige{min-height:3.2rem;min-width:60%;padding:.2rem 1rem;border-radius:.9rem;background:#fff;box-shadow:inset 0 0 0 2px var(--rand);font:800 2.4rem/1.25 var(--font);font-variant-numeric:tabular-nums}
.lu-m-anzeige.um{font-size:1.2rem;line-height:2.6rem;color:var(--rot-d)}
.lu-m-tasten{flex:1;width:100%;display:grid;grid-template:repeat(4,minmax(3.6rem,1fr))/repeat(3,minmax(0,1fr));gap:.45rem;max-height:24rem}
.lu-m-tasten .lu-taste{font-size:2rem;border-radius:1rem}
.lu-m-tasten .lu-taste-del{background:linear-gradient(180deg,#EEF3FA,#DDE6F2);color:var(--navy)}
.lu-m-tasten.gesperrt{opacity:.45;pointer-events:none}
.lu-m-abgegeben{display:grid;place-items:center;width:7rem;height:7rem;border-radius:50%;background:var(--mint);color:var(--teal-d);animation:lu-zahl .45s cubic-bezier(.2,1.6,.4,1) both}.lu-m-abgegeben .lu-i{width:3.6rem;height:3.6rem;stroke-width:2.6}
.lu-m-deine{margin:0;padding:.3rem 1rem;border-radius:999px;background:var(--off);font-weight:800;font-size:1.3rem}
.lu-m-karte.gut{background:linear-gradient(180deg,#E8FBF3,#fff 55%)}.lu-m-karte.schade{background:linear-gradient(180deg,#FFF1F2,#fff 55%)}
.lu-m-loesung{margin:0;font:800 1.6rem var(--font)}
.lu-m-plus{margin:0;font:700 2.4rem/1 var(--font-t);color:#0F8A5F;animation:lu-zahl .5s cubic-bezier(.2,1.6,.4,1) both}
.lu-m-hinweis{margin:.2rem 0 0;padding:.5rem 1rem;border-radius:1rem;background:var(--hell);font-weight:800}.lu-m-hinweis.gold{background:var(--creme)}
.lu-m-fan-band{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:.3rem;width:100%;margin:0;padding:.35rem .7rem;border-radius:.9rem;background:#F6E7D3;color:#6B4320;font-weight:800}.lu-m-fan-band small{font-weight:700}
.lu-m.lu-m-fan{background:linear-gradient(180deg,#E9C9A0 0%,#F6E7D3 40%,#FFF8EF 100%)}
/* Gruppen-Spiel auf kleineren oder hochkant gestellten Leinwänden */
@media (max-aspect-ratio:1/1),(max-width:999px){.lu-g-arena .lu-meter{top:clamp(6.2rem,15vmin,8.5rem);bottom:auto}}
@media (max-aspect-ratio:1/1){
.lu-g-arena{grid-template-rows:minmax(0,52fr) minmax(0,48fr)}
.lu-g-tafel.team{grid-template:auto minmax(0,1fr) auto/1fr 1fr}
.lu-g-tafel.team .lu-g-karte{grid-column:1/-1;grid-row:1}.lu-g-tafel.team .lu-g-spalte.blau{grid-column:1;grid-row:2}.lu-g-tafel.team .lu-g-spalte.rot{grid-column:2;grid-row:2}
.lu-g-tafel.brett{grid-template:auto minmax(0,1fr) auto/1fr}
.lu-g-aufgabe{font-size:min(9vmin,calc(150cqw / var(--z,10)))}
.lu-g-bank{width:26%}.lu-g-arena.finale .lu-g-feld{left:30%}}
@media (max-height:820px) and (min-aspect-ratio:1/1){
.lu-g-qr{width:min(100%,32vmin)}.lu-g-einladung h1{font-size:clamp(1.6rem,4.6vmin,3rem);margin-bottom:.2em}
.lu-g-einladung,.lu-g-mitte{padding:clamp(.7rem,1.8vmin,1.4rem)}
.lu-g-lobby .lu-g-kind{min-height:2.9rem;padding-top:.2rem;padding-bottom:.2rem}.lu-g-lobby .lu-g-kind img,.lu-g-frei-i{width:2.2rem;height:2.2rem}
.lu-g-code b{height:clamp(3rem,8vmin,5.6rem)}.lu-g-ds{font-size:.78rem}}
/* Schwierigkeit (Lernzone) */
.lu-stufen{gap:.5rem}
.lu-stufe-k{gap:.5rem;padding-left:.55rem}
.lu-stufe-k b{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--hell);color:var(--navy);font:800 .95rem/1 var(--font)}
.lu-chip.an.lu-stufe-k b{background:var(--gelb)}
.lu-stufe-k .lu-i{color:var(--teal)}.lu-chip.an.lu-stufe-k .lu-i{color:var(--gelb)}
.lu-stufe-banner{background:linear-gradient(180deg,#3FD6C3,var(--teal-d))}
.lu-erg-w.hoch{color:var(--teal-d)}.lu-erg-w.hoch .lu-i{color:var(--teal)}
.lu-ueb-stufen{display:grid;gap:.35rem;margin:.6rem 0;padding:.7rem .9rem;border-radius:1rem;background:var(--off)}
.lu-ueb-stufen p{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0}.lu-ueb-stufen p>span:first-child{font-weight:800;margin-right:.2rem}
.lu-ueb-stufe{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .6rem;border-radius:999px;font-weight:800;font-size:.85rem;background:#fff;box-shadow:inset 0 0 0 1.5px var(--rand)}
.lu-ueb-stufe.s2{background:var(--mint)}.lu-ueb-stufe.s3{background:var(--creme);box-shadow:inset 0 0 0 1.5px #FFD66B}
/* Handy im Gruppen-Spiel: Spielszene oben (Arena oder Wiese), Aufgabe und Ergebnis unten */
.lu-m-spiel{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.55rem;width:100%;max-width:34rem;margin:0 auto;min-height:0}
.lu-m-szene{position:relative;flex:1 1 0;min-height:11rem;max-height:min(30rem,118vw);border-radius:1.4rem;overflow:hidden;background:#8FD3F5;box-shadow:0 .8rem 1.6rem -1rem rgba(11,31,68,.5);transition:height .4s ease}
.lu-m-szene.klein{flex:none;min-height:0;height:clamp(6.5rem,24dvh,12rem)}
.lu-m-szene>.lu-buehne{position:absolute;inset:0;height:auto}
.lu-m-szene .lu-buehne>*{--s:1cqw;--g:9cqw;--fig:min(50cqh,29cqw);--fuss:6cqh}
.lu-m-szene .lu-countdown{position:absolute;font-size:clamp(3.5rem,42cqh,8rem)}
.lu-m-szene .lu-countdown span{line-height:1}
.lu-m-szene.klein .lu-meter{display:none}
.lu-m-szene .lu-meter{font-size:.8rem}
.lu-m-szene .lu-g-fig-name{font-size:.68rem;padding:.08rem .4rem}
.lu-m-szene .lu-g-blase{min-width:1.7rem;height:1.7rem;padding:0 .35rem;font-size:.8rem}
/* Wiese am Handy: Figuren stehen unten, Blasen direkt über dem Kopf (nicht oben im Himmel) */
.lu-m-szene .lu-g-feld{top:auto;height:auto;bottom:5%;align-items:flex-end}
.lu-m-szene .lu-g-fig{height:auto;max-width:24%}
.lu-m-szene .lu-g-fig-bild{width:100%;height:auto;aspect-ratio:4/5;max-height:38cqh}
.lu-m-szene .lu-g-blase{top:auto;bottom:calc(100% - .9rem)}
.lu-m-szene.finale .lu-g-feld{left:30%}
.lu-m-szene .lu-g-bank{width:27%;padding:.3rem .3rem .1rem}
.lu-m-szene .lu-g-bank-schild{top:-.7rem;padding:.12rem .5rem;font-size:.62rem}
.lu-m-szene .lu-g-bank-leute{min-height:2rem;padding-bottom:.3rem;border-bottom-width:.35rem}
.lu-m-szene .lu-g-fan{width:1.9rem}
.lu-m-szene .lu-g-fan small{font-size:.55rem}
.lu-g-fig.ich .lu-g-fig-name{background:var(--gelb);color:var(--navy)}
.lu-g-fan.ich small{color:#9A6A00}
.lu-m-raus{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.6rem;width:max-content;max-width:92%;padding:.45rem 1rem .45rem .45rem;border-radius:1.2rem;background:#fff;box-shadow:0 1rem 2rem -1rem rgba(11,31,68,.6);text-align:left;animation:lu-ein-f .3s}
.lu-m-raus img{width:3.2rem;height:auto}
.lu-m-raus strong{font:700 1.05rem/1.15 var(--font-t)}
.lu-m-raus.weg{opacity:0;transition:opacity .4s}
.lu-m-unten{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;width:100%;min-height:0;padding:.9rem .9rem 1rem;background:#fff;border-radius:1.6rem;box-shadow:var(--schatten);text-align:center;animation:lu-ein-f .25s}
.lu-m-unten.lu-m-frage{flex:1;justify-content:flex-start;gap:.45rem;padding:.7rem .6rem}
.lu-m-unten.gut{background:linear-gradient(180deg,#E8FBF3,#fff 60%)}
.lu-m-unten.schade{background:linear-gradient(180deg,#FFF1F2,#fff 60%)}
.lu-m-unten.lu-m-ende,.lu-m-unten.lu-m-wartet{justify-content:flex-start;overflow:auto}
.lu-m-unten h1{margin:0;font-size:clamp(1.5rem,6vw,2rem)}
.lu-m-unten .lu-m-abgegeben{width:4.6rem;height:4.6rem}
.lu-m-unten .lu-m-plus{font-size:2rem}
.lu-m-urteil{display:flex;align-items:center;justify-content:center;gap:.8rem;text-align:left}
.lu-m-urteil .lu-m-loesung{font-size:1.25rem}
.lu-m-fig-klein{width:auto;height:clamp(4.2rem,12dvh,6.2rem);object-fit:contain;flex:none}
.lu-m-gleich-text{margin:0;font:700 1.7rem/1.2 var(--font-t);color:var(--navy)}
.lu-m-ton{flex:none;width:2.4rem;height:2.4rem;margin-left:auto}
.lu-m-kopf .lu-m-ich{margin-left:auto}
.lu-m-kopf .lu-m-ich+.lu-m-ton{margin-left:0}
.lu-m-lobby{justify-content:flex-start;overflow:auto}
.lu-m-lobby-liste{width:100%;padding-top:.3rem;border-top:2px solid var(--off)}
.lu-m-leute{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.35rem}
.lu-m-person{display:flex;flex-direction:column;align-items:center;width:3.7rem;padding:.25rem .15rem;border-radius:.8rem;background:var(--off)}
.lu-m-person img{width:2.4rem;height:2.4rem;object-fit:contain}
.lu-m-person small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:.68rem}
.lu-m-person.blau{box-shadow:inset 0 0 0 2px #8DB8FF}
.lu-m-person.rot{box-shadow:inset 0 0 0 2px #FFA7B1}
.lu-m-person.ich{background:#FFF4CC}
/* Mitspielen auf Laptop, Tablet und Tafel: volle Ansicht mit Spielwelt statt Handy-Karte. Das Spiel selbst ist ohnehin das volle Tauziehen;
   nur die Aufgaben-Karten des Tafel-Quiz bleiben bewusst Handy-Karten. */
.lu-m-seite{display:contents}
@media (min-width:900px) and (min-height:560px){
html.lu-handy-spiel body{background:#8FD3F5}
.lu-m{background:linear-gradient(180deg,rgba(191,230,250,.5),rgba(191,230,250,.1) 40%,rgba(11,31,68,.2)),url(img/welt.webp?v=0.38.1) center 42%/cover no-repeat}
.lu-m.lu-m-blau{background:linear-gradient(180deg,rgba(47,111,235,.55),rgba(47,111,235,.12) 45%,rgba(11,31,68,.2)),url(img/welt.webp?v=0.38.1) center 42%/cover no-repeat}
.lu-m.lu-m-rot{background:linear-gradient(180deg,rgba(232,58,80,.5),rgba(232,58,80,.12) 45%,rgba(11,31,68,.2)),url(img/welt.webp?v=0.38.1) center 42%/cover no-repeat}
.lu-m.lu-m-fan{background:linear-gradient(180deg,rgba(176,118,58,.55),rgba(246,231,211,.2) 45%,rgba(11,31,68,.2)),url(img/welt.webp?v=0.38.1) center 42%/cover no-repeat}
.lu-m-kopf{padding:1rem 1.6rem .6rem}
.lu-m-logo img{height:3.4rem}
.lu-m-ich{padding:.3rem 1.1rem .3rem .3rem;font-size:1.15rem}
.lu-m-ich img{width:2.6rem;height:2.6rem}
.lu-m-ton{width:3rem;height:3rem}
.lu-m-inhalt{justify-content:center;padding:0 clamp(1.5rem,4vw,4rem) clamp(1.2rem,3vh,2.4rem)}
.lu-m-karte{flex:0 1 auto;max-width:min(68rem,100%);min-height:min(34rem,calc(100dvh - 8rem));gap:1rem;padding:clamp(1.6rem,3.5vh,2.8rem) clamp(1.8rem,4vw,3.6rem);background:rgba(255,255,255,.95);border-radius:2.2rem;box-shadow:0 2rem 4rem -1.5rem rgba(11,31,68,.55)}
.lu-m-karte h1{font-size:clamp(2.4rem,4vw,3.4rem)}
.lu-m-x{font-size:1.2rem}
.lu-m-karte .lu-knoepfe .lu-btn{font-size:1.15rem}
/* Code eingeben und Warten: große Figur links, Inhalt rechts */
.lu-m-codekarte,.lu-m-lobby:not(.lu-m-chef){display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;column-gap:clamp(2rem,5vw,4.5rem);text-align:left}
.lu-m-codekarte>.lu-m-fig-gross,.lu-m-lobby:not(.lu-m-chef)>.lu-m-fig-gross{justify-self:center;height:min(26rem,52dvh)}
.lu-m-karte>.lu-m-seite{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;min-width:0}
.lu-m-codekarte .lu-m-form{max-width:30rem}
.lu-m-code-feld{font-size:2.8rem!important;min-height:5rem!important}
.lu-m-lobby .lu-m-lobby-liste{padding-top:1rem}
.lu-m-lobby .lu-m-leute{justify-content:flex-start;gap:.6rem}
.lu-m-lobby .lu-m-person{width:5.6rem;padding:.4rem .2rem}
.lu-m-lobby .lu-m-person img{width:3.8rem;height:3.8rem}
.lu-m-lobby .lu-m-person small{font-size:.85rem}
/* Spitzname und Held: breit, alle Helden groß in einer Reihe */
.lu-m-anmelden .lu-m-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:row dense;align-items:end;gap:1.2rem 2.4rem}
.lu-m-anmelden .lu-m-form>*{grid-column:1/-1}
.lu-m-anmelden .lu-m-form>.lu-m-feld-name{grid-column:1}
.lu-m-anmelden .lu-m-form>.lu-m-code-zeile{grid-column:2;justify-content:flex-end;padding-bottom:2.3rem;font-size:1.3rem}
.lu-m-anmelden .lu-m-figuren{grid-template-columns:repeat(8,minmax(0,1fr));gap:.7rem}
.lu-m-anmelden .lu-m-fk{padding:.5rem .3rem .4rem;font-size:.95rem}
.lu-m-anmelden .lu-m-team{min-height:5rem;font-size:1.4rem}
.lu-m-anmelden .lu-m-form>.lu-btn{justify-self:center;width:min(100%,28rem);font-size:1.25rem}
.lu-m-anmelden .lu-m-form>.lu-m-verlassen{justify-self:center}
.lu-m-name{font-size:1.5rem!important}
/* Spielleitung spielt mit: Einladung links, Liste rechts */
.lu-m-chef{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"kopf liste" "einl liste" "einl fuss";grid-template-rows:auto 1fr auto;align-items:start;gap:1.2rem 2.4rem;text-align:left}
.lu-m-chef>.lu-m-urteil{grid-area:kopf;justify-content:flex-start}
.lu-m-chef>.lu-m-einladung{grid-area:einl;flex-direction:column;align-items:center;padding:1.2rem;text-align:center}
.lu-m-chef .lu-m-einladung-text{align-items:center}
.lu-m-chef .lu-m-qr{width:min(15rem,30dvh)}
.lu-m-chef>.lu-m-chef-liste{grid-area:liste}
.lu-m-chef>.lu-m-chef-fuss{grid-area:fuss}
.lu-m-chef .lu-m-chef-code{font-size:2.6rem}
}
.lu-m-rang{list-style:none;width:100%;margin:.2rem 0 0;padding:0;display:flex;flex-direction:column;gap:.3rem}
.lu-m-rang li{display:grid;grid-template-columns:1.5rem 2.1rem minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.25rem .7rem;border-radius:.9rem;background:var(--off);font-weight:800;text-align:left}
.lu-m-rang li.ich{background:#FFF4CC}
.lu-m-rang li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lu-m-rang img{width:2.1rem;height:2.1rem;object-fit:contain}
.lu-m-rang small{color:var(--muted);font-weight:800}
.lu-m-team-leiste{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;width:100%}
.lu-m-mini{position:relative;display:flex;flex-direction:column;align-items:center;width:3.4rem;padding:.2rem .1rem;border-radius:.8rem;background:var(--off);opacity:.55}
.lu-m-mini img{width:2.1rem;height:2.1rem;object-fit:contain}
.lu-m-mini small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:.66rem}
.lu-m-mini .lu-i{position:absolute;top:-.25rem;right:-.15rem;width:1.15rem;height:1.15rem;padding:.15rem;border-radius:50%;background:#34C38F;color:#fff}
.lu-m-mini.dran,.lu-m-mini.ok,.lu-m-mini.falsch,.lu-m-mini.ich{opacity:1}
.lu-m-mini.falsch .lu-i{background:#FF7A59}
.lu-m-mini.ich{background:#FFF4CC}
.lu-m-rang.klein li{padding:.15rem .6rem;font-size:.9rem}
.lu-m-rang.klein img{width:1.7rem;height:1.7rem}
@media (max-height:640px){.lu-m-szene{min-height:9rem}.lu-m-szene.klein{height:6rem}.lu-m-tasten{grid-template-rows:repeat(4,minmax(2.9rem,1fr))}.lu-m-unten{padding:.6rem}}
/* Spielleitung spielt selbst mit: Krone am Namen, Verwaltung am Handy */
.lu-chef-i{display:inline-flex;vertical-align:-.12em;margin-right:.2em;color:#E0A100}
.lu-chef-i .lu-i{width:1em;height:1em}
.lu-g-chef-marke{padding:.05rem .45rem;border-radius:999px;background:#FFF1C2;color:#8A6200;font-weight:800;font-size:.72rem}
.lu-g-selbst{width:100%;margin-bottom:.4rem}
.lu-m-ich.chef{box-shadow:0 0 0 2px #FFC83D,0 .3rem .8rem -.4rem rgba(11,31,68,.4)}
.lu-m-chef-x{margin-left:0}
.lu-m-chef-hinweis{display:flex;align-items:center;gap:.3rem;margin:0;padding:.5rem .8rem;border-radius:.9rem;background:#FFF4CC;font-weight:800;color:#6B4D00}
.lu-m-chef{justify-content:flex-start;gap:.7rem}
.lu-m-chef .lu-m-urteil h1{font-size:1.5rem}
.lu-m-einladung{display:flex;align-items:center;gap:.8rem;width:100%;padding:.6rem;border-radius:1.1rem;background:var(--off);text-align:left}
.lu-m-qr{flex:none;width:7.5rem;line-height:0}
.lu-m-qr svg{width:100%;height:auto;border-radius:.5rem}
.lu-m-einladung-text{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.lu-m-einladung-text small{color:var(--muted);font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}
.lu-m-chef-code{font:700 2rem/1 var(--font-t);letter-spacing:.06em;color:var(--navy)}
.lu-m-teilen{display:flex;flex-wrap:wrap;gap:.35rem}
.lu-m-teilen .lu-btn{padding:.35rem .7rem;font-size:.85rem}
.lu-m-chef-liste{display:flex;flex-direction:column;gap:.4rem;width:100%}
.lu-m-warteliste{display:flex;flex-direction:column;gap:.35rem;padding:.5rem;border-radius:1rem;background:#FFF8E1}
.lu-m-zeilen{display:flex;flex-direction:column;gap:.3rem}
.lu-m-zeile{display:flex;align-items:center;gap:.45rem;padding:.25rem .4rem .25rem .3rem;border-radius:.9rem;background:var(--off);text-align:left}
.lu-m-zeile img{width:2.2rem;height:2.2rem;object-fit:contain;flex:none}
.lu-m-zeile strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lu-m-zeile.blau{box-shadow:inset 3px 0 0 #5C9DFF}
.lu-m-zeile.rot{box-shadow:inset 3px 0 0 #FF7A8A}
.lu-m-zeile.ich{background:#FFF4CC}
.lu-m-zeile .lu-g-x{width:2.2rem;height:2.2rem;flex:none}
.lu-m-zeile .lu-btn-klein{padding:.35rem .7rem}
.lu-m-chef-fuss{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}
.lu-m-chef-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.2rem;font-size:.9rem}
.lu-m-chef-leiste{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;margin-top:.2rem}
.lu-m-chef-leiste .lu-g-weiter{flex:1;max-width:16rem}
/* Startseite: kommende Fächer ausgegraut, „Als Nächstes“ leicht hervorgehoben */
.lu-bald-kopf{margin:2.2rem 0 .2rem;text-align:center}
.lu-bald-kopf h3{margin:0 0 .3rem;font-size:1.4rem}
.lu-bald-kopf p{margin:0 auto;max-width:40rem;color:var(--muted);font-weight:600}
.lu-bald-k{filter:grayscale(.85);opacity:.78}
.lu-bald-k.naechstes{filter:grayscale(.35);opacity:.95;box-shadow:inset 0 0 0 2px #FFD66B}
.lu-bald-fach{display:block;color:var(--muted);font-weight:800;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}
/* ===== Seite „Was ist Ludiri?“ ===== */
.lu-ue-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:min(58rem,100svh);padding:clamp(7rem,11vw,8.5rem) clamp(1rem,3.5vw,3.5rem) 0;background:#BFE7F8 url(img/welt-start.webp?v=0.38.1) 50% 100%/cover no-repeat}
.lu-ue-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 62% 52% at 50% 30%,rgba(255,255,255,.9),rgba(255,255,255,.62) 55%,rgba(255,255,255,0) 82%)}
.lu-ue-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:1;height:3.5rem;background:linear-gradient(180deg,rgba(248,250,252,0),var(--off))}
.lu-ue-parade{position:relative;z-index:3;display:flex;align-items:flex-end;justify-content:center;gap:clamp(.2rem,1.4vw,1.4rem);width:100%;max-width:80rem;margin:auto auto 0;padding:clamp(1.5rem,3vw,2.5rem) 1rem clamp(2.2rem,4vw,3.4rem)}
.lu-ue-pf{position:relative;flex:0 1 auto;height:clamp(5.5rem,11vw,10.5rem)}
.lu-ue-pf::after{content:"";position:absolute;left:12%;right:12%;bottom:-.45rem;height:1rem;border-radius:50%;background:radial-gradient(closest-side,rgba(24,80,40,.42),rgba(24,80,40,0));z-index:-1;animation:lu-ue-schatten 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * -.4s)}
.lu-ue-pf img{display:block;height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 .35rem .35rem rgba(11,31,68,.18));animation:lu-ue-hopp 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * -.4s)}
.lu-ue-pf.gross{height:clamp(7.5rem,15vw,14rem);z-index:2}
@keyframes lu-ue-hopp{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes lu-ue-schatten{0%,100%{transform:scaleX(1);opacity:1}50%{transform:scaleX(.82);opacity:.7}}
.lu-ue-hero-innen{position:relative;z-index:2;max-width:54rem;margin:0 auto;text-align:center}
.lu-ue-hero h1{margin:.6rem 0 .5rem;font:700 clamp(2.8rem,7vw,5.2rem)/1.02 var(--font-t);color:var(--navy);letter-spacing:-.01em}
.lu-ue-lead{max-width:44rem;margin:0 auto 1.6rem;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.55;color:var(--navy-w);font-weight:600}
.lu-ue-hero .lu-knoepfe{justify-content:center}
.lu-ue-drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.lu-ue-karte{padding:1.6rem 1.5rem;border-radius:1.6rem;background:#fff;box-shadow:var(--schatten)}
.lu-ue-karte h3{margin:.9rem 0 .4rem;font-size:1.35rem}
.lu-ue-karte p{margin:0;color:var(--navy-w);line-height:1.55}
.lu-ue-i{display:inline-grid;place-items:center;flex:none;width:3.4rem;height:3.4rem;border-radius:1.1rem;background:linear-gradient(145deg,#FFF3C4,#FFE08A);color:var(--navy);font-size:1.4rem}
.lu-ue-i.klein{width:2.7rem;height:2.7rem;border-radius:.9rem;font-size:1.15rem}
.lu-ue-i.gross{width:4.2rem;height:4.2rem;font-size:1.8rem;background:linear-gradient(145deg,#DDF5EA,#B9EBD3)}
.lu-ue-zwei{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center;max-width:76rem;margin:0 auto}
.lu-ue-zwei.gleich{align-items:stretch}
.lu-ue-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}
.lu-ue-liste li{display:flex;gap:.7rem;align-items:flex-start;line-height:1.5;font-weight:600;color:var(--navy)}
.lu-ue-liste .lu-i{flex:none;width:1.4rem;height:1.4rem;margin-top:.1rem;padding:.2rem;border-radius:50%;background:#DDF5EA;color:#14794F}
.lu-ue-paed{background:var(--hell)}
.lu-ue-bildkarte{position:relative;padding:1.6rem 1.5rem 1.4rem;border-radius:1.8rem;background:#fff;box-shadow:var(--schatten)}
.lu-ue-koko{position:absolute;right:-.5rem;top:-3.6rem;height:7.5rem;width:auto;transform:scaleX(-1);filter:drop-shadow(0 .6rem .5rem rgba(11,31,68,.2))}
.lu-ue-stufen{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:.6rem;margin-bottom:1.2rem}
.lu-ue-stufe{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.3rem;padding:.7rem .4rem;border-radius:1rem;color:#fff;font-weight:800;text-align:center}
.lu-ue-stufe b{font:700 1.8rem/1 var(--font-t)}
.lu-ue-stufe span{font-size:.85rem}
.lu-ue-stufe.s1{height:5.5rem;background:linear-gradient(180deg,#7FD3A8,#3FB37E)}
.lu-ue-stufe.s2{height:7.5rem;background:linear-gradient(180deg,#6FB4FF,#3B82F6)}
.lu-ue-stufe.s3{height:9.5rem;background:linear-gradient(180deg,#B892FF,#7C4DFF)}
.lu-ue-auto{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:.4rem;margin:.2rem 0 0;color:var(--navy-w);font-weight:700;font-size:.9rem}
.lu-ue-tacho{padding-top:.4rem}
.lu-ue-tacho-bild{display:block;width:100%;max-width:22rem;height:auto;margin:0 auto;overflow:visible}
.lu-ue-tacho-bild path{fill:none;stroke-width:22}
.lu-ue-tacho-bild .schwer{stroke:#FFCFC4}.lu-ue-tacho-bild .gut{stroke:#34C38F}.lu-ue-tacho-bild .leicht{stroke:#FFE08A}
.lu-ue-tacho-bild .lu-ue-nadel path{fill:var(--navy);stroke:none}
.lu-ue-nadel{transform-origin:120px 116px;transform:rotate(140deg)}
.lu-ue-bildkarte:not(.warten) .lu-ue-nadel{animation:lu-ue-nadel 2.4s cubic-bezier(.3,.8,.3,1) .4s both}
@keyframes lu-ue-nadel{0%{transform:rotate(12deg)}40%{transform:rotate(166deg)}60%{transform:rotate(128deg)}78%{transform:rotate(146deg)}90%{transform:rotate(137deg)}100%{transform:rotate(140deg)}}
.lu-ue-tacho-bild .knopf{fill:var(--navy)}.lu-ue-tacho-bild .knopf-i{fill:#fff}
.lu-ue-tacho-legende{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1rem;margin-top:.7rem;font-size:.85rem;font-weight:700;color:var(--navy-w)}
.lu-ue-tacho-legende span{display:inline-flex;align-items:center;gap:.35rem}.lu-ue-tacho-legende i{width:.8rem;height:.8rem;border-radius:50%}
.lu-ue-tacho-legende .schwer i{background:#FFCFC4}.lu-ue-tacho-legende .gut i{background:#34C38F}.lu-ue-tacho-legende .leicht i{background:#FFE08A}
.lu-ue-tacho-legende .gut{color:#14794F}
.lu-ue-fehler{background:linear-gradient(180deg,#FFFBF2,#FFF4DF)}
.lu-ue-zettel-rahmen{position:relative;width:100%;max-width:31rem;justify-self:center;padding:1rem 0 3rem}
.lu-ue-zettel{position:relative;padding:1.5rem 1.4rem 1.3rem;border-radius:1.6rem;background:#fff;box-shadow:var(--schatten);transform:rotate(-1.2deg)}
.lu-ue-zettel::before{content:"";position:absolute;top:-.75rem;left:50%;width:6rem;height:1.5rem;margin-left:-3rem;border-radius:.3rem;background:rgba(255,214,107,.8);transform:rotate(2.5deg)}
.lu-ue-zettel-kopf{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font:600 1.3rem var(--font-t);color:var(--navy)}
.lu-ue-zettel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}
.lu-ue-zettel li{position:relative;display:grid;grid-template-columns:minmax(6.2rem,auto) 1fr auto;align-items:center;gap:.8rem;padding:.65rem .9rem;border-radius:1rem;background:#F6F8FC;box-shadow:inset 0 0 0 1.5px var(--rand)}
.lu-ue-zettel li b{font:700 1.35rem var(--font-t);color:var(--navy);white-space:nowrap;text-decoration:line-through 3px transparent}
.lu-ue-zf{color:#C2410C;font-weight:700;font-size:.88rem}
.lu-ue-punkte{display:inline-flex;gap:.3rem}
.lu-ue-punkte i{width:.9rem;height:.9rem;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #B7C3D9}
.lu-ue-punkte i.an{background:#34C38F;box-shadow:none}
.lu-ue-geschafft{position:absolute;right:.6rem;top:50%;display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;border-radius:999px;background:#34C38F;color:#fff;font-style:normal;font-weight:800;font-size:.85rem;opacity:0;transform:translateY(-50%) scale(.3)}
.lu-ue-geschafft .lu-i{width:1rem;height:1rem}
.lu-ue-zettel-rahmen:not(.warten) li.wird .kommt{animation:lu-ue-fuell .35s 1.1s ease-out both}
.lu-ue-zettel-rahmen:not(.warten) li.wird{animation:lu-ue-gruen .45s 1.5s ease-out both}
.lu-ue-zettel-rahmen:not(.warten) li.wird b{animation:lu-ue-durch .45s 1.5s ease-out both}
.lu-ue-zettel-rahmen:not(.warten) .lu-ue-geschafft{animation:lu-ue-plopp .5s 1.7s cubic-bezier(.3,1.6,.5,1) both}
.lu-ue-zettel-rahmen:not(.warten) li.wird .lu-ue-punkte{animation:lu-ue-weg .25s 1.6s ease-in both}
@keyframes lu-ue-weg{to{opacity:0}}
@keyframes lu-ue-fuell{to{background:#34C38F;box-shadow:none}}
@keyframes lu-ue-gruen{to{background:#E6F8EF;box-shadow:inset 0 0 0 2px #9BE0BF}}
@keyframes lu-ue-durch{to{color:#5B8F78;text-decoration-color:#34C38F}}
@keyframes lu-ue-plopp{to{opacity:1;transform:translateY(-50%) scale(1)}}
.lu-ue-zettel-fuss{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1rem;margin-top:1.1rem;padding-right:6.5rem}
.lu-ue-zettel-knopf{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.05rem;border-radius:999px;background:linear-gradient(180deg,#FFD66B,#FFC23D);color:var(--navy);font-weight:800;box-shadow:0 .25rem 0 #E5A21B}
.lu-ue-zettel-fuss small{display:inline-flex;align-items:center;gap:.45rem;color:var(--navy-w);font-weight:700;font-size:.85rem}
.lu-ue-zettel-fuss .lu-ue-punkte i{width:.75rem;height:.75rem}
.lu-ue-zettel-fig{position:absolute;right:-1.2rem;bottom:0;height:10.5rem;width:auto;filter:drop-shadow(0 .6rem .5rem rgba(11,31,68,.2));pointer-events:none}
.lu-ue-held{cursor:default}
.lu-ue-plan{display:flex;align-items:center;gap:1rem;max-width:52rem;margin:1.8rem auto 0;padding:1rem 1.3rem;border-radius:1.3rem;background:#fff;box-shadow:inset 0 0 0 2px #FFE08A}
.lu-ue-plan p{margin:0;color:var(--navy-w);font-weight:600;line-height:1.5}
.lu-ue-plan .lu-pille{flex:none}
.lu-ue-spiel .lu-ue-zwei.umgekehrt>:first-child{order:0}
.lu-ue-arena-rahmen{border-radius:1.8rem;overflow:hidden;box-shadow:var(--schatten);background:#8FD3F5}
.lu-ue-arena{position:relative;height:clamp(15rem,28vw,22rem)}
.lu-ue-arena>.lu-buehne{position:absolute;inset:0;height:auto}
.lu-ue-arena .lu-buehne>*{--s:1.2cqw;--g:11cqw;--fig:min(48cqh,26cqw);--fuss:7cqh}
.lu-ue-arena .lu-meter{display:none}
.lu-ue-wege{display:flex;flex-direction:column;gap:.7rem;margin-top:.4rem}
.lu-ue-weg{display:flex;align-items:center;gap:.8rem;padding:.7rem .9rem;border-radius:1.1rem;background:#fff;box-shadow:inset 0 0 0 2px var(--rand)}
.lu-ue-weg strong{display:block;font:600 1.1rem var(--font-t)}
.lu-ue-weg span{color:var(--navy-w);font-weight:600}
.lu-ue-orte{background:linear-gradient(180deg,#F6FBFF,#EAF6FF)}
.lu-ue-ort{position:relative;display:flex;flex-direction:column;gap:1rem;padding:1.6rem 1.5rem 7rem;border-radius:1.8rem;background:#fff;box-shadow:var(--schatten);overflow:hidden}
.lu-ue-ort-kopf{display:flex;align-items:center;gap:.8rem}
.lu-ue-ort-kopf h3{margin:0;font-size:1.5rem}
.lu-ue-ort.zuhause .lu-ue-i{background:linear-gradient(145deg,#FFE1EC,#FFC2D6)}
.lu-ue-ort-figuren{position:absolute;right:1rem;bottom:0;display:flex;align-items:flex-end;gap:.2rem;height:7rem}
.lu-ue-ort-figuren img{height:100%;width:auto;object-fit:contain}
.lu-ue-sicher .lu-ue-schild{display:flex;flex-direction:column;gap:1.1rem;padding:1.8rem 1.6rem;border-radius:1.8rem;background:#fff;box-shadow:var(--schatten)}
.lu-ue-hinweis{display:flex;gap:.6rem;align-items:flex-start;margin:1.2rem 0 0;padding:.9rem 1.1rem;border-radius:1.2rem;background:var(--creme);color:var(--navy);font-weight:700;line-height:1.5}
.lu-ue-hinweis .lu-i{flex:none;margin-top:.15rem}
.lu-ue-ausblick{background:var(--hell)}
.lu-ue-weg-plan{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:76rem;margin:0 auto;padding:0}
.lu-ue-weg-plan li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.8rem;row-gap:.5rem;padding:1.1rem 1.2rem;border-radius:1.4rem;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1.5px var(--rand);filter:grayscale(.6);opacity:.85}
.lu-ue-weg-plan li.naechstes{filter:none;opacity:1;background:#fff;box-shadow:inset 0 0 0 2px #FFD66B}
.lu-ue-weg-plan li>div{display:flex;flex-direction:column}
.lu-ue-weg-plan strong{font:600 1.15rem var(--font-t)}
.lu-ue-weg-plan li>div span{color:var(--navy-w);font-weight:600;font-size:.95rem}
.lu-ue-weg-plan .lu-pille{grid-column:2;justify-self:start}
.lu-ue-schluss .lu-knoepfe{flex-wrap:wrap}
@media (max-width:980px){.lu-ue-drei{grid-template-columns:1fr}.lu-ue-zwei{grid-template-columns:1fr}.lu-ue-weg-plan{grid-template-columns:1fr 1fr}.lu-ue-koko{height:6rem;top:-3rem}}
@media (max-width:620px){.lu-ue-weg-plan{grid-template-columns:1fr}.lu-ue-plan{flex-direction:column;align-items:flex-start}.lu-ue-ort{padding-bottom:6rem}.lu-ue-ort-figuren{height:5.5rem}}
@media (max-width:980px){.lu-ue-fehler .lu-ue-zettel-rahmen{order:1}}
@media (max-width:620px){.lu-ue-hero{min-height:0;background-image:url(img/welt-mobil.webp?v=0.38.1)}.lu-ue-hero::before{background:radial-gradient(ellipse 95% 60% at 50% 34%,rgba(255,255,255,.9),rgba(255,255,255,.6) 60%,rgba(255,255,255,0) 88%)}
.lu-ue-hero .lu-knoepfe{flex-direction:column;align-items:stretch}.lu-ue-hero .lu-btn{justify-content:center}
.lu-ue-parade{gap:0;padding:1.6rem .5rem 2.4rem}.lu-ue-pf.p1,.lu-ue-pf.p7,.lu-ue-pf.p8{display:none}
.lu-ue-pf{height:5rem;margin:0 -.4rem}.lu-ue-pf.p2,.lu-ue-pf.p6{height:4.6rem;transform:translateY(-1rem);z-index:0}.lu-ue-pf.p3,.lu-ue-pf.p5{height:5.8rem;transform:translateY(-.4rem);z-index:1}.lu-ue-pf.gross{height:7.8rem;margin:0 .05rem}
.lu-ue-schluss .lu-knoepfe{flex-direction:column;align-items:stretch}.lu-ue-schluss .lu-btn-gross{justify-content:center;padding-left:1rem;padding-right:1rem;font-size:1.08rem;white-space:nowrap}}
@media (max-width:620px){.lu-ue-zettel li{grid-template-columns:auto 1fr;row-gap:.2rem}.lu-ue-zettel li .lu-ue-punkte{grid-column:2;grid-row:1;justify-self:end}.lu-ue-zettel li .lu-ue-zf{grid-column:1/-1}.lu-ue-zettel-fuss{padding-right:4.5rem}.lu-ue-zettel-fig{height:8rem;right:-.6rem}}
@media (prefers-reduced-motion:reduce){.lu-ue-pf img,.lu-ue-pf::after,.lu-ue-nadel{animation:none!important}.lu-ue-zettel-rahmen li.wird,.lu-ue-zettel-rahmen li.wird b,.lu-ue-zettel-rahmen li.wird .kommt,.lu-ue-zettel-rahmen li.wird .lu-ue-punkte,.lu-ue-zettel-rahmen .lu-ue-geschafft{animation-duration:.01s!important;animation-delay:0s!important}}
@media (min-width:761px) and (max-width:1100px){.lu-st-name{white-space:normal;overflow:visible;line-height:1.15}}
/* ---------- v0.13: Feedback ---------- */
.lu-fb-knopf{width:100%;border:0;background:none;font:inherit;font-weight:800;cursor:pointer;text-align:left}
.lu-fb .lu-eltern-karte{text-align:left;padding-top:4.4rem}.lu-fb h2,.lu-fb .lu-eltern-x{text-align:center}
.lu-fb{width:min(34rem,calc(100vw - 1.5rem))}
.lu-fb-form{display:grid;gap:.9rem;margin-top:.4rem}
.lu-fb-feld{display:grid;gap:.4rem}.lu-fb-label{font-weight:800;font-size:.95rem}
.lu-fb-sterne{display:flex;gap:.3rem}
.lu-fb-stern{display:grid;place-items:center;width:2.9rem;height:2.9rem;border:0;border-radius:.9rem;background:var(--off);color:#C9D3E2;cursor:pointer;transition:transform .15s,background-color .15s,color .15s}
.lu-fb-stern .lu-i{width:1.5rem;height:1.5rem;fill:currentColor}
.lu-fb-stern.an{background:#FFF4CC;color:#F5B400}.lu-fb-stern:hover{transform:scale(1.08)}
.lu-fb-themen{display:flex;flex-wrap:wrap;gap:.4rem}.lu-fb-themen .lu-i{width:1em;height:1em}
.lu-fb-form textarea{width:100%;min-height:7.5rem;padding:.7rem .9rem;border:2px solid var(--rand);border-radius:1rem;font:600 1rem/1.45 var(--font);color:var(--navy);resize:vertical}
.lu-fb-form textarea:focus{outline:0;border-color:#3B82F6;box-shadow:0 0 0 4px rgba(59,130,246,.18)}
.lu-fb-hinweis{margin:-.3rem 0 0;font-size:.85rem}
.lu-fb-einladung{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem 1.2rem;background:linear-gradient(120deg,#FFFBEF,#fff 60%)}
.lu-fb-einladung h2{margin:0 0 .2rem}.lu-fb-einladung p{margin:0}
.lu-fb-ein-fig{height:5.2rem;width:auto}
@media (max-width:640px){.lu-fb-einladung{grid-template-columns:auto minmax(0,1fr)}.lu-fb-einladung .lu-btn{grid-column:1/-1}.lu-fb-ein-fig{height:4rem}}
.lu-z-fb-hinweis{display:flex;align-items:center;gap:.6rem;padding:.8rem 1.1rem;border-radius:1rem;background:#E9F9F1;box-shadow:inset 0 0 0 2px #9BE0BF;color:#14794F;font-weight:800;text-decoration:none}
.lu-z-fb-hinweis span{flex:1}
.lu-z-fb-liste{display:grid;gap:.7rem;margin-top:.8rem}
.lu-z-fb{padding:1rem 1.1rem;border-radius:1.1rem;background:var(--off);box-shadow:inset 0 0 0 1.5px var(--rand)}
.lu-z-fb.erledigt{opacity:.7}
.lu-z-fb-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .7rem}.lu-z-fb-kopf time{margin-left:auto;color:var(--muted);font-weight:700;font-size:.85rem}
.lu-z-fb-sterne{display:inline-flex;gap:.1rem;color:#D5DCE6}.lu-z-fb-sterne i{display:inline-flex}.lu-z-fb-sterne i.an{color:#F5B400}.lu-z-fb-sterne .lu-i{width:1.1rem;height:1.1rem;fill:currentColor}
.lu-z-fb-lob{background:#DDF5EA;color:#14794F}.lu-z-fb-idee{background:#E1EEFF;color:#1D4ED8}.lu-z-fb-problem{background:#FFE4E4;color:#B42318}.lu-z-fb-frage{background:#FFF4CC;color:#7A4E00}
.lu-z-fb-text{margin:.6rem 0;white-space:pre-wrap;overflow-wrap:anywhere;font-weight:600;line-height:1.5}
.lu-z-fb-fuss{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem}.lu-z-fb-fuss .lu-z-link-knoepfe{margin:0}
.lu-z-fb-wer{color:var(--muted);font-size:.9rem}.lu-z-fb-wer strong{color:var(--navy)}
.lu-z-fb-schnitt{margin:.6rem 0 0;font-weight:700}
/* ---------- v0.13: Schatzkiste ---------- */
.lu-schatz{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1rem;overflow:auto;background:radial-gradient(60% 50% at 50% 38%,rgba(255,214,90,.28),rgba(11,31,68,.86) 70%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:lu-ein-f .3s ease-out both}
.lu-schatz.weg{animation:lu-schatz-weg .25s ease-in both}
@keyframes lu-schatz-weg{to{opacity:0}}
.lu-schatz-innen{display:grid;justify-items:center;gap:.7rem;width:min(30rem,100%);margin:auto;text-align:center;color:#fff}
.lu-schatz h2{margin:0;color:#fff;font-size:clamp(1.5rem,4.5vw,2.2rem);text-shadow:0 .2rem .8rem rgba(0,0,30,.45);animation:lu-karte .5s var(--feder) both}
.lu-schatz-knopf{position:relative;display:block;width:min(15rem,56vw);aspect-ratio:200/170;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:lu-schatz-rein .7s cubic-bezier(.3,1.5,.5,1) both}
.lu-schatz-knopf:disabled{cursor:default}
.lu-schatz-knopf::before{content:"";position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,226,122,.75),rgba(255,213,74,.25) 55%,transparent);opacity:.35;transform:scale(.7);transition:opacity .5s,transform .6s}
.lu-schatz.offen .lu-schatz-knopf::before{opacity:1;transform:scale(1.05);animation:lu-glanz 2.4s ease-in-out .6s infinite}
@keyframes lu-glanz{50%{transform:scale(1.18);opacity:.75}}
@keyframes lu-schatz-rein{from{opacity:0;transform:translateY(40%) scale(.6)}to{opacity:1;transform:none}}
.lu-kiste{position:relative;z-index:1;display:block;width:100%;height:100%;overflow:visible;transform-origin:50% 90%;animation:lu-kiste-wackeln 1.8s ease-in-out .7s infinite}
@keyframes lu-kiste-wackeln{0%,62%,100%{transform:none}68%{transform:rotate(-5deg) translateY(-3%)}74%{transform:rotate(4deg) translateY(-4%)}80%{transform:rotate(-3deg)}86%{transform:rotate(2deg)}}
.lu-schatz.offen .lu-kiste{animation:lu-kiste-hopp .55s cubic-bezier(.3,1.6,.5,1)}
@keyframes lu-kiste-hopp{30%{transform:scale(1.08,.9)}60%{transform:scale(.96,1.06) translateY(-6%)}100%{transform:none}}
.lu-kiste-deckel{transform-box:fill-box;transform-origin:50% 100%;transition:transform .6s cubic-bezier(.3,1.6,.5,1)}
.lu-schatz.offen .lu-kiste-deckel{transform:translateY(-36%) rotate(-11deg) scaleY(.62)}
.lu-kiste-licht{opacity:0;transition:opacity .45s .12s}.lu-schatz.offen .lu-kiste-licht{opacity:1}
.lu-schatz-funken{position:absolute;inset:0;z-index:2;pointer-events:none}
.lu-schatz-funken i{position:absolute;left:50%;top:46%;width:.9rem;height:.9rem;margin:-.45rem;background:#FFD54A;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0}
.lu-schatz-funken i:nth-child(3n){background:#fff;width:.6rem;height:.6rem}.lu-schatz-funken i:nth-child(4n){background:#7FE3D0}
.lu-schatz.offen .lu-schatz-funken i{animation:lu-funke 1s ease-out calc(.25s + var(--v)) both}
@keyframes lu-funke{0%{opacity:1;transform:rotate(var(--w)) translateY(0) scale(.3)}70%{opacity:1}100%{opacity:0;transform:rotate(var(--w)) translateY(calc(var(--d) * -1.6)) scale(1.1) rotate(90deg)}}
.lu-schatz-tipp{margin:0;font-weight:800;color:#FFE27A;animation:lu-tipp 1.4s ease-in-out infinite}
@keyframes lu-tipp{50%{opacity:.55;transform:scale(.97)}}
.lu-funde{display:grid;gap:.55rem;width:100%;margin:0;padding:0;list-style:none}
.lu-fund{display:grid;grid-template-columns:3.6rem minmax(0,1fr);gap:.85rem;align-items:center;padding:.7rem 1rem;border-radius:1.2rem;background:#fff;color:var(--navy);text-align:left;box-shadow:0 1rem 2rem -1rem rgba(0,0,30,.55);animation:lu-fund-rein .55s cubic-bezier(.3,1.5,.5,1) both}
@keyframes lu-fund-rein{from{opacity:0;transform:translateY(-1.6rem) scale(.7)}to{opacity:1;transform:none}}
.lu-fund-bild{display:grid;place-items:center;width:3.6rem;height:3.6rem}
.lu-fund-text{display:grid;gap:.05rem;min-width:0}.lu-fund-text small{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#C27C0E}.lu-fund-text strong{font:600 1.15rem/1.2 var(--font-t)}.lu-fund-text em{font-style:normal;color:var(--muted);font-size:.88rem;line-height:1.35}
.lu-fund .lu-lvl-marke{--g:3.3rem;margin:0}
.lu-fund-muster{width:3.2rem;height:3.2rem;margin:0}
.lu-fund-held{width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 3px 4px rgba(11,31,68,.18))}
.lu-fund-abz{display:grid;place-items:center;width:3.3rem;height:3.3rem;border-radius:50%;background:linear-gradient(145deg,#FFE27A,#F5B400);color:var(--navy);box-shadow:inset 0 0 0 3px rgba(255,255,255,.6)}.lu-fund-abz .lu-i{width:1.6rem;height:1.6rem;stroke-width:2.4}
.lu-fund-serie{position:relative;display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;background:radial-gradient(circle at 50% 70%,#FFE07A,#FF8A3D 60%,#E5482B);color:#fff}
.lu-fund-serie .lu-i{position:absolute;width:2.4rem;height:2.4rem;opacity:.35;stroke-width:2.2}.lu-fund-serie b{position:relative;font:700 1.35rem var(--font-t);text-shadow:0 .1rem .3rem rgba(120,30,0,.5)}
.lu-fund-serie{animation:lu-flackern 1.6s ease-in-out infinite}
@keyframes lu-flackern{50%{box-shadow:0 0 1.2rem .2rem rgba(255,138,61,.55)}}
.lu-schatz-weiter{min-width:12rem;margin-top:.3rem;animation:lu-karte .45s var(--feder) both}
@media (max-height:640px){.lu-schatz-knopf{width:min(10rem,40vw)}.lu-fund{padding:.5rem .8rem}.lu-fund-bild{width:3rem;height:3rem}}
@media (prefers-reduced-motion:reduce){.lu-schatz,.lu-schatz *{animation:none!important;transition:none!important}}
/* Welten: Muster für die Auswahl */
.lu-muster.welt-wiese{background:linear-gradient(180deg,#8FD3FF 0 45%,#6FD690 45% 72%,#5BB8E8 72% 80%,#57C37F 80%)}
.lu-muster.welt-nacht{background:radial-gradient(circle at 72% 28%,#FFF6C8 0 .22rem,rgba(255,246,200,.35) .3rem,transparent .5rem),radial-gradient(circle at 28% 22%,#fff 0 .06rem,transparent .1rem),radial-gradient(circle at 45% 40%,#fff 0 .05rem,transparent .09rem),linear-gradient(180deg,#14214F 0 55%,#1F4A3B 55%)}
/* Glühwürmchen-Schlucht (14.11.2026): Muster, falls das Bild aus dem Daten-Plugin fehlt (sonst liegt das gemalte Bild darüber) */
.lu-muster.welt-schlucht{background:radial-gradient(circle at 30% 42%,#FFF3A0 0 .1rem,rgba(255,226,110,.45) .18rem,transparent .32rem),radial-gradient(circle at 66% 30%,#FFF3A0 0 .08rem,rgba(255,226,110,.4) .16rem,transparent .28rem),radial-gradient(circle at 52% 64%,#9CFFF0 0 .1rem,rgba(120,255,235,.35) .2rem,transparent .36rem),linear-gradient(180deg,#1D3B5C 0 30%,#2B6A55 30% 62%,#14304A 62% 74%,#2E5F3E 74%)}
.lu-muster.welt-schlucht.lu-muster-bild{background-size:cover;background-position:50% 50%;background-repeat:no-repeat}
/* Welt „Mondnacht“: dieselbe Landschaft bei Nacht, mit Mond, Sternen und Glühwürmchen */
.lu-buehne.welt-nacht .lu-kulisse{filter:brightness(.4) saturate(.7) hue-rotate(8deg)}
.lu-buehne.welt-nacht .lu-boden{filter:brightness(.5) saturate(.75)}
.lu-buehne.welt-nacht .lu-graben{filter:brightness(.62) saturate(.85)}
.lu-buehne.welt-nacht .lu-tau-schatten{opacity:.35}
.lu-arena.welt-nacht{background:linear-gradient(180deg,#2B5E45,#1F4834)}
.lu-buehne.welt-nacht::after{background:linear-gradient(rgba(43,94,69,0),#2B5E45)}
.lu-nacht{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,rgba(18,26,82,.55),rgba(18,26,82,.18) 55%,transparent 75%);mix-blend-mode:normal}
.lu-nacht-sterne{position:absolute;inset:0 0 45% 0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.6px),radial-gradient(circle,#FFF6C8 0 1.2px,transparent 2px),radial-gradient(circle,#fff 0 .8px,transparent 1.4px);background-size:97px 83px,151px 127px,61px 57px;background-position:13px 7px,61px 41px,29px 23px;opacity:.85;animation:lu-funkel-himmel 4s ease-in-out infinite alternate}
@keyframes lu-funkel-himmel{to{opacity:.45}}
.lu-nacht-mond{position:absolute;right:9%;top:9%;width:clamp(2.6rem,9cqh,5rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 38%,#FFFBE6,#FFE9A8 60%,#F2D27A);box-shadow:0 0 2rem .6rem rgba(255,240,180,.45),0 0 5rem 1.5rem rgba(255,240,180,.18)}
.lu-nacht-mond::after{content:"";position:absolute;left:58%;top:30%;width:16%;height:16%;border-radius:50%;background:rgba(214,180,100,.45);box-shadow:-1.1em .9em 0 -.05em rgba(214,180,100,.35)}
.lu-nacht-gluehen i{position:absolute;width:.42rem;height:.42rem;border-radius:50%;background:#FFF39A;box-shadow:0 0 .6rem .25rem rgba(255,236,120,.6);opacity:0;animation:lu-gluehwurm 5s ease-in-out infinite}
.lu-nacht-gluehen i:nth-child(1){left:12%;top:58%;animation-delay:-.5s}.lu-nacht-gluehen i:nth-child(2){left:27%;top:66%;animation-delay:-2.1s}.lu-nacht-gluehen i:nth-child(3){left:44%;top:55%;animation-delay:-3.4s}
.lu-nacht-gluehen i:nth-child(4){left:63%;top:62%;animation-delay:-1.2s}.lu-nacht-gluehen i:nth-child(5){left:78%;top:57%;animation-delay:-4.1s}.lu-nacht-gluehen i:nth-child(6){left:90%;top:68%;animation-delay:-2.8s}
@keyframes lu-gluehwurm{0%,100%{opacity:0;transform:translate(0,0)}30%{opacity:.95}50%{transform:translate(.8rem,-1rem)}70%{opacity:.8}85%{transform:translate(-.5rem,-.4rem)}}
@media (prefers-reduced-motion:reduce){.lu-nacht-sterne,.lu-nacht-gluehen i{animation:none}.lu-nacht-gluehen i{opacity:.7}}
/* Serie im Ergebnis und in Mein Bereich */
.lu-serie-zeile{display:inline-flex;align-items:center;gap:.4rem;margin:.5rem auto 0;padding:.3rem .85rem;border-radius:999px;background:linear-gradient(90deg,#FFE7D1,#FFF4CC);color:#9A3A0B;font-weight:800;font-size:.92rem}
.lu-serie-zeile .lu-i{color:#E5482B}
.lu-lohn-serie{display:flex;align-items:center;gap:.8rem;margin:.9rem 0 .2rem;padding:.75rem 1rem;border-radius:1rem;background:linear-gradient(90deg,#FFF1E6,#FFF9E8)}
.lu-lohn-serie .lu-fund-serie{width:3rem;height:3rem;flex:none}.lu-lohn-serie .lu-fund-serie b{font-size:1.15rem}
.lu-lohn-serie strong{display:block;font:600 1.1rem var(--font-t)}.lu-lohn-serie small{color:var(--muted)}
.lu-serien-abz{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 0}
.lu-serien-abz span{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .7rem;border-radius:999px;background:#EEF1F5;color:var(--muted);font-weight:800;font-size:.82rem}
.lu-serien-abz span.hat{background:linear-gradient(90deg,#FF8A3D,#F5B400);color:#fff}
.lu-serien-abz .lu-i{width:1em;height:1em}
.lu-schatzkammer{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.6rem;margin-top:.7rem}
.lu-schatz-ding{display:grid;justify-items:center;gap:.35rem;padding:.8rem .5rem;border-radius:1rem;background:var(--off);text-align:center;font-weight:800;font-size:.9rem}
.lu-schatz-ding .lu-muster{width:2.6rem;height:2.6rem;margin:0}
.lu-schatz-ding small{color:var(--muted);font-weight:700;font-size:.78rem}
.lu-schatz-ding.zu{opacity:.55}.lu-schatz-ding.zu .lu-muster{filter:grayscale(1)}
.lu-schatz-titel{margin:1.3rem 0 .2rem;font:600 1.15rem var(--font-t)}
.lu-schatz-weiter[hidden],.lu-schatz-tipp[hidden]{display:none}
/* ---------- v0.14: Ludiris Entdeckerreise ---------- */
.lu-eb{display:block;width:100%;height:100%;overflow:visible}
.lu-ed-start{min-height:100vh;min-height:100dvh;padding:clamp(.6rem,2vw,1.5rem) clamp(.6rem,2.5vw,2rem) 3rem;background:radial-gradient(120% 70% at 50% 0%,#DDF0FF,#F3FBF5 60%,#EAF7EE)}
.lu-ed-kopf{display:flex;align-items:center;gap:1rem;max-width:76rem;margin:0 auto .9rem;padding:.6rem 1rem;border-radius:1.6rem;background:rgba(255,255,255,.85);box-shadow:var(--schatten)}
.lu-ed-kopf .lu-logo img{height:3.6rem;width:auto}
.lu-ed-kopf-t{flex:1;min-width:0}.lu-ed-kopf-t h1{margin:0;font-size:clamp(1.35rem,3vw,2.2rem);line-height:1.1}
.lu-ed-kicker{display:block;color:#C27C0E;font-weight:800;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.lu-ed-kopf-r{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
.lu-ed-wer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;max-width:76rem;margin:0 auto .6rem}.lu-ed-wer:empty{display:none}
.lu-ed-wer-t{font-weight:800;margin-right:.3rem}
.lu-ed-profil{display:inline-flex;align-items:center;gap:.5rem;min-height:3.2rem;padding:.3rem 1rem .3rem .35rem;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 2px var(--rand);font:800 1rem var(--font);color:var(--navy);cursor:pointer}
.lu-ed-profil img{width:2.6rem;height:2.6rem;border-radius:50%;object-fit:cover;object-position:50% 12%;background:var(--off)}
.lu-ed-profil.an{background:var(--navy);color:#fff;box-shadow:none}
.lu-ed-gruss{display:flex;align-items:center;justify-content:center;gap:.8rem;max-width:76rem;margin:0 auto 1rem}
.lu-ed-gruss-fig{height:clamp(4.5rem,12vh,7rem);width:auto;filter:drop-shadow(0 .5rem .6rem rgba(11,31,68,.18))}
.lu-ed-blase{position:relative;margin:0;padding:.8rem 1.2rem;border-radius:1.3rem;background:#fff;font:600 clamp(1.1rem,2.4vw,1.5rem)/1.3 var(--font-t);box-shadow:var(--schatten)}
.lu-ed-blase::before{content:"";position:absolute;left:-.55rem;top:50%;border:.6rem solid transparent;border-right-color:#fff;border-left:0;transform:translateY(-50%)}
.lu-ed-sprech{display:grid;place-items:center;flex:none;width:3.4rem;height:3.4rem;border:0;border-radius:50%;background:linear-gradient(180deg,#FFD866,#FFC83D);color:var(--navy);box-shadow:0 .4rem 0 #E0A419,0 .8rem 1.2rem -.4rem rgba(224,164,25,.6);cursor:pointer}
.lu-ed-sprech .lu-i{width:1.7rem;height:1.7rem;stroke-width:2.2}
.lu-ed-sprech:active{transform:translateY(.2rem);box-shadow:0 .2rem 0 #E0A419}
.lu-ed-sprech.aus{background:#EEF1F5;box-shadow:0 .3rem 0 #D5DCE6;color:#8A97AB}
.lu-ed-kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));gap:clamp(.7rem,1.6vw,1.2rem);max-width:76rem;margin:0 auto}
.lu-ed-kachel{position:relative;display:grid;justify-items:center;gap:.6rem;padding:1.2rem 1rem 1rem;border:0;border-radius:1.8rem;background:#fff;color:var(--navy);box-shadow:var(--schatten),inset 0 .5rem 0 var(--k,#2F7DF6);cursor:pointer;font:inherit;text-align:center;transition:transform .15s;animation:lu-karte .5s var(--feder) calc(var(--i) * .06s) both}
.lu-ed-kachel:hover{transform:translateY(-.25rem)}.lu-ed-kachel:focus-visible{outline:4px solid #2F7DF6;outline-offset:3px}
.lu-ed-kachel strong{font:600 clamp(1.2rem,2.2vw,1.55rem)/1.15 var(--font-t)}
.lu-ed-kb{display:flex;justify-content:center;align-items:flex-end;gap:.2rem;height:clamp(4.2rem,11vh,6rem)}.lu-ed-kb svg{width:clamp(3.4rem,8vh,5rem);height:100%}
.lu-ed-k-farben{--k:#EF5364}.lu-ed-k-formen{--k:#2F7DF6}.lu-ed-k-mengen{--k:#22B07D}.lu-ed-k-symbole{--k:#FFC83D}.lu-ed-k-muster{--k:#8B5CF6}.lu-ed-k-mix{--k:#FF8A3D}
.lu-ed-k-stufe{display:flex;gap:.25rem}.lu-ed-k-stufe i{width:.6rem;height:.6rem;border-radius:50%;background:#E3E8F0}.lu-ed-k-stufe i.an{background:#F5B400}
.lu-ed-kachel.zu{filter:grayscale(.7);opacity:.65}
.lu-ed-k-schloss{position:absolute;top:.8rem;right:.8rem;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--navy);color:#fff}
.lu-ed-tor h2{font-size:1.3rem}
.lu-ed-tor-zahlen{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:1rem}.lu-ed-tor-zahlen .lu-btn{font-size:1.4rem;min-height:3.4rem}
/* Spielbildschirm */
.lu-ed-spiel{position:fixed;inset:0;z-index:5;display:grid;grid-template-rows:auto minmax(0,1fr);background:url(img/welt.webp?v=0.38.1) center 30%/cover no-repeat;color:var(--navy);overflow:hidden}
.lu-ed-spiel::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.62));pointer-events:none}
.lu-ed-spiel.welt-nacht{background-color:#14214F}.lu-ed-spiel.welt-nacht::before{background:linear-gradient(180deg,rgba(14,22,70,.72),rgba(14,22,70,.55))}
.lu-ed-spiel.lu-ed-ruhig{background:linear-gradient(180deg,#EAF4FF,#F2FAF4)}.lu-ed-spiel.lu-ed-ruhig::before{display:none}
.lu-ed-leiste{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:max(.6rem,env(safe-area-inset-top)) clamp(.6rem,2vw,1.4rem) .4rem}
.lu-ed-rund{display:grid;place-items:center;flex:none;width:3.2rem;height:3.2rem;border:0;border-radius:50%;background:#fff;color:var(--navy);box-shadow:var(--schatten);cursor:pointer}
.lu-ed-rund .lu-i{width:1.4rem;height:1.4rem}
.lu-ed-punkte{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;padding:.45rem .8rem;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:var(--schatten)}
.lu-ed-punkte i{display:grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;background:#E3E8F0}.lu-ed-punkte i.jetzt{background:#fff;box-shadow:inset 0 0 0 3px #2F7DF6}
.lu-ed-punkte i.ok{background:#FFC83D}.lu-ed-punkte i.h{background:#9EC5FF}.lu-ed-punkte .lu-i{width:.95rem;height:.95rem;color:#fff;fill:#fff}
.lu-ed-buehne{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);gap:clamp(.5rem,1.6vh,1rem);width:min(72rem,100%);margin:0 auto;padding:0 clamp(.6rem,2vw,1.4rem) max(.8rem,env(safe-area-inset-bottom));min-height:0}
.lu-ed-auftrag{display:flex;align-items:center;gap:clamp(.5rem,1.4vw,1rem);padding:clamp(.5rem,1.2vh,.8rem) clamp(.7rem,1.6vw,1.2rem);border-radius:1.6rem;background:rgba(255,255,255,.94);box-shadow:var(--schatten)}
.lu-ed-figur{flex:none;height:clamp(3.6rem,11vh,6.5rem);width:auto;filter:drop-shadow(0 .4rem .4rem rgba(11,31,68,.16))}
.lu-ed-auftrag-t{flex:1;min-width:0}
.lu-ed-frage{margin:0;font:600 clamp(1.25rem,3.2vh,2.3rem)/1.2 var(--font-t)}
.lu-ed-hinweis{display:none;align-items:center;gap:.6rem;margin-top:.35rem;font-weight:800;font-size:clamp(.95rem,2vh,1.2rem);color:#1D4ED8}
.lu-ed-hinweis.an,.lu-ed-hinweis:has(.lu-ed-bildhinweis){display:flex}.lu-ed-hinweis.gut{color:#14794F}.lu-ed-hinweis .lu-i{vertical-align:-.15em}
.lu-ed-bildhinweis{display:inline-block;width:clamp(2.6rem,6vh,3.6rem);height:clamp(2.6rem,6vh,3.6rem);flex:none}.lu-ed-bildhinweis.puls{animation:lu-ed-puls .5s ease-in-out 3}
.lu-ed-sprech-gross{width:clamp(3.4rem,8vh,4.6rem);height:clamp(3.4rem,8vh,4.6rem)}.lu-ed-sprech-gross .lu-i{width:55%;height:55%}
.lu-ed-hilfe{background:#FFF7DB;color:#C27C0E}
.lu-ed-reiz{display:none;justify-self:center;max-width:100%;padding:clamp(.4rem,1.2vh,.8rem) 1rem;border-radius:1.6rem;background:rgba(255,255,255,.94);box-shadow:var(--schatten)}
.lu-ed-reiz.da{display:block}
.lu-ed-reiz svg{width:auto;height:clamp(5rem,20vh,12rem);max-width:min(100%,40rem);margin:auto}
.lu-ed-reiz.art-reihe svg{height:clamp(3.6rem,12vh,7.5rem)}.lu-ed-reiz.art-feld svg{height:clamp(4rem,14vh,8rem)}
.lu-ed-reiz.art-ding svg,.lu-ed-reiz.art-form svg{height:clamp(4.5rem,15vh,9rem)}
.lu-ed-reiz.wippe svg{animation:lu-ed-wippe .9s ease-in-out 2}
@keyframes lu-ed-wippe{25%{transform:translateX(-.5rem)}75%{transform:translateX(.5rem)}}
.lu-ed-reiz .gezaehlt{animation:lu-ed-gezaehlt .5s ease-out both}
@keyframes lu-ed-gezaehlt{40%{transform:translateY(-4px)}100%{opacity:1}}
.lu-ed-zahlmarke{font:700 22px Fredoka,Nunito,sans-serif;fill:#0B1F44;stroke:#fff;stroke-width:5px;paint-order:stroke;animation:lu-ein-f .3s ease-out both}
.lu-ed-antworten{display:grid;grid-template-columns:repeat(var(--sp,2),minmax(0,1fr));gap:clamp(.6rem,1.8vw,1.3rem);align-content:center;min-height:0}
.lu-ed-antworten.n2{--sp:2}.lu-ed-antworten.n3{--sp:3}.lu-ed-antworten.n4{--sp:4}
.lu-ed-antwort{position:relative;display:grid;place-items:center;min-width:0;height:clamp(7.5rem,min(30vh,22vw),17rem);padding:clamp(.5rem,1.5vh,1rem);border:4px solid transparent;border-radius:1.8rem;background:#fff;box-shadow:0 .55rem 0 #D9E2EE,0 1rem 1.6rem -.8rem rgba(11,31,68,.3);cursor:pointer;transition:transform .15s,opacity .25s,box-shadow .15s;animation:lu-karte .45s var(--feder) calc(var(--i) * .07s) both;-webkit-tap-highlight-color:transparent}
.lu-ed-antwort svg{width:100%;height:100%;max-height:100%}
.lu-ed-antwort.art-gruppe svg,.lu-ed-antwort.art-form svg,.lu-ed-antwort.art-ding svg{max-width:100%}
.lu-ed-antwort:hover:not(:disabled){transform:translateY(-.2rem)}
.lu-ed-antwort:active:not(:disabled){transform:translateY(.25rem);box-shadow:0 .25rem 0 #D9E2EE}
.lu-ed-antwort:focus-visible{outline:4px solid #2F7DF6;outline-offset:3px}
.lu-ed-antwort:disabled{cursor:default}
.lu-ed-antwort.richtig{border-color:#22B07D;box-shadow:0 .55rem 0 #8DDDB8,0 0 0 .5rem rgba(34,176,125,.18);animation:lu-ed-hurra .55s cubic-bezier(.3,1.6,.5,1)}
.lu-ed-antwort.richtig::after{content:"";position:absolute;top:-.8rem;right:-.8rem;width:2.6rem;height:2.6rem;border-radius:50%;background:#22B07D url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/62% no-repeat;box-shadow:0 .3rem .6rem rgba(0,0,0,.18)}
@keyframes lu-ed-hurra{40%{transform:scale(1.07)}100%{transform:none}}
.lu-ed-antwort.nein{opacity:.42;animation:lu-ed-nein .45s ease-in-out}
@keyframes lu-ed-nein{20%,60%{transform:translateX(-.4rem)}40%,80%{transform:translateX(.4rem)}}
.lu-ed-antwort.weg{opacity:.22;transform:scale(.94)}
.lu-ed-antwort.zeigen{border-color:#FFC83D;box-shadow:0 .55rem 0 #F5B400,0 0 0 .6rem rgba(255,200,61,.35);animation:lu-ed-puls 1s ease-in-out infinite}
@keyframes lu-ed-puls{50%{transform:scale(1.05)}}
.lu-ed-antworten.fertig .lu-ed-antwort:not(.richtig){opacity:.35}
.lu-ed-taste{position:absolute;top:.5rem;left:.6rem;display:none;min-width:1.5rem;padding:0 .35rem;border-radius:.4rem;background:var(--off);color:var(--muted);font:800 .8rem var(--font)}
@media (hover:hover) and (pointer:fine){.lu-ed-taste{display:block}}
.lu-ed-funke{position:absolute;z-index:3;width:1rem;height:1rem;margin:-.5rem;background:#FFC83D;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);pointer-events:none;animation:lu-ed-funke .8s ease-out forwards}
@keyframes lu-ed-funke{from{transform:rotate(var(--w)) translateY(0) scale(.4)}to{transform:rotate(var(--w)) translateY(-5rem) scale(1);opacity:0}}
/* Pause und Erfolgsszene */
.lu-ed-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;overflow:auto;background:rgba(11,31,68,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:lu-ein-f .25s ease-out both}
.lu-ed-ende-karte{position:relative;display:grid;justify-items:center;gap:.6rem;width:min(32rem,100%);margin-top:3.5rem;padding:4.6rem 1.5rem 1.4rem;border-radius:2rem;background:#fff;text-align:center;box-shadow:0 2rem 4rem -1.5rem rgba(0,0,30,.55);animation:lu-karte .45s var(--feder) both}
.lu-ed-ende-fig{position:absolute;left:50%;top:-4rem;height:8.5rem;width:auto;transform:translateX(-50%);filter:drop-shadow(0 .6rem .6rem rgba(11,31,68,.2))}
.lu-ed-ende-karte h2{margin:0;font-size:clamp(1.6rem,4vw,2.2rem)}
.lu-ed-ende-x{margin:0;font-weight:700;font-size:1.1rem}
.lu-ed-ende-sterne{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem}
.lu-ed-ende-sterne i{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:50%;background:#FFC83D;color:#fff;animation:lu-ed-stern .5s cubic-bezier(.3,1.6,.5,1) calc(.3s + var(--i) * .1s) both}
.lu-ed-ende-sterne i.h{background:#9EC5FF}.lu-ed-ende-sterne .lu-i{width:1.4rem;height:1.4rem;fill:#fff}
@keyframes lu-ed-stern{from{opacity:0;transform:scale(.2) rotate(-60deg)}to{opacity:1;transform:none}}
.lu-ed-ende-stufen p{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:.2rem 0;color:#14794F;font-weight:800}
.lu-ed-plus{font:600 1.2rem var(--font-t);color:#C27C0E}.lu-ed-plus:empty{display:none}
.lu-ed-lvl{display:flex;align-items:center;gap:.8rem;width:min(20rem,100%)}.lu-ed-lvl:empty{display:none}.lu-ed-lvl .lu-lvl-marke{--g:3.2rem;margin:0}.lu-ed-lvl .lu-lvl-balken{flex:1}
.lu-ed-ende-gast{margin:0;font-size:.9rem}
.lu-ed-ende .lu-knoepfe{margin-top:.4rem}
/* Bedienhilfen */
.lu-ed-gross .lu-ed-antwort{height:clamp(9.5rem,min(36vh,26vw),20rem);border-width:5px}.lu-ed-gross .lu-ed-antworten{gap:clamp(1rem,2.6vw,2rem)}.lu-ed-gross .lu-ed-rund{width:3.8rem;height:3.8rem}
.lu-ed-gross .lu-ed-kachel{padding:1.6rem 1rem 1.3rem}
.lu-ed-kontrast .lu-ed-antwort,.lu-ed-kontrast .lu-ed-auftrag,.lu-ed-kontrast .lu-ed-reiz,.lu-ed-kontrast .lu-ed-kachel{background:#fff;border-color:#0B1F44;box-shadow:0 0 0 3px #0B1F44}
.lu-ed-kontrast .lu-ed-antwort.richtig{box-shadow:0 0 0 6px #0E7A4E}.lu-ed-kontrast .lu-ed-frage{color:#000}.lu-ed-kontrast.lu-ed-spiel::before{background:rgba(255,255,255,.88)}
.lu-ed-wenig *,.lu-ed-wenig *::before,.lu-ed-wenig *::after{animation:none!important;transition:none!important}
/* Einstellungen */
.lu-ed-e-dlg{width:min(46rem,calc(100vw - 1rem));max-height:calc(100dvh - 1rem);padding:0;border:0;border-radius:1.6rem;color:var(--navy);box-shadow:0 2rem 4rem -1rem rgba(0,0,30,.5)}
.lu-ed-e-dlg::backdrop{background:rgba(11,31,68,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.lu-ed-e-karte{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100dvh - 1rem)}
.lu-ed-e-kopf{position:relative;padding:1rem 4rem 0 1.4rem}.lu-ed-e-kopf h2{margin:0;font-size:1.4rem}.lu-ed-e-kopf .lu-eltern-zu{top:.7rem}
.lu-ed-e{overflow:auto;padding:.4rem 1.4rem 1rem}
.lu-ed-e section{padding:.9rem 0;border-bottom:1px solid var(--rand)}.lu-ed-e h3{margin:0 0 .4rem;font:600 1.15rem var(--font-t)}
.lu-ed-e .lu-z-schalter{margin-top:.6rem}
.lu-ed-e-label{margin:.7rem 0 .35rem;font-weight:800}
.lu-ed-e-bereiche{display:grid;gap:.5rem;margin:.5rem 0}
.lu-ed-e-b{display:grid;grid-template-columns:minmax(0,1.4fr) auto auto minmax(0,1fr) minmax(0,1fr);align-items:center;gap:.4rem .8rem;padding:.6rem .8rem;border-radius:1rem;background:var(--off)}
.lu-ed-e-an{display:flex;align-items:center;gap:.5rem}.lu-ed-e-an input{width:1.25rem;height:1.25rem;accent-color:#3B82F6}
.lu-ed-e-jetzt{font-weight:800;font-size:.85rem;color:var(--muted);white-space:nowrap}
.lu-ed-e-punkte{display:flex;gap:.2rem}.lu-ed-e-punkte i{width:.6rem;height:.6rem;border-radius:50%;background:#D5DCE6}.lu-ed-e-punkte i.ok{background:#22B07D}.lu-ed-e-punkte i.h{background:#9EC5FF}
.lu-ed-e-sel{display:grid;gap:.1rem;font-size:.75rem;font-weight:800;color:var(--muted)}.lu-ed-e-sel select{width:100%;min-width:0;min-height:2.4rem;padding:.2rem .5rem;border:2px solid var(--rand);border-radius:.7rem;background:#fff;font:700 .9rem var(--font);color:var(--navy)}
.lu-ed-e-hinweis{margin:.6rem 0 0;font-size:.85rem}
.lu-ed-e-fuss{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:.8rem 1.4rem;border-top:1px solid var(--rand)}.lu-ed-e-fuss .lu-meldung{margin:0}
@media (max-width:900px){.lu-ed-antworten.n4{--sp:2}.lu-ed-antwort{height:clamp(6.5rem,min(22vh,34vw),13rem)}.lu-ed-gross .lu-ed-antwort{height:clamp(8rem,min(26vh,40vw),15rem)}}
@media (max-width:560px){
.lu-ed-kopf{gap:.5rem;padding:.5rem .7rem}.lu-ed-kopf .lu-logo img{height:2.6rem}.lu-ed-nur-breit,.lu-ed-erw span{display:none}
.lu-ed-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}.lu-ed-kachel{padding:.9rem .5rem .8rem;border-radius:1.4rem}.lu-ed-kb{height:3.6rem}.lu-ed-kb svg{width:2.9rem}
.lu-ed-gruss-fig{height:4rem}.lu-ed-blase{font-size:1rem;padding:.6rem .9rem}
.lu-ed-antworten.n3{--sp:2;gap:.7rem}.lu-ed-antwort{border-radius:1.3rem;height:clamp(6rem,min(22vh,40vw),11rem)}
.lu-ed-antworten.n3 .lu-ed-antwort{height:clamp(6rem,min(19vh,40vw),10rem)}.lu-ed-antworten.n3 .lu-ed-antwort:nth-child(3){grid-column:1/-1;justify-self:center;width:calc(50% - .35rem)} /* drei Antworten am Handy: zwei oben, eine mittig darunter (größere Bilder) */
.lu-ed-auftrag{border-radius:1.2rem}.lu-ed-figur{height:3.2rem}
.lu-ed-e-b{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:.6rem}.lu-ed-e-an{grid-column:1/-1}.lu-ed-e{padding-left:.9rem;padding-right:.9rem}}
/* Handy quer: alles auf eine Bildschirmhöhe, Antworten füllen den Rest, Zählbild neben die Antworten */
@media (max-height:520px) and (orientation:landscape){
.lu-ed-figur{display:none}
.lu-ed-leiste{padding-top:max(.35rem,env(safe-area-inset-top));padding-bottom:.2rem}.lu-ed-rund{width:2.6rem;height:2.6rem}
.lu-ed-punkte{padding:.3rem .6rem}.lu-ed-punkte i{width:1.1rem;height:1.1rem}
.lu-ed-buehne{gap:.45rem;padding:0 max(.7rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.7rem,env(safe-area-inset-left))}
.lu-ed-auftrag{padding:.3rem .5rem .3rem .9rem;border-radius:1.1rem}.lu-ed-frage{font-size:1.15rem}
.lu-ed-sprech-gross,.lu-ed-gross .lu-ed-rund.lu-ed-sprech-gross{width:2.8rem;height:2.8rem}.lu-ed-auftrag .lu-ed-rund{width:2.8rem;height:2.8rem}
.lu-ed-hinweis{margin-top:.1rem;font-size:.9rem}.lu-ed-bildhinweis{width:2.2rem;height:2.2rem}
.lu-ed-reiz{padding:.3rem .7rem;border-radius:1.1rem}.lu-ed-reiz svg,.lu-ed-reiz.art-reihe svg{height:clamp(3rem,15vh,4.6rem)}
.lu-ed-antworten{grid-auto-rows:minmax(0,1fr);align-content:stretch;gap:.6rem}
.lu-ed-antworten.n2{--sp:2}.lu-ed-antworten.n3{--sp:3}.lu-ed-antworten.n4{--sp:4}
.lu-ed-antwort,.lu-ed-gross .lu-ed-antwort,.lu-ed-antworten.n3 .lu-ed-antwort{height:100%;max-height:13rem;align-self:center;border-radius:1.2rem;box-shadow:0 .35rem 0 #D9E2EE,0 .6rem 1rem -.6rem rgba(11,31,68,.3)}
.lu-ed-buehne.mit-reiz{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
.lu-ed-buehne.mit-reiz .lu-ed-auftrag{grid-column:1/-1}
.lu-ed-buehne.mit-reiz .lu-ed-reiz{grid-row:2;display:grid;place-items:center;align-self:stretch;min-height:0;padding:.4rem}
.lu-ed-buehne.mit-reiz .lu-ed-antworten{grid-row:2;grid-column:2}
.lu-ed-buehne.mit-reiz .lu-ed-reiz svg{width:min(34vw,15rem);height:100%;max-height:15rem}
.lu-ed-buehne.mit-reiz .lu-ed-antworten.n4{--sp:2}
}
/* Startseite: Karte Entdeckerreise */
.lu-spielkarte-ed{margin-top:1.4rem}
.lu-ed-vorschau{position:relative;display:grid;place-items:center;min-height:16rem;background:radial-gradient(120% 90% at 30% 20%,#E6F4FF,#EAF8EE 60%,#FFF6DD);overflow:hidden;text-decoration:none}
.lu-ed-vorschau-fig{position:absolute;left:6%;bottom:6%;height:62%;width:auto;filter:drop-shadow(0 .6rem .6rem rgba(11,31,68,.18))}
.lu-ed-vorschau-bilder{display:grid;grid-template-columns:repeat(3,clamp(3.4rem,7vw,5.2rem));gap:clamp(.5rem,1.4vw,1rem);margin-left:28%}
.lu-ed-vorschau-bilder i{display:block;aspect-ratio:1;padding:.4rem;border-radius:1.1rem;background:#fff;box-shadow:0 .4rem 0 #D9E2EE;animation:lu-ed-schweben 3.4s ease-in-out calc(var(--i) * -.55s) infinite}
@keyframes lu-ed-schweben{50%{transform:translateY(-.4rem)}}
@media (max-width:760px){.lu-ed-vorschau{min-height:12rem}.lu-ed-vorschau-bilder{margin-left:34%}}
@media (prefers-reduced-motion:reduce){.lu-ed-vorschau-bilder i{animation:none}}
.lu-ed-antwort>svg{position:absolute;left:8%;top:8%;width:84%;height:84%}
.lu-ed-antwort.art-zahl>svg,.lu-ed-antwort.art-farbe>svg{left:12%;top:10%;width:76%;height:80%}
.lu-ed-auftrag{grid-row:1}.lu-ed-reiz{grid-row:2}.lu-ed-antworten{grid-row:3}
@media (max-width:560px){.lu-ed-punkte{gap:.22rem;padding:.35rem .55rem}.lu-ed-punkte i{width:1.05rem;height:1.05rem}.lu-ed-punkte .lu-i{width:.75rem;height:.75rem}.lu-ed-punkte{flex-wrap:nowrap}.lu-ed-punkte.viele{gap:.12rem;padding:.35rem .45rem}.lu-ed-punkte.viele i{width:.8rem;height:.8rem}.lu-ed-punkte.viele .lu-i{width:.58rem;height:.58rem}
.lu-ed-antworten.n2 .lu-ed-antwort{height:clamp(8rem,min(28vh,46vw),13rem)}.lu-ed-rund{width:2.8rem;height:2.8rem}}
.lu-ed-b-liste{display:grid;gap:.5rem;margin:.4rem 0 .8rem}
.lu-ed-b-z{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(8rem,auto);align-items:center;gap:.8rem;padding:.5rem .8rem;border-radius:.9rem;background:var(--off)}
.lu-ed-b-z small{color:var(--muted);font-weight:700}
@media (max-width:560px){.lu-ed-b-z{grid-template-columns:1fr auto}.lu-ed-b-z small{grid-column:1/-1}}

/* 0.14.2 Multiplayer: Mitmachen mit Code (Einstellungen, Schritt 1) */
.lu-code-mit{display:flex;align-items:center;gap:.9rem;margin:0;padding:.85rem 1.1rem;background:rgba(230,249,245,.94);border:2px dashed rgba(20,184,166,.5);border-radius:var(--r-karte)}
.lu-code-mit .lu-modus-i{flex:none;background:#fff;color:var(--teal-d)}
.lu-code-mit-text{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}
.lu-code-mit-text strong{font-family:var(--font-t);font-weight:600;font-size:1.05rem;color:var(--navy)}
.lu-code-mit-text small{color:var(--muted);font-weight:600;font-size:.9rem}
.lu-code-mit .lu-btn{flex:none;white-space:nowrap}
@media (max-width:560px){.lu-code-mit{flex-wrap:wrap}.lu-code-mit .lu-btn{width:100%;justify-content:center}}

/* 0.15 Multiplayer mit eigenen Geräten: volle Spielansicht, Fanbank, Comeback, Lehrer-Bildschirm */
.lu-mp-ort{min-height:100vh;min-height:100dvh}
.lu-m[hidden]{display:none}
.lu-netz-info{display:flex;flex-direction:column;align-items:center;gap:.1rem;margin-top:.6rem;padding:.45rem .8rem;border-radius:1rem;background:rgba(255,255,255,.92);box-shadow:0 .3rem .8rem -.3rem rgba(11,31,68,.35);text-align:center;color:var(--navy)}
.lu-netz-info b{font-family:var(--font-t);font-weight:600;font-size:1.05rem}
.lu-netz-info small{font-weight:700;color:var(--muted);font-size:.82rem}
.lu-netz-info.gefahr{background:#FFE7E2;box-shadow:0 0 0 2px var(--koralle)}
.lu-netz-info:empty{display:none}
.lu-netz-um{font-family:var(--font-t);font-size:clamp(2rem,6vw,4rem);color:#fff;text-shadow:0 .3rem 1rem rgba(11,31,68,.55)}
.lu-arena.lu-netz-tausch{--blau:#EF5364;--blau-d:#BF2A42;--rot:#2F7DF6;--rot-d:#1858C8}
.lu-mp-etappe{position:absolute;left:50%;top:24%;transform:translateX(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem 1.6rem;border-radius:var(--r-karte);background:rgba(255,255,255,.97);box-shadow:var(--schatten);text-align:center;max-width:min(92vw,34rem);animation:lu-mp-rein .35s ease-out}
.lu-mp-etappe strong{font-family:var(--font-t);font-weight:600;font-size:1.5rem;color:var(--navy)}
.lu-mp-etappe small{font-weight:700;color:var(--muted)}
@keyframes lu-mp-rein{from{opacity:0;transform:translate(-50%,-.6rem)}}
.lu-mp-ergebnis .lu-mp-ich{font-weight:800;color:var(--navy);margin:.3rem 0 .6rem;text-align:center}
.lu-mp-ergebnis .lu-sieger img{max-height:9rem}
.lu-mp-rang{margin:.5rem auto 1rem;max-width:26rem}
.lu-m-karte.lu-mp-ergebnis{text-align:center}
.lu-mp-cb-karte{display:grid;gap:.5rem;justify-items:center;padding:1rem;border-radius:var(--r-karte);background:var(--creme);margin:.6rem 0}
.lu-mp-cb-titel{display:flex;align-items:center;gap:.4rem;font-family:var(--font-t);font-weight:600;font-size:1.4rem;color:var(--navy);margin:0}
.lu-mp-cb-aufgabe{font-family:var(--font-t);font-weight:600;font-size:clamp(1.8rem,7vw,2.8rem);color:var(--navy)}
.lu-mp-cb-karte .lu-anzeige{min-width:8rem}
.lu-mp-cb-tasten{width:min(100%,20rem)}
.lu-mp-cb-bald,.lu-mp-cb-fertig{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1rem;border-radius:1rem;background:var(--mint);font-weight:800;color:var(--navy);margin:.6rem 0}
.lu-mp-cb-bald b{font-family:var(--font-t);font-size:1.6rem}
.lu-mp-zu-szene{position:relative;height:min(46vh,22rem);border-radius:var(--r-karte);overflow:hidden;margin:.6rem 0}
.lu-mp-zu-szene .lu-buehne{position:absolute;inset:0}
.lu-tafel-wahl{display:flex;align-items:flex-start;gap:.7rem;margin:0;padding:.7rem 1rem;border-radius:var(--r-feld);background:rgba(255,255,255,.75);cursor:pointer;font-size:.92rem;color:var(--navy)}
.lu-tafel-wahl input{width:1.15rem;height:1.15rem;margin-top:.15rem;accent-color:var(--navy);flex:none}
.lu-tafel-wahl span{display:flex;flex-direction:column;gap:.1rem}
.lu-tafel-wahl small{color:var(--muted);font-weight:600}
.lu-g-mehr{display:flex;align-items:center;gap:.4rem;margin:.7rem auto 0;font-weight:800}
.lu-g-plaetze.acht{max-height:none}
.lu-lw-tafel .lu-g-karte{text-align:center}
.lu-lw-stand{display:flex;align-items:center;justify-content:center;gap:1rem;font-family:var(--font-t);font-weight:600;font-size:clamp(1.3rem,2.6vw,2.2rem);color:var(--navy)}
.lu-lw-stand .blau{color:var(--blau)}.lu-lw-stand .rot{color:var(--rot)}
.lu-lw-stand b{font-size:1.3em}
.lu-lw-gross{font-family:var(--font-t);font-weight:600;font-size:clamp(1.3rem,2.6vw,2.2rem);color:var(--navy)}
.lu-lw-teamlisten{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;width:100%}
.lu-lw-teamliste{display:grid;gap:.25rem;align-content:start}
.lu-lw-z{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:.5rem;padding:.2rem .6rem;border-radius:.7rem;background:rgba(255,255,255,.92);font-weight:700;color:var(--navy)}
.lu-lw-teamliste.blau .lu-lw-z{box-shadow:inset .3rem 0 0 var(--blau)}.lu-lw-teamliste.rot .lu-lw-z{box-shadow:inset .3rem 0 0 var(--rot)}
.lu-lw-z img,.lu-lw-rang img{width:2rem;height:2rem;object-fit:contain}
.lu-lw-z.offline,.lu-lw-rang li.offline{opacity:.55}
.lu-lw-rang{list-style:none;margin:0;padding:0;display:grid;gap:.3rem;width:100%;grid-template-columns:1fr}
.lu-lw-rang.viele{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}
.lu-lw-rang li{display:grid;grid-template-columns:1.8rem 2rem minmax(0,1fr) auto auto;align-items:center;gap:.5rem;padding:.3rem .7rem;border-radius:.8rem;background:rgba(255,255,255,.94);font-weight:700;color:var(--navy)}
.lu-lw-rang li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lu-lw-rang li em{font-style:normal;font-family:var(--font-t);font-weight:600}
.lu-lw-rang li small{color:var(--muted)}
.lu-lw-rang li.p1{background:#FFF3C4}.lu-lw-rang li.p2{background:#EEF2F7}.lu-lw-rang li.p3{background:#FCE8DA}
.lu-lw-rang li.gefahr{background:#FFE1DA;box-shadow:inset 0 0 0 2px var(--koralle)}
.lu-lw-rang li.schutz{box-shadow:inset 0 0 0 2px var(--teal)}
.lu-lw-rang.etappe li{grid-template-columns:1.8rem 2rem minmax(0,1fr) auto}
.lu-lw-bank{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.7rem;padding:.5rem .7rem;border-radius:1rem;background:rgba(255,255,255,.8)}
.lu-lw-fan{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:700;color:var(--muted)}
.lu-lw-fan img{width:1.6rem;height:1.6rem;object-fit:contain}
.lu-lw-cb{display:inline-flex;align-items:center;gap:.4rem;margin:.4rem 0 0;padding:.35rem .8rem;border-radius:99px;background:var(--mint);font-weight:800;color:var(--navy)}
.lu-lw-banner{font-size:1.15rem}
/* =====================================================================================
   GEOGRAPHIE „Entdecke unsere Erde!“ (Start mit Spielkacheln, Spiel nutzt die Bausteine der Entdeckerreise)
   ===================================================================================== */
.lu-geo-start{min-height:100vh;min-height:100dvh;padding:clamp(.6rem,2vw,1.5rem) clamp(.6rem,2.5vw,2rem) 3rem;background:linear-gradient(180deg,rgba(221,240,255,.82),rgba(243,251,245,.92) 55%),url(img/welt.webp?v=0.38.1) center top/cover fixed}
.lu-geo-unter{max-width:76rem;margin:-.3rem auto .8rem;text-align:center;font:600 clamp(1.05rem,2.2vw,1.35rem)/1.3 var(--font-t);color:#1E3A6E}
.lu-geo-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(17.5rem,100%),1fr));gap:clamp(.8rem,1.8vw,1.3rem);max-width:76rem;margin:0 auto}
.lu-geo-kachel{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border-radius:1.7rem;background:#fff;box-shadow:0 .6rem 0 #DCE6F2,var(--schatten);animation:lu-ein-f .35s ease-out both;animation-delay:calc(var(--i) * 40ms)}
.lu-geo-kachel.bald{background:#F6F8FC;box-shadow:0 .4rem 0 #E3E8F0}
.lu-geo-k-bild{display:grid;place-items:center;height:9.5rem;padding:.7rem;background:linear-gradient(180deg,#DFF1FF,#F2F9FF)}
.lu-geo-kachel.bald .lu-geo-k-bild{background:#EEF2F8}
.lu-geo-k-text{display:flex;flex-direction:column;gap:.35rem;padding:.9rem 1rem 1rem}
.lu-geo-k-text h2{margin:0;font-size:1.3rem}
.lu-geo-k-text p{flex:1;margin:0;color:var(--muted);font-weight:700;font-size:.95rem;line-height:1.35}
.lu-geo-k-fuss{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.3rem}
.lu-geo-k-fuss .lu-geo-los{margin-left:auto}
.lu-geo-k-stufe{display:flex;align-items:center;gap:.4rem;font-weight:800;color:var(--muted)}
.lu-geo-k-punkte{display:flex;gap:.2rem}.lu-geo-k-punkte i{width:.62rem;height:.62rem;border-radius:50%;background:#DCE3EE}.lu-geo-k-punkte i.an{background:#22B07D}
.lu-geo-k-bald{padding:.25rem .7rem;border-radius:999px;background:#E3E8F0;color:var(--muted);font-weight:800;font-size:.85rem}
.lu-geo-k-fehler{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:999px;background:#FFF4CC;color:#8A5A00;font-weight:800;font-size:.85rem}.lu-geo-k-fehler .lu-i{width:1rem;height:1rem}
/* Vorschau in den Kacheln */
.lu-geo-vor{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;height:100%}
.lu-geo-vor.flaggen img{width:30%;border-radius:.35rem;box-shadow:0 .3rem .6rem rgba(11,31,68,.2)}.lu-geo-vor.flaggen img:nth-child(2){transform:translateY(-.5rem) rotate(-4deg)}
.lu-geo-vor.staedte img,.lu-geo-vor.mix img{width:34%;border-radius:.35rem;box-shadow:0 .3rem .6rem rgba(11,31,68,.2)}
.lu-geo-vor b{font:600 1.7rem var(--font-t);color:var(--navy)}.lu-geo-vor small{font:600 1.7rem var(--font-t);color:#C27C0E}
.lu-geo-k-bild>.lu-geo-vor{height:8.1rem}.lu-geo-vor.karte svg{width:100%;height:100%}
.lu-geo-vor.karte.welt.wo .lu-geo-l{--f:#B7E3A8!important}
/* Platzhalterbild (bis die Grafik aus der Designliste da ist) */
.lu-geo-platz{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;width:100%;height:100%;min-height:5rem;padding:.6rem;border:2px dashed #9DB0C9;border-radius:1rem;background:repeating-linear-gradient(45deg,#F3F6FA 0 12px,#EAEFF6 12px 24px);color:#5A6B85;text-align:center}
.lu-geo-platz-t{font-weight:800;font-size:.9rem}.lu-geo-platz small{font-weight:700;font-size:.72rem;opacity:.8}
/* Start-Dialog eines Spiels */
.lu-geo-start-karte{position:relative;padding:1.4rem clamp(1rem,3vw,1.8rem) 1.4rem;max-height:calc(100dvh - 1rem);overflow:auto}
.lu-geo-start-inhalt{display:grid;gap:1rem}
.lu-geo-start-kopf{display:grid;grid-template-columns:8rem minmax(0,1fr);align-items:center;gap:1rem;padding-right:2.5rem}
.lu-geo-start-kopf .lu-geo-vor{height:6rem;border-radius:1rem;background:#EAF5FF;padding:.4rem}
.lu-geo-start-kopf .lu-geo-vor b,.lu-geo-start-kopf .lu-geo-vor small{font-size:1.2rem}.lu-geo-start-kopf h2{margin:0;font-size:1.6rem}.lu-geo-start-kopf p{margin:.2rem 0 0}
.lu-geo-feld{display:grid;gap:.45rem}.lu-geo-feld>strong{font:600 1.1rem var(--font-t)}
.lu-geo-chips{flex-wrap:wrap;overflow:visible}.lu-geo-chips .lu-z-chip{min-height:2.9rem;padding:.4rem 1rem;font-size:1rem}
.lu-geo-fehler-los .lu-i{color:#C27C0E}
/* Spiel */
.lu-geo-spiel .lu-ed-buehne{grid-template-rows:auto auto minmax(0,1fr)}
.lu-geo-leiste-m{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:0}
.lu-geo-spielname{padding:.15rem .8rem;border-radius:999px;background:rgba(255,255,255,.9);font-weight:800;font-size:.85rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70vw}
.lu-geo-flagge{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:.45rem;box-shadow:0 0 0 1px rgba(11,31,68,.12),0 .3rem .8rem -.2rem rgba(11,31,68,.3);background:#fff;-webkit-user-drag:none;user-select:none}
.lu-geo-reiz .lu-geo-flagge.gross{width:auto;height:clamp(6rem,24vh,13rem)}
.lu-geo-reiz.klein{padding:.4rem}.lu-geo-reiz.klein .lu-geo-flagge{width:auto;height:clamp(2.8rem,8vh,4.2rem)}
.lu-geo-reiz.karte{position:relative;width:min(48rem,100%);padding:.5rem}
.lu-geo-reiz.karte svg.lu-geo-karte{width:100%;height:auto;max-height:clamp(10rem,32vh,22rem);margin:auto}
.lu-geo-reiz .lu-geo-flagge.ecke{position:absolute;right:.7rem;bottom:.7rem;width:4.2rem}
.lu-geo-reiz.kompass svg.lu-geo-kompass{width:clamp(7rem,22vh,11rem);height:auto}
.lu-geo-stadtname{display:flex;align-items:center;gap:.5rem;padding:.3rem .8rem;font:600 clamp(1.6rem,4.5vh,2.6rem) var(--font-t)}.lu-geo-stadtname .lu-i{width:1.6rem;height:1.6rem;color:#E0475B}
.lu-geo-antworten.n2,.lu-geo-antworten.n4{--sp:2}.lu-geo-antworten.n3{--sp:3}
@media (min-width:900px){.lu-geo-antworten.n4{--sp:4}}
.lu-geo-antwort.text{height:clamp(4.6rem,min(15vh,12vw),7.5rem);display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.5rem .8rem}
.lu-geo-atext{font:600 clamp(1.15rem,2.6vh,1.7rem)/1.15 var(--font-t);color:var(--navy);text-align:center;overflow-wrap:anywhere;hyphens:auto}
.lu-geo-antwort .lu-geo-flagge.mini{width:2.6rem;flex:none}
.lu-geo-antworten.flaggen .lu-geo-antwort{height:clamp(7rem,min(26vh,20vw),14rem)}
.lu-geo-antworten.flaggen .lu-geo-antwort .lu-geo-flagge{position:absolute;inset:0;margin:auto;width:auto;height:auto;max-width:calc(100% - 1.8rem);max-height:calc(100% - 1.8rem);aspect-ratio:auto}
.lu-geo-kfarbe{width:1.1rem;height:1.1rem;flex:none;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(11,31,68,.15)}
/* Karte als Antwortfläche */
.lu-geo-buehne.mit-karte{grid-template-rows:auto auto minmax(0,1fr)}
.lu-geo-antworten.karte{display:flex;justify-content:center;align-items:stretch;min-height:0}
.lu-geo-kartenrahmen{display:flex;align-items:center;justify-content:center;width:100%;max-width:min(80rem,100%);min-height:0;padding:clamp(.3rem,1vh,.6rem);border-radius:1.6rem;background:rgba(255,255,255,.94);box-shadow:var(--schatten)}
.lu-geo-kartenrahmen svg.lu-geo-karte{width:100%;height:100%;max-height:100%;min-height:0}
.lu-geo-kartenrahmen.de svg.lu-geo-karte{max-width:min(100%,32rem)}
.lu-geo-karte{display:block;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
.lu-geo-karte *{-webkit-tap-highlight-color:transparent}
.lu-geo-karte .tippbar:focus{outline:none}
.lu-geo-karte.gezoomt{cursor:grab}.lu-geo-karte.gezoomt:active{cursor:grabbing}
.lu-geo-wasser{fill:#A9DCF7}
.lu-geo-karte.gezoomt{background:#A9DCF7;border-radius:1rem}.lu-geo-karte.de.gezoomt{background:transparent}
/* Ozeane und Meere: keine Linien im Wasser. Beim Überfahren wird das Meer unter der Maus etwas dunkler. */
.lu-geo-oz{fill:transparent;stroke:none}
.ebene-ozeane .lu-geo-oz.tippbar{cursor:pointer;fill:rgba(11,31,68,0);transition:fill .18s ease}
.ebene-ozeane .lu-geo-wasser.tippbar-wasser{cursor:pointer}
.ebene-ozeane .lu-geo-l{cursor:default}
@media (hover:hover){.ebene-ozeane .lu-geo-oz.tippbar:hover{fill:rgba(11,31,68,.16)}}
.ebene-ozeane .lu-geo-oz.tippbar:focus-visible{fill:rgba(47,125,246,.3);outline:none}
.lu-geo-karte .lu-geo-oz.richtig{fill:rgba(34,176,125,.6)!important}
.lu-geo-karte .lu-geo-oz.nein{fill:rgba(255,255,255,.45)!important}
.lu-geo-karte .lu-geo-oz.zeigen{fill:rgba(255,200,61,.7)!important}
.lu-geo-karte .lu-geo-oz.leuchtet{fill:rgba(255,138,61,.75)!important;stroke:none}
.lu-geo-l{fill:var(--f,#cfd8e3);stroke:#fff;stroke-width:.35;stroke-linejoin:round}
.ebene-ozeane .lu-geo-l{fill:#E9DFC9}
.ebene-laender .lu-geo-l{fill:#E8E1CC;stroke:#B9AE90;stroke-width:.3}
.lu-geo-l.tippbar{cursor:pointer}
.ebene-kontinente .lu-geo-l.tippbar:hover,.ebene-kontinente .lu-geo-l.tippbar:focus-visible{filter:brightness(1.08) saturate(1.2);outline:none}
.ebene-laender .lu-geo-l.tippbar:hover,.ebene-laender .lu-geo-l.tippbar:focus-visible{fill:#FFE08A;outline:none}
.lu-geo-l.aus,.lu-geo-oz.aus{opacity:.35;pointer-events:none}
.ebene-kontinente .lu-geo-l.aus{fill:#D7DEE7}
.lu-geo-karte .richtig{fill:#22B07D!important;opacity:1}
.lu-geo-karte .nein{fill:#9EC5FF!important}
.lu-geo-karte .zeigen{fill:#FFC83D!important;animation:lu-geo-blink 1s ease-in-out infinite}
@keyframes lu-geo-blink{50%{opacity:.55}}
.lu-geo-karte.mit-leuchten .lu-geo-l,.lu-geo-karte.mit-leuchten .lu-geo-bl{fill:#E6EBF1}
.lu-geo-karte .leuchtet{fill:#FF8A3D!important;stroke:#fff}
.lu-geo-bl{stroke:#fff;stroke-width:1.6;stroke-linejoin:round;fill:#B7DCA6}
.lu-geo-bl.f1{fill:#A8D3E8}.lu-geo-bl.f2{fill:#F4D58D}.lu-geo-bl.f3{fill:#E8B4C8}.lu-geo-bl.f4{fill:#C7B8EC}.lu-geo-bl.f5{fill:#F2BE9A}
.lu-geo-bl.tippbar{cursor:pointer}.lu-geo-bl.tippbar:hover,.lu-geo-bl.tippbar:focus-visible{filter:brightness(1.07) saturate(1.3);stroke:#0B1F44;stroke-width:2.2;outline:none}
.lu-geo-bl.aus{fill:#E3E8EF!important;opacity:.7}
.lu-geo-stadt circle{fill:#0B1F44;stroke:#fff;stroke-width:2;pointer-events:none}.lu-geo-stadt.gross circle{fill:#E0475B}
.lu-geo-stadt text{font:700 22px Nunito,sans-serif;fill:#0B1F44;stroke:#fff;stroke-width:5px;paint-order:stroke;pointer-events:none}
.lu-geo-kompass .rand{fill:#fff;stroke:#0B1F44;stroke-width:5}
.lu-geo-kompass text{font:700 30px Fredoka,Nunito,sans-serif;fill:#7A889E;text-anchor:middle}.lu-geo-kompass text.an{fill:#E0475B}
.lu-geo-kompass .nadel{fill:#E0475B}.lu-geo-kompass .mitte{fill:#0B1F44}
.lu-geo-gelernt{display:flex;align-items:center;gap:.4rem;margin:0;color:#14794F;font-weight:800}
.lu-geo-merken{margin:0}
.lu-geo-komp{width:100%;border-collapse:collapse;font-size:.95rem}.lu-geo-komp th,.lu-geo-komp td{padding:.35rem .5rem;border-bottom:1px solid var(--rand);text-align:left}.lu-geo-komp td+td,.lu-geo-komp th+th{text-align:right;white-space:nowrap}
.lu-geo-e-b{grid-template-columns:minmax(0,1.4fr) auto auto minmax(0,1.6fr)}
@media (max-width:560px){
.lu-geo-k-bild{height:7.5rem}.lu-geo-k-bild>.lu-geo-vor{height:6.1rem}
.lu-geo-start-kopf{grid-template-columns:5.5rem minmax(0,1fr)}.lu-geo-start-kopf .lu-geo-vor{height:4.4rem}
.lu-geo-antworten.n3{--sp:1}.lu-geo-antworten.n3 .lu-geo-antwort.text{height:clamp(3.8rem,10vh,5rem)}
.lu-geo-antworten.n4 .lu-geo-antwort.text{height:clamp(3.8rem,11vh,5.5rem)}
.lu-geo-antworten.flaggen.n3{--sp:3}.lu-geo-antworten.flaggen .lu-geo-antwort{height:clamp(5rem,16vh,8rem);padding:.4rem}
.lu-geo-e-b{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-height:520px) and (orientation:landscape){
.lu-geo-buehne.mit-karte{grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);grid-template-rows:auto minmax(0,1fr)}
.lu-geo-buehne.mit-karte .lu-ed-auftrag{grid-column:1;grid-row:1/3;align-self:start}
.lu-geo-buehne.mit-karte .lu-geo-antworten{grid-column:2;grid-row:1/3}
.lu-geo-buehne.mit-karte .lu-geo-reiz{display:none}
}
.lu-geo-spiel .lu-ed-wenig .lu-geo-karte .zeigen{animation:none}
/* Globus und Ansicht Karte/Globus */
.lu-geo-globus{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;cursor:grab;touch-action:none;filter:drop-shadow(0 .9rem 1.2rem rgba(11,31,68,.28));-webkit-tap-highlight-color:transparent}
.lu-geo-globus:active{cursor:grabbing}.lu-geo-globus:focus{outline:none}.lu-geo-globus:focus-visible{outline:4px solid #2F7DF6;outline-offset:4px}
/* Zoom-Knöpfe auf Karte und Globus */
.lu-geo-kartenort{position:relative}
.lu-geo-zoom{position:absolute;z-index:2;left:.5rem;bottom:.5rem;display:flex;flex-direction:column;gap:.3rem}
.lu-geo-zoom-k{display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.95);color:var(--navy);box-shadow:0 .25rem .7rem -.2rem rgba(11,31,68,.4);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s var(--feder),background-color .15s}
.lu-geo-zoom-k:hover{background:#fff;transform:scale(1.08)}.lu-geo-zoom-k:active{transform:scale(.94)}
.lu-geo-zoom-k:focus-visible{outline:3px solid #2F7DF6;outline-offset:2px}
.lu-geo-kartenrahmen .lu-geo-zoom .lu-geo-zoom-k svg.lu-i,.lu-geo-reiz .lu-geo-zoom .lu-geo-zoom-k svg.lu-i,.lu-geo-zoom .lu-geo-zoom-k svg.lu-i{flex:none;width:1.15rem;height:1.15rem;max-width:none;max-height:none;margin:0;animation:none}
.lu-geo-reiz .lu-geo-zoom{flex-direction:row;left:.35rem;bottom:.35rem;gap:.2rem}.lu-geo-reiz .lu-geo-zoom-k{width:2rem;height:2rem}
@media (max-height:520px) and (orientation:landscape){
.lu-geo-reiz .lu-geo-ansicht{top:.2rem;right:.2rem;padding:.15rem}.lu-geo-reiz .lu-geo-ansicht-k{min-height:1.8rem;padding:.15rem .45rem}.lu-geo-reiz .lu-geo-ansicht-k span{display:none}
.lu-geo-reiz .lu-geo-zoom{left:.2rem;bottom:.2rem;gap:.15rem}.lu-geo-reiz .lu-geo-zoom-k{width:1.6rem;height:1.6rem}
.lu-geo-kartenrahmen .lu-geo-zoom-k{width:2.1rem;height:2.1rem}
}
/* Tipp-Effekt: zwei weiche Ringe an der getippten Stelle; das getippte Land „wabert“ kurz */
.lu-geo-tupfer{position:absolute;z-index:3;width:0;height:0;pointer-events:none}
.lu-geo-tupfer::before{content:"";position:absolute;left:-.3rem;top:-.3rem;width:.6rem;height:.6rem;border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgba(11,31,68,.25);animation:lu-geo-punkt .7s ease-out both}
.lu-geo-tupfer i{position:absolute;left:-1.7rem;top:-1.7rem;width:3.4rem;height:3.4rem;border-radius:50%;border:3px solid rgba(255,255,255,.95);box-shadow:0 0 0 2px rgba(47,125,246,.35),inset 0 0 0 2px rgba(47,125,246,.25);animation:lu-geo-tupfer .75s cubic-bezier(.2,.8,.3,1) both}
.lu-geo-tupfer i+i{animation-delay:.13s}
.lu-geo-tupfer.land i{border-color:rgba(255,224,138,.95);box-shadow:0 0 0 2px rgba(224,160,40,.35)}
@keyframes lu-geo-tupfer{0%{transform:scale(.15);opacity:1}100%{transform:scale(1.25);opacity:0}}
@keyframes lu-geo-punkt{0%{transform:scale(0)}30%{transform:scale(1.2)}100%{transform:scale(1);opacity:0}}
.lu-geo-l.wabern,.lu-geo-bl.wabern{transform-box:fill-box;transform-origin:center;animation:lu-geo-wabern .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes lu-geo-wabern{0%{transform:scale(1)}35%{transform:scale(1.08)}65%{transform:scale(.97)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.lu-geo-tupfer,.lu-geo-l.wabern,.lu-geo-bl.wabern{animation:none}.lu-geo-tupfer{display:none}}
.lu-geo-kartenrahmen{position:relative;flex-direction:column}
.lu-geo-kartenort{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0}
.lu-geo-kartenort>svg.lu-geo-karte{width:100%;height:100%;max-height:100%}
.mit-globus>.lu-geo-kartenort .lu-geo-globus{width:100%;height:100%;aspect-ratio:auto}
.lu-geo-reiz.mit-globus .lu-geo-kartenort{height:clamp(10rem,32vh,22rem)}
.lu-geo-ansicht{position:absolute;z-index:2;top:.6rem;right:.6rem;display:flex;gap:.25rem;padding:.25rem;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 .3rem .8rem -.3rem rgba(11,31,68,.35)}
.lu-geo-ansicht-k{display:flex;align-items:center;gap:.35rem;min-height:2.6rem;padding:.3rem .9rem;border:0;border-radius:999px;background:transparent;color:var(--muted);font:800 .9rem var(--font);cursor:pointer}
.lu-geo-kartenrahmen .lu-geo-ansicht .lu-geo-ansicht-k svg.lu-i,.lu-geo-reiz .lu-geo-ansicht .lu-geo-ansicht-k svg.lu-i,.lu-geo-ansicht .lu-geo-ansicht-k svg.lu-i{flex:none;width:1.15rem;height:1.15rem;max-width:none;max-height:none;margin:0;animation:none}
.lu-geo-ansicht-k[aria-pressed="true"]{background:var(--navy);color:#fff}
.lu-geo-ansicht-k:focus-visible{outline:3px solid #2F7DF6;outline-offset:2px}
.lu-geo-reiz.karte .lu-geo-ansicht{top:.4rem;right:.4rem}
.lu-geo-hero{flex:none;width:clamp(7.5rem,15vw,11.5rem);margin-left:.4rem}
.lu-geo-gruss{flex-wrap:nowrap}
@media (max-width:560px){.lu-geo-hero{width:6.2rem}.lu-geo-ansicht-k span{display:none}.lu-geo-ansicht-k{padding:.3rem .7rem}}
/* Weltkarte im Ludiri-Stil: Meer mit Verlauf, Gradnetz, Land wie ausgeschnitten mit kleinem Schatten */
.lu-geo-netz{fill:none;stroke:#fff;stroke-opacity:.45;stroke-width:.5;pointer-events:none}
.lu-geo-karte.welt .lu-geo-land{filter:drop-shadow(0 1.2px 0 rgba(11,31,68,.18))}
.lu-geo-karte.welt .lu-geo-rand{fill:none;stroke:#fff;stroke-width:2.5;pointer-events:none}
/* Startseite: Geographie-Karte, Link zur Spielewelt */
.lu-spielkarte-geo{margin-top:1.4rem}
.lu-geo-vorschau{position:relative;display:grid;place-items:center;min-height:16rem;overflow:hidden;background:radial-gradient(120% 90% at 70% 20%,#DDF2FF,#E7F8F3 60%,#FFF6DD);text-decoration:none}
.lu-geo-vorschau-flaggen{display:grid;grid-template-columns:repeat(3,4.6rem);gap:.7rem;margin-right:26%;transform:rotate(-4deg)}
.lu-geo-vorschau-flaggen img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:.4rem;box-shadow:0 .4rem .8rem -.2rem rgba(11,31,68,.3);animation:lu-ein-f .4s ease-out both}
.lu-geo-vorschau-flaggen img:nth-child(2n){transform:translateY(.6rem)}
.lu-geo-vorschau-fig{position:absolute;right:6%;bottom:0;height:88%;width:auto;filter:drop-shadow(0 .6rem .6rem rgba(11,31,68,.18))}
@media (max-width:760px){.lu-geo-vorschau{min-height:12rem}.lu-geo-vorschau-flaggen{grid-template-columns:repeat(3,3.4rem);gap:.5rem;margin-right:34%}}
.lu-spiele-alle{display:flex;justify-content:center;margin:1.6rem 0 0}
/* Was ist Ludiri? Lernwelten */
.lu-ue-lw{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border-radius:1.6rem;background:#fff;box-shadow:var(--schatten)}
.lu-ue-lw-bild{display:grid;place-items:center;height:10rem;background:radial-gradient(120% 90% at 30% 20%,#E6F4FF,#EAF8EE 60%,#FFF6DD)}
.lu-ue-lw-ed{display:flex;gap:.8rem}.lu-ue-lw-ed svg{width:4.2rem;height:4.2rem}
.lu-ue-lw-geo{display:flex;gap:.8rem}.lu-ue-lw-geo img{width:5rem;aspect-ratio:4/3;object-fit:cover;border-radius:.4rem;box-shadow:0 .3rem .7rem -.2rem rgba(11,31,68,.3)}
.lu-ue-lw-text{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.1rem 1.3rem 1.3rem}.lu-ue-lw-text h3{margin:0}.lu-ue-lw-text p{margin:0;flex:1}
/* Spielewelt */
.lu-sw{padding-bottom:3rem}
.lu-sw-hero{padding:clamp(5.5rem,10vh,7rem) clamp(1rem,4vw,3rem) 1.5rem;background:linear-gradient(180deg,rgba(221,240,255,.85),rgba(243,251,245,.95)),url(img/welt.webp?v=0.38.1) center 35%/cover}
.lu-sw-hero-innen{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem;max-width:calc(76rem - 2 * clamp(1rem,4vw,3rem));margin:0 auto}   /* gleiche linke Kante wie Slider und Fächer (die haben 76rem inkl. Rand) */
.lu-sw-hero-text h1{margin:.2rem 0 .5rem;font-size:clamp(2.2rem,5vw,3.6rem)}
.lu-sw-hero-x{max-width:44rem;margin:0 0 1.2rem;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:700;color:#334a6b}
.lu-sw-hero-fig{height:clamp(9rem,22vw,16rem);width:auto;filter:drop-shadow(0 .8rem .8rem rgba(11,31,68,.2))}
.lu-sw-faecher{display:flex;flex-wrap:wrap;gap:.5rem}
.lu-sw-fach-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:999px;background:#fff;color:var(--navy);font-weight:800;text-decoration:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--f) 35%,#fff),0 .3rem 0 color-mix(in srgb,var(--f) 25%,#E3E9F2)}
.lu-sw-fach-chip .lu-i{color:var(--f);width:1.2rem;height:1.2rem}
.lu-sw-fach-chip:hover,.lu-sw-fach-chip:focus-visible{background:color-mix(in srgb,var(--f) 10%,#fff)}
.lu-sw-fach{max-width:76rem;margin:0 auto;padding:clamp(1.6rem,4vw,2.6rem) clamp(1rem,4vw,3rem) 0;scroll-margin-top:5rem}
.lu-sw-fach-kopf{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.9rem 1.2rem;border-radius:1.4rem;background:color-mix(in srgb,var(--f) 10%,#fff);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--f) 22%,#fff)}
.lu-sw-fach-i{display:grid;place-items:center;flex:none;width:3.4rem;height:3.4rem;border-radius:1rem;background:var(--f);color:#fff;box-shadow:0 .35rem 0 color-mix(in srgb,var(--f) 70%,#0B1F44)}
.lu-sw-fach-i .lu-i{width:1.8rem;height:1.8rem}
.lu-sw-fach-kopf h2{margin:0;font-size:min(clamp(1.5rem,3vw,2rem),calc(100cqi / 11));white-space:nowrap}.lu-sw-fach-kopf p{margin:.1rem 0 0;color:#40546f;font-weight:700}
.lu-sw-fach-kopf>div{flex:1;min-width:0;container-type:inline-size}
.lu-sw-klassen{flex:none;padding:.3rem .8rem;border-radius:999px;background:#fff;color:var(--f);font-weight:800;font-size:.9rem;white-space:nowrap}
.lu-sw-reihe{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(19rem,100%),1fr));gap:clamp(.8rem,1.8vw,1.3rem)}
.lu-sw-reihe.klein{grid-template-columns:repeat(auto-fill,minmax(min(14rem,100%),1fr))}
.lu-sw-karte{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border-radius:1.6rem;background:#fff;box-shadow:0 .55rem 0 #DCE6F2,var(--schatten)}
.lu-sw-karte.bald{background:#F7F9FC;box-shadow:0 .4rem 0 #E3E8F0}
.lu-sw-karte.naechstes{box-shadow:0 .4rem 0 #E3E8F0,inset 0 0 0 2px color-mix(in srgb,var(--f) 40%,#fff)}
.lu-sw-bild{display:grid;place-items:center;height:10.5rem;padding:.7rem;background:linear-gradient(180deg,color-mix(in srgb,var(--f) 14%,#fff),#fff)}
.lu-sw-reihe.klein .lu-sw-bild{height:7.5rem}
.lu-sw-text{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;padding:1rem 1.2rem 1.2rem}
.lu-sw-text h3{margin:0;font-size:1.35rem}.lu-sw-text p{flex:1;margin:0;color:#40546f;font-weight:700;line-height:1.4}
.lu-sw-text .lu-tags{margin:.2rem 0 .4rem}
.lu-sw-gezielt{margin-top:1.4rem;padding:1.1rem;border-radius:1.4rem;border:2px dashed color-mix(in srgb,var(--f) 35%,#fff)}
.lu-sw-gezielt-t{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.3rem}.lu-sw-gezielt-t .lu-i{color:var(--f)}
.lu-sw-gezielt-x{margin:.2rem 0 .9rem;color:#40546f;font-weight:700}
.lu-sw-schluss{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;max-width:76rem;margin:2.4rem auto 0;padding:0 1rem;text-align:center;font-weight:800;font-size:1.15rem}
.lu-sw-schluss p{margin:0}
/* Vorschaubilder der Spielewelt */
.lu-sw-vor{position:relative;display:flex;align-items:center;justify-content:center;gap:.7rem;width:100%;height:100%}
.lu-sw-vor.tauziehen{border-radius:1rem;background:url(img/welt-start.webp?v=0.38.1) center 60%/cover;overflow:hidden}
.lu-sw-vor.tauziehen img{position:absolute;bottom:0;height:86%;width:auto}.lu-sw-vor.tauziehen .links{left:8%}.lu-sw-vor.tauziehen .rechts{right:8%;transform:scaleX(-1)}
.lu-sw-vor.tauziehen .seil{position:absolute;left:28%;right:28%;top:58%;height:.5rem;border-radius:.25rem;background:repeating-linear-gradient(45deg,#C68B4E 0 .4rem,#A86E36 .4rem .8rem)}
.lu-sw-vor.tauziehen b{position:absolute;top:.6rem;left:50%;transform:translateX(-50%);padding:.2rem .8rem;border-radius:999px;background:#fff;font:600 1.3rem var(--font-t);box-shadow:var(--schatten)}
.lu-sw-vor.entdecker svg{width:4rem;height:4rem}
.lu-sw-vor.geo img.lu-geo-flagge{width:4.2rem}.lu-sw-vor.geo .fig{height:92%;width:auto;margin-left:.5rem}
.lu-sw-vor.rechnen{flex-direction:column;gap:.2rem}.lu-sw-vor.rechnen b{font:600 clamp(1.6rem,3vw,2.1rem) var(--font-t);color:var(--navy);white-space:pre;line-height:1.1}.lu-sw-vor.rechnen small{font:600 1.3rem var(--font-t);color:var(--f)}
.lu-sw-vor.schriftlich b{font-family:var(--font);font-variant-numeric:tabular-nums;text-align:right;border-bottom:3px solid var(--navy);padding-bottom:.1rem}
@media (max-width:640px){.lu-sw-hero-innen{grid-template-columns:1fr}.lu-sw-hero-fig{display:none}.lu-sw-fach-kopf{flex-wrap:wrap}.lu-sw-klassen{margin-left:4.4rem}}
.lu-sw-bild>.lu-sw-vor,.lu-sw-bild>.lu-geo-platz{height:9.1rem}.lu-sw-reihe.klein .lu-sw-bild>*{height:6.1rem}
.lu-sw-vor.geo .fig{height:100%}
.lu-sw-hero{padding-top:clamp(7.5rem,13vh,9rem)}
@media (min-width:760px){
.lu-sw-karte.da{grid-column:1/-1;grid-template-rows:none;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.lu-sw-karte.da .lu-sw-bild{height:auto;min-height:15rem;padding:1rem}
.lu-sw-karte.da .lu-sw-bild>.lu-sw-vor{height:100%;min-height:13rem}
.lu-sw-karte.da .lu-sw-text{justify-content:center;padding:1.6rem 1.8rem}
.lu-sw-karte.da .lu-sw-text h3{font-size:1.7rem}.lu-sw-karte.da .lu-sw-text p{flex:none;font-size:1.05rem}
.lu-sw-vor.entdecker svg{width:5.2rem;height:5.2rem}.lu-sw-vor.geo img.lu-geo-flagge{width:5.6rem}
}
.lu-sw-vor.geo .fig{height:auto;max-height:min(100%,13rem);max-width:42%}
.lu-sw-bild>.lu-sw-vor.geo{max-height:13rem}
@media (max-width:640px){.lu-sw-fach-kopf{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.3rem .9rem}.lu-sw-fach-kopf .lu-sw-klassen{grid-column:2;justify-self:start;margin:0}.lu-sw-fach-i{grid-row:1/3}}
@media (max-width:560px){.lu-geo-reiz.karte svg.lu-geo-karte{max-height:24vh}.lu-geo-reiz.mit-globus .lu-geo-kartenort{height:26vh}.lu-geo-antworten.n3 .lu-geo-antwort.text{height:clamp(3.3rem,8.5vh,4.6rem)}.lu-geo-reiz .lu-geo-flagge.gross{height:clamp(5rem,19vh,9rem)}}
.lu-geo-spiel{grid-template-columns:minmax(0,1fr)}
.lu-geo-leiste-m{flex:1;min-width:0}.lu-geo-spielname{max-width:100%}
@media (max-width:400px){.lu-geo-spielname{font-size:.75rem}.lu-geo-spiel .lu-ed-punkte{gap:.25rem;padding:.35rem .55rem}.lu-geo-spiel .lu-ed-punkte i{width:1.15rem;height:1.15rem}}
/* Spiele-Übersicht /spiele: Slider „Neu bei Ludiri“ */
.lu-sw-hero{padding-bottom:2.2rem}
.lu-sl{position:relative;max-width:76rem;margin:-1.2rem auto 0;padding:0 clamp(1rem,4vw,3rem)}
.lu-sl-kopf{display:flex;align-items:center;margin:0 0 .7rem}
.lu-sl-titel{display:flex;align-items:center;gap:.5rem;margin:0;padding:.35rem 1rem .35rem .75rem;border-radius:999px;background:#fff;font-size:clamp(1.1rem,2vw,1.35rem);box-shadow:0 .3rem .9rem -.4rem rgba(11,31,68,.35)}
.lu-sl-titel .lu-i{width:1.3rem;height:1.3rem;color:#F5B400}
.lu-sl-buehne{position:relative}
.lu-sl-spur{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:2rem;outline:none;box-shadow:0 .7rem 0 rgba(11,31,68,.09),0 1.8rem 3rem -1.4rem rgba(11,31,68,.45);-webkit-overflow-scrolling:touch}
.lu-sl-spur::-webkit-scrollbar{display:none}
.lu-sl-folie{position:relative;flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;min-height:clamp(21rem,33vw,26rem);overflow:hidden;color:#fff;isolation:isolate}
.lu-sl-folie::before,.lu-sl-folie::after{content:"";position:absolute;z-index:-1;border-radius:50%;background:rgba(255,255,255,.08)}
.lu-sl-folie::before{right:-8%;bottom:-45%;width:58%;aspect-ratio:1}
.lu-sl-folie::after{left:-6%;top:-30%;width:26%;aspect-ratio:1;background:rgba(255,255,255,.06)}
.lu-sl-folie.geo{background:radial-gradient(circle at 74% 45%,rgba(94,234,212,.55) 0,rgba(94,234,212,0) 42%),linear-gradient(135deg,#0B5E73 0%,#0E8C8C 55%,#14B8A6 100%)}
.lu-sl-folie.mp{background:radial-gradient(circle at 76% 35%,rgba(147,197,253,.55) 0,rgba(147,197,253,0) 42%),linear-gradient(135deg,#172F7A 0%,#2453C9 55%,#2F7DF6 100%)}
.lu-sl-folie.ed{background:radial-gradient(circle at 74% 40%,rgba(255,226,140,.6) 0,rgba(255,226,140,0) 42%),linear-gradient(135deg,#B4400C 0%,#E2760B 55%,#F5A30B 100%)}
.lu-sl-text{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.75rem;padding:clamp(1.4rem,4vw,3.2rem)}
.lu-sl-neu{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .85rem;border-radius:999px;background:#FFD43B;color:#0B1F44;font-weight:900;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 .25rem 0 rgba(0,0,0,.15)}
.lu-sl-neu .lu-i{width:1rem;height:1rem}
.lu-sl-text h3{margin:0;font:600 clamp(1.9rem,4vw,3.1rem)/1.04 var(--font-t);color:#fff;text-shadow:0 .2rem .7rem rgba(0,0,0,.18)}
.lu-sl-text p{max-width:31rem;margin:0;font-weight:700;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.45;color:rgba(255,255,255,.94)}
.lu-sl-text .lu-knoepfe{margin-top:.5rem}
.lu-btn.lu-btn-hell{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.8)}
.lu-btn.lu-btn-hell:hover,.lu-btn.lu-btn-hell:focus-visible{background:rgba(255,255,255,.24)}
.lu-sl-bild{position:relative;min-height:100%}
/* Geographie: Globus mit Flaggen und lesendem Ludiri */
.lu-sl-globus{position:absolute;top:50%;left:54%;width:min(18.5rem,70%);aspect-ratio:1;transform:translate(-50%,-50%)}
.lu-sl-globus .kugel{display:block;width:100%;height:100%;border-radius:50%;filter:drop-shadow(0 1.3rem 1.6rem rgba(0,30,40,.4));animation:lu-sl-schweben 6s ease-in-out infinite}
.lu-sl-globus .glanz{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.35),rgba(255,255,255,0) 45%);pointer-events:none;animation:lu-sl-schweben 6s ease-in-out infinite}
.lu-sl-fl{position:absolute;z-index:2;width:clamp(2.8rem,5vw,3.8rem);animation:lu-sl-schweben 5s ease-in-out infinite}
.lu-sl-fl .lu-geo-flagge{display:block;width:100%;height:auto;border-radius:.35rem;border:3px solid #fff;box-shadow:0 .5rem .9rem -.2rem rgba(0,0,0,.35)}
.lu-sl-fl.f0{left:20%;top:12%;transform:rotate(-8deg)}.lu-sl-fl.f1{right:8%;top:16%;animation-delay:-1.2s;transform:rotate(7deg)}.lu-sl-fl.f2{right:4%;top:56%;animation-delay:-2.1s;transform:rotate(-5deg)}
.lu-sl-fl.f3{left:36%;bottom:6%;animation-delay:-3s;transform:rotate(6deg)}.lu-sl-fl.f4{left:72%;top:4%;animation-delay:-.6s;transform:rotate(-4deg)}.lu-sl-fl.f5{right:16%;bottom:8%;animation-delay:-3.8s;transform:rotate(9deg)}
.lu-sl-fig{position:absolute;z-index:3;bottom:0;left:4%;height:58%;width:auto;filter:drop-shadow(0 .6rem .8rem rgba(0,0,0,.3))}
@keyframes lu-sl-schweben{0%,100%{translate:0 0}50%{translate:0 -.55rem}}
/* Multiplayer: Tafel mit Seil, drei Handys */
.lu-sl-tafel{position:absolute;left:6%;right:20%;top:13%;bottom:23%;border:.55rem solid #B98149;border-radius:1.1rem;background:radial-gradient(circle at 50% 30%,#2F6B55,#1D4A3B);box-shadow:0 1.2rem 2rem -1rem rgba(0,0,0,.6),inset 0 0 0 2px rgba(255,255,255,.08)}
.lu-sl-tafel-szene{position:absolute;inset:0;overflow:hidden;border-radius:.6rem}
.lu-sl-tafel-szene img{position:absolute;bottom:0;height:78%;width:auto}
.lu-sl-tafel-szene .links{left:6%}.lu-sl-tafel-szene .rechts{right:6%;transform:scaleX(-1)}
.lu-sl-tafel-szene .seil{position:absolute;left:30%;right:30%;top:57%;height:.45rem;border-radius:.25rem;background:repeating-linear-gradient(45deg,#E2B07A 0 .4rem,#BE8650 .4rem .8rem)}
.lu-sl-code{position:absolute;left:50%;top:-1.1rem;display:flex;align-items:baseline;gap:.4rem;padding:.3rem .9rem;border-radius:999px;background:#fff;color:#0B1F44;transform:translateX(-50%);box-shadow:0 .4rem .9rem -.2rem rgba(0,0,0,.35);white-space:nowrap}
.lu-sl-code small{font-weight:800;color:#5B6B85}.lu-sl-code b{font:600 1.15rem var(--font-t);letter-spacing:.06em}
.lu-sl-handy{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;width:clamp(4.2rem,7vw,5.4rem);aspect-ratio:9/16;padding:.4rem;border:.3rem solid #0B1F44;border-radius:.9rem;background:linear-gradient(180deg,#F2F7FF,#DDE9FF);color:#0B1F44;box-shadow:0 1rem 1.4rem -.6rem rgba(0,0,0,.55);animation:lu-sl-schweben 4.6s ease-in-out infinite}
.lu-sl-handy img{width:72%;height:auto}
.lu-sl-handy b{font:600 clamp(.72rem,1.1vw,.9rem) var(--font-t);white-space:nowrap}
.lu-sl-handy.h0{right:4%;top:8%;transform:rotate(6deg)}.lu-sl-handy.h1{right:13%;bottom:4%;animation-delay:-1.5s;transform:rotate(-5deg)}.lu-sl-handy.h2{left:3%;bottom:2%;animation-delay:-3s;transform:rotate(-8deg)}
/* Entdeckerreise: schwebende Formen und Ludiri */
.lu-sl-formen{position:absolute;inset:0}
.lu-sl-formen i{position:absolute;display:grid;place-items:center;width:clamp(4rem,7vw,5.6rem);aspect-ratio:1;border-radius:1.3rem;background:#fff;box-shadow:0 .5rem 0 rgba(0,0,0,.12),0 1rem 1.6rem -.8rem rgba(0,0,0,.45);animation:lu-sl-schweben 5s ease-in-out infinite}
.lu-sl-formen svg{width:72%;height:72%}
.lu-sl-formen .s0{left:30%;top:10%;transform:rotate(-6deg)}.lu-sl-formen .s1{left:58%;top:6%;animation-delay:-1s;transform:rotate(5deg)}.lu-sl-formen .s2{right:6%;top:40%;animation-delay:-2s;transform:rotate(-4deg)}
.lu-sl-formen .s3{left:42%;top:42%;animation-delay:-3s;transform:rotate(4deg)}.lu-sl-formen .s4{right:22%;bottom:6%;animation-delay:-4s;transform:rotate(-7deg)}
.lu-sl-folie.ed .lu-sl-fig{height:66%}
/* Pfeile und Punkte (der aktive Punkt zeigt, wann die nächste Folie kommt) */
.lu-sl-pfeil{position:absolute;z-index:3;top:50%;display:grid;place-items:center;width:3.1rem;height:3.1rem;padding:0;border:0;border-radius:50%;background:#fff;color:#0B1F44;box-shadow:0 .4rem 1rem -.3rem rgba(11,31,68,.45);cursor:pointer;transform:translateY(-50%);transition:transform .2s var(--feder)}
.lu-sl-pfeil:hover{transform:translateY(-50%) scale(1.08)}.lu-sl-pfeil:focus-visible{outline:3px solid #2F7DF6;outline-offset:3px}
.lu-sl-pfeil .lu-i{width:1.4rem;height:1.4rem}
.lu-sl-pfeil.zurueck{left:-1.4rem}.lu-sl-pfeil.weiter{right:-1.4rem}
.lu-sl-punkte{display:flex;justify-content:center;gap:.2rem;margin-top:.7rem}
.lu-sl-punkt{display:grid;place-items:center;min-width:2.4rem;height:2.4rem;padding:0 .2rem;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.lu-sl-punkt i{display:block;width:.75rem;height:.75rem;border-radius:999px;background:#C5D2E4;transition:width .35s var(--feder),background-color .2s}
.lu-sl-punkt.an i{width:2.6rem;background:linear-gradient(90deg,#0B1F44 calc(var(--fortschritt,0) * 100%),#93A6C2 0)}
.lu-sl.still .lu-sl-punkt.an i,.lu-sl.ruhig .lu-sl-punkt.an i{background:#0B1F44}
.lu-sl-punkt:focus-visible{outline:3px solid #2F7DF6;outline-offset:1px;border-radius:999px}
.lu-sl.ruhig *{animation:none!important}
@media (prefers-reduced-motion:reduce){.lu-sl *{animation:none!important}}
@media (max-width:820px){
.lu-sl-folie{grid-template-columns:minmax(0,1fr);grid-template-rows:clamp(11.5rem,42vw,15rem) auto;min-height:0}
.lu-sl-bild{order:-1;min-height:0}
.lu-sl-text{justify-content:flex-start;padding:.6rem 1.3rem 1.5rem;gap:.55rem}
.lu-sl-text .lu-knoepfe{width:100%}.lu-sl-text .lu-btn{flex:1 1 13rem}
.lu-sl-pfeil{display:none}
.lu-sl-globus{width:min(11rem,52%)}
.lu-sl-fig{height:74%;left:3%}
.lu-sl-tafel{left:4%;right:24%;top:16%;bottom:12%}
.lu-sl-handy{width:3.6rem}
.lu-sl-handy.h1,.lu-sl-handy.h2{display:none}.lu-sl-handy.h0{right:3%;top:auto;bottom:8%}
.lu-sl-formen i{width:3.6rem;border-radius:1rem}
}
/* Alle Spiele nach Fächern, Mutprobe */
.lu-sw-alle{max-width:76rem;margin:2.8rem auto 0;padding:0 clamp(1rem,4vw,3rem)}
.lu-sw-alle-kopf h2{margin:0;font-size:clamp(1.6rem,3.2vw,2.2rem)}
.lu-sw-alle-kopf p{margin:.2rem 0 .9rem;color:#40546f;font-weight:700}
.lu-sw-mut{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(1rem,3vw,2.6rem);width:calc(100% - 2 * clamp(1rem,4vw,3rem));max-width:70rem;margin:3rem auto 0;padding:clamp(1.2rem,3vw,2rem) clamp(1.2rem,4vw,3rem);border-radius:2rem;background:linear-gradient(135deg,#FFF6DA,#FFE19A);box-shadow:0 .55rem 0 #F2CD6E,var(--schatten)}
.lu-sw-mut-fig{height:clamp(8rem,15vw,12rem);width:auto;filter:drop-shadow(0 .7rem .7rem rgba(11,31,68,.2))}
.lu-sw-mut-text h2{margin:.1rem 0 .4rem;font-size:clamp(1.7rem,3.4vw,2.5rem)}
.lu-sw-mut-text p:not(.lu-kicker){max-width:40rem;margin:0 0 1rem;color:#4A3B12;font-weight:700;font-size:1.08rem;line-height:1.45}
@media (max-width:640px){.lu-sw-mut{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center}.lu-sw-mut-fig{height:7.5rem}.lu-sw-mut-text p:not(.lu-kicker){margin-inline:auto}}
/* Übersicht kompakt: der Slider soll gleich oben zu sehen sein */
.lu-sw-hero{padding-top:clamp(7rem,12vh,8rem);padding-bottom:2.3rem}
.lu-sw-hero-fig{display:none}
.lu-sw-hero-text h1{margin:.15rem 0 .35rem;font-size:clamp(2rem,4vw,3rem)}
.lu-sw-hero-x{margin:0}
@media (max-width:640px){.lu-sw-hero{padding-top:6.2rem;padding-bottom:2rem}.lu-sw-hero-x{display:none}}
/* Kopf der Lernwelten am Handy: der Haus-Knopf ist doppelt (das Logo führt schon zur Startseite), so bleibt Platz für Titel, Erwachsene und Ton */
@media (max-width:560px){.lu-ed-kopf-r>a.lu-btn{display:none}.lu-ed-kopf-r{flex-wrap:nowrap;gap:.35rem}.lu-ed-kopf-t h1{font-size:1.2rem}}
.lu-ed-kopf-t .lu-ed-kicker{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:420px){.lu-ed-kopf-t .lu-ed-kicker{display:none}}
@media (max-width:900px){.lu-ed-kopf .lu-ed-nur-breit{display:none}}
/* Flüsse und Meere: Flüsse als Linien, darunter eine breite unsichtbare Linie zum Antippen; Orte als roter Punkt */
.ebene-fluesse .lu-geo-l{fill:#E8E1CC;stroke:#B9AE90;stroke-width:.3}
.lu-geo-karte.de.ebene-fluesse .lu-geo-bl{fill:#EEF1E4;stroke:#C9CDB8;stroke-width:1.2}
.lu-geo-fluss{fill:none;stroke:#2F7DF6;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none;transition:stroke .15s,stroke-width .15s}
.lu-geo-karte.welt .lu-geo-fluss{stroke-width:1.8px}
.lu-geo-fluss-hit{fill:none;stroke:transparent;stroke-width:18px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}
.lu-geo-fg.tippbar .lu-geo-fluss-hit{pointer-events:stroke;cursor:pointer}
.lu-geo-fg.tippbar:focus{outline:none}
@media (hover:hover){.lu-geo-fg.tippbar:hover .lu-geo-fluss{stroke:#0B3A99;stroke-width:4.5px}}
.lu-geo-fg.tippbar:focus-visible .lu-geo-fluss{stroke:#0B3A99;stroke-width:5px}
.lu-geo-karte .lu-geo-fg.richtig .lu-geo-fluss{stroke:#16A06C;stroke-width:5px}
.lu-geo-karte .lu-geo-fg.nein .lu-geo-fluss{stroke:#94A3B8;stroke-width:3px}
.lu-geo-karte .lu-geo-fg.zeigen .lu-geo-fluss{stroke:#F59E0B;stroke-width:5.5px;animation:lu-geo-blink 1s ease-in-out infinite}
.lu-geo-karte.mit-leuchten .lu-geo-fluss{stroke:#9DB7DA}
.lu-geo-karte .lu-geo-fg.leuchtet .lu-geo-fluss{stroke:#FF6A00;stroke-width:5px}
.lu-geo-fg.wabern{animation:none!important;transform:none}
.lu-geo-fg.wabern .lu-geo-fluss{animation:lu-geo-fluss-puls .6s ease-out}
@keyframes lu-geo-fluss-puls{0%{stroke-width:2.2px}40%{stroke-width:8px}100%{stroke-width:2.2px}}
.lu-geo-ort circle{fill:#E0475B;stroke:#fff;pointer-events:none}
.lu-geo-ort text{font-family:Nunito,sans-serif;font-weight:800;fill:#0B1F44;stroke:#fff;paint-order:stroke;pointer-events:none}
.lu-geo-spiel .lu-ed-wenig .lu-geo-fg.zeigen .lu-geo-fluss{animation:none}
@media (prefers-reduced-motion:reduce){.lu-geo-fg.wabern .lu-geo-fluss{animation:none}}
.lu-geo-vor.fluesse .lu-geo-karte.de.ebene-fluesse .lu-geo-bl{fill:#DCE7C6;stroke:#fff}
/* Geographie im Multiplayer: Frage mit Flagge, Antwortknöpfe mit Text oder Flagge */
.lu-geo-themen{grid-template-columns:1fr 1fr}
@media (min-width:1400px){.lu-geo-themen{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lu-fach-geo .lu-aufgabe{white-space:normal;font:700 clamp(1.05rem,3.9vmin,2.5rem)/1.2 var(--font-t);display:flex;flex-direction:column;align-items:center;gap:.45rem;text-align:center;max-width:100%;overflow-wrap:break-word;hyphens:auto}
.lu-geo-mp-flagge{display:block;height:clamp(2.6rem,12vmin,7.5rem);width:auto;max-width:92%;object-fit:contain;border-radius:.35rem;box-shadow:0 0 0 1px rgba(11,31,68,.16),0 2px 6px rgba(11,31,68,.12);background:#fff}
.lu-rueck .lu-geo-mp-flagge.klein{display:inline-block;height:1.5em;vertical-align:middle;margin-left:.4em;box-shadow:0 0 0 1px rgba(11,31,68,.2)}
.lu-taste-geo{font:700 clamp(.95rem,3.1vmin,1.9rem)/1.15 var(--font-t);white-space:normal;overflow-wrap:break-word;hyphens:auto;padding:.3em .45em;display:flex;align-items:center;justify-content:center;text-align:center;min-width:0}
.lu-auswahl.mit-flaggen .lu-taste-geo{padding:.35em}
.lu-auswahl.mit-flaggen .lu-taste-geo .lu-geo-mp-flagge{height:auto;max-height:100%;max-width:100%;width:auto;flex:0 1 auto}
.lu-auswahl-2{grid-template:minmax(0,1fr)/repeat(2,minmax(0,1fr))}
.lu-auswahl-3{grid-template:repeat(3,minmax(0,1fr))/minmax(0,1fr)}
.lu-mp-cb-geo-frage{font-size:clamp(1.05rem,4.6vw,1.5rem);display:flex;flex-direction:column;align-items:center;gap:.45rem;text-align:center}
.lu-mp-cb-geo{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:min(100%,26rem)}
.lu-mp-cb-geo .lu-taste-geo{min-height:3.4rem;font-size:clamp(.95rem,3.8vw,1.2rem)}
.lu-mp-cb-geo.mit-flaggen .lu-taste-geo{min-height:4.6rem}
.lu-mp-cb-geo.mit-flaggen .lu-geo-mp-flagge{height:3.4rem}

/* Geographie-Multiplayer: nach falscher Antwort bleibt die Frage stehen, die Lösung leuchtet grün, die gewählte Antwort ist rot */
.lu-fach-geo .lu-team.denkpause .lu-eingabe{filter:none;opacity:1}
.lu-fach-geo .lu-team.denkpause .lu-taste-geo:not(.ist-loesung):not(.ist-falsch){filter:saturate(.35);opacity:.4}
.lu-arena .lu-taste.lu-taste-geo.ist-loesung,.lu-arena .lu-taste.lu-taste-geo.ist-falsch{position:relative;opacity:1;filter:none}
.lu-arena .lu-taste.lu-taste-geo.ist-loesung{background:#e3f8e9;outline:.32rem solid #1f9d55;outline-offset:-.32rem;color:#0f5a2e;box-shadow:0 .35rem 1.1rem rgba(31,157,85,.45)}
.lu-arena .lu-taste.lu-taste-geo.ist-falsch{background:#fde8ea;outline:.22rem solid #e0485a;outline-offset:-.22rem;color:#8a1d2a}
.lu-taste-geo.ist-loesung::after,.lu-taste-geo.ist-falsch::after{position:absolute;top:.35rem;right:.35rem;width:clamp(1.6rem,4.5vmin,2.4rem);height:clamp(1.6rem,4.5vmin,2.4rem);border-radius:50%;display:grid;place-items:center;font:800 clamp(1rem,3vmin,1.5rem)/1 var(--font-t);color:#fff;box-shadow:0 .15rem .4rem rgba(0,0,0,.25)}
.lu-taste-geo.ist-loesung::after{content:'✓';background:#1f9d55}
.lu-taste-geo.ist-falsch::after{content:'✕';background:#e0485a}
.lu-taste-geo:disabled{cursor:default}

/* Geographie-Startseite: Multiplayer-Karte unter den Spielen */
.lu-geo-mp{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(.8rem,2vw,1.4rem);margin:clamp(.2rem,1vw,.6rem) 0;animation:lu-ein-f .35s ease-out both;padding:clamp(1rem,2.2vw,1.4rem) clamp(1rem,2.6vw,1.8rem);border-radius:1.7rem;background:linear-gradient(120deg,#EAF2FF,#FFF6DB);box-shadow:0 .6rem 0 #DCE6F2,var(--schatten)}
.lu-geo-mp-i{display:grid;place-items:center;width:clamp(3rem,6vw,4rem);height:clamp(3rem,6vw,4rem);border-radius:1.2rem;background:var(--navy);color:#fff}
.lu-geo-mp-i .lu-i{width:55%;height:55%}
.lu-geo-mp-text h2{margin:0 0 .25rem;font-size:clamp(1.15rem,2.2vw,1.45rem)}
.lu-geo-mp-text p{margin:0;color:var(--muted);font-weight:700;font-size:.95rem;line-height:1.4}
.lu-geo-mp .lu-knoepfe{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end}
@media (max-width:820px){.lu-geo-mp{grid-template-columns:auto 1fr}.lu-geo-mp .lu-knoepfe{grid-column:1/-1;justify-content:stretch}.lu-geo-mp .lu-knoepfe .lu-btn{flex:1 1 12rem;justify-content:center}}

/* 0.19.2 Geographie-Spiel: weniger auf einmal, nichts springt, am Handy alles ohne Scrollen */
.lu-geo-spiel .lu-ed-hinweis{flex-wrap:wrap;row-gap:.1rem}
.lu-geo-lob{display:inline-flex;align-items:center;gap:.3rem}
.lu-geo-zusatz{flex-basis:100%;font-weight:700;font-size:.88em;line-height:1.3;color:var(--navy)}
/* Ergebnis: Sterne immer in einer Reihe, Level und Sterne-Plus nebeneinander */
.lu-geo-spiel .lu-ed-ende-sterne{flex-wrap:nowrap;width:100%;max-width:calc(var(--n,8) * 2.6rem)}
.lu-geo-spiel .lu-ed-ende-sterne i{flex:0 1 2.3rem;width:auto;height:auto;aspect-ratio:1;min-width:0}
.lu-geo-spiel .lu-ed-ende-sterne .lu-i{width:60%;height:60%}
.lu-geo-gelernt{display:block;text-align:center;line-height:1.35}
.lu-geo-gelernt .lu-i{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.2em}
.lu-geo-lohn{display:flex;align-items:center;justify-content:center;gap:.8rem;width:min(22rem,100%);padding-bottom:.55rem} /* Platz für das „LEVEL“-Schild unter dem Abzeichen */
.lu-geo-lohn .lu-ed-lvl{flex:1;width:auto}.lu-geo-lohn .lu-ed-plus{white-space:nowrap}
@media (max-width:560px){
.lu-geo-spiel .lu-ed-buehne{gap:.5rem}
/* Frage: Ludiri klein links, Vorlesen und Tipp übereinander rechts, die Frage bekommt die Breite */
.lu-geo-spiel .lu-ed-auftrag{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:.55rem;row-gap:.35rem;align-items:center;padding:.45rem .5rem .45rem .55rem}
.lu-geo-spiel .lu-ed-figur{grid-row:1/3;height:2.7rem}
.lu-geo-spiel .lu-ed-auftrag-t{grid-column:2;grid-row:1/3}
.lu-geo-spiel .lu-ed-auftrag .lu-ed-sprech,.lu-geo-spiel .lu-ed-auftrag .lu-ed-hilfe,.lu-geo-spiel.lu-ed-gross .lu-ed-auftrag .lu-ed-rund{grid-column:3;width:2.4rem;height:2.4rem}
.lu-geo-spiel .lu-ed-auftrag .lu-ed-sprech{grid-row:1}.lu-geo-spiel .lu-ed-auftrag .lu-ed-hilfe{grid-row:2}
.lu-geo-spiel .lu-ed-auftrag .lu-ed-sprech .lu-i,.lu-geo-spiel .lu-ed-auftrag .lu-ed-hilfe .lu-i{width:1.2rem;height:1.2rem}
.lu-geo-spiel .lu-ed-frage{font-size:clamp(1.05rem,4.9vw,1.3rem);line-height:1.18}
.lu-geo-spiel .lu-ed-hinweis{margin-top:.2rem;font-size:.95rem;gap:.35rem}
.lu-geo-spiel .lu-geo-reiz{padding:.35rem .6rem;border-radius:1.1rem}
.lu-geo-spiel .lu-geo-reiz .lu-geo-flagge.gross{height:clamp(3.6rem,14vh,6.5rem);height:clamp(3.6rem,14svh,6.5rem)}
/* Antworten nehmen den Platz, der übrig ist: bei wenig Platz werden sie flacher, statt über die Flagge oder den Rand zu rutschen */
.lu-geo-spiel .lu-geo-antworten:not(.karte){align-content:center;grid-auto-rows:minmax(0,5.8rem);gap:.55rem}
.lu-geo-spiel .lu-geo-antworten.flaggen{grid-auto-rows:minmax(0,8rem)}
.lu-geo-spiel .lu-geo-antworten:not(.karte) .lu-geo-antwort{height:100%;min-height:0;border-radius:1.1rem;border-width:3px;box-shadow:0 .4rem 0 #D9E2EE,0 .7rem 1.1rem -.7rem rgba(11,31,68,.3)}
.lu-geo-spiel .lu-geo-antworten.n3:not(.flaggen) .lu-geo-antwort:nth-child(3){width:auto;justify-self:stretch}
/* Drei Flaggen: zwei oben, eine mittig darunter, alle gleich groß (vorher: 3 Spalten und die dritte Karte doppelt breit, die obere Reihe nach links verrutscht) */
.lu-geo-spiel .lu-geo-antworten.flaggen.n3{--sp:2}
.lu-geo-spiel .lu-geo-antworten.flaggen.n3 .lu-geo-antwort:nth-child(3){grid-column:1/-1;justify-self:center;width:calc(50% - .275rem)}
.lu-geo-spiel .lu-geo-atext{font-size:clamp(1rem,4.6vw,1.2rem)}
.lu-geo-spiel .lu-ed-antwort.richtig::after{top:-.6rem;right:-.5rem;width:2rem;height:2rem}
/* Ergebnis passt auf eine Handy-Höhe, „Nochmal“ ist ohne Scrollen sichtbar */
.lu-geo-spiel .lu-ed-overlay{padding:.6rem}
.lu-geo-spiel .lu-ed-ende-karte{margin-top:2.6rem;padding:3.3rem 1rem 1rem;gap:.45rem;border-radius:1.6rem}
.lu-geo-spiel .lu-ed-ende-fig{height:6.2rem;top:-3.1rem}
.lu-geo-spiel .lu-ed-ende-karte h2{font-size:1.5rem}
.lu-geo-spiel .lu-ed-ende-x{font-size:1rem}
.lu-geo-spiel .lu-ed-ende-stufen p{margin:0}
.lu-geo-merken,.lu-geo-gelernt{font-size:.92rem}
.lu-geo-spiel .lu-ed-ende-gast{font-size:.82rem;line-height:1.35}
.lu-geo-spiel .lu-ed-lvl .lu-lvl-marke{--g:2.6rem}
.lu-geo-spiel .lu-ed-ende .lu-knoepfe{flex-wrap:nowrap;gap:.5rem;width:100%;margin-top:.2rem}
.lu-geo-spiel .lu-ed-ende .lu-knoepfe .lu-btn{flex:1 1 0;min-width:0;padding-left:.6rem;padding-right:.6rem;font-size:1rem;white-space:nowrap}
}
@media (max-width:560px) and (max-height:600px){
.lu-geo-spiel .lu-ed-ende-karte{margin-top:2rem;padding-top:2.8rem}.lu-geo-spiel .lu-ed-ende-fig{height:5rem;top:-2.4rem}
}

/* 0.21 Vollbild: Knopf in jeder Kopfzeile und in jedem Spiel; „Zurück“ nur im Vollbild (oder als App vom Home-Bildschirm) */
.lu-vb-zurueck{display:none!important}
html.lu-vollbild .lu-vb-zurueck{display:grid!important;place-items:center}
.lu-vb-knopf .lu-i,.lu-vb-zurueck .lu-i{width:1.25rem;height:1.25rem}
.lu-vb-zurueck-kopf{flex:none}
.lu-kopf-rechts .lu-vb-kopf,.lu-konf-kopf .lu-vb-kopf{flex:none;width:2.75rem;height:2.75rem;min-height:44px}
.lu-konf-kopf-r{margin-left:auto;display:flex;align-items:center;gap:.6rem}.lu-konf-kopf-r .lu-konf-heim{margin-left:0}
.lu-vb-klein{padding-left:.7rem;padding-right:.7rem}
.lu-ed-leiste-r{display:flex;align-items:center;gap:.5rem}
.lu-hud-mitte{position:relative}
.lu-hud-mitte .lu-hud-vb{position:absolute;right:calc(100% + .5rem);top:50%;transform:translateY(-50%)} /* neben dem Ton, ohne die Uhr aus der Mitte zu schieben */
.lu-g-vb{flex:none;margin-left:auto}
.lu-g-hud-r{justify-self:end;display:flex;align-items:center;gap:.5rem}
.lu-vb-hinweis .lu-vb-schritte{margin:.4rem 0 .2rem;padding-left:1.4rem;text-align:left;line-height:1.5;font-weight:700}
.lu-vb-hinweis .lu-vb-schritte .lu-i{width:1.1em;height:1.1em;vertical-align:-.2em}
@media (max-width:700px){.lu-hud-mitte .lu-hud-vb{display:none}} /* Handy: im Spiel ist kein Platz neben der Uhr; Vollbild gibt es in der Kopfzeile */
@media (max-width:420px){.lu-kopf-rechts .lu-vb-kopf{width:2.4rem;height:2.4rem;min-height:2.4rem}}

/* Kopfzeile: Vollbild am Handy und Tablet im Klappmenü, damit der Menü-Knopf Platz behält */
.lu-nav-vb{display:none}
@media (max-width:1180px){
.lu-kopf-rechts .lu-vb-kopf{display:none}
.lu-nav-konto .lu-nav-vb{display:flex;align-items:center;gap:.6rem;width:100%;padding:.75rem .2rem;border:0;background:none;font:inherit;font-weight:800;color:var(--navy);cursor:pointer;text-align:left}
}

/* Geographie-Kacheln: Fehler-Abzeichen oben in der Bild-Ecke, damit „Start“ bei allen Kacheln in derselben Zeile steht */
.lu-geo-k-bild{position:relative}
.lu-geo-k-bild .lu-geo-k-fehler{position:absolute;top:.55rem;right:.55rem;box-shadow:0 .2rem .5rem rgba(11,31,68,.15)}
.lu-geo-k-fuss{flex-wrap:nowrap}

/* 0.22 Startseite: Ludiri zum Antippen – Sprechblase über seinem Kopf, nichts sonst verrutscht (Richard), Ludiri spricht */
button.lu-hero-figur{display:block;padding:0;border:0;background:none;cursor:pointer;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
button.lu-hero-figur:focus-visible{outline:4px solid #2F7DF6;outline-offset:6px;border-radius:2rem}
/* Platz über dem Kopf für die Blase: Ludiri etwas kleiner, mit festem Abstand zum Text, damit die Hand den Text nicht berührt */
.lu-hero-figur{height:min(92%,calc(100% - 6.5rem));justify-self:end;margin-right:clamp(1.5rem,3.5vw,4.5rem)}
/* Einladung: kleine Blase mit drei Punkten über Ludiris Kopf, genau dort, wo die Sprechblase aufgeht */
.lu-hero-tipp{position:absolute;left:58%;bottom:calc(100% - 1.5rem);display:flex;gap:.28rem;padding:.55rem .75rem;border-radius:1.2rem 1.2rem 1.2rem .3rem;background:#fff;box-shadow:0 .5rem 1.2rem rgba(11,31,68,.18);animation:lu-tipp 2.6s ease-in-out 2s infinite;transition:opacity .3s,transform .3s}
.lu-hero-tipp i{width:.5rem;height:.5rem;border-radius:50%;background:#2F7DF6;animation:lu-tipp-punkt 1.4s ease-in-out infinite}
.lu-hero-tipp{align-items:center}.lu-hero-tipp .lu-hero-tipp-ton{width:1.15rem;height:1.15rem;margin:-.1rem .12rem -.1rem -.1rem;color:#2F7DF6;flex:none}
.lu-hero-tipp i:nth-child(2){animation-delay:.18s}.lu-hero-tipp i:nth-child(3){animation-delay:.36s}
@keyframes lu-tipp{0%,100%{transform:translateY(0)}50%{transform:translateY(-.35rem)}}
@keyframes lu-tipp-punkt{0%,60%,100%{opacity:.35}30%{opacity:1}}
.lu-hallo .lu-hero-tipp{opacity:0;transform:scale(.6)}
/* Sprechblase: mittig über dem Kopf, Spitze zeigt nach unten auf Ludiri */
.lu-hero-blase{position:absolute;left:47%;bottom:calc(100% + .9rem);z-index:4;width:max-content;max-width:clamp(13rem,18vw,18.5rem);padding:.95rem 1.25rem;border-radius:1.5rem;background:#fff;filter:drop-shadow(0 .7rem 1rem rgba(11,31,68,.2));text-align:center;opacity:0;transform:translate(-50%,.8rem) scale(.55);transform-origin:50% 100%;pointer-events:none;transition:opacity .3s ease,transform .5s cubic-bezier(.2,1.4,.4,1)}
.lu-hero-blase::after{content:"";position:absolute;left:50%;bottom:-.55rem;width:1.3rem;height:1.3rem;background:#fff;border-radius:0 0 .3rem 0;transform:translateX(-50%) rotate(45deg)}
.lu-hero-blase p{margin:0;white-space:pre-line;font:600 clamp(1.02rem,1.35vw,1.25rem)/1.35 var(--font-t);color:var(--navy)}
.lu-hallo .lu-hero-blase{opacity:1;transform:translate(-50%,0)}
/* Sprechen: Ludiri wippt leicht im Takt */
.lu-hero-figur.spricht img{animation:lu-sprechen .42s ease-in-out infinite alternate}
@keyframes lu-sprechen{from{transform:translateY(0) rotate(0) scale(1)}to{transform:translateY(-.5%) rotate(-1.2deg) scale(1.012,.992)}}
@media (prefers-reduced-motion:reduce){.lu-hero-figur.spricht img,.lu-hero-tipp,.lu-hero-tipp i{animation:none}.lu-hero-blase{transition:opacity .2s}}
/* Niedrige Laptop-Bildschirme: etwas mehr Platz über dem Kopf, Blase etwas kleiner */
@media (min-width:761px) and (max-height:860px){
.lu-hero-figur{height:min(88%,calc(100% - 7.6rem))}
.lu-hero-blase{bottom:calc(100% + .7rem);padding:.75rem 1.1rem}
.lu-hero-blase p{font-size:clamp(.98rem,1.25vw,1.12rem)}
}
/* Tablets hochkant: Ludiri passt ganz in seine Spalte (vorher am linken Rand abgeschnitten), darüber viel Platz für die Blase */
@media (min-width:761px) and (max-aspect-ratio:4/5){
.lu-hero-figur{height:auto;width:100%;max-width:26rem;justify-self:center;margin-right:0}
}
/* Handy und schmale Tablets: Ludiri steht unter dem Text; über seinem Kopf ist immer Platz für die Blase, nichts rückt */
@media (max-width:760px){
.lu-hero-figur{height:auto;justify-self:auto;margin-top:6rem;margin-right:auto}
.lu-hero-blase{left:50%;max-width:min(18rem,84vw);bottom:calc(100% + .6rem)}
.lu-hero-tipp{left:50%;bottom:calc(100% + 1rem);transform:translateX(-50%)}
.lu-hallo .lu-hero-tipp{transform:translateX(-50%) scale(.6)}
@keyframes lu-tipp-m{0%,100%{transform:translateX(-50%)}50%{transform:translate(-50%,-.35rem)}}
.lu-hero-tipp{animation-name:lu-tipp-m}
}

/* 0.22 Kopf bleibt immer einzeilig (Richard: „Kleine Helden“ und „Für Eltern“ brachen seit dem Vollbild-Knopf um, wenn man angemeldet ist) */
.lu-nav a{white-space:nowrap}
@media (min-width:1181px) and (max-width:1439px){.lu-kopf-innen{gap:clamp(.8rem,1.6vw,1.5rem)}.lu-nav{gap:clamp(.9rem,1.7vw,1.6rem)}.lu-kopf-rechts{gap:.55rem}}
@media (min-width:1181px) and (max-width:1300px){.lu-nav a{font-size:1rem}.lu-kopf .lu-logo img{height:5.6rem}}
/* 0.22.1 Entdeckerreise, Einstellungen: „Muster freigeben“ als eigene Zeile wie die Lernbereiche, Häkchen bündig darüber (Richard) */
.lu-ed-e .lu-ed-e-s-muster{align-items:center;gap:.5rem;margin-top:.4rem;padding:.6rem .8rem;border-radius:1rem;background:var(--off)}
.lu-ed-e .lu-ed-e-s-muster input{width:1.25rem;height:1.25rem;margin:3px 3px 3px 4px}
.lu-ed-e .lu-ed-e-s-muster small{display:block;font-weight:600;color:var(--muted)}
/* 0.22.1 Slider „Multiplayer“: Figuren mit Abstand, das Seil sichtbar zwischen den Händen, Handys an den unteren Ecken (nicht unter dem Pfeil), kein Beispiel-Code (Richard) */
.lu-sl-bild.mp .lu-sl-tafel{left:6%;right:11%;top:9%;bottom:22%}
.lu-sl-bild.mp .lu-sl-tafel-szene img{height:64%;bottom:5%;z-index:1}
.lu-sl-bild.mp .lu-sl-tafel-szene .links{left:5%}.lu-sl-bild.mp .lu-sl-tafel-szene .rechts{right:5%}
.lu-sl-bild.mp .lu-sl-tafel-szene .seil{left:22%;right:22%;top:auto;bottom:calc(5% + 64% * .5);height:.5rem;z-index:0}
.lu-sl-bild.mp .lu-sl-handy.h0{right:3%;top:auto;bottom:3%}
.lu-sl-bild.mp .lu-sl-handy.h1{display:none}
.lu-sl-bild.mp .lu-sl-handy.h2{left:2%;bottom:3%}
@media (max-width:760px){.lu-sl-bild.mp .lu-sl-tafel{left:4%;right:24%;top:10%;bottom:10%}.lu-sl-bild.mp .lu-sl-handy.h2{display:none}.lu-sl-bild.mp .lu-sl-handy.h0{right:3%;bottom:8%}}
/* 0.22.1 Lautstärke-Regler am Lautsprecher-Knopf (Richard): einmal tippen öffnet ihn, nochmal tippen schaltet lautlos */
.lu-laut{position:relative;display:inline-flex;flex:none}
.lu-laut-feld{--dx:0px;position:absolute;top:calc(100% + .6rem);right:calc(-.3rem - var(--dx));z-index:90;width:min(17rem,calc(100vw - 1.5rem));padding:.8rem 1rem .75rem;border-radius:1.2rem;background:#fff;color:var(--navy);box-shadow:0 1rem 2rem -.6rem rgba(11,31,68,.45);text-align:left;font-family:var(--font);animation:lu-laut-rein .18s ease-out}
.lu-laut-feld[hidden]{display:none}
.lu-laut-feld::before{content:"";position:absolute;top:-.4rem;right:calc(1.2rem + var(--dx));width:.9rem;height:.9rem;background:#fff;border-radius:.15rem;transform:rotate(45deg)}
@keyframes lu-laut-rein{from{opacity:0;transform:translateY(-.3rem)}}
.lu-laut-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;font-weight:800;font-size:.95rem}
.lu-laut-wert{font-family:var(--font-t);font-weight:600;font-size:1.05rem}
.lu-laut-zeile{display:flex;align-items:center;gap:.5rem;margin:.35rem 0 .15rem}
.lu-laut-zeile .lu-i{width:1.25rem;height:1.25rem;flex:none;color:#5B6B85}
.lu-laut-regler{flex:1;min-width:0;height:2.6rem;margin:0;accent-color:#2F7DF6;cursor:pointer;touch-action:none}
.lu-laut-tipp{margin:0;font-size:.8rem;font-weight:700;line-height:1.3;color:#5B6B85}
.lu-laut.lautlos .lu-laut-regler{opacity:.6}
@media (prefers-reduced-motion:reduce){.lu-laut-feld{animation:none}}

/* Spruch „Spielen. / Staunen. / Schlauer werden.“ in drei Zeilen; etwas kleiner, damit „Schlauer werden.“ in eine Zeile passt */
.lu-hero-text h1 .z1b{animation-delay:.42s}
.lu-hero-text h1{font-size:clamp(2.7rem,min(4.6vw,8.2vh),4.9rem)}
@media (max-width:760px){.lu-hero-text h1{font-size:clamp(2.2rem,10.2vw,3.5rem)}}
.lu-sw-vor.zeitreise .fig{height:100%;max-height:13rem;width:auto;filter:drop-shadow(0 .6rem .6rem rgba(11,31,68,.18))}
.lu-geo-vorschau-fig{height:76%;right:3%} /* Ludiri mit Globus ist breiter als die Lese-Pose: etwas kleiner, damit die Flaggen frei bleiben */
.lu-sw-vor.tauziehen img.paar{left:50%;bottom:3%;height:auto;width:min(92%,30rem);max-height:80%;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 .6rem .6rem rgba(11,31,68,.2))}
/* Geographie-Vorschau mit Richards Bild (Ludiri, Globus, Weltkarte, Flaggen, Kompass): immer ganz zu sehen; die Fläche daneben hat genau
   den Farbverlauf der Bildränder, so wirkt es nahtlos, egal wie breit die Fläche ist */
.lu-geo-vorschau,.lu-sw-vor.geo.szene{background:linear-gradient(180deg,#C0E6FC,#CFEFFD 28%,#CFEFF9 55%,#E1F2F0 69%,#EBF4ED 83%,#F0F6ED)}
.lu-geo-vorschau-szene{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .5s var(--weich)}
.lu-geo-vorschau:hover .lu-geo-vorschau-szene{transform:scale(1.03)}
.lu-sw-vor.geo.szene{max-height:none;border-radius:1rem;overflow:hidden}.lu-sw-vor.geo img.szene{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
@media (max-width:760px){.lu-geo-vorschau{min-height:15.5rem}.lu-sw-karte.da .lu-sw-bild.szene{height:auto}.lu-sw-karte.da .lu-sw-bild>.lu-sw-vor.geo.szene{min-height:0;height:auto;aspect-ratio:4/3}}
/* Multiplayer-Folie: Ludiri und Fiora als ein Bild an der Tafel, sie ziehen ganz leicht hin und her */
.lu-sl-bild.mp .lu-sl-tafel-szene img.paar{left:50%;right:auto;bottom:6%;height:auto;width:88%;max-height:84%;object-fit:contain;transform:translateX(-50%);animation:lu-sl-zerren 2.4s ease-in-out infinite}
@keyframes lu-sl-zerren{0%,100%{translate:-1.5% 0}50%{translate:1.5% 0}}
@media (prefers-reduced-motion:reduce){.lu-sl-bild.mp .lu-sl-tafel-szene img.paar{animation:none}}
/* ---------- Spielewelt 0.24: Fächer als Kategorien, jedes Fach mit seinen Spiel-Kacheln ---------- */
@media (min-width:761px){.lu-sw-hero{padding-top:8.8rem}} /* Logo im Kopf überdeckt sonst das Schild „Spielewelt“ */
.lu-fach-svg{display:block;width:100%;height:100%}
/* Fach-Kacheln (Übersicht) */
.lu-sw-faecher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.7rem,1.6vw,1.1rem)}
.lu-sw-fach-kachel{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:1rem 1.1rem;border-radius:1.4rem;text-decoration:none;color:var(--navy);
  background:linear-gradient(135deg,color-mix(in srgb,var(--f) 16%,#fff),#fff 70%);box-shadow:0 .45rem 0 color-mix(in srgb,var(--f) 30%,#DCE6F2),inset 0 0 0 2px color-mix(in srgb,var(--f) 28%,#fff);transition:transform .2s var(--feder),box-shadow .2s}
.lu-sw-fach-kachel:hover,.lu-sw-fach-kachel:focus-visible{transform:translateY(-3px);box-shadow:0 .65rem 0 color-mix(in srgb,var(--f) 40%,#DCE6F2),inset 0 0 0 2px var(--f)}
.lu-sw-fach-kachel:active{transform:translateY(2px);box-shadow:0 .2rem 0 color-mix(in srgb,var(--f) 40%,#DCE6F2),inset 0 0 0 2px var(--f)}
.lu-sw-fk-i{display:grid;place-items:center;width:4.2rem;height:4.2rem;padding:.55rem;border-radius:1.2rem;background:#fff;box-shadow:0 .3rem .8rem -.2rem color-mix(in srgb,var(--f) 45%,transparent)}
.lu-sw-fk-text{display:flex;flex-direction:column;gap:.1rem;min-width:0;container-type:inline-size}
/* Fachname immer in einer Zeile, ohne Trennstrich (Richard): Die Schrift wird so klein, dass „Naturwissenschaften“ (ca. 10,7 Schriftgrößen breit) in die Kachel passt – für alle Fächer gleich groß. */
.lu-sw-fk-text strong{font:800 min(clamp(1.1rem,1.5vw,1.3rem),calc(100cqi / 11))/1.15 var(--font-t,var(--font));white-space:nowrap;hyphens:manual;-webkit-hyphens:manual}
.lu-sw-fk-text small{font-weight:800;font-size:.92rem;color:color-mix(in srgb,var(--f) 75%,#0B1F44)}
.lu-sw-fk-text em{font-style:normal;font-weight:700;font-size:.85rem;color:#40546f}
.lu-sw-fk-pfeil{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--f);color:#fff}
.lu-sw-fk-pfeil .lu-i{width:1.1rem;height:1.1rem}
.lu-sw-fach-kachel.bald{background:linear-gradient(135deg,color-mix(in srgb,var(--f) 8%,#fff),#fff 70%)}
.lu-sw-fach-kachel.bald .lu-sw-fk-pfeil{background:color-mix(in srgb,var(--f) 45%,#fff)}
@media (max-width:1199px){.lu-sw-faecher{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.lu-sw-faecher{grid-template-columns:1fr}}   /* breitere Kacheln, damit die Fachnamen groß bleiben */
@media (max-width:380px){.lu-sw-fach-kachel{gap:.7rem}.lu-sw-fk-i{width:3rem;height:3rem;padding:.4rem}.lu-sw-fk-pfeil{width:1.9rem;height:1.9rem}}   /* kleine Handys: mehr Platz für den Namen */
@media (max-width:560px){.lu-sw-faecher{grid-template-columns:1fr}.lu-sw-fach-kachel{padding:.8rem .9rem}.lu-sw-fk-i{width:3.6rem;height:3.6rem}}
/* Fach-Kopf mit neuem Symbol und Anzahl */
.lu-sw-fach-i{background:#fff;padding:.45rem;width:3.8rem;height:3.8rem;box-shadow:0 .35rem 0 color-mix(in srgb,var(--f) 35%,#DCE6F2)}
.lu-sw-fach-zahl{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}
.lu-sw-klassen.zahl{background:var(--f);color:#fff}
@media (max-width:640px){.lu-sw-fach-zahl{grid-column:2;flex-direction:row;flex-wrap:wrap;align-items:center}.lu-sw-fach-i{grid-row:1/3}}
.lu-sw-fach{scroll-margin-top:6rem}
.lu-sw-fach.gezeigt .lu-sw-fach-kopf{animation:lu-sw-zeigen 1.2s ease-out}
@keyframes lu-sw-zeigen{0%{box-shadow:inset 0 0 0 2px var(--f),0 0 0 0 color-mix(in srgb,var(--f) 55%,transparent)}100%{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--f) 22%,#fff),0 0 0 1.2rem transparent}}
/* Spiel-Kacheln eines Fachs */
.lu-sw-kacheln-kopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem 1rem;margin:1.6rem 0 .8rem}
.lu-sw-kacheln-kopf h3{margin:0;font-size:clamp(1.25rem,2.2vw,1.55rem)}
.lu-sw-kacheln-kopf p{margin:0;color:#40546f;font-weight:700}
.lu-sw-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(14.5rem,100%),1fr));gap:clamp(.8rem,1.6vw,1.2rem)}
.lu-sw-kachel{display:flex;flex-direction:column;overflow:hidden;border-radius:1.3rem;background:#fff;color:var(--navy);text-decoration:none;box-shadow:0 .4rem 0 #DCE6F2,var(--schatten);transition:transform .2s var(--feder),box-shadow .2s}
a.lu-sw-kachel:hover,a.lu-sw-kachel:focus-visible{transform:translateY(-4px);box-shadow:0 .6rem 0 color-mix(in srgb,var(--f) 35%,#DCE6F2),var(--schatten)}
a.lu-sw-kachel:active{transform:translateY(2px)}
.lu-sw-kachel.bald{background:#F7F9FC;box-shadow:0 .3rem 0 #E3E8F0}
.lu-sw-kachel.naechstes{box-shadow:0 .3rem 0 #E3E8F0,inset 0 0 0 2px color-mix(in srgb,var(--f) 40%,#fff)}
.lu-sw-k-bild{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--f) 14%,#fff),#fff)}
.lu-sw-kachel.bald .lu-sw-k-bild{filter:saturate(.75)}
.lu-sw-reihe+.lu-sw-kacheln{margin-top:clamp(1rem,2vw,1.4rem)}   /* ohne Zwischenüberschrift direkt unter der großen Karte */
.lu-sw-k-text{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.8rem 1rem 1rem}
.lu-sw-k-text h4{margin:0;font-size:1.15rem;line-height:1.2}
.lu-sw-k-text p{flex:1;margin:0;color:#40546f;font-weight:700;font-size:.95rem;line-height:1.35}
.lu-sw-k-text .lu-pille{font-size:.78rem}
.lu-sw-k-los{display:inline-flex;align-items:center;gap:.35rem;margin-top:.35rem;padding:.45rem .9rem;border-radius:999px;background:var(--gelb);color:var(--navy);font-weight:800;font-size:.95rem;box-shadow:0 .25rem 0 #E0A800}
.lu-sw-k-los .lu-i{width:1rem;height:1rem}
/* Kachelbilder aus Spielteilen */
.lu-sw-kb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem}
.lu-sw-kb img{display:block}
.lu-sw-kb.tz{background:url(img/welt-start.webp?v=0.38.1) center 60%/cover}.lu-sw-kb.tz img{width:92%;height:auto;max-height:86%;object-fit:contain;filter:drop-shadow(0 .4rem .4rem rgba(11,31,68,.25))}
.lu-sw-kb.fig img{height:96%;width:auto;filter:drop-shadow(0 .5rem .5rem rgba(11,31,68,.18))}
.lu-sw-kb.teams{gap:.4rem;background:radial-gradient(circle at 50% 40%,#2F6B55,#1D4A3B);box-shadow:inset 0 0 0 .4rem #B98149}
.lu-sw-kb.teams span{display:flex;gap:.25rem;padding:.3rem;border-radius:1rem}.lu-sw-kb.teams .blau{background:rgba(47,125,246,.35)}.lu-sw-kb.teams .rot{background:rgba(239,83,100,.35)}
.lu-sw-kb.teams{flex-wrap:nowrap}.lu-sw-kb.teams span{flex:none}.lu-sw-kb.teams img{width:2.3rem;height:2.3rem;object-fit:cover;object-position:50% 20%;border-radius:50%;background:#fff;box-shadow:0 .2rem .4rem rgba(0,0,0,.25)}

.lu-sw-kb.teams b{color:#fff;font-weight:800;font-size:.95rem}
.lu-sw-kb.teams.geo{background:radial-gradient(circle at 50% 40%,#1F8F86,#0F5E5A)}
.lu-sw-kb.flaggen .lu-geo-flagge,.lu-sw-kb.stadt .lu-geo-flagge{width:28%;height:auto;border-radius:.3rem;box-shadow:0 .3rem .6rem -.2rem rgba(11,31,68,.35)}
.lu-sw-kb.flaggen .lu-geo-flagge:nth-child(2){transform:translateY(-.5rem) rotate(4deg)}.lu-sw-kb.flaggen .lu-geo-flagge:first-child{transform:rotate(-4deg)}
.lu-sw-kb.mix b,.lu-sw-kb.stadt b{font:800 1.6rem var(--font-t,var(--font));color:var(--navy)}
.lu-sw-kb.stadt{flex-direction:row}.lu-sw-kb.stadt small{font:800 1.6rem var(--font-t,var(--font));color:#F59E0B}
.lu-sw-kb.ed>*{width:28%;max-width:5.5rem;height:auto;aspect-ratio:1}
.lu-sw-kb.ed.mengen>*{width:46%;max-width:7rem}
.lu-sw-kb.ed.muster>*{width:20%}
.lu-sw-k-bild>.lu-sw-vor{position:absolute;inset:0;height:auto;min-height:0}
/* Alters-Schild auf jeder Kachel (über dem Namen, neben dem Stand): Farbe nach Anfangsstufe */
.lu-sw-k-schilder{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .45rem}
.lu-sw-alter{display:inline-block;padding:.24rem .65rem;border-radius:999px;color:#fff;font-weight:800;font-size:.8rem;line-height:1.25;white-space:nowrap}
.lu-sw-alter.vor{background:#C2410C}.lu-sw-alter.k12{background:#15803D}.lu-sw-alter.k34{background:#1D4ED8}.lu-sw-alter.k56{background:#7C3AED}
@media (max-width:560px){.lu-sw-alter{padding:.18rem .5rem;font-size:.72rem}}
.lu-sw-kb.foto{padding:0}.lu-sw-kb.foto img{display:block;width:100%;height:100%;object-fit:cover}   /* Richards Kachelbilder (4:3) */
/* Platzhalter für Richards Bilder: mit Maßangabe */
.lu-sw-platz{position:absolute;inset:.55rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.6rem;border:2px dashed color-mix(in srgb,var(--f) 45%,#9DB0C9);border-radius:.9rem;
  background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--f) 6%,#F3F6FA) 0 12px,color-mix(in srgb,var(--f) 11%,#EAEFF6) 12px 24px);color:#4A5B76;text-align:center}
.lu-sw-platz-t{font-weight:800;font-size:.9rem}
.lu-sw-platz b{font-weight:800;font-size:1rem;color:color-mix(in srgb,var(--f) 70%,#0B1F44)}
.lu-sw-platz small{font-weight:700;font-size:.72rem;opacity:.8}
/* Zurück zu den Fächern */
.lu-sw-hoch{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.1rem;padding:.4rem .9rem;border-radius:999px;color:color-mix(in srgb,var(--f) 75%,#0B1F44);font-weight:800;text-decoration:none;background:color-mix(in srgb,var(--f) 10%,#fff)}
.lu-sw-hoch .lu-i{width:1rem;height:1rem;transform:rotate(-90deg)}
.lu-sw-hoch:hover,.lu-sw-hoch:focus-visible{background:color-mix(in srgb,var(--f) 18%,#fff)}
@media (prefers-reduced-motion:reduce){.lu-sw-fach-kachel,.lu-sw-kachel{transition:none}.lu-sw-fach.gezeigt .lu-sw-fach-kopf{animation:none}}
.lu-ed-kachel.lu-gezeigt{animation:lu-gezeigt 1.2s ease-out 2}
@keyframes lu-gezeigt{0%{box-shadow:0 0 0 0 rgba(47,125,246,.65)}100%{box-shadow:0 0 0 1.4rem rgba(47,125,246,0)}}
@media (prefers-reduced-motion:reduce){.lu-ed-kachel.lu-gezeigt{animation:none;outline:4px solid #2F7DF6}}
@media (max-width:560px){ /* Handy: zwei Spiel-Kacheln nebeneinander, damit lange Fächer nicht endlos werden */
  .lu-sw-kacheln{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
  .lu-sw-kachel{border-radius:1.05rem}
  .lu-sw-k-text{padding:.6rem .7rem .75rem;gap:.25rem}
  .lu-sw-k-text h4{font-size:1rem}
  .lu-sw-k-text p{font-size:.82rem;line-height:1.3}
  .lu-sw-k-text .lu-pille{font-size:.7rem;padding:.15rem .5rem}
  .lu-sw-k-los{padding:.35rem .7rem;font-size:.85rem}
  .lu-sw-platz{inset:.35rem;padding:.35rem}.lu-sw-platz-t{font-size:.72rem}.lu-sw-platz b{font-size:.82rem}.lu-sw-platz small{font-size:.64rem}
  .lu-sw-kb.teams{flex-direction:column;gap:.15rem;padding:.4rem}.lu-sw-kb.teams img{width:1.9rem;height:1.9rem}.lu-sw-kb.teams b{font-size:.75rem}
  .lu-sw-kb.mix b,.lu-sw-kb.stadt b,.lu-sw-kb.stadt small{font-size:1.15rem}
}

/* ---------- Spielewelt 0.26: Zuletzt gespielt (oben im Kopfbereich) und „Ich bin …“ ---------- */
.lu-sw-zl{margin-top:1.1rem;max-width:40rem;padding:.8rem .9rem .9rem;border-radius:1.2rem;background:rgba(255,255,255,.92);box-shadow:0 .6rem 1.4rem -.8rem rgba(11,31,68,.35)}
.lu-sw-zl-kopf{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.55rem}
.lu-sw-zl-kopf h2{display:flex;align-items:center;gap:.4rem;margin:0;font-size:1.05rem}
.lu-sw-zl-kopf h2 .lu-i{width:1.15rem;height:1.15rem}
.lu-sw-zl-leeren{border:0;background:none;padding:.3rem .2rem;color:#5b6b82;font:inherit;font-size:.8rem;font-weight:700;text-decoration:underline;cursor:pointer}
.lu-sw-zl-wer{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.55rem}
.lu-sw-zl-chip{border:2px solid #DCE6F2;background:#fff;color:var(--navy);border-radius:999px;padding:.3rem .75rem;font:inherit;font-size:.85rem;font-weight:800;cursor:pointer}
.lu-sw-zl-chip[aria-pressed="true"]{border-color:var(--navy);background:var(--navy);color:#fff}
.lu-sw-zl-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.lu-sw-zl-spiel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.4rem .5rem .4rem .4rem;border-radius:.9rem;background:#fff;color:var(--navy);text-decoration:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--f) 30%,#fff);transition:transform .15s,box-shadow .15s}
.lu-sw-zl-spiel:hover,.lu-sw-zl-spiel:focus-visible{transform:translateY(-2px);box-shadow:inset 0 0 0 2px var(--f)}
.lu-sw-zl-i{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.65rem;overflow:hidden;background:color-mix(in srgb,var(--f) 12%,#fff)}
.lu-sw-zl-i .lu-fach-svg{width:1.8rem;height:1.8rem}
.lu-sw-zl-i.foto img{width:100%;height:100%;object-fit:cover;display:block}
.lu-sw-zl-name{font-weight:800;font-size:.85rem;line-height:1.2;overflow-wrap:anywhere}
.lu-sw-zl-los{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--gelb,#FFC83D);color:var(--navy)}
.lu-sw-zl-los .lu-i{width:.85rem;height:.85rem}
@media (max-width:760px){.lu-sw-zl-liste{grid-template-columns:1fr}.lu-sw-zl{max-width:none}}
.lu-sw-ich{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .45rem;margin:0 0 1rem}
.lu-sw-ich-t{font-weight:800;color:var(--navy);margin-right:.2rem}
.lu-sw-ich-chip{border:2px solid #DCE6F2;background:#fff;color:var(--navy);border-radius:999px;padding:.35rem .85rem;font:inherit;font-size:.9rem;font-weight:800;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.lu-sw-ich-chip.vor{--c:#C2410C}.lu-sw-ich-chip.k12{--c:#15803D}.lu-sw-ich-chip.k34{--c:#1D4ED8}.lu-sw-ich-chip.k56{--c:#7C3AED}.lu-sw-ich-chip.alle{--c:var(--navy)}
.lu-sw-ich-chip{border-color:color-mix(in srgb,var(--c) 35%,#fff);color:var(--c)}
.lu-sw-ich-chip[aria-pressed="true"]{background:var(--c);border-color:var(--c);color:#fff}
.lu-sw-kachel.passt-nicht,.lu-sw-fach-kachel.passt-nicht{opacity:.38;filter:grayscale(.7)}
.lu-sw-kachel,.lu-sw-fach-kachel{transition:opacity .25s,filter .25s,transform .15s,box-shadow .15s}
@media (prefers-reduced-motion:reduce){.lu-sw-zl-spiel,.lu-sw-ich-chip{transition:none}}

/* ---------- Globus (/globus, 0.27): Bühne im Weltall, Ludiri-Farben für Knöpfe und Karten ---------- */
.lu-gl{max-width:92rem;margin:0 auto;padding:clamp(6.8rem,12.5vh,8.2rem) clamp(.6rem,2.6vw,2.4rem) 3rem}
.lu-gl-buehne{position:relative;height:min(calc(100vh - 8.5rem),880px);min-height:31rem;border-radius:clamp(1.2rem,2.4vw,2rem);overflow:hidden;isolation:isolate;outline:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;
	background:radial-gradient(ellipse 75% 70% at 50% 46%,#1a4a8c 0%,#0e2a5e 42%,#08183a 72%,#050f27 100%);box-shadow:0 2rem 3.2rem -1.6rem rgba(11,31,68,.6),inset 0 0 0 1px rgba(255,255,255,.07);transition:background .8s}
.lu-gl-buehne::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(5,15,39,.5) 0%,rgba(5,15,39,0) 24%,rgba(5,15,39,0) 78%,rgba(5,15,39,.42) 100%)}
html.lu-gl-dunkel .lu-gl-buehne::after{opacity:.4}
.lu-gl-buehne:focus-visible{box-shadow:0 0 0 4px var(--gelb),0 2rem 3.2rem -1.6rem rgba(11,31,68,.6)}
.lu-gl-buehne.voll{height:100vh;max-height:none;border-radius:0}
.lu-gl-sterne{position:absolute;inset:0;z-index:0;opacity:.75;pointer-events:none;
	background-image:radial-gradient(1.3px 1.3px at 23px 41px,#fff 60%,transparent 62%),radial-gradient(1px 1px at 131px 87px,#d6ebff 60%,transparent 62%),radial-gradient(1.6px 1.6px at 207px 163px,#fff 60%,transparent 62%),radial-gradient(1px 1px at 67px 211px,#fff 60%,transparent 62%),radial-gradient(1.2px 1.2px at 263px 29px,#ffe9b0 60%,transparent 62%),radial-gradient(.9px .9px at 179px 247px,#fff 60%,transparent 62%),radial-gradient(1px 1px at 291px 131px,#cfe6ff 60%,transparent 62%);
	background-size:310px 270px;animation:lu-gl-funkeln 6s ease-in-out infinite alternate}
@keyframes lu-gl-funkeln{from{opacity:.55}to{opacity:.85}}
.lu-gl-erde,.lu-gl-linien{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block}
.lu-gl-erde{cursor:grab;opacity:0;transition:opacity .9s}.lu-gl-buehne.bereit .lu-gl-erde{opacity:1}
.lu-gl-buehne.zieht .lu-gl-erde{cursor:grabbing}
.lu-gl-linien{pointer-events:none;z-index:2}
.lu-gl-schilder{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.lu-gl-s{position:absolute;left:0;top:0;display:flex;align-items:center;gap:.28rem;padding:.12rem .32rem;border:0;border-radius:999px;background:none;color:#fff;font:inherit;font-weight:800;font-size:.8rem;line-height:1.12;white-space:nowrap;cursor:pointer;pointer-events:auto;will-change:transform;
	text-shadow:0 1px 2px rgba(3,10,30,.85),0 0 7px rgba(3,10,30,.55);transition:background .15s,opacity .2s}
.lu-gl-s[hidden]{display:none}
.lu-gl-s:hover,.lu-gl-s:focus-visible{background:rgba(255,255,255,.2);outline:none}
.lu-gl-s small{font-size:.66rem;font-weight:700;opacity:.85}
.lu-gl-s.kontinent{font-family:var(--font-t,var(--font));font-size:clamp(.95rem,1.7vw,1.4rem);letter-spacing:.12em;text-transform:uppercase}
.lu-gl-s.ozean{font-style:italic;font-weight:700;color:#d9f2ff;font-size:clamp(.82rem,1.3vw,1.02rem);letter-spacing:.08em}
.lu-gl-s.meer{font-style:italic;font-weight:700;color:#cdeaff;font-size:.74rem}
.lu-gl-s.land{font-size:.8rem;letter-spacing:.01em}
.lu-gl-s.hauptstadt,.lu-gl-s.stadt{font-size:.7rem;font-weight:700}
.lu-gl-s .punkt{width:.5rem;height:.5rem;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #EF5364,0 1px 3px rgba(0,0,0,.6)}
.lu-gl-s.stadt .punkt{width:.4rem;height:.4rem;box-shadow:0 0 0 1.5px #5b6b82,0 1px 3px rgba(0,0,0,.6)}
.lu-gl-s.gebirge,.lu-gl-s.wueste{font-style:italic;font-weight:700;font-size:.72rem;letter-spacing:.06em;color:#ffe6bb}
.lu-gl-s.wueste{color:#ffd59b}
.lu-gl-s.gipfel{font-size:.7rem;color:#fff}.lu-gl-s .berg{width:0;height:0;border-left:.32rem solid transparent;border-right:.32rem solid transparent;border-bottom:.55rem solid #fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}
.lu-gl-s.fluss,.lu-gl-s.see{font-style:italic;font-weight:700;font-size:.7rem;color:#bfe3ff}
.lu-gl-s.linie{font-size:.66rem;font-weight:700;color:#ffe08a;pointer-events:none}
html.lu-gl-dunkel .lu-gl-s{color:#3a2a14;text-shadow:0 0 3px rgba(255,250,235,.95),0 0 8px rgba(255,240,210,.8)}
html.lu-gl-dunkel .lu-gl-s.ozean,html.lu-gl-dunkel .lu-gl-s.meer,html.lu-gl-dunkel .lu-gl-s.fluss,html.lu-gl-dunkel .lu-gl-s.see{color:#1d5f9e}
html.lu-gl-dunkel .lu-gl-s.kontinent{color:#5a3a12}

/* Titel, Suche, Ebenen, Knöpfe, Infokarte */
.lu-gl-titel{position:absolute;z-index:5;left:clamp(1rem,2.4vw,2rem);top:clamp(1rem,2.4vw,1.8rem);color:#fff;pointer-events:none;max-width:calc(100% - 25rem)}
.lu-gl-kicker{display:inline-flex;align-items:center;gap:.35rem;margin:0 0 .35rem;padding:.25rem .7rem;border-radius:999px;background:var(--gelb,#FFC83D);color:var(--navy);font-weight:800;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.lu-gl-titel h1{margin:0;font-family:var(--font-t,var(--font));font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.08;color:#fff;text-shadow:0 2px 12px rgba(3,10,30,.6)}
.lu-gl-suche{position:absolute;z-index:7;top:clamp(1rem,2.4vw,1.8rem);right:clamp(1rem,2.4vw,2rem);width:min(21rem,38%);display:flex;align-items:center;gap:.45rem;padding:0 .9rem;border-radius:999px;background:rgba(255,255,255,.96);color:var(--navy);box-shadow:0 .6rem 1.4rem -.6rem rgba(0,0,0,.5)}
.lu-gl-suche>.lu-i{width:1.15rem;height:1.15rem;flex:none;opacity:.7}
.lu-gl-such-feld{flex:1;min-width:0;border:0;background:none;padding:.72rem 0;font:inherit;font-weight:700;color:var(--navy);outline:none}
.lu-gl-such-feld::placeholder{color:#6b7a90;font-weight:600}
.lu-gl-vorschlaege{position:absolute;left:0;right:0;top:calc(100% + .4rem);margin:0;padding:.35rem;list-style:none;border-radius:1rem;background:#fff;box-shadow:0 1rem 2rem -.8rem rgba(0,0,0,.55);max-height:18rem;overflow:auto}
.lu-gl-vorschlaege li{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;padding:.55rem .7rem;border-radius:.7rem;font-weight:800;cursor:pointer}
.lu-gl-vorschlaege li small{color:#5b6b82;font-weight:700;font-size:.75rem}
.lu-gl-vorschlaege li:hover,.lu-gl-vorschlaege li.an{background:#EEF5FF}.lu-gl-vorschlaege li.leer{cursor:default;color:#5b6b82;font-weight:700}
.lu-gl-ebenen{position:absolute;z-index:6;right:clamp(1rem,2.4vw,2rem);top:calc(clamp(1rem,2.4vw,1.8rem) + 3.6rem);display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}
.lu-gl-ebenen-k{display:none;align-items:center;gap:.4rem;border:0;border-radius:999px;padding:.55rem .95rem;background:rgba(255,255,255,.95);color:var(--navy);font:inherit;font-weight:800;cursor:pointer;box-shadow:0 .5rem 1rem -.5rem rgba(0,0,0,.5)}
.lu-gl-ebenen-innen{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}
.lu-gl-ebenen-t{margin:0 0 .1rem;padding:.2rem .6rem;border-radius:999px;background:rgba(8,24,58,.55);color:rgba(255,255,255,.85);font-weight:700;font-size:.78rem}
.lu-gl-ebenen-liste{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}
.lu-gl-ebene{display:inline-flex;align-items:center;gap:.5rem;padding:.48rem .85rem;border-radius:999px;border:1.5px solid rgba(255,255,255,.22);background:rgba(8,24,58,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:inherit;font-weight:800;font-size:.84rem;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}
.lu-gl-ebene i{width:.7rem;height:.7rem;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px rgba(255,255,255,.85)}
.lu-gl-ebene[aria-pressed="false"]{opacity:.62}.lu-gl-ebene[aria-pressed="false"] i{background:transparent;box-shadow:inset 0 0 0 2px rgba(255,255,255,.8)}
.lu-gl-ebene:hover{border-color:rgba(255,255,255,.55)}
.lu-gl-steuer{position:absolute;z-index:6;left:clamp(1rem,2.4vw,2rem);bottom:clamp(1rem,2.4vw,1.8rem);display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}
.lu-gl-k{display:grid;place-items:center;width:2.9rem;height:2.9rem;border:0;border-radius:50%;background:rgba(255,255,255,.95);color:var(--navy);cursor:pointer;box-shadow:0 .5rem 1rem -.5rem rgba(0,0,0,.55);transition:transform .12s}
.lu-gl-k:hover{transform:translateY(-2px)}.lu-gl-k:active{transform:translateY(1px)}.lu-gl-k .lu-i{width:1.3rem;height:1.3rem}
.lu-gl-zoom{display:flex;gap:.35rem}
.lu-gl-licht{display:inline-flex;align-items:center;gap:.55rem;height:2.9rem;padding:0 1.1rem 0 .55rem;border:0;border-radius:999px;background:var(--gelb,#FFC83D);color:var(--navy);font:inherit;font-weight:800;cursor:pointer;box-shadow:0 .35rem 0 #D9A300,0 .8rem 1.4rem -.6rem rgba(0,0,0,.5);transition:transform .12s,box-shadow .2s,background .3s}
.lu-gl-licht:active{transform:translateY(3px);box-shadow:0 .1rem 0 #D9A300}
.lu-gl-birne{position:relative;width:2rem;height:2rem;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff 0 22%,#FFE48A 40%,#FFC83D 70%);box-shadow:inset 0 0 0 2px rgba(11,31,68,.15)}
.lu-gl-licht[aria-pressed="true"]{background:#16264a;color:#FFE08A;box-shadow:0 .35rem 0 #0b1530,0 0 1.6rem .2rem rgba(255,200,61,.35)}
.lu-gl-licht[aria-pressed="true"] .lu-gl-birne{background:radial-gradient(circle at 50% 40%,#7a8aa8 0 25%,#3a4a6a 70%)}
.lu-gl-info{position:absolute;z-index:8;right:clamp(1rem,2.4vw,2rem);bottom:clamp(1rem,2.4vw,1.8rem);width:min(23rem,calc(100% - 2rem));padding:1rem 1.1rem 1.1rem;border-radius:1.3rem;background:#fff;color:var(--navy);box-shadow:0 1.4rem 2.6rem -1rem rgba(0,0,0,.6)}
.lu-gl-info.rein{animation:lu-gl-rein .35s cubic-bezier(.2,1.2,.4,1)}
@keyframes lu-gl-rein{from{opacity:0;transform:translateY(1rem) scale(.97)}to{opacity:1;transform:none}}
.lu-gl-info-kopf{display:flex;align-items:center;gap:.8rem}
.lu-gl-info-kopf>div{flex:1;min-width:0}
.lu-gl-info-kopf .flagge{width:3.3rem;height:auto;max-height:2.4rem;object-fit:contain;border-radius:.35rem;box-shadow:0 0 0 1px rgba(11,31,68,.15),0 .3rem .6rem -.3rem rgba(0,0,0,.4)}
.lu-gl-info-kopf .art{margin:0;font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5b6b82}
.lu-gl-info-kopf h2{margin:.05rem 0 0;font-family:var(--font-t,var(--font));font-size:1.45rem;line-height:1.12;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.lu-gl-info-kopf h2.lang{font-size:1.2rem}
.lu-gl-info-kopf .zu{flex:none;display:grid;place-items:center;width:2.3rem;height:2.3rem;border:0;border-radius:50%;background:#EEF3FA;color:var(--navy);cursor:pointer}
.lu-gl-fakten{margin:.8rem 0 0;padding:0;list-style:none;display:grid;gap:.45rem}
.lu-gl-fakten li{display:flex;gap:.55rem;align-items:flex-start;font-weight:700;color:#2b3d58;line-height:1.3}
.lu-gl-fakten .lu-i{flex:none;width:1.15rem;height:1.15rem;color:#38A1F3;margin-top:.05rem}
.lu-gl-info-knoepfe{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}
.lu-gl-info-knoepfe .lu-btn{padding:.55rem .95rem;font-size:.9rem}
.lu-gl-hinweis{position:absolute;z-index:4;left:50%;bottom:clamp(4.6rem,9vh,6rem);white-space:nowrap;transform:translateX(-50%);display:flex;align-items:center;gap:.5rem;margin:0;padding:.55rem 1rem;border-radius:999px;background:rgba(255,255,255,.92);color:var(--navy);font-weight:800;pointer-events:none;box-shadow:0 .6rem 1.2rem -.6rem rgba(0,0,0,.5);transition:opacity .6s,transform .6s}
.lu-gl-hinweis .lu-i{animation:lu-gl-wink 1.6s ease-in-out infinite}
@keyframes lu-gl-wink{0%,100%{transform:translateX(-4px) rotate(-8deg)}50%{transform:translateX(5px) rotate(8deg)}}
.lu-gl-hinweis.weg{opacity:0;transform:translate(-50%,.6rem)}
.lu-gl-laden{position:absolute;z-index:9;inset:0;display:grid;place-content:center;justify-items:center;gap:.4rem;color:#fff;font-weight:800;transition:opacity .6s}
.lu-gl-laden.weg{opacity:0;pointer-events:none}
/* 0.33.12 (Richard: „komischer Streifen in der Mitte“): die Ladeanzeige ohne eigenen hellen Kasten, Ludiri rennt direkt auf dem dunklen Grund */
.lu-gl-laden .lu-boot{min-height:0;padding:0;background:none}
.lu-gl-ohne{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:1rem;padding:5rem 1rem 2rem;color:#fff;text-align:center;font-weight:700}
.lu-gl-ohne img{max-width:min(46rem,100%);border-radius:1rem}
/* Unter der Bühne: kurze Anleitung und Quellen */
.lu-gl-unten{max-width:76rem;margin:2rem auto 0}
.lu-gl-tipps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.7rem,1.6vw,1.1rem)}
.lu-gl-tipp{padding:1.1rem 1.15rem;border-radius:1.3rem;background:#fff;box-shadow:0 .6rem 1.4rem -1rem rgba(11,31,68,.35),inset 0 0 0 1.5px #E3ECF7}
.lu-gl-tipp-i{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:.9rem;background:#EEF5FF;color:#2F7DF6;margin-bottom:.6rem}
.lu-gl-tipp-i .lu-i{width:1.5rem;height:1.5rem}
.lu-gl-tipp h3{margin:0 0 .3rem;font-size:1.1rem}.lu-gl-tipp p{margin:0;color:#40546f;font-weight:600;line-height:1.4}
.lu-gl-quellen{margin:1.2rem 0 0;color:#5b6b82;font-size:.85rem;font-weight:600}
/* Licht aus: Rest der Seite dunkel, nur der Globus leuchtet */
html.lu-gl-dunkel,html.lu-gl-dunkel body{background:#040a18}
.lu-gl-seite .lu-kopf,.lu-gl-unten,.lu-gl-seite .lu-fuss{transition:filter .8s,opacity .8s}
html.lu-gl-dunkel .lu-gl-seite .lu-kopf,html.lu-gl-dunkel .lu-gl-unten,html.lu-gl-dunkel .lu-gl-seite .lu-fuss{filter:brightness(.22) saturate(.5)}
html.lu-gl-dunkel .lu-gl-buehne{background:radial-gradient(ellipse 75% 70% at 50% 46%,#0c1a36 0%,#060e22 55%,#02060f 100%);box-shadow:0 0 0 1px rgba(255,255,255,.04)}
html.lu-gl-dunkel .lu-gl-sterne{opacity:.35}
html.lu-gl-dunkel .lu-gl-titel h1{color:#FFE7B0}
/* Tablet und Handy */
@media (min-width:901px){.lu-gl-ebenen-k{display:none}}
/* Am Laptop: Solange eine Infokarte offen ist, klappen die Ebenen zu einem Knopf zusammen (sonst liegt die Karte über der Liste) */
@media (min-width:901px){.lu-gl-buehne.mit-info .lu-gl-ebenen-k{display:inline-flex}.lu-gl-buehne.mit-info .lu-gl-ebenen-innen{display:none}.lu-gl-buehne.mit-info .lu-gl-ebenen.offen{z-index:9}.lu-gl-buehne.mit-info .lu-gl-ebenen.offen .lu-gl-ebenen-innen{display:flex}.lu-gl-buehne.mit-info .lu-gl-info{max-height:calc(100% - 11rem)}}
@media (max-width:900px){
	.lu-gl-ebenen-k{display:inline-flex}
	.lu-gl-ebenen-innen{display:none}.lu-gl-ebenen.offen .lu-gl-ebenen-innen{display:flex}
	.lu-gl-titel{max-width:calc(100% - 9rem)}
	.lu-gl-suche{left:clamp(1rem,2.4vw,2rem);right:clamp(1rem,2.4vw,2rem);width:auto;top:auto;bottom:calc(clamp(1rem,2.4vw,1.8rem) + 3.6rem)}
	.lu-gl-ebenen{top:clamp(1rem,2.4vw,1.8rem)}
	.lu-gl-tipps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
	.lu-gl{padding:5.2rem .5rem 2rem}
	.lu-gl-buehne{height:calc(100svh - 6rem);min-height:28rem;border-radius:1.2rem}
	.lu-gl-titel h1{font-size:1.3rem}.lu-gl-kicker{font-size:.68rem}
	.lu-gl-hinweis{bottom:8.6rem;font-size:.82rem;padding:.45rem .8rem}
	.lu-gl-licht-t{display:none}.lu-gl-licht{padding:0 .45rem}
	.lu-gl-k{width:2.6rem;height:2.6rem}
	.lu-gl-info{left:.6rem;right:.6rem;bottom:.6rem;width:auto;max-height:55%;overflow:auto}
	.lu-gl-s.land{font-size:.74rem}.lu-gl-s.kontinent{font-size:.9rem}
	.lu-gl-tipps{grid-template-columns:1fr}
}
/* 0.28: Stecknadel, Hand, Dimmer, Musik, Länder-Kacheln */
.lu-gl-info{max-height:calc(100% - 7.5rem);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.lu-gl-info.mit-kacheln{width:min(25.5rem,calc(100% - 2rem))}
.lu-gl-nadel{position:absolute;left:0;top:0;z-index:5;width:0;height:0;pointer-events:none}
.lu-gl-nadel[hidden]{display:none}
/* 3D-Stecknadel: Spitze (24|74 im Bild) liegt genau auf dem Punkt. Beim Einstechen fällt sie, sticht ein, wackelt nach; Einstich und Schatten erscheinen */
.lu-gl-nadel .kopf{position:absolute;left:-1.2rem;bottom:-.3rem;width:2.4rem;height:4rem}
.lu-gl-nadel .kopf svg{display:block;width:100%;height:100%;overflow:visible}
.lu-gl-nadel .stift,.lu-gl-nadel .loch,.lu-gl-nadel .schatten{transform-box:view-box;transform-origin:24px 74px}
.lu-gl-nadel .stift{transform:rotate(14deg)}
.lu-gl-nadel.rein .stift{animation:lu-gl-stift .8s cubic-bezier(.3,.8,.3,1)}
.lu-gl-nadel.rein .loch{animation:lu-gl-loch .8s ease-out}
.lu-gl-nadel.rein .schatten{animation:lu-gl-schatten .8s ease-out}
@keyframes lu-gl-stift{0%{transform:translate(-4px,-30px) rotate(4deg);opacity:0}30%{transform:translate(0,0) rotate(14deg);opacity:1}45%{transform:rotate(5deg)}60%{transform:rotate(19deg)}75%{transform:rotate(11deg)}88%{transform:rotate(15.5deg)}100%{transform:rotate(14deg)}}
@keyframes lu-gl-loch{0%,28%{transform:scale(0)}40%{transform:scale(1.25)}100%{transform:none}}
@keyframes lu-gl-schatten{0%{transform:scale(.25);opacity:0}30%{opacity:1;transform:none}100%{transform:none}}
.lu-gl-nadel .ring{position:absolute;left:-1.3rem;top:-.55rem;width:2.6rem;height:1.1rem;border-radius:50%;border:2.5px solid #FFC83D;box-shadow:0 0 .6rem rgba(255,200,61,.7);animation:lu-gl-ring 1.8s ease-out infinite}
.lu-gl-nadel .ring.zwei{animation-delay:.9s}
@keyframes lu-gl-ring{0%{transform:scale(.35);opacity:1}100%{transform:scale(2.1);opacity:0}}
.lu-gl-licht-box{display:flex;align-items:center;gap:.55rem}
.lu-gl-dimmer{display:flex;align-items:center;gap:.45rem;height:2.9rem;padding:0 .8rem;border-radius:999px;background:rgba(10,20,45,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#FFE08A;box-shadow:inset 0 0 0 1.5px rgba(255,224,138,.25),0 .5rem 1rem -.5rem rgba(0,0,0,.6);animation:lu-gl-rein .3s ease-out}
.lu-gl-dimmer[hidden]{display:none}
.lu-gl-dimmer .lu-i{width:1.15rem;height:1.15rem;flex:none}
.lu-gl-dimmer input{-webkit-appearance:none;appearance:none;width:clamp(6rem,12vw,9rem);height:.5rem;border-radius:999px;margin:0;cursor:pointer;background:linear-gradient(90deg,#FFC83D var(--w,65%),rgba(255,255,255,.18) var(--w,65%))}
.lu-gl-dimmer input::-webkit-slider-thumb{-webkit-appearance:none;width:1.45rem;height:1.45rem;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff 0 25%,#FFE48A 45%,#FFC83D 80%);box-shadow:0 0 0 3px #16264a,0 0 .8rem .2rem rgba(255,200,61,.6)}
.lu-gl-dimmer input::-moz-range-thumb{width:1.45rem;height:1.45rem;border:0;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff 0 25%,#FFE48A 45%,#FFC83D 80%);box-shadow:0 0 0 3px #16264a,0 0 .8rem .2rem rgba(255,200,61,.6)}
.lu-gl-dimmer input:focus-visible{outline:3px solid #FFC83D;outline-offset:4px}
.lu-gl-k.musik{position:relative}
.lu-gl-k.musik[aria-pressed="true"]{background:var(--gelb,#FFC83D)}
.lu-gl-k.musik .welle{position:absolute;inset:-4px;border-radius:50%;border:2px solid #FFC83D;opacity:0;pointer-events:none}
.lu-gl-k.musik[aria-pressed="true"] .welle{animation:lu-gl-ring 2.2s ease-out infinite}
.lu-gl-s.insel{font-weight:700;font-size:.72rem;letter-spacing:.03em;color:#fff7dd}
.lu-gl-buehne.lampe-dunkel .lu-gl-s{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 7px rgba(0,0,0,.7)}
.lu-gl-buehne.lampe-dunkel .lu-gl-s.ozean,.lu-gl-buehne.lampe-dunkel .lu-gl-s.meer,.lu-gl-buehne.lampe-dunkel .lu-gl-s.fluss,.lu-gl-buehne.lampe-dunkel .lu-gl-s.see{color:#a9d6ff}
.lu-gl-buehne.lampe-dunkel .lu-gl-s.kontinent{color:#FFE7B0}
.lu-gl-kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.85rem}
.lu-gl-kachel{display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;min-width:0;padding:.55rem .6rem .6rem;border:0;border-radius:.95rem;background:#F1F6FD;color:var(--navy);font:inherit;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1.5px #DFE9F6;transition:background .15s,box-shadow .15s,transform .12s}
.lu-gl-kachel:hover{background:#E6F0FC;transform:translateY(-1px)}
.lu-gl-kachel:focus-visible{outline:3px solid #38A1F3;outline-offset:2px}
.lu-gl-kachel.an{background:#FFF4D1;box-shadow:inset 0 0 0 2px #FFC83D}
.lu-gl-kachel .i{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:.6rem;background:#fff;color:#2F7DF6;box-shadow:0 .15rem .4rem -.2rem rgba(11,31,68,.35)}
.lu-gl-kachel .i .lu-i{width:1.1rem;height:1.1rem}
.lu-gl-kachel[data-k="klang"] .i{color:#EF5364}.lu-gl-kachel[data-k="staedte"] .i{color:#8B5CF6}.lu-gl-kachel[data-k="nachbarn"] .i{color:#14B8A6}.lu-gl-kachel[data-k="flaeche"] .i{color:#F59E0B}
.lu-gl-kachel .t{max-width:100%;margin-top:.2rem;font-size:.66rem;font-weight:800;letter-spacing:.01em;color:#5b6b82;text-transform:uppercase;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:clip}   /* immer einzeilig („Nachbarländer“) */
.lu-gl-kachel strong{max-width:100%;font-size:.92rem;line-height:1.15;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
.lu-gl-mehr{margin-top:.55rem;padding:.75rem .8rem;border-radius:1rem;background:#FFFBEF;box-shadow:inset 0 0 0 1.5px #FFE7A3}
.lu-gl-mehr[hidden]{display:none}
.lu-gl-mehr.rein{animation:lu-gl-rein .28s ease-out}
.lu-gl-mehr-t{margin:0 0 .5rem;font-weight:700;color:#40546f;font-size:.9rem}
.lu-gl-satz{position:relative;padding-right:2.4rem}
.lu-gl-satz p{margin:0;font-weight:700;line-height:1.4;color:#1f3150}
.lu-gl-satz small{display:block;margin-top:.3rem;color:#6b7a90;font-weight:700;font-size:.74rem}
.lu-gl-mini{position:absolute;right:0;top:0;display:grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:50%;background:#fff;color:var(--navy);cursor:pointer;box-shadow:0 .2rem .5rem -.25rem rgba(11,31,68,.4)}
.lu-gl-mini .lu-i{width:1.05rem;height:1.05rem}
.lu-gl-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.lu-gl-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .7rem .38rem .45rem;border:0;border-radius:999px;background:#fff;color:var(--navy);font:inherit;font-weight:800;font-size:.86rem;cursor:pointer;box-shadow:inset 0 0 0 1.5px #DFE9F6,0 .2rem .45rem -.3rem rgba(11,31,68,.35)}
.lu-gl-chip:hover{box-shadow:inset 0 0 0 2px #38A1F3}
.lu-gl-chip .flagge{width:1.45rem;height:1.05rem;object-fit:cover;border-radius:.2rem;box-shadow:0 0 0 1px rgba(11,31,68,.15)}
.lu-gl-chip .lu-i{width:1rem;height:1rem;color:#F59E0B}
.lu-gl-chip:not(:has(.flagge,.lu-i)){padding-left:.75rem}
.lu-gl-probe .kl{margin:0;font-weight:800;color:#5b6b82;font-size:.82rem}
.lu-gl-probe blockquote{margin:.3rem 0 .25rem;font-family:var(--font-t,var(--font));font-size:1.35rem;line-height:1.25;color:var(--navy)}
.lu-gl-probe .laut{margin:0;color:#5b6b82;font-weight:700;font-style:italic;font-size:.86rem}
.lu-gl-probe .de{margin:.45rem 0 0;font-weight:700;color:#1f3150}.lu-gl-probe .de b{color:#2F7DF6}
.lu-gl-abspielen{display:inline-flex;align-items:center;gap:.45rem;margin-top:.65rem;padding:.5rem .9rem .5rem .6rem;border:0;border-radius:999px;background:#EF5364;color:#fff;font:inherit;font-weight:800;font-size:.88rem;cursor:pointer;box-shadow:0 .25rem 0 #C2364A}
.lu-gl-abspielen .lu-i{width:1.1rem;height:1.1rem}
.lu-gl-abspielen:active{transform:translateY(2px);box-shadow:0 .05rem 0 #C2364A}
.lu-gl-abspielen.spielt{animation:lu-gl-puls 1s ease-in-out infinite}
@keyframes lu-gl-puls{50%{box-shadow:0 .25rem 0 #C2364A,0 0 0 .4rem rgba(239,83,100,.25)}}
.lu-gl-s.tier,.lu-gl-s.pflanze{flex-direction:column;gap:.15rem;padding:.1rem;font-size:.66rem;font-weight:800;color:#fff}
.lu-gl-s.tier .foto{width:2.6rem;height:2.6rem;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px #F97316,0 .3rem .6rem rgba(0,0,0,.5);transition:transform .15s}
.lu-gl-s.tier:hover .foto,.lu-gl-s.tier:focus-visible .foto{transform:scale(1.12)}
.lu-gl-s.pflanze .foto{width:2.6rem;height:2.6rem;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px #22C55E,0 .3rem .6rem rgba(0,0,0,.5);transition:transform .15s}.lu-gl-s.pflanze:hover .foto,.lu-gl-s.pflanze:focus-visible .foto{transform:scale(1.12)}
/* Entdeckungen (Rekorde, Wahrzeichen, Schiffe, Wracks): rundes Foto mit violettem Ring */
.lu-gl-s.entdeckung{flex-direction:column;gap:.15rem;padding:.1rem;font-size:.66rem;font-weight:800;color:#fff}
.lu-gl-s.entdeckung .foto{width:2.6rem;height:2.6rem;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px #8B5CF6,0 .3rem .6rem rgba(0,0,0,.5);transition:transform .15s}.lu-gl-s.entdeckung:hover .foto,.lu-gl-s.entdeckung:focus-visible .foto{transform:scale(1.12)}
.lu-gl-s.entdeckung .punkt{width:.9rem;height:.9rem;border-radius:50%;background:#8B5CF6;box-shadow:0 0 0 2px #fff}
.lu-gl-info-kopf .tierbild{width:6rem;height:4.5rem;object-fit:cover;border-radius:.8rem;box-shadow:0 .3rem .7rem -.3rem rgba(0,0,0,.5)}
.lu-gl-tierton{margin-top:.8rem}
.lu-gl-foto{margin:.75rem 0 .2rem}.lu-gl-foto img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:.9rem;background:#e8eef6}.lu-gl-foto figcaption{margin-top:.35rem;color:#6b7a90;font-size:.72rem;font-weight:600;line-height:1.35}.lu-gl-foto figcaption a{color:#2F7DF6}
.lu-gl-klang-box{margin:.7rem 0 .2rem}.lu-gl-klang-box .lu-gl-abspielen{margin-top:0;background:#2F9E8F;box-shadow:0 .25rem 0 #1F7368}.lu-gl-klang-box .lu-gl-abspielen:active{box-shadow:0 .05rem 0 #1F7368}.lu-gl-klang-box /* Rote Liste auf Tier- und Pflanzenkarten: Text und Skala von grün (nicht gefährdet) bis rot (vom Aussterben bedroht) */
.lu-gl-rl b{font-weight:800}
.lu-gl-rl .skala{display:flex;gap:3px;margin-top:.3rem}.lu-gl-rl .skala i{width:1.35rem;height:.42rem;border-radius:99px;background:#e2e8f0}
.lu-gl-rl .skala i.an.s0{background:#22C55E}.lu-gl-rl .skala i.an.s1{background:#A3E635}.lu-gl-rl .skala i.an.s2{background:#FACC15}.lu-gl-rl .skala i.an.s3{background:#F97316}.lu-gl-rl .skala i.an.s4{background:#EF4444}
.lu-gl-rl[data-rl="EN"] b,.lu-gl-rl[data-rl="CR"] b{color:#C2410C}
/* giftig oder nicht (Schlangen, Spinnen) */
.lu-gl-gift b{font-weight:800}.lu-gl-gift[data-gift="ja"] b,.lu-gl-fakten .lu-gl-gift[data-gift="ja"] .lu-i{color:#C2410C}.lu-gl-gift[data-gift="nein"] b,.lu-gl-gift[data-gift="harmlos"] b,.lu-gl-fakten .lu-gl-gift[data-gift="nein"] .lu-i,.lu-gl-fakten .lu-gl-gift[data-gift="harmlos"] .lu-i{color:#15803D}
/* Bild groß ansehen (wächst aus dem kleinen Bild auf Kartengröße) */
.lu-gl-info .gross-k{cursor:zoom-in;transition:transform .15s}.lu-gl-info .gross-k:hover{transform:scale(1.04)}.lu-gl-info .gross-k:focus-visible{outline:3px solid #38A1F3;outline-offset:2px}
.lu-gl-gross{position:absolute;z-index:12;display:flex;flex-direction:column;overflow:hidden;border-radius:1.3rem;background:#0b1f44;box-shadow:0 1.4rem 2.6rem -1rem rgba(0,0,0,.7);transform-origin:0 0;cursor:zoom-out}
.lu-gl-gross img{flex:1;min-height:0;width:100%;object-fit:contain;background:#0b1f44}
.lu-gl-gross-t{margin:0;padding:.6rem 1rem .75rem;color:#fff;font-weight:800;font-size:1.05rem}
.lu-gl-gross .zu{position:absolute;top:.6rem;right:.6rem;display:grid;place-items:center;width:2.4rem;height:2.4rem;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--navy);cursor:pointer;box-shadow:0 .2rem .6rem rgba(0,0,0,.35)}
.lu-gl-urheber{margin-top:.4rem}
/* Kleiner Link „Urheber“ auf den Karten (alle Angaben stehen auf /globus/quellen) */
.lu-gl-urheber{margin:.55rem 0 0;color:#6b7a90;font-size:.74rem;font-weight:600;line-height:1.4}
.lu-gl-urheber a{color:#2F7DF6;text-decoration:underline;text-underline-offset:.15em}
.lu-gl-foto figcaption .lu-gl-urheber{margin:0}
.lu-gl-quellen a{color:#2F7DF6}
/* Seite „Quellen und Urheber“ */
.lu-q-seite{background:linear-gradient(180deg,#EAF7FF,#F7FBFF 22rem)}
.lu-q{max-width:60rem;margin:0 auto;padding:clamp(6.8rem,12.5vh,8.2rem) clamp(1rem,3vw,2rem) 3rem;color:var(--navy,#16264A)}
.lu-q-kopf h1{margin:.2rem 0 .7rem;font-size:clamp(1.9rem,4.5vw,2.8rem);line-height:1.1}
.lu-q-zurueck{display:flex;align-items:center;gap:.4rem;margin:0 0 1.1rem}.lu-q-kopf .lu-gl-kicker{display:flex;width:max-content}
.lu-q-intro{margin:0 0 1rem;font-size:1.08rem;line-height:1.55;font-weight:600;max-width:46rem}
.lu-q-erw{margin:0 0 2rem;padding:.9rem 1.1rem;border-radius:1rem;background:#fff;box-shadow:0 .2rem .9rem rgba(22,38,74,.07);font-size:.9rem;line-height:1.5;color:#3d4c66}
.lu-q-erw h2{margin:0 0 .3rem;font-size:.95rem;color:var(--navy,#16264A)}.lu-q-erw p{margin:0}
.lu-q-teil{margin:0 0 2.2rem}
.lu-q-teil h2{display:flex;align-items:center;gap:.55rem;margin:0 0 .4rem;font-size:1.35rem}
.lu-q-i{display:inline-grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:.7rem;background:var(--gelb,#FFC83D)}.lu-q-i svg{width:1.2rem;height:1.2rem}
.lu-q-text{margin:0 0 .8rem;color:#3d4c66;line-height:1.5}
.lu-q-liste{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.lu-q-liste.zwei{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}
.lu-q-eintrag{padding:.6rem .8rem;border-radius:.8rem;background:#fff;box-shadow:0 .1rem .5rem rgba(22,38,74,.06);scroll-margin-top:7rem;transition:box-shadow .4s,background-color .4s}
.lu-q-eintrag.hier{background:#FFF6D6;box-shadow:0 0 0 3px var(--gelb,#FFC83D)}
.lu-q-name{margin:0;line-height:1.3}.lu-q-wiss{margin-left:.4rem;color:#6b7a90;font-size:.85rem;font-style:italic}
.lu-q-angaben{margin:.2rem 0 0;color:#4a5a74;font-size:.84rem;line-height:1.45;overflow-wrap:anywhere}
.lu-q-angaben a{color:#2F7DF6}
.lu-gl-vorschau{margin:.6rem 0 0;padding:.4rem .6rem;border-radius:.6rem;background:#FFF1E6;color:#9A3412;font-size:.78rem;font-weight:800}
@media (max-width:640px){
	.lu-gl-info{max-height:62%}
	.lu-gl-kachel .t{white-space:normal;-webkit-hyphens:auto;hyphens:auto;overflow:visible}   /* am Handy lieber trennen als abschneiden */
	.lu-gl-kacheln{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}
	.lu-gl-kachel{padding:.45rem .45rem .5rem}.lu-gl-kachel strong{font-size:.82rem}.lu-gl-kachel .t{font-size:.62rem}
	.lu-gl-dimmer input{width:5.5rem}.lu-gl-dimmer{padding:0 .6rem}
	.lu-gl-licht-box{gap:.4rem}
}
@media (prefers-reduced-motion:reduce){.lu-gl-sterne,.lu-gl-hinweis .lu-i{animation:none}.lu-gl-info.rein{animation:none}.lu-gl-nadel .ring,.lu-gl-nadel.rein .stift,.lu-gl-nadel.rein .loch,.lu-gl-nadel.rein .schatten,.lu-gl-k.musik .welle,.lu-gl-abspielen.spielt{animation:none}}

/* Spielewelt: Karte „Ludiris Globus“ (Bild aus dem echten Globus gerendert, Weltall-Hintergrund) */
.lu-sw-vor.geo.globus.szene{background:linear-gradient(180deg,#BDE7F3,#C8EAF3 17%,#D5EFF0 33%,#E5F0ED 50%,#F3F5EA 67%,#FDF7E9 84%,#FDF7E9)}.lu-sw-vor.geo.globus img.szene{object-fit:contain}
/* Globus 0.29.4: kleinerer Titel oben links, Vollbild nur für den Globus, Vorlesen an/aus */
.lu-gl-titel{left:clamp(.8rem,1.6vw,1.25rem);top:clamp(.8rem,1.6vw,1.2rem);max-width:min(22rem,calc(100% - 9rem))}
.lu-gl-titel h1{font-size:clamp(1.05rem,1.2vw + .45rem,1.45rem);line-height:1.15}
.lu-gl-kicker{font-size:.6rem;padding:.16rem .55rem;margin:0 0 .25rem}
.lu-gl-kicker .lu-i{width:.8rem;height:.8rem}
.lu-gl-buehne.voll{height:100vh;height:100dvh;min-height:0;max-height:none;border-radius:0}
.lu-gl-buehne.ersatz{position:fixed;inset:0;z-index:2147483000;margin:0}
html.lu-gl-ersatz,html.lu-gl-ersatz body{overflow:hidden}
.lu-gl-k.mit-text{display:inline-flex;align-items:center;gap:.4rem;width:auto;padding:0 .95rem 0 .75rem;border-radius:999px;font:inherit;font-weight:800;font-size:.9rem}
.lu-gl-k.mit-text .lu-i{width:1.15rem;height:1.15rem}
.lu-gl-k.voll[aria-pressed="true"]{background:var(--gelb,#FFC83D)}
@media (max-width:900px){.lu-gl-hinweis{bottom:8.6rem}}
@media (max-width:640px){.lu-gl-k.mit-text .t{display:none}.lu-gl-k.mit-text{width:2.6rem;padding:0;justify-content:center}}
.lu-gl-vorlesen.spricht,.lu-gl-mini.spricht{background:var(--gelb,#FFC83D);border-color:var(--gelb,#FFC83D);color:var(--navy)}
.lu-gl-vorlesen.spricht .lu-i path+path,.lu-gl-mini.spricht .lu-i path+path{animation:lu-gl-schall .9s ease-in-out infinite}
@keyframes lu-gl-schall{0%,100%{opacity:.2}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.lu-gl-vorlesen.spricht .lu-i path+path,.lu-gl-mini.spricht .lu-i path+path{animation:none}}
/* Globus 0.29.5: aufgeräumt, die Erde steht im Vordergrund. Suche als kleine Lupe, Ebenen zum Aufklappen, Stecknadel mit vier Arten einzustecken */
.lu-gl-titel h1{font-size:clamp(.95rem,.7vw + .5rem,1.2rem)}
.lu-gl-suche{left:auto;bottom:auto;top:clamp(.8rem,1.6vw,1.2rem);right:clamp(.8rem,1.6vw,1.2rem);width:min(21rem,calc(100% - 1.6rem));height:2.9rem;transition:width .25s ease,padding .25s ease}
.lu-gl-suche.zu{width:2.9rem;padding:0;justify-content:center;cursor:pointer}
.lu-gl-suche.zu>.lu-i{opacity:.9;width:1.3rem;height:1.3rem}
.lu-gl-suche.zu .lu-gl-such-feld{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}
.lu-gl-suche.zu .lu-gl-vorschlaege{display:none}
.lu-gl-ebenen{top:calc(clamp(.8rem,1.6vw,1.2rem) + 3.5rem);right:clamp(.8rem,1.6vw,1.2rem)}
.lu-gl-ebenen-k{display:inline-flex}
.lu-gl-ebenen-innen{display:none}
.lu-gl-ebenen.offen .lu-gl-ebenen-innen{display:flex}
.lu-gl-ebenen-k[aria-expanded="true"]{background:var(--gelb,#FFC83D)}
.lu-gl-buehne.mit-info .lu-gl-ebenen-innen{display:none}
.lu-gl-buehne.mit-info .lu-gl-ebenen.offen .lu-gl-ebenen-innen{display:flex}
.lu-gl-nadel.rein.v1 .stift{animation:lu-gl-stift .8s cubic-bezier(.3,.8,.3,1)}
.lu-gl-nadel.rein.v2 .stift{animation:lu-gl-stift2 1s cubic-bezier(.3,.8,.3,1)}
.lu-gl-nadel.rein.v3 .stift{animation:lu-gl-stift3 1s ease-out}
.lu-gl-nadel.rein.v4 .stift{animation:lu-gl-stift4 1.05s ease-out}
@keyframes lu-gl-stift2{0%{transform:translate(18px,-46px) rotate(-160deg);opacity:0}35%{transform:translate(0,0) rotate(28deg);opacity:1}50%{transform:rotate(5deg)}65%{transform:rotate(21deg)}80%{transform:rotate(11deg)}100%{transform:rotate(14deg)}}
@keyframes lu-gl-stift3{0%{transform:translate(0,-42px) rotate(14deg);opacity:0}24%{transform:translate(0,0) rotate(14deg);opacity:1}38%{transform:translate(0,-15px) rotate(7deg)}52%{transform:translate(0,0) rotate(21deg)}64%{transform:translate(0,-5px) rotate(11deg)}76%{transform:translate(0,0) rotate(16deg)}100%{transform:rotate(14deg)}}
@keyframes lu-gl-stift4{0%{transform:translate(0,-34px) rotate(0deg);opacity:0}26%{transform:translate(0,0) rotate(0deg) scale(1.12,.8);opacity:1}38%{transform:rotate(-12deg) scale(.95,1.08)}54%{transform:rotate(32deg) scale(1)}68%{transform:rotate(5deg)}82%{transform:rotate(19deg)}100%{transform:rotate(14deg)}}
@media (prefers-reduced-motion:reduce){.lu-gl-nadel.rein.v1 .stift,.lu-gl-nadel.rein.v2 .stift,.lu-gl-nadel.rein.v3 .stift,.lu-gl-nadel.rein.v4 .stift{animation:none}.lu-gl-suche{transition:none}}
/* Infokarte: der Inhalt scrollt in einem inneren Bereich (eine scrollbare Karte selbst lässt Chrome den Globus darunter stellenweise dunkel zeigen) */
.lu-gl-info{display:flex;flex-direction:column;padding:0;overflow:hidden}
.lu-gl-info[hidden]{display:none}
.lu-gl-info-innen{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:1rem 1.1rem 1.1rem}
/* Kontinente etwas kleiner (Richard: „Australien und Ozeanien“ und „Antarktis“ wirkten beim Drehen sehr groß) */
.lu-gl-s.kontinent{font-size:clamp(.78rem,1.15vw,1.08rem);letter-spacing:.1em}
@media (max-width:640px){.lu-gl-s.kontinent{font-size:.78rem}}
/* 0.29.7: Bedienung platzsparend. Links unten eine schmale Spalte nur mit Symbolen (oben Musik, Ganze Erde, Plus, Minus, ganz unten in der Ecke Vollbild),
   Licht klein und für sich rechts unten (der Dimmer klappt links daneben auf). Die Namen stehen in aria-label und title. */
.lu-gl-steuer{left:clamp(.7rem,1.6vw,1.2rem);bottom:clamp(.7rem,1.6vw,1.2rem);flex-direction:column;align-items:center;flex-wrap:nowrap;gap:.4rem}
.lu-gl-zoom{flex-direction:column;gap:.4rem}
.lu-gl-k{width:2.3rem;height:2.3rem}
.lu-gl-k .lu-i{width:1.1rem;height:1.1rem}
.lu-gl-k.musik .welle{inset:-3px}
.lu-gl-licht-box{position:absolute;z-index:6;right:clamp(.7rem,1.6vw,1.2rem);bottom:clamp(.7rem,1.6vw,1.2rem);gap:.4rem}
.lu-gl-licht{width:2.6rem;height:2.6rem;padding:0;justify-content:center;gap:0}
.lu-gl-licht-t{display:none}
.lu-gl-dimmer{height:2.6rem;padding:0 .7rem}
@media (max-width:640px){
	.lu-gl-k{width:2.2rem;height:2.2rem}
	.lu-gl-licht{width:2.4rem;height:2.4rem}
	.lu-gl-dimmer{height:2.4rem}
}
.lu-gl-licht .lu-gl-birne{width:1.75rem;height:1.75rem}
@media (max-width:640px){
	/* Hinweis „Zieh mich …“ neben der Knopfspalte und über dem Licht, damit er nichts verdeckt */
	.lu-gl-hinweis{left:3.4rem;right:.7rem;bottom:3.7rem;transform:none;justify-content:center;white-space:nowrap}
	.lu-gl-hinweis.weg{transform:translateY(.6rem)}
}
/* 0.29.8: Infokarte endet über dem Licht-Knopf (rechts unten), damit er nie verdeckt ist (ab Tablet-Breite) */
@media (min-width:641px){.lu-gl-buehne .lu-gl-info{bottom:calc(clamp(.7rem,1.6vw,1.2rem) + 3.1rem)}.lu-gl-buehne.mit-info .lu-gl-info{max-height:calc(100% - 13.5rem)}}
/* 0.29.8: Der Ring der Stecknadel liegt flach auf der Erde (Neigung und Drehung setzt globus-seite.js je nach Stelle auf der Kugel) */
.lu-gl-nadel .ringe{position:absolute;left:-1.3rem;top:-1.3rem;width:2.6rem;height:2.6rem;transform-origin:50% 50%}
.lu-gl-nadel .ring{left:0;top:0;width:100%;height:100%}
/* 0.30.0: Tiere, die es nur an einem Ort der Erde gibt (Endemiten): goldener Stern am Bild, Hinweis oben auf der Karte */



.lu-gl-nur{background:#FFF4D1;border-radius:.7rem;padding:.35rem .5rem;margin:-.1rem -.2rem .2rem}
/* Besonderheiten der Pflanzen (Fleischfresser, Urzeitpflanze, Riesenpflanze, Weltrekord): kleine Plaketten unter dem Namen, nur auf der Karte */
.lu-gl-bes{display:flex;flex-wrap:wrap;gap:.25rem;margin:.35rem 0 0}
.lu-gl-bes .b{display:inline-flex;align-items:center;gap:.25rem;padding:.12rem .5rem .12rem .38rem;border-radius:99px;font-size:.74rem;font-weight:800;line-height:1.3;background:#EEF2F7;color:#334155}
.lu-gl-bes .b .lu-i{width:.95rem;height:.95rem;flex:none}
.lu-gl-bes .b[data-bes="fleisch"]{background:#FDE8E8;color:#9B1C1C}
.lu-gl-bes .b[data-bes="urzeit"]{background:#EDE9FE;color:#5B21B6}
.lu-gl-bes .b[data-bes="riese"]{background:#DCFCE7;color:#166534}
.lu-gl-bes .b[data-bes="rekord"]{background:#FEF3C7;color:#92400E}
.lu-gl-nur b{color:#8A5A00;font-weight:800}
.lu-gl-fakten .lu-gl-nur .lu-i{color:#D99A00}
/* 0.29.9: Kein graues Feld hinter Bildern auf dem Globus (Tiere, Pflanzen, Entdeckungen); am Handy bleibt „hover“ nach dem Antippen hängen */
.lu-gl-s.tier:hover,.lu-gl-s.tier:focus-visible,.lu-gl-s.pflanze:hover,.lu-gl-s.pflanze:focus-visible,.lu-gl-s.entdeckung:hover,.lu-gl-s.entdeckung:focus-visible{background:none}
.lu-gl-s.entdeckung .foto,.lu-gl-s.pflanze .foto{transition:transform .15s}
.lu-gl-s.entdeckung:hover .foto,.lu-gl-s.entdeckung:focus-visible .foto,.lu-gl-s.pflanze:hover .foto,.lu-gl-s.pflanze:focus-visible .foto{transform:scale(1.12)}
@media (hover:none){.lu-gl-s:hover{background:none}.lu-gl-s.tier:hover .foto,.lu-gl-s.entdeckung:hover .foto,.lu-gl-s.pflanze:hover .foto{transform:none}}
/* 0.29.9: Umlaut-Punkte in Großbuchstaben (STÄDTE, FLÄCHE) nicht abschneiden */
.lu-gl-kachel .t{line-height:1.4;margin-top:.05rem;padding-top:.05em}
/* Was ist Ludiri?: die kleinen Helden als Team neben der Überschrift */
.lu-ue-h-kopf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,34rem);align-items:end;gap:1.2rem 2.5rem;margin-bottom:clamp(1.6rem,3vw,2.4rem)}
.lu-ue-h-kopf .lu-skopf{margin-bottom:0}
.lu-ue-team{display:block;width:100%;height:auto;filter:drop-shadow(0 .7rem .8rem rgba(11,31,68,.16))}
@media (max-width:900px){.lu-ue-h-kopf{grid-template-columns:minmax(0,1fr)}.lu-ue-team{max-width:32rem;margin:0 auto}}
/* „Nur hier auf der Erde!“: auf dem Globus wie alle Tiere (Richard: kein Stern, kein eigener Ring), nur auf der Karte ein Stern oben links am Tierbild */
.lu-gl-info-kopf{position:relative}
.lu-gl-info-kopf>.nur-stern{position:absolute;top:-.4rem;left:-.4rem;z-index:1;width:1.6rem;height:1.6rem;border-radius:50%;background:#FFC83D;box-shadow:0 0 0 2.5px #fff,0 .2rem .4rem rgba(0,0,0,.35);pointer-events:none}
.lu-gl-info-kopf>.nur-stern::before{content:'';position:absolute;inset:.27rem;background:#7A4A00;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
/* 0.30.4: kleiner Musik-Player rechts neben dem Musik-Knopf (nur sichtbar, wenn Musik läuft): Lied davor/weiter und leiser/lauter. Liegt in der Bühne, also auch im Vollbild bedienbar. */
.lu-gl-musik{position:relative;display:grid;place-items:center}
.lu-gl-player{position:absolute;left:calc(100% + .45rem);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.15rem;padding:.2rem .35rem;border-radius:999px;background:rgba(255,255,255,.96);color:var(--navy);box-shadow:0 .5rem 1rem -.5rem rgba(0,0,0,.55);white-space:nowrap;z-index:7}
.lu-gl-player[hidden]{display:none}
.lu-gl-player .mp{display:grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;padding:0}
.lu-gl-player .mp:hover{background:#EEF2F7}
.lu-gl-player .mp:focus-visible{outline:3px solid var(--blau,#2563EB);outline-offset:1px}
.lu-gl-player .mp:disabled{opacity:.35;cursor:default;background:transparent}
.lu-gl-player .mp .lu-i{width:1.05rem;height:1.05rem}
.lu-gl-player .t{font-size:.78rem;font-weight:800;min-width:5.6em;text-align:center}
.lu-gl-player .trenner{width:1px;height:1.3rem;background:#D5DCE6;margin:0 .2rem}
.lu-gl-player .pegel{display:inline-flex;align-items:flex-end;gap:2px;height:1rem}
.lu-gl-player .pegel i{display:block;width:4px;border-radius:2px;background:#D5DCE6}
.lu-gl-player .pegel i:nth-child(1){height:30%}.lu-gl-player .pegel i:nth-child(2){height:45%}.lu-gl-player .pegel i:nth-child(3){height:60%}.lu-gl-player .pegel i:nth-child(4){height:80%}.lu-gl-player .pegel i:nth-child(5){height:100%}
.lu-gl-player .pegel i.an{background:var(--gelb-dunkel,#E0A800)}
.lu-gl-player.ohne-laut .trenner,.lu-gl-player.ohne-laut .laut,.lu-gl-player.ohne-laut .pegel{display:none}
@media (pointer:coarse){.lu-gl-player .mp{width:2.4rem;height:2.4rem}}
/* 0.30.6: Lichtschalter wie an der Wand (Wippschalter mit kleiner Kontrollleuchte), links unten gleich neben der Knopfspalte (Richard).
   Licht an: Wippe oben eingedrückt. Licht aus: Wippe kippt, die Kontrollleuchte glüht orange, so findet man den Schalter auch im Dunkeln.
   Der Dimmer klappt rechts daneben auf. Rechts unten ist damit frei, die Infokarte reicht wieder bis unten. */
.lu-gl-licht-box{left:calc(clamp(.7rem,1.6vw,1.2rem) + 2.3rem + .55rem);right:auto}
.lu-gl-licht,.lu-gl-licht[aria-pressed="true"]{position:relative;display:block;flex:none;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:.6rem;background:linear-gradient(160deg,#fff,#e6e2d9);color:transparent;box-shadow:0 0 0 1px rgba(11,31,68,.18),0 .3rem .6rem -.15rem rgba(0,0,0,.5),inset 0 1px 0 #fff;cursor:pointer}
.lu-gl-licht[aria-pressed="true"]{background:linear-gradient(160deg,#dcd8cf,#bdb8ad)}
.lu-gl-licht:active{transform:none;box-shadow:0 0 0 1px rgba(11,31,68,.18),0 .15rem .35rem -.1rem rgba(0,0,0,.5),inset 0 1px 0 #fff}
.lu-gl-wippe{position:absolute;inset:.34rem;border-radius:.36rem;background:linear-gradient(180deg,#fff 0%,#f5f3ee 46%,#d6d1c6 54%,#ece9e2 100%);box-shadow:0 1px 2px rgba(0,0,0,.28),inset 0 0 0 1px rgba(11,31,68,.1);transform:perspective(4rem) rotateX(10deg);transition:transform .08s ease-out}
.lu-gl-licht[aria-pressed="true"] .lu-gl-wippe{background:linear-gradient(180deg,#d9d5cb 0%,#c9c4b8 46%,#ece9e2 54%,#f7f5f0 100%);transform:perspective(4rem) rotateX(-10deg)}
.lu-gl-wippe .led{position:absolute;left:50%;bottom:.26rem;width:.36rem;height:.36rem;margin-left:-.18rem;border-radius:50%;background:#c7c1b4;box-shadow:inset 0 1px 1px rgba(0,0,0,.3)}
.lu-gl-licht[aria-pressed="true"] .led{background:#FFB547;box-shadow:0 0 .3rem .1rem rgba(255,181,71,.9),0 0 .8rem .2rem rgba(255,181,71,.45)}
.lu-gl-licht:focus-visible{outline:3px solid #FFC83D;outline-offset:3px}
.lu-gl-licht .lu-gl-licht-t{display:none}
@media (max-width:640px){.lu-gl-licht-box{left:calc(clamp(.7rem,1.6vw,1.2rem) + 2.2rem + .5rem)}.lu-gl-licht,.lu-gl-licht[aria-pressed="true"]{width:2.4rem;height:2.4rem}}
@media (min-width:641px){.lu-gl-buehne .lu-gl-info{bottom:clamp(.7rem,1.6vw,1.2rem)}.lu-gl-buehne.mit-info .lu-gl-info{max-height:calc(100% - 11rem)}}
/* 0.30.9: Handy quer (niedriger Bildschirm): Der Globus passt ganz in den Bildschirm, die Knöpfe unten sind ohne Scrollen zu sehen.
   Vorher war die Bühne mindestens 31rem hoch und ragte unten aus dem Bild. */
@media (orientation:landscape) and (max-height:500px){
	.lu-gl-buehne{height:calc(100svh - 7.2rem);min-height:14rem}
	.lu-gl-steuer{gap:.3rem}.lu-gl-zoom{gap:.3rem}
	.lu-gl-titel{display:none}   /* zu wenig Höhe: die Überschrift würde die Knopfspalte überdecken */
	.lu-gl-buehne .lu-gl-info,.lu-gl-buehne.mit-info .lu-gl-info{top:.6rem;bottom:.6rem;max-height:none}   /* Karte rechts in voller Höhe, scrollt innen */
}

/* 0.31.0: Lichtschalter im Ludiri-Stil (Richard: „passt überhaupt nicht zum restlichen Design“). Schiebeschalter so hoch, weiß und rund wie die
   anderen Knöpfe, mit demselben Schatten. Der Knopf mit der Glühbirne gleitet: links gelb = Licht an, rechts nachtblau mit leuchtender Birne = Licht aus. */
.lu-gl-licht,.lu-gl-licht[aria-pressed="true"]{position:relative;display:block;flex:none;width:3.9rem;height:2.3rem;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.95);color:var(--navy);box-shadow:0 .5rem 1rem -.5rem rgba(0,0,0,.55),inset 0 0 0 1.5px rgba(11,31,68,.1);cursor:pointer;transition:transform .12s,background .3s,box-shadow .3s}
.lu-gl-licht[aria-pressed="true"]{background:#1d3160;box-shadow:0 .5rem 1rem -.5rem rgba(0,0,0,.55),inset 0 0 0 1.5px rgba(255,224,138,.45),0 0 1.2rem .1rem rgba(255,200,61,.3)}
.lu-gl-licht:hover{transform:translateY(-2px)}
.lu-gl-licht:active{transform:translateY(1px);box-shadow:0 .3rem .7rem -.4rem rgba(0,0,0,.55),inset 0 0 0 1.5px rgba(11,31,68,.1)}
.lu-gl-wippe,.lu-gl-licht[aria-pressed="true"] .lu-gl-wippe{position:absolute;inset:auto;top:.2rem;left:.2rem;width:1.9rem;height:1.9rem;display:grid;place-items:center;border-radius:50%;background:var(--gelb,#FFC83D);box-shadow:0 .12rem .3rem rgba(0,0,0,.28);transform:none;transition:left .25s cubic-bezier(.3,1.35,.5,1),background .3s,box-shadow .3s}
.lu-gl-licht[aria-pressed="true"] .lu-gl-wippe{left:calc(100% - 2.1rem);background:#0b1530;box-shadow:0 0 .55rem .12rem rgba(255,200,61,.6)}
.lu-gl-wippe .lu-i{width:1.15rem;height:1.15rem;color:var(--navy);transition:color .3s}
.lu-gl-licht[aria-pressed="true"] .lu-gl-wippe .lu-i{color:#FFE08A;filter:drop-shadow(0 0 .2rem rgba(255,200,61,.9))}
@media (max-width:640px){.lu-gl-licht,.lu-gl-licht[aria-pressed="true"]{width:3.7rem;height:2.2rem}.lu-gl-wippe,.lu-gl-licht[aria-pressed="true"] .lu-gl-wippe{width:1.8rem;height:1.8rem}.lu-gl-licht[aria-pressed="true"] .lu-gl-wippe{left:calc(100% - 2rem)}}
@media (prefers-reduced-motion:reduce){.lu-gl-licht,.lu-gl-wippe,.lu-gl-wippe .lu-i{transition:none}}
/* 0.31.4: Handy quer mit wenig Höhe (z. B. 667 × 375): Der Hinweis „Zieh mich …“ lag halb auf dem Knopf „Ebenen“. Jetzt kleiner und unten in der Mitte. */
@media (orientation:landscape) and (max-height:500px){.lu-gl-hinweis{bottom:.7rem;font-size:.78rem;padding:.4rem .8rem;gap:.35rem}}
/* 0.31.4: Handy quer: Bei offener Karte ragten Suche, Ebenen, Musik-Player und Dimmer halb unter der Karte hervor. Solange die Karte offen ist, ausblenden. */
@media (orientation:landscape) and (max-height:500px){.lu-gl-buehne.mit-info .lu-gl-suche,.lu-gl-buehne.mit-info .lu-gl-ebenen,.lu-gl-buehne.mit-info .lu-gl-player,.lu-gl-buehne.mit-info .lu-gl-dimmer{visibility:hidden}}
/* 0.31.5: Tablet hochkant (z. B. 768 × 1024): Der Musik-Player stieß an die offene Karte. Solange die Karte offen ist, ausblenden (die Musik läuft weiter). */
@media (orientation:portrait) and (max-width:820px){.lu-gl-buehne.mit-info .lu-gl-player{visibility:hidden}}

/* 0.31.8: Haftungsausschluss einer Klangquelle (Originaltext, englisch) etwas kleiner */
.lu-q-angaben.lu-q-klein{font-size:.76rem;color:#5b6a82}

/* 0.31.9: Vorschau-Schutz – Sperrseite (Passwort einmal eingeben) und Karte in der Zentrale */
.lu-vorschau .lu-fs-fig{height:11.5rem}
.lu-vorschau-form{display:grid;gap:.7rem;width:min(22rem,100%);margin:0 auto;text-align:left}
.lu-vorschau-form .lu-btn{justify-content:center;width:100%}
.lu-vorschau-form small{display:block;text-align:center;color:var(--navy-w);font-weight:600;font-size:.86rem}
.lu-vorschau-fehler{margin:0!important;padding:.55rem .8rem;border-radius:.8rem;background:#FFE4E8;color:#9F1239!important;font-weight:800!important;font-size:.92rem;text-align:center}
.lu-vorschau-recht{margin-top:.6rem;font-size:.85rem;font-weight:700;color:var(--navy-w)}
.lu-vorschau-recht a{color:var(--navy-w)}
@media (max-height:700px){.lu-vorschau .lu-fs-fig{height:7.5rem}}
.lu-z-schutz-stand{display:inline-flex;align-items:center;gap:.35rem;margin:.2rem 0 .9rem;padding:.35rem .75rem;border-radius:999px;background:#EEF2F7;color:#4a5a74;font-weight:800;font-size:.9rem}
.lu-z-schutz-stand.an{background:#DCFCE7;color:#166534}
.lu-z-schutz-stand .lu-i{width:1rem;height:1rem}
.lu-z-schutz .lu-z-pw{max-width:22rem}
@media (max-height:700px){.lu-vorschau.lu-fs-haupt{padding-top:5.2rem;gap:.6rem}}

/* 0.31.9 (Richard): Licht aus = ganz dunkel; der Regler blendet sich nach 10 s ohne Bedienung sanft aus und kommt beim Antippen des Globus wieder.
   Beim Erscheinen leuchtet er kurz zweimal auf: „Hier kannst du heller stellen.“ */
.lu-gl-dimmer{transition:opacity .35s ease,transform .35s ease,visibility 0s linear 0s}
.lu-gl-dimmer.zu{opacity:0;transform:translateX(-.5rem) scale(.96);visibility:hidden;pointer-events:none;transition:opacity .45s ease,transform .45s ease,visibility 0s linear .45s}
.lu-gl-dimmer.neu{animation:lu-gl-dimmer-hallo 1.2s ease-in-out .25s 2}
@keyframes lu-gl-dimmer-hallo{0%,100%{box-shadow:inset 0 0 0 1.5px rgba(255,224,138,.25),0 .5rem 1rem -.5rem rgba(0,0,0,.6)}50%{box-shadow:inset 0 0 0 1.5px rgba(255,200,61,.95),0 0 1.1rem .2rem rgba(255,200,61,.5)}}
@media (prefers-reduced-motion:reduce){.lu-gl-dimmer,.lu-gl-dimmer.zu{transition:none}.lu-gl-dimmer.neu{animation:none}}

/* 0.31.9 (Richard): Auf der Globus-Seite ragte das große Logo in die Globus-Bühne. Dort ist der Kopf jetzt kompakter (nur begrenzt, nie größer als sonst). */
.lu-gl-seite .lu-kopf .lu-logo img{max-height:5.2rem}
.lu-z-schutz .lu-z-schalter{margin-bottom:1rem}.lu-z-schutz .lu-haekchen{margin:.7rem 0 1.1rem}

/* 0.31.9: Lautstärke als Lautsprecher mit Schallwellen */
.lu-gl-player .pegel{display:inline-flex;align-items:center;height:1.25rem;width:auto;gap:0}
.lu-gl-player .pegel svg{display:block;height:1.25rem;width:1.9rem;overflow:visible}
.lu-gl-player .pegel .lsp{fill:var(--navy,#0B1F44);stroke:var(--navy,#0B1F44);stroke-width:1.2;stroke-linejoin:round}
.lu-gl-player .pegel .w{fill:none;stroke:#D5DCE6;stroke-width:2.2;stroke-linecap:round;transition:stroke .2s}
.lu-gl-player .pegel .w.an{stroke:var(--gelb-dunkel,#E0A800)}
/* 0.31.11 Geographie-Kacheln mit Bild (Daten-Plugin „ludiri-bilder-1“); Spiele, die noch entstehen, mit gemeinsamem Bild und Band */
.lu-geo-k-bild:has(>.lu-geo-vor.foto){padding:0}
.lu-geo-k-bild>.lu-geo-vor.foto{height:100%}
.lu-geo-vor.foto{position:relative;overflow:hidden}
.lu-geo-vor.foto img{width:100%;height:100%;object-fit:cover;display:block}
.lu-geo-start-kopf .lu-geo-vor.foto{padding:0}
.lu-geo-vor-band{position:absolute;left:.6rem;right:.6rem;bottom:.6rem;padding:.35rem .7rem;border-radius:.8rem;background:rgba(255,255,255,.92);color:var(--navy);font:700 .86rem/1.25 var(--font-t,inherit);text-align:center;box-shadow:0 .2rem .6rem rgba(11,31,68,.15)}
/* ---------- Ludiri Premium (0.32): Krone an Spielen, Elternseite, Zentrale, Kündigungsseite ---------- */
.lu-premium-schild{display:inline-flex;align-items:center;gap:.3rem;padding:.14rem .62rem .14rem .4rem;border-radius:999px;background:linear-gradient(180deg,#1B3A70,var(--navy));color:#FFD866;font:800 .78rem/1.4 var(--font);letter-spacing:.02em;box-shadow:inset 0 0 0 1px rgba(255,200,61,.5),0 .15rem .4rem rgba(11,31,68,.18);white-space:nowrap;vertical-align:middle}
.lu-premium-schild .lu-krone{width:1.55em;height:1.55em;margin:-.38em -.05em -.3em -.12em;filter:drop-shadow(0 .06em .05em rgba(0,0,0,.35))}
.lu-geo-k-bild>.lu-premium-schild{position:absolute;top:.6rem;left:.6rem;font-size:.85rem}   /* Krone als Aufkleber auf dem Bild, Texte bleiben in einer Linie */
.lu-ed-kachel{position:relative}.lu-ed-kachel>.lu-premium-schild{position:absolute;top:.5rem;right:.5rem}
.lu-sw-karte .lu-sw-text>.lu-premium-schild{margin-left:.4rem}
.lu-pr .lu-hinweis{margin:0}.lu-pr-ok{background:#DDF7EC}.lu-pr-test{background:#FFF0D1}
.lu-pr-kopf{display:flex;gap:1rem;align-items:center;margin-bottom:.6rem}.lu-pr-kopf h2{margin:0 0 .2rem}.lu-pr-kopf p{margin:0}
.lu-pr-fig{width:clamp(4.5rem,12vw,6.5rem);height:auto;flex:none}
.lu-pr-krone{display:grid;place-items:center;flex:none;width:3.6rem;height:3.6rem;border-radius:1.1rem;background:radial-gradient(circle at 50% 35%,#FFFBEA,#FFEBB0);box-shadow:inset 0 0 0 1px rgba(217,154,18,.3)}.lu-pr-krone .lu-krone{width:3rem;height:3rem;filter:drop-shadow(0 .15rem .15rem rgba(140,90,0,.25))}
.lu-pr-angebot{display:grid;gap:.9rem;max-width:44rem}
.lu-pr-vorteile{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.lu-pr-vorteile li{display:flex;gap:.5rem;align-items:flex-start;font-weight:700}.lu-pr-vorteile .lu-i{flex:none;margin-top:.2em;color:var(--teal-d)}
.lu-pr-preise{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.lu-pr-preis{position:relative;display:grid;justify-items:start;gap:.05rem;padding:1rem 1.1rem;border:0;border-radius:1.2rem;background:#fff;box-shadow:inset 0 0 0 2px var(--rand);color:var(--navy);font:inherit;text-align:left;cursor:pointer;transition:box-shadow .15s,background-color .15s}
.lu-pr-preis:hover{box-shadow:inset 0 0 0 2px rgba(11,31,68,.35)}
.lu-pr-preis.an{background:var(--creme);box-shadow:inset 0 0 0 3px var(--navy)}
.lu-pr-preis:focus-visible{outline:var(--fokus);outline-offset:3px}
.lu-pr-int{font-weight:800;font-size:.9rem;color:var(--navy-w)}.lu-pr-preis strong{font:700 1.7rem/1.2 var(--font-t)}.lu-pr-preis small{color:var(--muted);font-weight:700}
.lu-pr-spar{position:absolute;top:-.65rem;right:.8rem;padding:.1rem .6rem;border-radius:999px;background:var(--koralle);color:#fff;font:800 .78rem/1.5 var(--font);font-style:normal}
.lu-pr-los{margin-top:.2rem}.lu-pr-probe-x{margin:-.3rem 0 0}.lu-pr-probe-x:empty{display:none}
.lu-pr-klein{font-size:.85rem;margin:0}.lu-pr-kuendigen{justify-self:start;padding-left:0;font-size:.95rem}
.lu-pr-status{display:grid;gap:.7rem;max-width:44rem}.lu-pr-status.warn{box-shadow:inset 0 0 0 2px #F7B4BD,var(--schatten)}.lu-pr-zeile{margin:0;font-weight:700}
.lu-pr-status .lu-knoepfe{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;margin-top:.2rem}.lu-pr-status p{margin:0}
.lu-pr-bald{max-width:44rem}
@media (max-width:520px){.lu-pr-preise{gap:.6rem}.lu-pr-preis{padding:.85rem .8rem}.lu-pr-preis strong{font-size:1.4rem}.lu-pr-spar{right:.4rem;font-size:.68rem;padding:.08rem .45rem}.lu-pr-kopf{align-items:flex-start}}
/* Zentrale: Bezahlung */
.lu-z-bz-marke{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .7rem;border-radius:999px;background:#E0F2FE;color:#075985;font-weight:800;font-size:.85rem}.lu-z-bz-marke.live{background:#FFE4E8;color:#9F1239}
.lu-z-bz .lu-z-regeln{grid-template-columns:minmax(0,1fr)}.lu-z-bz-feld{max-width:26rem;min-width:0}.lu-z-bz-feld input{min-width:0}.lu-z-bz .lu-z-karte-kopf{flex-wrap:wrap;gap:.5rem}.lu-z-bz-feld small{display:block;margin-top:.25rem;color:var(--muted);font-weight:700}
.lu-z-bz-preise{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;max-width:54rem}
.lu-z-bz-feld .lu-z-bz-ok{color:var(--teal-d)}.lu-z-bz-feld .lu-z-bz-fehler{color:var(--rot-d)}
.lu-z-bz-kopie{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:flex-start;margin-top:.7rem}.lu-z-bz-kopie code{padding:.45rem .7rem;border-radius:.6rem;background:var(--off);font-size:.88rem;word-break:break-all}
.lu-z-bz-ereignisse{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}.lu-z-bz-ereignisse code{padding:.15rem .5rem}
.lu-z-bz-spiele{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:.8rem 0 1rem}
.lu-z-bz-gruppe{margin:0;padding:.8rem 1rem 1rem;border:2px solid var(--rand);border-radius:1rem;display:grid;gap:.45rem;align-content:start}.lu-z-bz-gruppe legend{padding:0 .4rem;font-weight:800}
/* Kündigungsseite (§ 312k BGB) */
.lu-kuendigen-form{display:grid;gap:1rem;margin-top:1.2rem}.lu-kuendigen-form textarea{width:100%;border:2px solid var(--rand);border-radius:var(--r-feld);padding:.6rem .9rem;font:600 1rem var(--font);color:var(--navy)}
.lu-kuendigen-art{border:2px solid var(--rand);border-radius:1rem;padding:.7rem 1rem;display:grid;gap:.4rem}.lu-kuendigen-art legend{font-weight:800;padding:0 .4rem}.lu-kuendigen-art label{display:flex;gap:.5rem;align-items:center;font-weight:700}
.lu-kuendigen-ok{padding:1rem 1.2rem;border-radius:1rem;background:#DDF7EC}
.lu-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
@media print{.lu-r-kopf,.lu-r-fuss,.lu-kuendigen-ok .lu-btn{display:none}}
/* Öffentliche Seite „Ludiri Premium“ (/premium) */
.lu-prs-haupt{max-width:76rem;margin:auto;padding:clamp(7.5rem,11vw,9.5rem) clamp(1rem,4vw,3rem) 3rem}
.lu-prs-kopf{text-align:center;max-width:46rem;margin:0 auto 2.2rem}.lu-prs-kopf .lu-titel{font-size:clamp(2.1rem,4.6vw,3.4rem);margin:.3rem 0 .6rem}
.lu-prs-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:clamp(1rem,2.5vw,2rem);align-items:stretch}
.lu-prs-karte{position:relative;display:flex;flex-direction:column;gap:1rem;padding:clamp(1.4rem,3vw,2.2rem);border-radius:var(--r-karte);background:#fff;box-shadow:var(--schatten)}
.lu-prs-karte h2{margin:0;font:600 1.6rem var(--font-t)}
.lu-prs-karte.premium{background:linear-gradient(180deg,#FFF8E3 0%,#fff 40%);box-shadow:inset 0 0 0 3px var(--gelb),var(--schatten)}
.lu-prs-marke{position:absolute;top:-.9rem;left:50%;transform:translateX(-50%);display:inline-flex;gap:.35rem;align-items:center;padding:.3rem .9rem;border-radius:999px;background:var(--navy);color:#fff;font:800 .85rem var(--font);white-space:nowrap}.lu-prs-marke .lu-krone{width:1.6rem;height:1.6rem;margin:-.45rem -.1rem -.35rem -.3rem}
.lu-prs-preis{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem}.lu-prs-preis strong{font:700 2.4rem/1.1 var(--font-t)}.lu-prs-preis span{color:var(--muted);font-weight:700}
.lu-prs-frei strong{display:block;font-weight:800;margin-bottom:.45rem}.lu-prs-frei ul{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}.lu-prs-frei li{padding:.25rem .7rem;border-radius:999px;background:var(--mint);color:var(--teal-d);font-weight:800;font-size:.9rem}
.lu-prs-karte .lu-knoepfe{margin-top:auto;padding-top:.4rem}
.lu-prs-seite .lu-pr-test{max-width:76rem;margin:1.5rem auto 0}.lu-prs-klein{text-align:center;font-size:.9rem;margin:.9rem 0 0}
.lu-prs-bald{display:grid;justify-items:center;text-align:center;gap:.8rem;max-width:36rem;margin:auto}
/* Startseite 0.34: „So funktioniert Ludiri“ (Spiel aussuchen, Flaggen-Frage) und Karten für Globus und Multiplayer */
.lu-mock-wahl{grid-template-columns:1fr 1fr;justify-items:stretch}.lu-mock-spiel{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .3rem;border-radius:.9rem;box-shadow:inset 0 0 0 1.5px var(--rand);font:800 .85rem var(--font)}.lu-mock-spiel .lu-i{width:1.5rem;height:1.5rem}.lu-mock-spiel.an{background:var(--navy);color:#fff;box-shadow:0 .5rem 1rem -.5rem rgba(11,31,68,.6)}
.lu-mock-flagge img{width:4.4rem;height:auto;border-radius:.45rem;box-shadow:0 .4rem .8rem -.3rem rgba(11,31,68,.35)}.lu-mock-frage{font-weight:800;text-align:center;line-height:1.3}
.lu-mock-antworten{display:flex;gap:.4rem}.lu-mock-antworten span{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .7rem;border-radius:.7rem;box-shadow:inset 0 0 0 1.5px var(--rand);font-weight:800;font-size:.88rem}.lu-mock-antworten .an{background:#DDF5EA;color:#14794F;box-shadow:inset 0 0 0 2px #36B37E}
.lu-mock-flagge .lu-mock-gut{background:var(--creme);color:#8A5A00;font-size:.8rem;text-align:center}
.lu-spielkarte-globus .lu-geo-vorschau-szene,.lu-spielkarte-mp .lu-geo-vorschau-szene{object-fit:cover}
/* Mein Bereich: Plan Ludiri Free mit Zählern und Angebot (0.33) */
.lu-free-karte{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(1rem,3vw,2.5rem);align-items:center;padding:clamp(1.25rem,2.5vw,2rem);background:linear-gradient(135deg,#fff 55%,#FFF7DD)}
.lu-plan h2{margin:.45rem 0 .2rem;font:600 1.45rem var(--font-t)}.lu-plan>.lu-leise{margin:0 0 1rem}
.lu-plan-marke{display:inline-block;padding:.18rem .7rem;border-radius:999px;background:var(--hell);color:var(--navy-w);font:800 .75rem var(--font);letter-spacing:.06em;text-transform:uppercase}
.lu-plan-zeile{margin-top:.8rem}.lu-plan-zeile-t{display:flex;justify-content:space-between;gap:1rem;font-weight:700;font-size:.95rem;margin-bottom:.35rem}.lu-plan-zeile-t strong{font-weight:800}
.lu-plan-balken{height:.7rem;border-radius:999px;background:#E6ECF4;overflow:hidden}.lu-plan-balken i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--teal-h));transition:width .6s var(--weich)}.lu-plan-balken.voll i{background:linear-gradient(90deg,#F59E0B,var(--gelb))}
.lu-upsell{display:grid;gap:.75rem;padding:clamp(1rem,2vw,1.4rem);border-radius:1.4rem;background:#fff;box-shadow:inset 0 0 0 2.5px var(--gelb),0 18px 36px -22px rgba(217,154,18,.6)}
.lu-upsell-kopf{display:flex;align-items:center;gap:.8rem}.lu-upsell-fig{width:3.8rem;height:auto;flex:none}.lu-upsell h3{margin:.15rem 0 0;font:600 1.3rem var(--font-t)}
.lu-upsell-marke{display:inline-flex;align-items:center;gap:.3rem;font:800 .8rem var(--font);color:#8A5A00}.lu-upsell-marke .lu-krone{width:1.5rem;height:1.5rem;margin:-.3rem 0 -.25rem -.15rem}
.lu-upsell .lu-pr-vorteile{gap:.3rem}.lu-upsell .lu-pr-vorteile li{font-size:.95rem}
.lu-upsell-klein{color:var(--muted);font-size:.8rem;line-height:1.4;text-align:center}
@media (max-width:860px){.lu-free-karte{grid-template-columns:1fr}}
/* Kinder: Zähler und freier Platz mit Angebot */
.lu-kinder-grenze{display:inline-flex;align-items:center;gap:.45rem;margin:0;padding:.35rem .9rem;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--rand);font-weight:800;font-size:.92rem;justify-self:start}.lu-kinder-grenze.voll{box-shadow:inset 0 0 0 1.5px #F2C14E;background:#FFF8E6}
.lu-profil-platz{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;background:transparent!important;box-shadow:none!important;border:2.5px dashed #F2C14E;border-radius:1.6rem}
.lu-profil-platz h3{margin:0}.lu-profil-platz p{margin:0 0 .3rem;font-size:.9rem}
.lu-profil-platz-i{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;background:#FFF2C8;color:#8A5A00}.lu-profil-platz-i .lu-i{width:1.6rem;height:1.6rem}
/* Willkommen nach dem Registrieren */
.lu-pr-willkommen{display:flex;gap:1rem;align-items:center;padding:1rem 1.3rem;border-radius:1.3rem;background:#E3F8EF;max-width:52rem}.lu-pr-willkommen h2{margin:0;font:600 1.35rem var(--font-t)}.lu-pr-willkommen p{margin:.2rem 0 0}
.lu-pr-willkommen-i{display:grid;place-items:center;flex:none;width:2.8rem;height:2.8rem;border-radius:50%;background:#36B37E;color:#fff}.lu-pr-willkommen-i .lu-i{width:1.5rem;height:1.5rem}
.lu-pr-free-weiter{margin:0;max-width:44rem;text-align:center}
.lu-pr-angebot,.lu-pr-status{max-width:52rem}
.lu-profil-platz .lu-btn{white-space:nowrap;padding:.5rem 1rem}
/* Mein Bereich auf schmalen Bildschirmen (0.33, Richard: aufgeräumt): eine kompakte Leiste oben (Logo, Spielen, Abmelden als Symbol),
   darunter die Bereiche als wischbare Reiter in einer Zeile */
@media (max-width:980px){
.lu-dash:not(.lu-z) .lu-dash-seite{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.45rem .6rem;padding:.55rem .9rem .45rem}
.lu-dash:not(.lu-z) .lu-dash-seite .lu-logo{grid-column:1;grid-row:1}.lu-dash:not(.lu-z) .lu-dash-seite .lu-logo img{height:2.7rem;margin:0}
.lu-dash:not(.lu-z) .lu-dash-seite nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:nowrap;gap:.3rem;overflow-x:auto;scrollbar-width:none;margin:0 -.9rem;padding:0 .9rem .15rem;width:auto;order:0}
.lu-dash:not(.lu-z) .lu-dash-seite nav::-webkit-scrollbar{display:none}
.lu-dash:not(.lu-z) .lu-dash-l{flex:none;width:auto;min-height:2.5rem;padding:.25rem .85rem;white-space:nowrap;font-size:.95rem}
.lu-dash:not(.lu-z) .lu-dash-seite .lu-btn-gelb{grid-column:3;grid-row:1;width:auto;margin:0;min-height:2.6rem;padding:.3rem 1rem;font-size:.95rem}
.lu-dash:not(.lu-z) .lu-dash-abmelden{grid-column:4;grid-row:1;width:2.6rem;min-height:2.6rem;padding:0;margin:0;font-size:0;gap:0;justify-content:center}
.lu-dash:not(.lu-z) .lu-dash-abmelden .lu-i{width:1.15rem;height:1.15rem}
.lu-dash:not(.lu-z) .lu-dash-haupt{padding-top:1rem}
.lu-dash:not(.lu-z) .lu-dash-kopf h1{font-size:1.9rem;margin-bottom:.8rem}}
/* Handy, Mein Bereich: rechts leicht ausblenden, damit man sieht, dass die Reiter weitergehen */
@media (max-width:980px){.lu-dash:not(.lu-z) .lu-dash-seite nav{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.2rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 2.2rem),transparent)}}
@media (max-width:600px){.lu-ed-kachel>.lu-premium-schild{top:.35rem;right:.35rem;font-size:.7rem}}
/* Premium-Seite mit drei Wegen (0.33.1): Ohne Konto · Kostenloses Konto · Premium (empfohlen). Am Handy steht Premium oben. */
.lu-prs-karten.drei{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.lu-prs-karten.drei .lu-prs-karte .lu-knoepfe{margin-top:auto}
.lu-prs-karte.gast{background:#F4F7FC;box-shadow:inset 0 0 0 1px #E2E8F2}
.lu-prs-karte.gast h2{color:var(--navy-w)}
.lu-prs-karte.gast .lu-pr-vorteile li:last-child{color:var(--muted)}
.lu-prs-karte.gast .lu-pr-vorteile li:last-child .lu-i{color:#B4BFD0}
.lu-prs-karte.free{box-shadow:inset 0 0 0 2px #CFE0F7,var(--schatten)}
.lu-prs-gast{font-weight:800;color:var(--navy-w)}
.lu-prs-seite .lu-prs-frei{margin-top:clamp(1rem,2.5vw,1.8rem);padding:1.1rem 1.3rem;border-radius:var(--r-karte);background:#fff;box-shadow:var(--schatten)}
@media (max-width:1100px){.lu-prs-karten.drei{grid-template-columns:1fr 1fr}.lu-prs-karten.drei .lu-prs-karte.premium{grid-column:1/-1;order:-1}}
@media (max-width:700px){.lu-prs-karten.drei{grid-template-columns:1fr}.lu-prs-karten.drei .lu-prs-karte.free{order:0}.lu-prs-karten.drei .lu-prs-karte.gast{order:1}}

/* Auswahlseite hinter „Jetzt spielen“ für Gäste (0.33.1): für Eltern, ohne Preise */
.lu-los-haupt{min-height:70vh;display:grid;place-items:center;padding:clamp(7.5rem,11vw,9.5rem) clamp(1rem,4vw,3rem) 3rem}
.lu-los-karte{position:relative;width:min(100%,40rem);padding:clamp(1.6rem,4vw,2.6rem);padding-top:clamp(4.6rem,9vw,5.6rem);border-radius:calc(var(--r-karte) * 1.2);background:#fff;box-shadow:var(--schatten);text-align:center}
.lu-los-fig{position:absolute;left:50%;top:0;width:clamp(7rem,16vw,9rem);height:auto;transform:translate(-50%,-55%);filter:drop-shadow(0 .5rem .8rem rgba(11,31,68,.18))}
.lu-los-karte h1{font:700 clamp(1.8rem,4.5vw,2.5rem)/1.15 var(--font-t);margin:.2rem 0 .5rem}
.lu-los-x{color:var(--muted);font-weight:600;margin:0 auto 1.4rem;max-width:30rem}
.lu-los-liste{display:grid;gap:.8rem;text-align:left}
.lu-los-wahl{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:1rem 1.1rem;border-radius:1.2rem;text-decoration:none;color:var(--navy);transition:transform .15s ease,box-shadow .15s ease}
.lu-los-wahl:hover,.lu-los-wahl:focus-visible{transform:translateY(-2px)}
/* 0.37.8: die empfohlene Wahl ist „stark“ (bei Verkauf Premium, sonst das Konto), die andere „leise“ */
.lu-los-wahl.stark{background:linear-gradient(180deg,#FFE58A,#FFC83D);box-shadow:0 .3rem 0 var(--gelb-d),0 .8rem 1.6rem -.6rem rgba(217,154,18,.6)}
.lu-los-wahl.leise{background:#F6F8FC;box-shadow:inset 0 0 0 2px var(--rand)}.lu-los-wahl.leise .lu-los-t strong{font-size:1.02rem}.lu-los-wahl.leise .lu-los-t small{color:var(--muted)}
.lu-los-i{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.9rem;background:rgba(255,255,255,.7)}
.lu-los-i .lu-i{width:1.5rem;height:1.5rem}.lu-los-i .lu-krone{width:2.4rem;height:2.4rem}
.lu-los-t{display:grid;gap:.15rem}
.lu-los-t strong{font:700 1.15rem/1.25 var(--font-t)}
.lu-los-t small{font-weight:700;font-size:.92rem;color:var(--navy-w)}
.lu-los-marke{justify-self:start;padding:.1rem .55rem;border-radius:999px;background:var(--navy);color:#fff;font:800 .72rem/1.5 var(--font);letter-spacing:.03em;text-transform:uppercase}
.lu-los-gast{margin:1.4rem 0 0;display:grid;gap:.1rem}
.lu-los-gast a{font-weight:800;color:var(--navy-w)}
.lu-los-gast small{color:var(--muted);font-weight:600}
.lu-los-anmelden{margin:.9rem 0 0;color:var(--muted);font-weight:700}
.lu-los-anmelden a{color:var(--navy);font-weight:800}
.lu-prs-karten.drei .lu-knoepfe .lu-btn{width:100%;justify-content:center;white-space:nowrap}
.lu-prs-karten.drei .lu-prs-karte.gast .lu-knoepfe{justify-content:center}
.lu-los-haupt{padding-top:clamp(10rem,16vw,12rem)}
@media (max-width:600px){.lu-los-haupt{padding-top:9.5rem}.lu-los-wahl{padding:.9rem;gap:.7rem}.lu-los-t strong{font-size:1.05rem}}
/* Geographie: Ludiris Globus als großes Spiel ganz oben (0.33.1) – dunkel wie der Weltraum auf der Globus-Seite */
.lu-geo-gl{grid-column:1/-1;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(1rem,3vw,2.4rem);padding:clamp(.9rem,2vw,1.4rem);border-radius:calc(var(--r-karte) * 1.1);background:radial-gradient(120% 140% at 0% 0%,#1E4C8F 0%,#0B1F44 55%,#081530 100%);color:#fff;text-decoration:none;box-shadow:0 1.2rem 2.4rem -1rem rgba(11,31,68,.55);transition:transform .2s ease,box-shadow .2s ease;animation:lu-ein-f .35s ease-out both}
.lu-geo-gl::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(1.5px 1.5px at 62% 18%,#fff,transparent),radial-gradient(1px 1px at 78% 70%,#fff,transparent),radial-gradient(1.5px 1.5px at 90% 34%,#fff,transparent),radial-gradient(1px 1px at 55% 86%,#fff,transparent),radial-gradient(1px 1px at 70% 50%,#fff,transparent),radial-gradient(1.5px 1.5px at 96% 88%,#fff,transparent)}
.lu-geo-gl:hover,.lu-geo-gl:focus-visible{transform:translateY(-3px);box-shadow:0 1.6rem 2.8rem -1rem rgba(11,31,68,.6)}
.lu-geo-gl-bild{position:relative;display:block}
.lu-geo-gl-bild img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:1.2rem}
.lu-geo-gl-text{position:relative;display:grid;gap:.75rem;justify-items:start;padding:clamp(.2rem,1vw,.6rem) clamp(.2rem,2vw,1.4rem) clamp(.2rem,1vw,.6rem) 0}
.lu-geo-gl-pillen{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.lu-geo-gl-neu{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .75rem;border-radius:999px;background:var(--gelb);color:var(--navy);font:800 .8rem/1.5 var(--font)}
.lu-geo-gl-neu .lu-i{width:1em;height:1em}
.lu-geo-gl-t{font:700 clamp(1.8rem,3.6vw,2.6rem)/1.1 var(--font-t);color:#fff}
.lu-geo-gl-x{color:#C9D6F2;font-weight:600;font-size:1.02rem;line-height:1.5}
.lu-geo-gl-tags{display:flex;flex-wrap:wrap;gap:.4rem}
.lu-geo-gl-tags span{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-weight:700;font-size:.85rem}
.lu-geo-gl-tags .lu-i{width:1em;height:1em;color:var(--gelb)}
.lu-geo-gl .lu-btn{margin-top:.3rem}
@media (max-width:760px){.lu-geo-gl{grid-template-columns:1fr}.lu-geo-gl-text{padding:0 .3rem .4rem}}
/* Geographie-Kopf: echter 3D-Globus (0.33.1) */
.lu-geo-hero.neu3d,.lu-geo-hero.laedt{position:relative;width:clamp(8.5rem,19vw,14rem);aspect-ratio:1}
.lu-geo-hero .lu-gm-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none;border-radius:50%;opacity:0;transition:opacity .6s ease}
.lu-geo-hero.bereit .lu-gm-canvas{opacity:1}
.lu-geo-hero .lu-gm-canvas:active{cursor:grabbing}
.lu-geo-hero .lu-gm-canvas:focus-visible{outline:3px solid var(--gelb);outline-offset:4px}
.lu-geo-hero.laedt::before,.lu-geo-hero.neu3d:not(.bereit)::before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#BFE6FF,#4A9FE0 55%,#1C5FA8);opacity:.35;animation:lu-gm-puls 1.4s ease-in-out infinite alternate}
@keyframes lu-gm-puls{to{opacity:.6}}
@media (max-width:600px){.lu-geo-hero.neu3d,.lu-geo-hero.laedt{width:7.5rem}}
.lu-geo-gl{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.lu-geo-gl-bild img{aspect-ratio:16/11}
@media (max-width:760px){.lu-geo-gl{grid-template-columns:1fr}.lu-geo-gl-bild img{aspect-ratio:16/10}.lu-geo-gl-x{font-size:.95rem}}
.lu-geo-hero[hidden]{display:none}
/* Geographie-Karten im Stil von Ludiris Globus (0.33.2, Richard: „das Kartendesign mit den gestrichelten Linien auf dem Meer, wie das animiert ist“) */
.lu-geo-oznamen text{font:italic 700 calc(var(--zs,1) * 12.5px) var(--font);letter-spacing:.14em;fill:rgba(255,255,255,.92);paint-order:stroke;stroke:rgba(20,80,140,.28);stroke-width:calc(var(--zs,1) * 2.5px);pointer-events:none;user-select:none}
.lu-geo-karte.mit-leuchten .lu-geo-oznamen,.lu-geo-karte.gezoomt .lu-geo-oznamen text{opacity:.85}
/* Meere: die Grenzen im Wasser gestrichelt und langsam fließend; an der Küste verdeckt das Land die Linie */
.lu-geo-karte.ebene-ozeane .lu-geo-oz{stroke-linecap:round;vector-effect:non-scaling-stroke}
/* (Gestrichelte Meeresgrenzen wie auf dem Globus kommen mit dem 3D-Globus in den Spielen: die flachen Meeresflächen haben Nähte am Äquator.) */
@keyframes lu-geo-fliessen{to{stroke-dashoffset:-26}}
/* Antwort und Hilfe: golden umrandet und leuchtend wie die Auswahl auf dem Globus */
.lu-geo-karte.ebene-ozeane .lu-geo-oz.richtig{filter:drop-shadow(0 0 4px rgba(255,200,61,.9))}
.lu-geo-karte .lu-geo-l.zeigen,.lu-geo-karte .lu-geo-l.richtig{stroke:#FFC83D;stroke-width:2.2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px rgba(255,200,61,.9))}
/* Flüsse: die gesuchte bzw. richtige Linie fließt (bewegte Striche über der Linie) */
.lu-geo-karte .lu-geo-fg.richtig .lu-geo-fluss{stroke-dasharray:16 5;animation:lu-geo-fliessen 1.4s linear infinite}
.lu-geo-karte .lu-geo-fg.zeigen .lu-geo-fluss{stroke-dasharray:16 5;animation:lu-geo-fliessen 1.4s linear infinite,lu-geo-blink 1s ease-in-out infinite}
.lu-ed-wenig .lu-geo-karte *,.lu-geo-karte.ruhig *{animation:none!important}
@media (prefers-reduced-motion:reduce){.lu-geo-karte *{animation:none!important}}
/* Spiele: echter 3D-Globus (0.33.2) */
.lu-geo-kartenort.laedt-globus{position:relative;min-height:16rem}
.lu-geo-kartenort.laedt-globus::before{content:"";position:absolute;left:50%;top:50%;width:60%;max-width:22rem;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#BFE6FF,#4A9FE0 55%,#1C5FA8);opacity:.35;animation:lu-gm-puls 1.4s ease-in-out infinite alternate}
.lu-geo-globus.lu-gs{opacity:0;transition:opacity .5s ease}
.bereit>.lu-geo-globus.lu-gs,.lu-geo-kartenort.bereit .lu-geo-globus.lu-gs{opacity:1}
/* 0.33.2: Fokus in der Schatzkiste: runder goldener Ring um die Kiste statt eckigem dunklem Rahmen, heller Ring am Knopf (dunkler Hintergrund) */
.lu-schatz :focus-visible{outline:3px solid #fff;outline-offset:4px}
.lu-schatz-knopf:focus-visible{outline:none}
.lu-schatz-knopf:focus-visible::before{opacity:.8;transform:scale(.95);box-shadow:0 0 0 3px #FFD54A,0 0 0 6px rgba(255,255,255,.55)}
/* 0.33.4 (Richard): weißes Logo direkt auf dem dunklen Footer, ohne weißen Kasten */
.lu-fuss-logo-rahmen{padding:0;border-radius:.6rem;background:none;box-shadow:none}
.lu-fuss-logo{height:4rem;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}
/* 0.33.5 (Richard): große Figuren auf den Mitspielen-Seiten stehen frei auf dem weißen Grund, mit weichem Bodenschatten unter den Füßen (kein Kasten, keine Scheibe) */
.lu-m-buehne{--fh:clamp(7rem,28vh,13rem);position:relative;flex:none;display:flex;justify-content:center;padding-bottom:calc(var(--fh)*.05)}
.lu-m-schatten{position:absolute;left:50%;bottom:0;z-index:0;width:calc(var(--fh)*.62);height:calc(var(--fh)*.11);transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(11,31,68,.42),rgba(11,31,68,.2) 55%,rgba(11,31,68,0));filter:blur(2px)}
.lu-m-buehne>.lu-m-fig-gross{position:relative;z-index:1;height:var(--fh)}
@media (min-width:900px) and (min-height:560px){.lu-m-codekarte>.lu-m-buehne,.lu-m-lobby:not(.lu-m-chef)>.lu-m-buehne{justify-self:center;--fh:min(26rem,52dvh)}}
/* 0.33.5 (Richard): Vor/Zurück-Pille unten links auf allen Seiten ohne Menü, auch im Vollbild. Glas-Weiß wie unsere runden Knöpfe, Zurück mit Navy-Kreis, Vor blass, wenn es nichts zum Vorgehen gibt. */
.lu-navp{position:fixed;left:max(.9rem,env(safe-area-inset-left));bottom:max(.9rem,env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:.2rem;padding:.28rem;border-radius:999px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(11,31,68,.07),0 .7rem 1.5rem -.5rem rgba(11,31,68,.45),0 .15rem .35rem rgba(11,31,68,.12);animation:lu-navp-ein .45s var(--feder) both}
.lu-navp[hidden]{display:none}
@keyframes lu-navp-ein{from{opacity:0;transform:translateY(.8rem) scale(.92)}to{opacity:1;transform:none}}
.lu-navp button{display:inline-flex;align-items:center;gap:.5rem;height:2.7rem;padding:0;border:0;border-radius:999px;background:none;color:var(--navy);font:600 1.02rem/1 var(--font-t);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .18s var(--feder),background-color .18s,opacity .2s}
.lu-navp-zur{padding-right:1rem!important}
.lu-navp-i{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:50%;color:#fff;background:linear-gradient(180deg,#25407A,var(--navy));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -.15rem 0 rgba(0,0,0,.25),0 .3rem .6rem -.25rem rgba(11,31,68,.6)}
.lu-navp-vor{justify-content:center;width:2.7rem;background:#EEF3FB!important;box-shadow:inset 0 0 0 1.5px rgba(11,31,68,.14)}
.lu-navp .lu-i{width:1.3rem;height:1.3rem}
.lu-navp button:hover:not(:disabled){transform:translateY(-1px)}.lu-navp button:active:not(:disabled){transform:scale(.95)}
.lu-navp-vor:disabled{opacity:.38;cursor:default}
.lu-navp button:focus-visible{outline:3px solid var(--gelb);outline-offset:2px}
@media (max-width:600px){.lu-navp-t{display:none}.lu-navp-zur{padding-right:0!important}.lu-navp button,.lu-navp-i{height:2.5rem}.lu-navp-i,.lu-navp-vor{width:2.5rem}}
@media print{.lu-navp{display:none}}
/* Im laufenden Mitspielen-Spiel (Tauziehen am Handy) keine Pille: dort gibt es den Verlassen-Knopf */
html:has(.lu-arena) .lu-navp{display:none!important}
/* 0.33.6 (Richard): Antwortknöpfe in Geographie lesbar mit wenig Zeilenumbrüchen. Antworten bekommen mehr Breite als die Frage,
   Wörter werden nicht getrennt; die Schrift wird nur so weit kleiner, dass das längste Wort in eine Zeile passt. */
@media (min-aspect-ratio:1/1){.lu-fach-geo .lu-team{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
/* Text-Antworten neben der Frage: untereinander, jede Antwort so breit wie die Spalte (meist eine Zeile) */
.lu-fach-geo .lu-team-rot{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}
.lu-fach-geo .lu-auswahl.nur-text.lu-auswahl-4{grid-template:repeat(4,minmax(0,1fr))/minmax(0,1fr)}.lu-fach-geo .lu-auswahl.nur-text.lu-auswahl-3{grid-template:repeat(3,minmax(0,1fr))/minmax(0,1fr)}}
.lu-taste-geo.lang{hyphens:auto}
.lu-fach-geo .lu-aufgabe{hyphens:manual;overflow-wrap:normal}
.lu-taste-geo{container-type:inline-size;hyphens:manual;overflow-wrap:normal;word-break:normal}
.lu-taste-geo>span{display:block;max-width:100%;font-size:max(.95rem,min(clamp(1rem,3.3vmin,1.9rem),calc(90cqi / (var(--w,8) * .6))));line-height:1.12}
/* Frage in der Karte: Schrift so groß, dass das längste Wort in eine Zeile passt (Hauptstadt von Bosnien und Herzegowina?) */
.lu-fach-geo .lu-tafel{container-type:inline-size}
.lu-fach-geo .lu-geo-mp-frage{font-size:min(clamp(1.05rem,3.9vmin,2.4rem),calc(88cqi / (var(--w,10) * .6)))}
/* 0.33.6: Entdecken im Tauziehen – Bild-Antworten wie in der Entdeckerreise, Reiz-Bild über der Frage */
.lu-fach-ed .lu-auswahl.mit-bildern .lu-taste-ed{padding:.4em;display:grid;place-items:center}
.lu-taste-ed{position:relative}
.lu-ganz{white-space:nowrap}
.lu-taste-ed svg{display:block;position:absolute;inset:.35em;width:calc(100% - .7em);height:calc(100% - .7em)}
.lu-tz-ed-reiz{display:grid;place-items:center;max-width:100%}
.lu-tz-ed-reiz{width:100%}
.lu-tz-ed-reiz svg{display:block;width:100%;height:auto;max-height:clamp(3.4rem,17vmin,9.5rem)}
.lu-tz-ed-reiz.art-reihe svg{max-height:clamp(2.8rem,12vmin,7rem)}
/* Handy hochkant: Seil-Leiste unter die Punkte-Chips, damit „noch 10“ nicht verdeckt wird */
@media (max-width:600px) and (max-aspect-ratio:1/1){.lu-arena:not(.lu-g-arena) .lu-meter{top:4.3rem;bottom:auto}}
/* Geographie-Kacheln mit Bild: ganzes Bild im 4:3-Format wie in der Spielewelt, statt eines schmalen Streifens (Richard, 11.11.2026: „Da sieht man kaum was“) */
.lu-geo-k-bild:has(>.lu-geo-vor.foto){height:auto;aspect-ratio:4/3}
/* Fix „blauer Schein“ um den kleinen 3D-Globus auf der Geographie-Seite (vorbereitet 12.11., live erst nach Richards OK).
   Ursache: Die Lufthülle der Globus-Engine reicht bis an den Rand der Zeichenfläche. Die Fläche war mit border-radius:50% rund
   abgeschnitten, dadurch entstand ein harter, hellblauer Ring um die Erde. Neu: weiche Maske statt harter Kante, die Lufthülle
   läuft sanft aus. Dazu ein ruhigerer Platzhalter beim Laden (vorher pulsierende blaue Scheibe). Nur CSS, keine Änderung an der Engine. */
.lu-geo-hero .lu-gm-canvas{border-radius:0;-webkit-mask-image:radial-gradient(circle closest-side,#000 77%,rgba(0,0,0,.55) 86%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 77%,rgba(0,0,0,.55) 86%,transparent 100%)}
.lu-geo-hero.laedt::before,.lu-geo-hero.neu3d:not(.bereit)::before{inset:12%;background:radial-gradient(circle at 35% 30%,#DDF1FF,#9CCBF0 60%,#7AB3E6);opacity:.25;animation:none}

/* Mein Bereich: Level je Kind (0.34.0) */
.lu-kinder-level{display:grid;gap:.6rem}.lu-kind-level{display:grid;grid-template-columns:3rem 7rem 1fr;align-items:center;gap:.8rem;padding:.5rem .6rem;border-radius:16px;background:#F5FAFF}.lu-kind-level img{width:3rem;height:3rem;object-fit:contain;object-position:50% 100%}.lu-kind-level strong{font-family:Fredoka,sans-serif;color:#0B1F44;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:520px){.lu-kind-level{grid-template-columns:2.6rem 1fr}.lu-kind-level .lu-lvl{grid-column:1/-1}}
.lu-fig-ziel{cursor:default;opacity:.95;border:2px dashed rgba(255,200,61,.85)!important;background:linear-gradient(180deg,#FFF9E6,#fff)}.lu-fig-ziel img{filter:saturate(.95)}
.lu-gast-uebernahme .lu-reihe{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.6rem}
/* Mein Bereich: Level und Abzeichen je Kind (0.36.11) – gleiche Medaillen wie im Album der Spielewelt */
.lu-el-lohn h3{margin:1.3rem 0 .6rem;font-size:1.08rem}
.lu-el-kopf{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:center;padding:1rem 1.2rem;border-radius:1.2rem;background:linear-gradient(110deg,#E8FAF6 0%,#F4F8FF 55%,#FFF7E3 100%)}
.lu-el-held{width:6.4rem;height:6.4rem;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 4px #fff,0 .5rem 1.2rem rgba(11,31,68,.14)}
.lu-el-held img{width:100%;height:100%;object-fit:cover}
.lu-el-mitte{min-width:0;display:grid;gap:.45rem}
.lu-el-name{font:600 1.35rem/1.1 var(--font-t);color:var(--navy)}
.lu-el-mitte .lu-lvl .lu-lvl-marke{--g:3.6rem}
.lu-el-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.lu-el-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .75rem;border-radius:99px;background:#fff;box-shadow:0 0 0 1px var(--rand);font-size:.86rem;font-weight:700;color:var(--muted)}
.lu-el-chip b{font-size:1rem;color:var(--navy)}.lu-el-chip em{font-style:normal;font-weight:700;color:#94A3B8;margin-left:.15rem}
.lu-el-chip .lu-i{width:1.1rem;height:1.1rem}
.lu-el-chip.stern .lu-i{color:#E5A00F}.lu-el-chip.flamme .lu-i{color:#94A3B8}.lu-el-chip.flamme.an .lu-i{color:var(--koralle)}.lu-el-chip.medaille .lu-i{color:#7C5CFF}
.lu-el-naechste{display:flex;align-items:center;gap:.9rem;margin-top:.8rem;padding:.75rem 1rem;border-radius:1rem;background:#F5F3FF;box-shadow:inset 0 0 0 1.5px rgba(124,92,255,.22)}
.lu-el-naechste small{display:block;font-weight:800;font-size:.74rem;letter-spacing:.03em;text-transform:uppercase;color:#7C5CFF}
.lu-el-naechste strong{display:block;font-size:1.02rem}.lu-el-naechste span{font-size:.86rem;font-weight:700;color:var(--muted)}
.lu-el-nb{flex:none;display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 .3rem .8rem rgba(124,92,255,.22)}
.lu-el-nb img{width:100%;height:100%;object-fit:cover}.lu-el-nb .lu-muster{width:2.6rem;height:2.6rem;margin:0}.lu-el-nb-i .lu-i{width:1.6rem;height:1.6rem;color:#7C5CFF}
.lu-el-zeile{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-top:1.3rem}.lu-el-zeile h3{margin:0}
.lu-el-meds{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem .5rem}.lu-el-meds.ziele{grid-template-columns:repeat(4,minmax(0,8.5rem))}
@media (max-width:900px){.lu-el-meds{grid-template-columns:repeat(4,minmax(0,1fr))}}
.lu-el-med{position:relative;display:grid;justify-items:center;align-content:start;gap:.2rem;padding:.4rem .3rem .5rem;border-radius:1rem;text-align:center}
.lu-el-med .lu-medaille{width:4.6rem;height:5.52rem;overflow:visible;filter:drop-shadow(0 .3rem .35rem rgba(11,31,68,.2))}
.lu-el-med strong{font:600 .92rem/1.15 var(--font-t);color:var(--navy);overflow-wrap:anywhere;hyphens:auto}
.lu-el-med small{font-size:.74rem;font-weight:800;color:var(--muted);line-height:1.2}
.lu-el-meds.ziele .lu-el-med{border:2px dashed rgba(20,184,166,.45);background:linear-gradient(180deg,rgba(20,184,166,.07),rgba(20,184,166,.01))}
.lu-el-meds.ziele .lu-medaille{filter:grayscale(.6) opacity(.65)}.lu-el-meds.ziele small{color:var(--teal-d)}
.lu-el-fort{width:4.4rem;height:.38rem;border-radius:99px;background:#E3EBF5;overflow:hidden}.lu-el-fort i{display:block;height:100%;background:var(--teal);border-radius:inherit}
.lu-el-kammer{display:grid;gap:1rem;margin-top:.7rem}
.lu-el-art h4{margin:0 0 .45rem;font:800 .8rem/1 var(--font);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.lu-el-dinge{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.2rem,1fr));gap:.5rem}
.lu-el-dinge .lu-schatz-ding>img{width:2.9rem;height:2.9rem;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 0 2px #fff,0 .2rem .4rem rgba(11,31,68,.12)}
.lu-el-dinge .lu-schatz-ding.zu>img{filter:grayscale(1)}
.lu-el-glas{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:#FFF6DC;box-shadow:inset 0 0 0 1.5px rgba(229,160,15,.35)}.lu-el-glas .lu-i{width:1.3rem;height:1.3rem;color:#E5A00F}
.lu-el-glasbild{width:2.6rem;height:2.9rem;object-fit:contain}.lu-schatz-ding.zu .lu-el-glasbild{filter:grayscale(1)}
.lu-el-mehr{color:#94A3B8}.lu-el-mehr .lu-el-glas{background:#EEF2F7;box-shadow:none}.lu-el-mehr .lu-el-glas .lu-i{color:#94A3B8}
@media (max-width:560px){.lu-el-kopf{grid-template-columns:1fr;justify-items:center;text-align:center}.lu-el-chips{justify-content:center}.lu-el-mitte .lu-lvl{text-align:left}.lu-el-meds,.lu-el-meds.ziele{grid-template-columns:repeat(3,minmax(0,1fr))}.lu-el-med strong{font-size:.82rem}.lu-el-med .lu-medaille{width:4rem;height:4.8rem}.lu-el-dinge{grid-template-columns:repeat(3,1fr)}}
/* Mein Bereich: „Was <Kind> schon kann“ (0.36.11) */
.lu-ls-gitter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.lu-ls-spalte{display:grid;grid-template-rows:auto 1fr auto;gap:.6rem;padding:1rem 1.1rem;border-radius:1.1rem;background:var(--off)}
.lu-ls-spalte.mathe{background:#F1F6FF}.lu-ls-spalte.geo{background:#EDFAF7}.lu-ls-spalte.ed{background:#FFF4F7}
.lu-ls-spalte h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.08rem}
.lu-ls-i{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.7rem;color:#fff;background:var(--blau)}.geo .lu-ls-i{background:var(--teal)}.ed .lu-ls-i{background:#F06B8E}
.lu-ls-i .lu-i{width:1.15rem;height:1.15rem}
.lu-ls-liste{display:grid;gap:.15rem;align-content:start}
.lu-ls-zeile{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.15rem .6rem;padding:.45rem 0;border-bottom:1px solid rgba(11,31,68,.07)}
.lu-ls-zeile:last-child{border-bottom:0}
.lu-ls-zeile strong{display:block;font-size:.95rem}.lu-ls-zeile small{display:block;font-size:.78rem;font-weight:700;color:var(--muted)}
.lu-ls-zeile .lu-ed-k-stufe{grid-column:1/-1}
.lu-ls-urteil{display:inline-block;padding:.18rem .6rem;border-radius:99px;font-size:.78rem;font-weight:800;white-space:nowrap}
.lu-ls-urteil.sicher{background:#DCFCE7;color:#15803D}.lu-ls-urteil.fast{background:#ECFCCB;color:#4D7C0F}.lu-ls-urteil.uebt{background:#FFEDD5;color:#C2410C}
.lu-ls-spalte .lu-btn{justify-self:start}
.lu-ls-legende{margin-top:.8rem;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.lu-ls-legende .lu-ls-urteil{margin-left:.4rem}
@media (max-width:900px){.lu-ls-gitter{grid-template-columns:1fr}}
.lu-ls-spalte.geo .lu-ed-k-stufe i.an{background:var(--teal)}.lu-ls-spalte.ed .lu-ed-k-stufe i.an{background:#F06B8E}
.lu-ls-hinweis{margin-top:.35rem;font-size:.82rem}
.lu-el-nb .lu-el-glasbild{width:2.4rem;height:2.7rem;object-fit:contain}

/* ===== Schritt 4 „Dein Spielfeld“ (14.11.2026, Richard: angenehmere Oberfläche, Welt wählen und sehen, zum Durchwischen oder Klicken) =====
   Links die echte Spielfeld-Vorschau (L.Arena, klein), rechts je eine Bilder-Reihe für Welt, Seil und Jubel; auf schmalen Bildschirmen untereinander. */
.lu-spielfeld{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:1.2rem;align-items:start}
.lu-spielfeld-vorschau{position:sticky;top:1rem}
.lu-sf-vorschau{position:relative;aspect-ratio:16/9;border-radius:1.2rem;overflow:hidden;background:#BFE6FA;box-shadow:0 .8rem 1.6rem -1rem rgba(11,31,68,.45)}
.lu-sf-vorschau>.lu-buehne{position:absolute;inset:0;width:100%;height:100%}
.lu-sf-vorschau .lu-meter,.lu-sf-vorschau .lu-countdown{display:none}
.lu-vs-marke{position:absolute;left:.6rem;top:.6rem;z-index:9;max-width:calc(100% - 15.5rem);padding:.3rem .75rem;border-radius:.9rem;background:var(--navy);color:#fff;font:700 .8rem/1.25 var(--font);overflow:hidden;text-overflow:ellipsis}   /* 14.11.2026: lange Weltnamen umbrechen statt unter den Jubel-Knopf zu laufen */
.lu-vs-jubel{position:absolute;right:.6rem;top:.6rem;z-index:9;display:inline-flex;align-items:center;gap:.35rem;min-height:2.1rem;padding:.35rem .85rem;border:0;border-radius:99px;background:#fff;color:var(--navy);font:800 .82rem/1.2 var(--font);box-shadow:0 .4rem .9rem -.4rem rgba(11,31,68,.5);cursor:pointer}
.lu-vs-jubel svg{width:.85em;height:.85em}
.lu-sf-vorschau>.lu-konfetti{position:absolute;inset:0;z-index:8;pointer-events:none}
.lu-vs-x{margin:.55rem .2rem 0;font-size:.88rem}
.lu-spielfeld-wahl{display:grid;gap:1rem;min-width:0}
.lu-kar-reihe{min-width:0}
.lu-kar-kopf{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}
.lu-kar-kopf h4{margin:0;font:700 1.05rem/1.2 var(--font-t);color:var(--navy)}
.lu-kar-zahl{padding:.15rem .6rem;border-radius:99px;background:#E3F7F3;color:var(--teal-d);font-weight:800;font-size:.78rem}
.lu-kar-pfeile{margin-left:auto;display:flex;gap:.35rem}
.lu-kar-pfeil{width:2.1rem;height:2.1rem;padding:0;border-radius:50%;border:0;background:#fff;box-shadow:inset 0 0 0 2px var(--rand);color:var(--navy);display:grid;place-items:center;cursor:pointer}
.lu-kar-pfeil:hover{box-shadow:inset 0 0 0 2px var(--teal)}
.lu-kar-pfeil svg{width:1rem;height:1rem}
.lu-kar-spur{position:relative;display:flex;gap:.6rem;overflow-x:auto;scroll-snap-type:x proximity;padding:.25rem .2rem .6rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.lu-kar-spur::-webkit-scrollbar{display:none}
/* 14.11.2026: weicher Rand statt Scroll-Balken – zeigt, dass es links/rechts weitergeht */
.lu-kar-huelle{position:relative;min-width:0}
.lu-kar-huelle::before,.lu-kar-huelle::after{content:"";position:absolute;z-index:1;top:0;bottom:.4rem;width:2.4rem;pointer-events:none;opacity:0;transition:opacity .25s}
.lu-kar-huelle::before{left:0;background:linear-gradient(90deg,var(--lu-kar-grund,#fff) 15%,rgba(255,255,255,0))}
.lu-kar-huelle::after{right:0;background:linear-gradient(270deg,var(--lu-kar-grund,#fff) 15%,rgba(255,255,255,0))}
.lu-kar-huelle.mehr-links::before,.lu-kar-huelle.mehr-rechts::after{opacity:1}
.lu-kar-pfeil:disabled{opacity:.35;cursor:default;box-shadow:inset 0 0 0 2px var(--rand)}
.lu-kar-pfeile-aus{visibility:hidden}
.lu-kar{flex:0 0 8.6rem;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.45rem .45rem .55rem;border:0;border-radius:1rem;background:#fff;box-shadow:inset 0 0 0 2px var(--rand);color:var(--navy);cursor:pointer;text-align:center;font:inherit;transition:transform .15s,box-shadow .15s}
.lu-kar:hover{transform:translateY(-2px)}
.lu-kar.an{background:#F1FCFA;box-shadow:inset 0 0 0 3px var(--teal),0 .5rem 1rem -.6rem rgba(20,184,166,.75)}
.lu-kar.zu{opacity:.6}.lu-kar.zu .lu-kar-bild{filter:grayscale(.55)}
.lu-kar{min-width:0}
.lu-kar strong{max-width:100%;font:700 .92rem/1.2 var(--font-t);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;hyphens:auto}   /* 14.11.2026: lange Namen (Glühwürmchen-Schlucht) zweizeilig, Kachel bleibt gleich breit */
.lu-kar-status{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:800;color:var(--teal-d)}
.lu-kar.zu .lu-kar-status{color:var(--muted)}
.lu-kar-status svg{width:.85em;height:.85em}
.lu-kar-bild{display:block;width:100%;aspect-ratio:3/2;border-radius:.7rem;background:#EAF6FF center/cover no-repeat;overflow:hidden}
.lu-kar-welt{background-image:url(img/welt-bach.webp?v=0.38.1);background-position:60% 52%;background-size:230% auto}
.lu-kar-welt.welt-nacht{filter:brightness(.45) saturate(.7) hue-rotate(8deg)}
.lu-kar-welt.welt-schlucht{background-size:cover;background-position:50% 50%}
.lu-kar.zu .lu-kar-welt.welt-bald{filter:blur(5px) saturate(.5) brightness(1.05)}
.lu-kar-bald{cursor:default}.lu-kar-bald:hover{transform:none}
.lu-kar-seil{display:grid;place-items:center;background-color:#F7FAFD;background-repeat:repeat-x;background-position:0 50%;background-size:auto 46%}
.lu-kar-seil .lu-muster{width:78%;height:28%;margin:0;border-radius:99px}
.lu-kar-jubel{background-color:#DDF2FC}
@media (max-width:1180px){.lu-spielfeld{grid-template-columns:1fr}.lu-spielfeld-vorschau{position:static}}
/* 14.11.2026: Pfeile auch auf Touch-Geräten (Richard: nur mit den Schaltern) */
@media (max-width:760px){.lu-kar{flex-basis:7.4rem}.lu-vs-marke{font-size:.72rem;max-width:calc(100% - 12rem);white-space:nowrap;border-radius:99px}.lu-vs-jubel{font-size:.74rem;padding:.3rem .65rem}}


/* ===== Glühwürmchen-Schlucht (14.11.2026, ersetzt die Mondnacht): Bild aus dem Daten-Plugin, Nebel zieht durch die Schlucht,
   Leuchtpilze pulsieren, Laternen flackern, Glühwürmchen tanzen. Finale: Fall in den Nebel, Laternen-Ballon holt den Verlierer hoch. ===== */
.lu-buehne.welt-schlucht .lu-fall,.lu-buehne.welt-schlucht .lu-gischt,.lu-buehne.welt-schlucht .lu-strahlen,.lu-buehne.welt-schlucht .lu-fluss{display:none}
.lu-arena.welt-schlucht{background:linear-gradient(180deg,#24563F,#1A4231)}
.lu-schlucht-nebel{position:absolute;inset:0;pointer-events:none;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.lu-schlucht-nebel i{position:absolute;left:-30%;right:-30%;top:48%;height:58%;background:radial-gradient(ellipse 16% 30% at 18% 50%,rgba(228,242,255,.6),rgba(228,242,255,0) 70%),radial-gradient(ellipse 22% 26% at 52% 40%,rgba(212,234,255,.55),rgba(212,234,255,0) 70%),radial-gradient(ellipse 15% 34% at 84% 60%,rgba(232,245,255,.55),rgba(232,245,255,0) 70%);animation:lu-nebel-zieh 19s ease-in-out infinite alternate;will-change:transform}
.lu-schlucht-nebel i.b{top:62%;opacity:.85;animation-duration:26s;animation-direction:alternate-reverse}
@keyframes lu-nebel-zieh{from{transform:translateX(-11%)}to{transform:translateX(11%)}}
.lu-schlucht-licht{position:absolute;inset:0;pointer-events:none}
.lu-schlucht-licht i{position:absolute;width:calc(var(--r) * 2);aspect-ratio:1.5;border-radius:50%;translate:-50% -50%;mix-blend-mode:screen;opacity:.3;animation:lu-pilz-puls 3.4s ease-in-out infinite alternate}
.lu-schlucht-licht i.pilz.t{background:radial-gradient(closest-side,rgba(120,255,235,.8),rgba(120,255,235,.28) 55%,rgba(120,255,235,0))}
.lu-schlucht-licht i.pilz.l{background:radial-gradient(closest-side,rgba(226,160,255,.8),rgba(226,160,255,.28) 55%,rgba(226,160,255,0))}
.lu-schlucht-licht i.laterne{aspect-ratio:1;background:radial-gradient(closest-side,rgba(255,224,150,.95),rgba(255,184,86,.35) 50%,rgba(255,170,60,0));animation:lu-laterne 2.7s linear infinite}
@keyframes lu-pilz-puls{from{opacity:.16;scale:.92}to{opacity:.6;scale:1.06}}
@keyframes lu-laterne{0%{opacity:.62}18%{opacity:.86}21%{opacity:.55}38%{opacity:.92}62%{opacity:.7}65%{opacity:.95}100%{opacity:.62}}
.lu-gw{position:absolute;inset:0;pointer-events:none}
.lu-gw i{position:absolute;width:calc(.5cqw * var(--g));height:calc(.5cqw * var(--g));min-width:3px;min-height:3px;border-radius:50%;background:radial-gradient(circle,#FFFBD2 0 25%,#FFE36A 46%,rgba(255,220,80,0) 72%);box-shadow:0 0 .9cqw .22cqw rgba(255,226,110,.5);
	animation:lu-gw-flug var(--d) ease-in-out var(--v) infinite alternate,lu-gw-blink var(--b) ease-in-out var(--v) infinite alternate;will-change:transform,opacity}
@keyframes lu-gw-flug{from{transform:translate(0,0)}50%{transform:translate(calc(var(--dx) * .6),calc(var(--dy) * -.5))}to{transform:translate(var(--dx),var(--dy))}}
@keyframes lu-gw-blink{from{opacity:.12}to{opacity:1}}
.lu-nebelpuff{position:absolute;z-index:6;width:0;height:0;pointer-events:none}
.lu-nebelpuff i{position:absolute;left:calc(var(--b) * -.5);top:calc(var(--b) * -.32);width:var(--b);height:calc(var(--b) * .62);border-radius:50%;background:radial-gradient(closest-side,rgba(236,246,255,.95),rgba(205,228,255,.55) 55%,rgba(205,228,255,0));animation:lu-nebel-puff 2.8s ease-out both}
.lu-nebelpuff i:nth-child(2){--x:-34%;animation-delay:.1s}.lu-nebelpuff i:nth-child(3){--x:34%;animation-delay:.18s}.lu-nebelpuff i:nth-child(4){--x:-12%;animation-delay:.35s;animation-duration:3.4s}.lu-nebelpuff i:nth-child(5){--x:16%;animation-delay:.5s;animation-duration:3.8s}
@keyframes lu-nebel-puff{0%{transform:translate(var(--x,0),25%) scale(.35);opacity:0}25%{opacity:.95}100%{transform:translate(var(--x,0),-75%) scale(1.7);opacity:0}}
.lu-nebelpuff b{position:absolute;width:.7cqw;height:.7cqw;min-width:4px;min-height:4px;margin:-.35cqw 0 0 -.35cqw;border-radius:50%;background:radial-gradient(circle,#FFFBD2 0 30%,#FFE36A 50%,rgba(255,220,80,0) 75%);box-shadow:0 0 .8cqw .25cqw rgba(255,226,110,.6);animation:lu-funke 1.8s ease-out both}
@keyframes lu-funke{0%{transform:translate(0,0) scale(.4);opacity:0}15%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(1);opacity:0}}
/* Rettung in der Glühwürmchen-Schlucht (14.11.2026, Richard): leuchtendes Wesen lässt eine goldene Schnur herab, der Held greift sie (Pose „greifen“) und wird herausgezogen */
.lu-kaempfer.gerettet{visibility:visible;transition:none;will-change:transform}
.lu-kaempfer.gerettet.blau{right:calc(50% - var(--fw) / 2 - var(--bach, 0px))}.lu-kaempfer.gerettet.rot{left:calc(50% - var(--fw) / 2 + var(--bach, 0px))}
.lu-kaempfer.gerettet::after,.lu-kaempfer.gerettet .lu-kf-hand{display:none}
.lu-kaempfer.gerettet .lu-kf-bild{position:absolute;left:50%;bottom:0;height:calc(100% * var(--gr, 1));width:auto;max-width:none;translate:-50% 0;animation:none;--dreh:0deg}
.lu-retter-schnur{position:absolute;z-index:-1;width:max(3px,.42cqw);height:0;margin-left:calc(max(3px,.42cqw) / -2);border-radius:99px;
	background:repeating-linear-gradient(-58deg,#FFE680 0 .32cqw,#F4B63C .32cqw .62cqw);box-shadow:0 0 .7cqw .1cqw rgba(255,226,110,.75)}
.lu-retter-schnur.faellt-runter{translate:0 calc(-1 * var(--frei, 0px))}
.lu-retter{position:absolute;z-index:7;pointer-events:none;will-change:translate,scale,opacity}   /* Flug, Größe und Sichtbarkeit setzt arena.js (Rettung, zweite Fassung) */
.lu-retter-wesen{position:relative;display:block;width:100%;height:auto;transform-origin:50% 62%;filter:drop-shadow(0 0 .8cqw rgba(255,226,110,.9)) drop-shadow(0 0 2.2cqw rgba(255,204,84,.5));animation:lu-retter-wabern 2.3s ease-in-out infinite alternate}
@keyframes lu-retter-wabern{0%{scale:1 1}50%{scale:1.035 .972}100%{scale:.975 1.03}}
.lu-retter-schein{position:absolute;left:-45%;right:-45%;top:-40%;bottom:-55%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,232,140,.5),rgba(255,214,90,.16) 58%,rgba(255,214,90,0));mix-blend-mode:screen;animation:lu-pilz-puls 2.2s ease-in-out infinite alternate}
/* Zweite Fassung (14.11.2026, Richard: „zwei Ebenen … und zwischen die beiden Ebenen dann das Seil“): Körper hinten, goldener Leuchtfaden, Pfoten vorn */
.lu-retter-pfoten{position:absolute;left:0;top:0;width:100%;height:auto;transform-origin:50% 62%;animation:lu-retter-wabern 2.3s ease-in-out infinite alternate}
.lu-retter-faden{position:absolute;left:51.17%;top:88.7%;width:max(2px,.34cqw);height:0;margin-left:calc(max(2px,.34cqw) / -2);border-radius:99px;
	background:repeating-linear-gradient(180deg,#FFD24A 0,#FFF8D8 1.1cqw,#FFD24A 2.2cqw);background-size:100% 2.2cqw;
	box-shadow:0 0 .5cqw .12cqw rgba(255,230,120,.95),0 0 1.4cqw .3cqw rgba(255,206,84,.45);animation:lu-faden-glanz .8s linear infinite}
@keyframes lu-faden-glanz{to{background-position:0 2.2cqw}}
.lu-retter-funkel{position:absolute;left:75%;top:43%;width:17%;aspect-ratio:1;margin:-8.5% 0 0 -8.5%;background:radial-gradient(circle,#fff 0 18%,#FFF3B0 40%,#FFD95A 70%);
	clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:lu-funkel-pop .95s ease-out forwards}
@keyframes lu-funkel-pop{0%{transform:scale(0) rotate(0)}30%{transform:scale(1.2) rotate(40deg)}100%{transform:scale(0) rotate(100deg)}}
.lu-kaempfer.gerettet.steht .lu-kf-bild{animation:lu-retter-landen .55s cubic-bezier(.3,1.5,.5,1)}
@keyframes lu-retter-landen{0%{transform:scale(1.07,.9)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.lu-retter-wesen,.lu-retter-schein,.lu-retter-pfoten,.lu-retter-faden,.lu-retter-funkel,.lu-kaempfer.gerettet.steht .lu-kf-bild{animation:none}}
@media (prefers-reduced-motion:reduce){.lu-gw,.lu-schlucht-nebel i{display:none}}
/* Schlucht, zweite Fassung (14.11.2026, Richard): Polarlicht statt Mond (nur im Himmel, Maske aus dem Bild), mehr und hellere Glühwürmchen
   auf weiteren Bahnen, Laternen flackern deutlicher. */
.lu-schlucht-polar{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.55;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.lu-schlucht-polar i{position:absolute;left:-12%;width:80%;height:26%;border-radius:50%;mix-blend-mode:screen;filter:blur(1.1cqw);transform-origin:50% 100%;
	background:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 .45cqw,rgba(255,255,255,0) .45cqw 1.2cqw),linear-gradient(90deg,rgba(60,255,200,0) 0,rgba(60,255,200,.55) 22%,rgba(110,240,255,.5) 45%,rgba(170,120,255,.5) 68%,rgba(60,255,200,.4) 85%,rgba(60,255,200,0) 100%);
	-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 22%,rgba(0,0,0,.55) 60%,transparent 100%);mask-image:linear-gradient(0deg,transparent 0,#000 22%,rgba(0,0,0,.55) 60%,transparent 100%);
	animation:lu-polar-zieh 16s ease-in-out infinite alternate,lu-polar-glimm 5.5s ease-in-out infinite alternate}
.lu-schlucht-polar i.a{top:2%;left:4%;rotate:-7deg}
.lu-schlucht-polar i.b{top:9%;left:22%;width:62%;height:20%;rotate:5deg;opacity:.8;animation-duration:21s,7s;animation-direction:alternate-reverse,alternate}
.lu-schlucht-polar i.c{top:0;left:52%;width:56%;height:18%;rotate:-3deg;opacity:.65;animation-duration:19s,6.3s;animation-delay:-6s,-2s}
@keyframes lu-polar-zieh{0%{transform:translateX(-5%) scaleY(.9) skewX(-8deg)}50%{transform:translateX(2%) scaleY(1.12) skewX(4deg)}100%{transform:translateX(6%) scaleY(.95) skewX(10deg)}}
@keyframes lu-polar-glimm{from{opacity:.55}to{opacity:1}}
.schlucht-2 .lu-gw i{box-shadow:0 0 1.1cqw .32cqw rgba(255,230,120,.75),0 0 2.6cqw .5cqw rgba(255,214,90,.3);animation-name:lu-gw-flug2,lu-gw-blink2}
@keyframes lu-gw-flug2{0%{transform:translate(0,0)}33%{transform:translate(calc(var(--dx) * .5),calc(var(--dy) * -.6))}66%{transform:translate(var(--dx),calc(var(--dy) * .3))}100%{transform:translate(calc(var(--dx) * .2),var(--dy))}}
@keyframes lu-gw-blink2{from{opacity:.3}to{opacity:1}}
.schlucht-2 .lu-schlucht-licht i.laterne{width:calc(var(--r) * 2.8);animation:lu-laterne2 2.3s linear infinite}
@keyframes lu-laterne2{0%{opacity:.55;scale:1}8%{opacity:.9}11%{opacity:.48}19%{opacity:1;scale:1.07}23%{opacity:.7}41%{opacity:.95;scale:1.02}44%{opacity:.58}58%{opacity:1;scale:1.06}71%{opacity:.66}74%{opacity:.93}88%{opacity:.6;scale:1}100%{opacity:.55}}
@media (prefers-reduced-motion:reduce){.lu-schlucht-polar i,.schlucht-2 .lu-schlucht-licht i.laterne{animation:none}}

/* ===== Schritt 3 „Kleine Helden“ neu (14.11.2026, Richard: wie „Zeit und Extras“ und die Spieler-Lobby, Team Blau und Team Rot mehr ausspielen) ===== */
.lu-kh{display:grid;gap:1rem}
.lu-kh-buehne{position:relative;display:grid;grid-template-columns:1fr 1fr;border-radius:1.3rem;overflow:hidden;box-shadow:0 .8rem 1.6rem -1rem rgba(11,31,68,.45)}
.lu-kh-buehne.solo{grid-template-columns:1fr;background:radial-gradient(90% 120% at 50% 105%,#C9F1E9 0,#E6F9F5 50%,#F6FDFB 100%)}
.lu-kh-seite{position:relative;display:grid;justify-items:center;align-content:end;gap:.1rem;min-width:0;padding:3rem 1rem 1.1rem;text-align:center}
.lu-kh-seite.blau{background:radial-gradient(120% 95% at 50% 105%,#C6DBFF 0,#E3EEFF 55%,#F5F9FF 100%)}
.lu-kh-seite.rot{background:radial-gradient(120% 95% at 50% 105%,#FFCBD3 0,#FFE4E8 55%,#FFF5F7 100%)}
.lu-kh-seite::after{content:"";position:absolute;inset:.4rem;border-radius:1rem;pointer-events:none;box-shadow:inset 0 0 0 3px transparent;transition:box-shadow .2s}
.lu-kh-seite.an.blau::after{box-shadow:inset 0 0 0 3px var(--blau-d)}
.lu-kh-seite.an.rot::after{box-shadow:inset 0 0 0 3px var(--rot-d)}
.lu-kh-seite-k{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;border-radius:0}
.lu-kh-seite-k:focus-visible{outline:var(--fokus);outline-offset:-6px}
.lu-kh-buehne.zwei .lu-kh-seite:not(.an) .lu-kh-fig{transform:scale(.9);filter:saturate(.85) drop-shadow(0 .6rem .5rem rgba(11,31,68,.16))}
.lu-kh-buehne.zwei .lu-kh-seite:not(.an):hover .lu-kh-fig{transform:scale(.95)}
.lu-kh-pille{position:absolute;top:.85rem;left:50%;transform:translateX(-50%);padding:.25rem 1rem;border-radius:99px;color:#fff;font:700 1.1rem/1.2 var(--font-t);letter-spacing:.02em;white-space:nowrap;box-shadow:0 .35rem .8rem -.4rem rgba(11,31,68,.55)}
.lu-kh-seite.blau .lu-kh-pille{background:var(--blau-d)}.lu-kh-seite.rot .lu-kh-pille{background:var(--rot-d)}
.lu-kh-fig{display:block;height:clamp(8.5rem,24vh,12.5rem);width:auto;max-width:92%;object-fit:contain;transform-origin:50% 100%;filter:drop-shadow(0 .6rem .5rem rgba(11,31,68,.18));transition:transform .3s var(--feder),filter .3s}
.lu-kh-fig.neu{animation:lu-kh-hopp .55s var(--feder) both}
.lu-kh-seite.rot .lu-kh-fig{scale:-1 1}   /* wie im Spiel: die Helden schauen sich an */
@keyframes lu-kh-hopp{0%{transform:translateY(.9rem) scale(.82);opacity:.2}100%{opacity:1}}
.lu-kh-name{margin-top:.35rem;font:700 clamp(1.35rem,2.4vw,1.85rem)/1.05 var(--font-t);color:var(--navy)}
.lu-kh-seite.an.blau .lu-kh-name{color:var(--blau-d)}.lu-kh-seite.an.rot .lu-kh-name{color:var(--rot-d)}
.lu-kh-rolle{font-size:.85rem;font-weight:700;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lu-kh-marke{position:relative;z-index:2;display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:.3rem;margin-top:.45rem;padding:.25rem .75rem;border-radius:99px;font-size:.8rem;font-weight:800;line-height:1.25;background:#FFF4CC;color:#7A4E00;box-shadow:inset 0 0 0 1.5px var(--gelb);pointer-events:none}
.lu-kh-marke .lu-i,.lu-kh-marke svg{width:1em;height:1em;color:var(--gelb-d)}
.lu-kh-marke.nur{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--rand);pointer-events:auto}
.lu-kh-zurueck{display:inline-flex;align-items:center;gap:.2rem;padding:0;border:0;background:none;color:var(--teal-d);font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.lu-kh-zurueck svg{width:.9em;height:.9em;color:inherit}
.lu-kh-tipp{display:inline-flex;align-items:center;gap:.25rem;margin-top:.35rem;font-size:.75rem;font-weight:800;color:var(--muted)}
.lu-kh-tipp svg{width:.95em;height:.95em}
.lu-kh-vs{position:absolute;left:50%;top:46%;z-index:2;transform:translate(-50%,-50%) rotate(-6deg);display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:50%;background:var(--gelb);color:var(--navy);font:700 1.35rem/1 var(--font-t);box-shadow:0 0 0 .3rem #fff,0 .6rem 1.2rem -.4rem rgba(11,31,68,.55);pointer-events:none}
/* Helden-Reihe: Bild in der Farbe des Helden, die gewählte Kachel in der Teamfarbe */
.lu-kar-held{flex-basis:8rem}
.lu-kar-figur{display:grid;place-items:end center;aspect-ratio:1/1;background:radial-gradient(80% 80% at 50% 70%,#fff 0,var(--fb,#EAF6FF) 75%)}
.lu-kar-figur img{width:88%;height:94%;object-fit:contain;object-position:50% 100%;transition:transform .2s var(--feder)}
.lu-kar-held:hover .lu-kar-figur img{transform:translateY(-.15rem) scale(1.05)}
.lu-kar-held .lu-kar-status{font-weight:700;color:var(--muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}
.lu-kar-held.an .lu-kar-status{display:inline-flex;font-weight:800;color:var(--teal-d)}
.lu-kar-held.zu .lu-kar-status{display:inline-flex;font-weight:800}
.lu-kar-held{position:relative}
.lu-kar-lieblings{position:absolute;top:.4rem;right:.4rem;z-index:1;display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:50%;background:var(--gelb);color:#fff;box-shadow:0 0 0 2px #fff}
.lu-kar-lieblings svg{width:.95rem;height:.95rem}
.lu-kar-held.andere{opacity:.85}
.lu-kar-ziel{cursor:default;border:2px dashed rgba(255,200,61,.9);background:linear-gradient(180deg,#FFF9E6,#fff)}.lu-kar-ziel:hover{transform:none}
.lu-kh-wahl.blau .lu-kar-kopf h4{color:var(--blau-d)}.lu-kh-wahl.rot .lu-kar-kopf h4{color:var(--rot-d)}
.lu-kh-wahl.blau .lu-kar.an{background:#EEF4FF;box-shadow:inset 0 0 0 3px var(--blau-d),0 .5rem 1rem -.6rem rgba(24,88,200,.7)}
.lu-kh-wahl.rot .lu-kar.an{background:#FFF0F2;box-shadow:inset 0 0 0 3px var(--rot-d),0 .5rem 1rem -.6rem rgba(191,42,66,.7)}
.lu-kh-wahl.blau .lu-kar-held.an .lu-kar-status{color:var(--blau-d)}.lu-kh-wahl.rot .lu-kar-held.an .lu-kar-status{color:var(--rot-d)}
/* Wer spielt: wie die Lobby, je Team eine Spalte */
.lu-kh-teams{display:grid;gap:.8rem;align-items:start}
.lu-kh-teams.zwei{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.lu-kh-teams .lu-tausch{align-self:center;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--rand),0 .4rem .8rem -.5rem rgba(11,31,68,.4)}
.lu-kh-teams .lu-tausch:hover{box-shadow:inset 0 0 0 2px var(--teal)}
.lu-kh-team{padding:.7rem;display:grid;gap:.6rem}
.lu-kh-team .lu-g-team-kopf{margin:0}
.lu-kh-team .lu-g-team-kopf strong{white-space:nowrap}
.lu-kh-team.solo{background:linear-gradient(180deg,#E3F7F3,#F4FCFA)}.lu-kh-team.solo .lu-g-team-kopf strong{color:var(--teal-d)}
.lu-kh-kinder{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.5rem}
.lu-kh-kind{display:flex;align-items:center;gap:.55rem;min-width:0;min-height:3.4rem;padding:.35rem .55rem .35rem .4rem;border:0;border-radius:1rem;background:#fff;box-shadow:inset 0 0 0 2px var(--rand);color:var(--navy);font:inherit;text-align:left;cursor:pointer;transition:transform .15s,box-shadow .15s}
.lu-kh-kind:hover:not(:disabled){transform:translateY(-1px)}
.lu-kh-kind img{width:2.6rem;height:2.6rem;flex:none;object-fit:contain;object-position:50% 20%;border-radius:.7rem;background:var(--hell)}
.lu-kh-kind-t{display:grid;flex:1;min-width:0}
.lu-kh-kind strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}
.lu-kh-kind small{font-size:.72rem;font-weight:700;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lu-kh-kind:disabled{cursor:not-allowed;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 2px #E7ECF2}
.lu-kh-kind:disabled img{filter:grayscale(.8);opacity:.6}.lu-kh-kind:disabled strong{color:#8A97A8}
.lu-kh-haken{display:grid;place-items:center;flex:none;width:1.5rem;height:1.5rem;border-radius:50%;color:#fff;background:var(--teal)}
.lu-kh-haken svg{width:.85rem;height:.85rem}
.lu-kh-team.blau .lu-kh-kind.an{box-shadow:inset 0 0 0 3px var(--blau-d),0 .4rem .8rem -.5rem rgba(24,88,200,.6)}.lu-kh-team.blau .lu-kh-haken{background:var(--blau-d)}
.lu-kh-team.rot .lu-kh-kind.an{box-shadow:inset 0 0 0 3px var(--rot-d),0 .4rem .8rem -.5rem rgba(191,42,66,.6)}.lu-kh-team.rot .lu-kh-haken{background:var(--rot-d)}
.lu-kh-team.solo .lu-kh-kind.an{box-shadow:inset 0 0 0 3px var(--teal),0 .4rem .8rem -.5rem rgba(20,184,166,.6)}
.lu-kh-ohne-i{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;border-radius:.7rem;background:var(--off);color:var(--muted);box-shadow:inset 0 0 0 2px var(--rand)}
.lu-kh-ohne-i svg{width:1.2rem;height:1.2rem}
.lu-kh-team .lu-feld{margin:0}
/* Etwas Glanz um den eigenen Helden: ein weiches Licht und vier kleine funkelnde Sterne (nur bei der Seite, die gerade wählt) */
.lu-kh-glanz{position:absolute;left:50%;bottom:4.2rem;width:min(15rem,80%);aspect-ratio:1;transform:translateX(-50%);pointer-events:none;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,0))}
.lu-kh-buehne.solo .lu-kh-glanz{left:auto;bottom:auto;position:relative;grid-row:1;grid-column:1;transform:none;width:100%;max-width:15rem;justify-self:center}
.lu-kh-buehne.solo .lu-kh-fig{grid-row:1;grid-column:1;justify-self:center;position:relative}
.lu-kh-glanz i{position:absolute;width:1rem;height:1rem;background:var(--gelb);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0}
.lu-kh-seite.an .lu-kh-glanz i,.lu-kh-buehne.solo .lu-kh-glanz i{animation:lu-kh-funkeln 2.6s ease-in-out infinite}
.lu-kh-glanz i:nth-child(1){left:6%;top:22%}.lu-kh-glanz i:nth-child(2){right:4%;top:12%;width:.75rem;height:.75rem;animation-delay:.7s!important}
.lu-kh-glanz i:nth-child(3){right:10%;top:62%;width:.6rem;height:.6rem;animation-delay:1.4s!important}.lu-kh-glanz i:nth-child(4){left:14%;top:70%;width:.55rem;height:.55rem;animation-delay:2s!important}
@keyframes lu-kh-funkeln{0%,100%{opacity:0;transform:scale(.4) rotate(0)}40%,60%{opacity:1;transform:scale(1) rotate(25deg)}}
.lu-kh-fig{position:relative}
.lu-kh-info{display:grid;justify-items:center;gap:.1rem;min-width:0;max-width:100%}
.lu-kh-wahl .lu-kar-zahl{white-space:nowrap}.lu-kh-wahl .lu-kar-kopf h4{white-space:nowrap}
/* Allein: Held links, Name und Marke rechts daneben, in Türkis statt Teamfarbe */
.lu-kh-buehne.solo .lu-kh-seite{grid-template-columns:auto minmax(0,24rem);align-items:center;align-content:center;justify-content:center;column-gap:2.4rem;padding:1.3rem 2rem;background:none}
.lu-kh-buehne.solo .lu-kh-seite::after{display:none}
.lu-kh-buehne.solo .lu-kh-info{justify-items:start;text-align:left}
.lu-kh-buehne.solo .lu-kh-name{font-size:clamp(2rem,3.4vw,2.8rem);color:var(--teal-d)}
.lu-kh-buehne.solo .lu-kh-rolle{font-size:1.02rem;white-space:normal}
@media (max-width:860px){.lu-kh-teams.zwei{grid-template-columns:1fr}.lu-kh-teams.zwei .lu-tausch{justify-self:center;transform:rotate(90deg)}}
@media (max-width:430px){.lu-kh-zahl-x{display:none}}
@media (max-width:560px){.lu-kh-buehne.solo .lu-kh-seite{grid-template-columns:1fr;justify-items:center;padding:1.1rem .8rem}.lu-kh-buehne.solo .lu-kh-info{justify-items:center;text-align:center}.lu-kh-seite{padding:2.7rem .5rem .9rem}.lu-kh-vs{width:2.8rem;height:2.8rem;font-size:1.05rem}.lu-kh-marke{font-size:.72rem;padding:.2rem .55rem}}
@media (prefers-reduced-motion:reduce){.lu-kh-fig,.lu-kh-fig.neu{animation:none;transition:none}.lu-kh-glanz i{animation:none!important;opacity:.8}}

/* ===== Tester-Seite für Eltern (/tester, 14.11.2026) ===== */
.lu-te-hero{min-height:auto;padding-bottom:0}
.lu-te-hero .lu-ue-hero-innen{padding-bottom:.5rem}
.lu-te-hero-zeile{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:1.1rem 0 0}
.lu-te-gratis,.lu-te-plaetze{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .9rem;border-radius:99px;font-weight:800;font-size:.95rem}
.lu-te-gratis{background:#E3F7F3;color:var(--teal-d)}.lu-te-gratis svg{width:1em;height:1em}
.lu-te-plaetze{background:var(--gelb);color:var(--navy)}.lu-te-plaetze.voll{background:#FFE1D8;color:#A23A1C}
.lu-te-gruppe{position:relative;z-index:2;display:block;width:min(70rem,100%);height:auto;margin:1.4rem auto 0;filter:drop-shadow(0 1.2rem 1.2rem rgba(11,31,68,.14))}
.lu-te-ansatz{padding-top:1.8rem}
.lu-te-ansatz h3{margin:0 7rem .4rem 0;font-size:1.45rem}.lu-te-ansatz>p{margin:0 7rem 1rem 0;color:var(--navy-w);line-height:1.55}
.lu-te-koko{position:absolute;top:-2.2rem;right:1rem;width:7.5rem;height:auto}
.lu-te-ansatz .lu-ue-liste .lu-i{background:#FFF4CC;color:var(--gelb-d)}
.lu-te-arten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.lu-te-art h3{font-size:1.2rem}
.lu-te-helden .lu-helden{margin-bottom:2rem}
.lu-te-riko{display:grid;grid-template-columns:minmax(0,18rem) minmax(0,1fr);gap:1.6rem;align-items:center;max-width:52rem;margin:0 auto;padding:1.4rem;border-radius:1.8rem;background:linear-gradient(135deg,#FFF1E8,#FFE1D6);box-shadow:var(--schatten)}
.lu-te-riko h3{margin:.5rem 0 .3rem;font:700 1.7rem/1.1 var(--font-t)}.lu-te-riko p{margin:0;color:var(--navy-w);line-height:1.55}
.lu-te-riko-buehne{position:relative;display:grid;place-items:end center;height:15rem}
.lu-te-riko-schein{position:absolute;inset:12% 8% 4%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,170,90,.75),rgba(255,122,89,0));animation:lu-te-gluehen 3.2s ease-in-out infinite}
@keyframes lu-te-gluehen{0%,100%{transform:scale(.92);opacity:.7}50%{transform:scale(1.05);opacity:1}}
.lu-te-riko-bild{position:relative;height:14rem;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 .8rem .8rem rgba(120,40,10,.2))}
.lu-te-welten-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;max-width:76rem;margin:0 auto}
.lu-te-welt{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:1.6rem;background:#fff;box-shadow:var(--schatten)}
.lu-te-welt-bild{aspect-ratio:16/10;background:#BFE6FA center/cover no-repeat}
.lu-te-welt.burg .lu-te-welt-bild{background-position:60% 55%}
.lu-te-welt-text{padding:1.1rem 1.3rem 1.3rem}.lu-te-welt-text h3{margin:0 0 .35rem;font-size:1.3rem}.lu-te-welt-text p{margin:0;color:var(--navy-w);line-height:1.5}
.lu-te-welt-bild{position:relative}
.lu-te-welt-figuren{position:absolute;left:0;right:0;bottom:-.4rem;display:flex;justify-content:center;pointer-events:none}
.lu-te-welt-figuren img{width:4.4rem;height:4.4rem;margin:0 -.3rem;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 .3rem .3rem rgba(11,31,68,.25))}
.lu-te-welt-geheim{background:linear-gradient(160deg,#EEF2FF,#F8FAFC)}
.lu-te-geheim-raster{aspect-ratio:16/10;display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;padding:.6rem}
.lu-te-geheim-raster span{display:grid;place-items:center;border-radius:.9rem;color:rgba(255,255,255,.95);filter:saturate(.9)}
.lu-te-geheim-raster svg{width:1.4rem;height:1.4rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
.lu-te-geheim-raster .g0{background:radial-gradient(circle at 30% 30%,#BFD4FF,#5B6FB3)}.lu-te-geheim-raster .g1{background:radial-gradient(circle at 30% 30%,#D9F7FF,#7FC8E6)}
.lu-te-geheim-raster .g2{background:radial-gradient(circle at 30% 30%,#B9F0B4,#2E9B57)}.lu-te-geheim-raster .g3{background:radial-gradient(circle at 30% 30%,#9FE8F5,#1A7FB0)}
.lu-te-geheim-raster .g4{background:radial-gradient(circle at 30% 30%,#FFC9A3,#D9542C)}.lu-te-geheim-raster .g5{background:radial-gradient(circle at 30% 30%,#FFFFFF,#C9D9F2)}
.lu-te-weg{max-width:76rem;margin:2rem auto 0}
.lu-te-globus-bild img{display:block;width:100%;height:auto;border-radius:1.8rem;box-shadow:var(--schatten)}
.lu-te-schritte{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;max-width:76rem;margin:0 auto;padding:0}
.lu-te-schritte li{display:flex;gap:.8rem;align-items:flex-start;padding:1.2rem;border-radius:1.4rem;background:#fff;box-shadow:var(--schatten)}
.lu-te-schritte b{flex:none;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--teal);color:#fff;font:700 1.2rem var(--font-t)}
.lu-te-schritte strong{display:block;margin:.2rem 0 .25rem;font-size:1.08rem}.lu-te-schritte p{margin:0;color:var(--navy-w);line-height:1.45;font-size:.95rem}
.lu-te-anmelde-karte{max-width:48rem;margin:0 auto;padding:clamp(1.4rem,3vw,2.2rem);border-radius:2rem;background:#fff;box-shadow:0 2rem 4rem -2rem rgba(11,31,68,.45);scroll-margin-top:6rem}
.lu-te-anmeldung{scroll-margin-top:5rem}
.lu-te-anmelde-kopf{display:flex;gap:1.2rem;align-items:center;margin-bottom:1.2rem}
.lu-te-ludiri{flex:none;width:7rem;height:auto}
.lu-te-anmelde-kopf .lu-titel{margin:.4rem 0 .3rem;font-size:clamp(1.8rem,3.4vw,2.6rem)}
.lu-te-form-x{margin:0;color:var(--navy-w);line-height:1.5;font-weight:600}.lu-te-form-x .lu-te-plaetze{margin-left:.2rem;font-size:.85rem;padding:.2rem .7rem}
.lu-te-form{display:grid;gap:1rem}
.lu-te-form input[type=email]{width:100%;min-height:3.4rem;padding:.6rem 1rem;border:0;border-radius:var(--r-feld);background:var(--off);box-shadow:inset 0 0 0 2px var(--rand);font:inherit;font-size:1.1rem;color:var(--navy)}
.lu-te-form input[type=email]:focus{outline:0;box-shadow:inset 0 0 0 3px var(--teal)}
.lu-te-ok{display:flex;gap:.7rem;align-items:flex-start;line-height:1.45;font-size:.95rem;color:var(--navy-w);cursor:pointer}
.lu-te-ok input{flex:none;width:1.4rem;height:1.4rem;margin-top:.1rem;accent-color:var(--teal)}
.lu-te-ok a{color:var(--teal-d);font-weight:800}
.lu-te-falle{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.lu-te-form .lu-btn{justify-self:start}
.lu-te-meldung{margin:0;min-height:1.4em;font-weight:700;color:var(--navy-w)}.lu-te-meldung.fehler{color:#B8361A}
.lu-te-danke{display:grid;justify-items:center;gap:.4rem;padding:1.4rem 1rem;border-radius:1.4rem;background:#E3F7F3;text-align:center}
.lu-te-danke svg{width:2.4rem;height:2.4rem;color:var(--teal-d)}.lu-te-danke h3{margin:0;font-size:1.5rem}.lu-te-danke p{margin:0;max-width:30rem;line-height:1.5;color:var(--navy-w)}
.lu-te-link{padding-top:7rem;padding-bottom:0}
.lu-te-link-ergebnis{display:grid;justify-items:center;gap:.5rem;max-width:40rem;margin:0 auto;padding:1.6rem;border-radius:1.8rem;background:#fff;box-shadow:var(--schatten);text-align:center}
.lu-te-link-ergebnis h2{margin:0;font:700 1.9rem/1.15 var(--font-t)}.lu-te-link-ergebnis p{margin:0;line-height:1.5;color:var(--navy-w)}
.lu-te-link-ergebnis.dabei{background:linear-gradient(180deg,#E3F7F3,#fff)}.lu-te-link-ergebnis.warteliste{background:linear-gradient(180deg,#FFF4CC,#fff)}
.lu-te-link-fig{width:8rem;height:auto}
@media (max-width:1100px){.lu-te-arten{grid-template-columns:repeat(2,minmax(0,1fr))}.lu-te-schritte{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.lu-te-welten-raster{grid-template-columns:1fr;max-width:34rem}.lu-te-riko{grid-template-columns:1fr;text-align:center}.lu-te-riko-buehne{height:12rem}.lu-te-riko-bild{height:11rem}}
@media (max-width:640px){.lu-te-arten,.lu-te-schritte{grid-template-columns:1fr}.lu-te-anmelde-kopf{flex-direction:column;text-align:center}.lu-te-ludiri{width:5.5rem}.lu-te-form .lu-btn{justify-self:stretch;justify-content:center}.lu-te-ansatz h3,.lu-te-ansatz>p{margin-right:0}.lu-te-koko{position:static;display:block;margin:-3rem auto .5rem;width:6rem}}
@media (prefers-reduced-motion:reduce){.lu-te-riko-schein{animation:none}}
/* Zentrale: Tester-Liste (14.11.2026) */
.lu-z-te-plaetze{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.6rem;margin:.8rem 0}
.lu-z-te-plaetze label{display:grid;gap:.25rem;font-weight:800;font-size:.9rem}
.lu-z-te-zahl{width:7rem;min-height:2.6rem;padding:.3rem .7rem;border:0;border-radius:.7rem;background:var(--off);box-shadow:inset 0 0 0 2px var(--rand);font:inherit;font-weight:800;font-size:1.05rem;color:var(--navy)}
.lu-z-te-liste{margin-top:.8rem;overflow-x:auto}
.lu-z-tabelle{width:100%;border-collapse:collapse;font-size:.95rem}
.lu-z-tabelle th,.lu-z-tabelle td{padding:.45rem .6rem;border-bottom:1px solid var(--rand);text-align:left;white-space:nowrap}
.lu-z-tabelle th{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.lu-z-tabelle td a{color:var(--navy);font-weight:700}

/* Kleine Helden, 14.11.2026 (Richard: „wenn ich auf Nora klicke, wird das Bild größer, springt hin und her – Figurengröße gleichstellen“):
   Jeder Held steht im selben Rahmen (gleiche Höhe, unten bündig), beim Teamwechsel ändert sich die Größe nicht mehr,
   der Wechsel blendet nur weich ein, und beide Helden stehen auf derselben Linie (der Hinweis „Antippen zum Ändern“ schiebt nichts mehr). */
.lu-kh-fig{height:auto;width:min(92%,clamp(7.2rem,20.4vh,10.6rem));aspect-ratio:.85;object-fit:contain;object-position:50% 100%}
.lu-kh-buehne.zwei .lu-kh-seite:not(.an) .lu-kh-fig,.lu-kh-buehne.zwei .lu-kh-seite:not(.an):hover .lu-kh-fig{transform:none}
@keyframes lu-kh-hopp{0%{transform:translateY(.45rem);opacity:.25}100%{transform:none;opacity:1}}
.lu-kh-buehne.zwei .lu-kh-info{align-content:start;min-height:5.3rem}
.lu-kh-buehne.zwei .lu-kh-seite{padding-bottom:2.3rem}
.lu-kh-tipp{position:absolute;left:0;right:0;bottom:.75rem;justify-content:center;margin:0}
/* Retter fliegt nach dem Spiel nach oben weg (14.11.2026) */
.lu-retter.geht{animation:lu-retter-geht .8s cubic-bezier(.5,0,.8,.4) forwards}
@keyframes lu-retter-geht{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-140%) scale(.7)}}
@media (prefers-reduced-motion:reduce){.lu-retter.geht{animation:none;opacity:0}}
.lu-ei-schritte{grid-template-columns:repeat(3,minmax(0,1fr));max-width:64rem}
@media (max-width:760px){.lu-ei-schritte{grid-template-columns:minmax(0,1fr)}}
/* 0.37.2 Tester-Seite: Gruppenbild mit Zahlen, Pädagogik, Welten-Stapel */
.lu-te-gruppe.neu{width:min(78rem,100%);filter:none;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.35) 0,#000 22%);mask-image:linear-gradient(180deg,rgba(0,0,0,.35) 0,#000 22%)}
.lu-te-zahlen{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem 1.2rem;max-width:56rem;margin:-1.4rem auto 2rem;padding:1rem 1.4rem;border-radius:1.4rem;background:#fff;box-shadow:var(--schatten)}
.lu-te-zahl{display:flex;align-items:baseline;gap:.5rem}.lu-te-zahl strong{font:700 2.4rem/1 var(--font-t);color:var(--teal-d);font-variant-numeric:tabular-nums}.lu-te-zahl.gross strong{color:var(--koralle)}
.lu-te-zahl span{font-weight:800;color:var(--navy);max-width:11rem;line-height:1.2}
.lu-te-zahl-x{flex-basis:100%;margin:0;text-align:center;color:var(--navy-w);font-weight:700;font-size:.92rem}
.lu-te-paed-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:76rem;margin:0 auto}
.lu-te-paed-karte h3{margin:.6rem 0 .3rem}.lu-te-paed-karte p{margin:0;line-height:1.5}
.lu-te-paed-mehr{text-align:center;margin:1.4rem 0 0;font-weight:800}.lu-te-paed-mehr a{color:var(--teal-d);text-decoration:none;display:inline-flex;align-items:center;gap:.35rem}.lu-te-paed-mehr .lu-i{width:1rem;height:1rem}
.lu-te-welt.schlucht .lu-te-welt-figuren img{width:3.6rem;height:3.9rem;margin:0 -.45rem}.lu-te-welt.schlucht .lu-te-welt-figuren img.n-nox{width:4.3rem;height:4.5rem;z-index:1}
.lu-te-welt-stapel{background:linear-gradient(160deg,#EEF2FF,#F8FAFC)}
.lu-te-stapel{position:relative;aspect-ratio:16/10;overflow:hidden}
.lu-te-stapel-k{position:absolute;width:70%;aspect-ratio:16/9;border-radius:1rem;background:#CFE3F5 center/cover no-repeat;box-shadow:0 .6rem 1.2rem rgba(11,31,68,.22);border:3px solid #fff}
.lu-te-stapel-k.k0{left:5%;top:13%;transform:rotate(-7deg);filter:blur(1.6px) saturate(.85);opacity:.85}
.lu-te-stapel-k.k1{left:21%;top:17%;transform:rotate(5deg);filter:blur(1px) saturate(.9);opacity:.92}
.lu-te-stapel-k.k2{left:13%;top:27%;transform:rotate(-1.5deg);filter:blur(.4px)}
.lu-te-stapel-frage{position:absolute;right:6%;bottom:8%;display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--gelb);color:var(--navy);font:700 1.8rem/1 var(--font-t);box-shadow:0 .3rem 0 var(--gelb-d)}
.lu-ei-gruppe{max-width:78rem;margin:0 auto}.lu-ei-gruppe .lu-te-gruppe{margin-top:0}.lu-ei-freunde .lu-te-zahlen{margin-top:-1rem}
@media (max-width:900px){.lu-te-paed-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.lu-te-paed-raster{grid-template-columns:minmax(0,1fr)}.lu-te-zahl strong{font-size:2rem}.lu-te-zahlen{margin-top:-.6rem}}
/* 0.37.3 Zentrale → Medien */
.lu-me-kopf{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:space-between}
.lu-me-tabs .lu-z-chip{display:inline-flex;align-items:center;gap:.4rem}.lu-me-tabs .lu-i{width:1rem;height:1rem}
.lu-me-suche{flex:1 1 18rem;max-width:30rem}
.lu-me-filter{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between}
.lu-me-anzahl{margin:.2rem 0 .8rem}
.lu-me-raster{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.8rem}
.lu-me-karte{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center;gap:.2rem;width:100%;height:100%;padding:.8rem .7rem .9rem;border:0;border-radius:1.2rem;background:#fff;box-shadow:var(--schatten);cursor:pointer;text-align:center;font:inherit;color:var(--navy)}
.lu-me-karte:hover,.lu-me-karte:focus-visible{outline:none;box-shadow:0 0 0 3px var(--teal),var(--schatten)}
.lu-me-karte strong{font:700 1rem/1.2 var(--font-t)}.lu-me-karte small{color:var(--muted);font-weight:700;font-size:.78rem;line-height:1.3}
.lu-me-bild{display:grid;place-items:center;width:100%;min-width:0;aspect-ratio:1;overflow:hidden;border-radius:1rem;background:var(--farbe,#F1F5FB)}
.lu-me-karte:not(.live) .lu-me-bild{background:repeating-linear-gradient(135deg,#F4F6FA 0 10px,#EEF2F8 10px 20px)}
.lu-me-bild img{width:86%;height:86%;max-width:86%;object-fit:contain}
.lu-me-nr{position:absolute;left:.55rem;top:.55rem;z-index:1;padding:.1rem .45rem;border-radius:99px;background:var(--navy);color:#fff;font:800 .72rem/1.4 var(--font)}
.lu-me-status{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;margin-top:.25rem}.lu-me-status .lu-pille{font-size:.7rem}
.lu-me-welt{font-size:.72rem;font-weight:800;color:var(--teal-d)}
.lu-me-detail{display:grid;gap:1rem}.lu-me-zurueck{justify-self:start}
.lu-me-d-kopf{display:grid;grid-template-columns:minmax(12rem,18rem) minmax(0,1fr);gap:1.4rem;align-items:center}
.lu-me-gross{display:grid;place-items:center;min-width:0;overflow:hidden;aspect-ratio:1;border-radius:1.2rem;background:var(--farbe,#F1F5FB)}.lu-me-gross img{width:88%;height:88%;max-width:88%;object-fit:contain}
.lu-me-d-kopf h2{font-size:2rem;margin:.1rem 0 .5rem}
.lu-me-fakten{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35rem 1rem;margin:1rem 0 0}.lu-me-fakten dt{font-weight:800;color:var(--muted)}.lu-me-fakten dd{margin:0;font-weight:700;color:var(--navy)}
.lu-me-bilder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.8rem}
.lu-me-bilder.klein{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}
.lu-me-bilder li{display:grid;grid-template-columns:minmax(0,1fr);gap:.25rem;min-width:0;padding:.6rem;border-radius:1rem;background:var(--off)}
.lu-me-bilder img,.lu-me-bilder video{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:.7rem;background:#fff}
.lu-me-bilder video{aspect-ratio:16/9;background:#000}
.lu-me-bilder span{font-weight:800;color:var(--navy);font-size:.88rem;overflow-wrap:anywhere}.lu-me-bilder small{color:var(--muted);font-size:.72rem;overflow-wrap:anywhere}
.lu-me-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:.8rem}.lu-me-videos figure{margin:0;display:grid;gap:.35rem;padding:.6rem;border-radius:1rem;background:var(--off)}.lu-me-videos video,.lu-me-videos img{width:100%;border-radius:.8rem;background:#fff;object-fit:contain;max-height:22rem}.lu-me-videos video{background:#000}.lu-me-videos figcaption strong{display:block;color:var(--navy)}.lu-me-videos figcaption small{color:var(--muted);font-size:.75rem;overflow-wrap:anywhere}
.lu-me-toene{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.lu-me-ton{position:relative;display:grid;grid-template-columns:2.8rem minmax(0,1fr) auto auto;align-items:center;gap:.8rem;padding:.55rem .8rem;border-radius:1rem;background:var(--off)}
.lu-me-ton .lu-me-nr{position:static;justify-self:start}.lu-me-ton strong{display:block;color:var(--navy)}.lu-me-ton small{color:var(--muted);font-weight:700;font-size:.8rem;overflow-wrap:anywhere}
.lu-me-ton audio{height:2.2rem;max-width:16rem}
@media (max-width:700px){.lu-me-d-kopf{grid-template-columns:minmax(0,1fr)}.lu-me-gross{max-width:16rem;margin:0 auto}.lu-me-ton{grid-template-columns:2.6rem minmax(0,1fr)}.lu-me-ton>.lu-btn,.lu-me-ton>audio,.lu-me-ton>small{grid-column:2}.lu-me-ton>.lu-pille{display:none}.lu-me-raster{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr))}}
/* „Wer spielt in welchem Team?“ (0.37.6, Richard: die Profilwahl wirkte wie eine zweite Heldenwahl): steht vor den Helden,
   Profile mit rundem Profilbild wie in der Spielewelt („Wer spielt?“), im Team-Kopf nur das Team (kein Held). */
.lu-kh-rund{position:relative;flex:none;width:2.7rem;height:2.7rem;border-radius:50%;overflow:hidden;background:radial-gradient(70% 60% at 50% 75%,rgba(255,255,255,.85),transparent 70%),var(--hf,#EAF6FF);box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--rand)}
.lu-kh-kind .lu-kh-rund img{position:absolute;left:50%;top:9%;width:auto;height:118%;max-width:none;transform:translateX(-50%);object-fit:contain;border-radius:0;background:none}
.lu-kh-kind:disabled .lu-kh-rund{filter:grayscale(.8);opacity:.6}.lu-kh-kind:disabled .lu-kh-rund img{filter:none;opacity:1}
.lu-kh-team-i{display:grid;place-items:center;flex:none;width:2.5rem;height:2.5rem;border-radius:50%;color:#fff;background:var(--blau-d);box-shadow:0 .35rem .7rem -.45rem rgba(11,31,68,.5)}
.lu-kh-team.rot .lu-kh-team-i{background:var(--rot-d)}.lu-kh-team.solo .lu-kh-team-i{background:var(--teal)}
.lu-kh-team-i svg{width:1.3rem;height:1.3rem}
.lu-kh-ohne-i{border-radius:50%}
/* „Wie möchtet ihr spielen?“ (0.37.8): je Weg „Was ist dabei?“ zum Aufklappen, darunter der Link zum Vergleich */
.lu-los-weg{display:grid;gap:.35rem}
.lu-los-mehr{margin:0 .4rem;text-align:left}
.lu-los-mehr summary{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .2rem;list-style:none;cursor:pointer;font-weight:800;font-size:.9rem;color:var(--navy-w)}
.lu-los-mehr summary::-webkit-details-marker{display:none}
.lu-los-mehr summary .lu-i{width:1rem;height:1rem;transition:transform .2s ease}.lu-los-mehr[open] summary .lu-i{transform:rotate(90deg)}
.lu-los-mehr summary:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:.4rem}
.lu-los-vorteile{margin:.2rem 0 .4rem;padding:.75rem .9rem;border-radius:1rem;background:#F6F8FC}.lu-los-vorteile li{font-size:.93rem}
.lu-los-vorteile li.nein{color:var(--muted)}.lu-los-vorteile li.nein .lu-i{color:var(--muted)}
.lu-los-gast .lu-los-mehr{justify-self:center;text-align:center}.lu-los-gast .lu-los-vorteile{text-align:left}
.lu-los-vergleich{margin:1rem 0 0}.lu-los-vergleich a{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;color:var(--navy)}.lu-los-vergleich .lu-i{width:1.1rem;height:1.1rem}
/* Conversion (0.38.0): Premium-Absicht durch die Registrierung tragen – zwei Schritte, danach Schritt 2 von 2 */
.lu-auth-schritte{display:flex;gap:.5rem;list-style:none;margin:0 0 .9rem;padding:0;flex-wrap:wrap}
.lu-auth-schritte li{display:flex;align-items:center;gap:.4rem;padding:.3rem .7rem .3rem .3rem;border-radius:999px;background:var(--off,#F3F6FA);color:var(--muted);font-weight:800;font-size:.85rem}
.lu-auth-schritte li b{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#fff;color:var(--muted);font-size:.8rem;box-shadow:inset 0 0 0 2px var(--rand)}
.lu-auth-schritte li.an{background:#FFF4CC;color:var(--navy)}.lu-auth-schritte li.an b{background:var(--gelb);color:var(--navy);box-shadow:none}
.lu-prs-vertrauen{display:block;margin-top:.45rem;color:var(--muted);font-weight:700;font-size:.82rem;text-align:center}
.lu-pr-schritt{display:block;font-weight:800;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--teal-d,#0F8F80)}
.lu-pr-free-weiter .lu-link{font-weight:700;color:var(--muted)}