/* Eigenständige Spaßbühnen: Inhalte und Bedienung bleiben lesbar. */
html[data-shell="fuwitz"]:not(.fx2),html[data-shell="fuclub"]:not(.fx2),html[data-shell="fuhaar"]:not(.fx2),html[data-shell="fumidlife"]:not(.fx2),html[data-shell="fubeauty"]:not(.fx2),html[data-shell="fuurlaub"]:not(.fx2),html[data-shell="fureaktion"]:not(.fx2){--fun-accent:#8054b7;--fun-paper:#fff9ed;--fun-ink:#252539;--fun-soft:#e9dcf4}
html[data-shell="fuclub"]:not(.fx2){--fun-accent:#b84283;--fun-soft:#f4d8e9}
html[data-shell="fuhaar"]:not(.fx2){--fun-accent:#247b83;--fun-soft:#d1eeeb}
html[data-shell="fumidlife"]:not(.fx2){--fun-accent:#b45d21;--fun-soft:#f5dfbd}
html[data-shell="fubeauty"]:not(.fx2){--fun-accent:#9160a5;--fun-soft:#eddef3}
html[data-shell="fuurlaub"]:not(.fx2){--fun-accent:#167f8a;--fun-soft:#cdefe8}
html[data-shell="fureaktion"]:not(.fx2){--fun-accent:#416ab0;--fun-soft:#dce7f6}
html[data-shell^="fu"]:not(.fx2){--bg:var(--fun-paper);--fg:var(--fun-ink);--soft:var(--fun-soft);--card:var(--fun-paper);--accent:var(--fun-accent);--prompt-color:var(--fun-accent);--radius:12px}
html[data-shell^="fu"]:not(.fx2) body{background:var(--fun-paper);color:var(--fun-ink)}
html[data-shell^="fu"]:not(.fx2)[data-bg="dark"]{--fun-paper:#191b29;--fun-ink:#f4eff8;--fun-soft:#33374b}
html[data-shell^="fu"]:not(.fx2)[data-bg="blue"]{--fun-paper:#092d4c;--fun-ink:#eef7ff;--fun-soft:#244e69}
html[data-shell^="fu"]:not(.fx2)[data-bg="weiss"]{--fun-paper:#fff;--fun-ink:#242530;--fun-soft:#edf0f5}
html[data-shell^="fu"]:not(.fx2) main a{color:var(--fun-accent)}
html[data-shell^="fu"]:not(.fx2)[data-bg="dark"] main a,html[data-shell^="fu"]:not(.fx2)[data-bg="blue"] main a{color:#bde4f5}
.fun-stage{box-sizing:border-box;width:100%;max-width:900px;margin:24px auto;padding:22px;border:2px solid var(--fun-accent);border-radius:20px;background:var(--fun-paper);color:var(--fun-ink);font:16px/1.55 system-ui,sans-serif;box-shadow:7px 7px 0 var(--fun-soft)}
.fun-stage[hidden]{display:none}
.fun-stage h2{margin:0 0 8px;font:700 25px/1.25 system-ui,sans-serif;color:var(--fun-ink)}
.fun-stage p{margin:8px 0 15px}
.fun-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:14px 0}
.fun-stage label{display:flex;flex-direction:column;gap:4px;font-size:14px;max-width:100%;font-weight:600}
.fun-stage input,.fun-stage select,.fun-stage button{box-sizing:border-box;min-height:44px;max-width:100%;border:1px solid var(--fun-accent);border-radius:10px;padding:8px 12px;font:inherit;background:var(--fun-paper);color:var(--fun-ink)}
.fun-stage button{cursor:pointer;font-weight:700;background:var(--fun-soft)}
.fun-stage button:focus-visible,.fun-stage input:focus-visible,.fun-stage select:focus-visible{outline:3px solid var(--fun-accent);outline-offset:3px}
.fun-stage button:disabled{opacity:.6;cursor:default}
.fun-stage input[type="file"]{width:260px}
.fun-stage canvas{display:block;width:100%;height:auto;aspect-ratio:2/1;border-radius:14px;background:var(--fun-soft)}
.fun-status{min-height:3em;padding:12px 16px;background:var(--fun-soft);border-radius:12px;overflow-wrap:anywhere}
.fun-stage .fun-exit{margin-left:auto}
.fun-stage .fun-note{font-size:13px}
.fun-balloons{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}
.fun-balloons button{position:relative;min-width:90px;margin-top:24px}
.fun-hairy .fun-balloons button:before{content:"";position:absolute;left:10%;right:10%;height:26px;top:-25px;border-radius:70% 40% 0 0;background:repeating-linear-gradient(80deg,#703d21 0 3px,#b56e30 3px 5px);pointer-events:none}
.fun-hairy .fun-balloons button:nth-child(2n):before{background:repeating-linear-gradient(80deg,#bc923b 0 3px,#f0cc73 3px 5px)}
.fun-hairy .fun-balloons button:nth-child(3n):before{background:repeating-linear-gradient(80deg,#6c231c 0 3px,#ba4b28 3px 5px)}
.fun-hair-long .fun-balloons button:before{height:44px;top:-35px;border-radius:50% 50% 20% 20%}
.fun-hair-bunt .fun-balloons button:before{background:repeating-linear-gradient(80deg,#8054b7 0 4px,#da725f 4px 8px,#2e9a94 8px 12px)!important}
.fun-plane{font-size:36px;text-align:center;padding:6px;transform:translateX(0)}
.fun-plane.fun-flying{animation:fun-flight 2s ease-in-out}
@keyframes fun-flight{50%{transform:translateX(80px) translateY(-12px)}100%{transform:translateX(0)}}
.fun-wobble .fun-balloons button{animation:fun-wobble .8s ease-out}
.fun-lift .fun-balloons button{border-radius:28px;box-shadow:0 -4px 0 var(--fun-accent)}
.fun-cloud .fun-balloons button:after{content:"☁";position:absolute;top:-25px;right:0;color:#67975b;pointer-events:none}
.fun-dust .fun-balloons button{border-style:dashed}
.fun-alarm{border:2px solid var(--fun-accent);border-radius:12px;padding:18px;background:var(--fun-soft)}
.fun-alarm[hidden]{display:none}
.fun-menu-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}
.fun-menu-row .lbl{width:100%;font-weight:bold}
@keyframes fun-wobble{20%{transform:rotate(-3deg) scaleX(1.03)}50%{transform:rotate(2deg) scaleX(.98)}80%{transform:rotate(-1deg)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){.fun-stage *{animation:none!important;transition:none!important}}
@media(max-width:540px){.fun-stage{padding:14px;border-radius:12px;margin:16px 0}.fun-controls>*{flex:1 1 100%}.fun-stage input,.fun-stage select{width:100%}.fun-stage .fun-exit{margin-left:0}.fun-stage h2{font-size:21px}}
@media print{.fun-stage{display:none!important}}

/* Gesamte Website: Kopf, Navigation, Inhalt und Bedienelemente. */
html[data-shell^="fu"]:not(.fx2){--shadow:0 18px 60px #0002;--line:color-mix(in srgb,var(--fun-accent) 30%,var(--fun-paper));--chrome:var(--fun-soft);--chrome-fg:var(--fun-ink);--chrome-line:var(--line);--muted:color-mix(in srgb,var(--fun-ink) 70%,var(--fun-paper))}
html[data-shell^="fu"]:not(.fx2) header.top{background:var(--fun-paper);border-bottom:3px solid var(--fun-accent);box-shadow:0 8px 25px #0002}
html[data-shell^="fu"]:not(.fx2) .chrome{background:var(--fun-soft);color:var(--fun-ink)}
html[data-shell^="fu"]:not(.fx2) nav.main a{border-radius:18px;padding:6px 12px;border:1px solid transparent}
html[data-shell^="fu"]:not(.fx2) nav.main a.active{background:var(--fun-accent);color:#fff;border-color:var(--fun-accent)}
html[data-shell^="fu"]:not(.fx2) main{position:relative;z-index:2;margin-top:30px;margin-bottom:30px;padding:26px;max-width:900px;background:color-mix(in srgb,var(--fun-paper) 95%,transparent);border:2px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
html[data-shell^="fu"]:not(.fx2) main h1{font:800 clamp(28px,4vw,44px)/1.2 system-ui,sans-serif;color:var(--fun-ink);letter-spacing:-1px}
html[data-shell^="fu"]:not(.fx2) main h2{font:750 24px/1.35 system-ui,sans-serif;color:var(--fun-accent);border-bottom:2px solid var(--line)}
html[data-shell^="fu"]:not(.fx2) main h3{color:var(--fun-accent)}
html[data-shell^="fu"]:not(.fx2) main :is(button,.button),html[data-shell^="fu"]:not(.fx2) main .button,html[data-shell^="fu"]:not(.fx2) main input,html[data-shell^="fu"]:not(.fx2) main select{border:2px solid var(--fun-accent);border-radius:15px;background:var(--fun-soft);color:var(--fun-ink);min-height:40px;padding:7px 12px;box-shadow:0 3px 0 color-mix(in srgb,var(--fun-accent) 45%,transparent)}
html[data-shell^="fu"]:not(.fx2) main blockquote,html[data-shell^="fu"]:not(.fx2) main pre,html[data-shell^="fu"]:not(.fx2) main details{background:var(--fun-soft);border-color:var(--line);border-radius:16px}
html[data-shell^="fu"]:not(.fx2) footer{position:relative;z-index:2;background:var(--fun-paper);color:var(--fun-ink);border-top:2px solid var(--line)}
html[data-shell^="fu"]:not(.fx2) .fun-stage{margin:0 0 26px;border:0;border-bottom:2px dashed var(--fun-accent);border-radius:0;box-shadow:none;padding:0 0 22px;background:transparent}
html[data-shell="fuwitz"]:not(.fx2) main{border:5px solid var(--fun-accent);border-radius:42px 22px 38px 26px;box-shadow:12px 12px 0 var(--fun-soft)}
html[data-shell="fuwitz"]:not(.fx2) main :is(button,.button){border-radius:38% 44% 36% 42%;font-weight:800;box-shadow:0 5px 0 var(--fun-accent)}
html[data-shell="fuwitz"]:not(.fx2) main h1:before{content:"☁ ";font-size:.8em}
html[data-shell="fuclub"]:not(.fx2) main{border:4px double var(--fun-accent);border-radius:6px 6px 30px 30px;box-shadow:0 0 0 9px var(--fun-soft),0 20px 70px #0003}
html[data-shell="fuclub"]:not(.fx2) main h1{font-family:Georgia,serif;letter-spacing:.5px}
html[data-shell="fuclub"]:not(.fx2) main h1:before{content:"♥ ";color:var(--fun-accent)}
html[data-shell="fuhaar"]:not(.fx2) main{border:3px solid var(--fun-accent);border-top:12px solid var(--fun-accent);border-radius:12px}
html[data-shell="fuhaar"]:not(.fx2) main h1:before{content:"✈ ";color:var(--fun-accent)}
html[data-shell="fuhaar"]:not(.fx2).fun-page-hairy main :is(button,.button):not(.fun-exit){border-top:9px solid #916633;border-image:repeating-linear-gradient(75deg,#754424 0 2px,#d9b672 2px 5px) 9}
html[data-shell="fumidlife"]:not(.fx2) main{border:4px solid #68422b;border-radius:12px;background-image:linear-gradient(130deg,#0000 90%,#b37e3520);box-shadow:10px 10px 0 #2d2831}
html[data-shell="fumidlife"]:not(.fx2) header.top{border-bottom:5px solid #b99755}
html[data-shell="fumidlife"]:not(.fx2) main :is(button,.button){border-radius:7px;text-transform:uppercase;letter-spacing:.5px;border-color:#a57839}
html[data-shell="fumidlife"]:not(.fx2) main h1:before{content:"⚙ ";color:var(--fun-accent)}
html[data-shell="fubeauty"]:not(.fx2) main{border-radius:46px;border:3px solid var(--fun-accent);box-shadow:0 16px 65px color-mix(in srgb,var(--fun-accent) 25%,transparent)}
html[data-shell="fubeauty"]:not(.fx2) main :is(button,.button),html[data-shell="fubeauty"]:not(.fx2) nav.main a{border-radius:30px}
html[data-shell="fubeauty"]:not(.fx2) main h1{font-family:Georgia,serif;font-style:italic}
html[data-shell="fubeauty"]:not(.fx2) main h1:before{content:"✦ ";color:var(--fun-accent)}
html[data-shell="fubeauty"]:not(.fx2).fun-page-lift main :is(button,.button){box-shadow:inset 0 3px 0 #fff5,0 -3px 0 var(--fun-accent)}
html[data-shell="fuurlaub"]:not(.fx2) main{border:5px solid var(--fun-accent);border-radius:28px 28px 7px 7px;box-shadow:9px 9px 0 #c4a76a}
html[data-shell="fuurlaub"]:not(.fx2) main h1:before{content:"☀ ";color:#b27f20}
html[data-shell="fuurlaub"]:not(.fx2) main :is(button,.button){border-radius:20px 7px 20px 7px}
html[data-shell="fureaktion"]:not(.fx2) main{border-radius:12px;box-shadow:8px 8px 0 var(--fun-soft)}
html[data-shell="fureaktion"]:not(.fx2) main h1:before{content:"◇ ";color:var(--fun-accent)}
#fun-scene{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
html[data-shell^="fu"]:not(.fx2) .fun-page-click{animation:fun-wobble .8s ease-out}
html[data-hide~="fx"] .fun-stage *,html[data-hide~="fx"] .fun-page-click{animation:none!important}
@media(max-width:640px){html[data-shell^="fu"]:not(.fx2) main{margin:14px 10px;padding:18px;width:calc(100% - 20px);border-radius:18px}html[data-shell^="fu"]:not(.fx2) nav.main a{padding:4px 8px}html[data-shell^="fu"]:not(.fx2) main h2{font-size:21px}}
@media print{#fun-scene{display:none!important}html[data-shell^="fu"]:not(.fx2) main{border:0!important;box-shadow:none!important;background:#fff!important;color:#000!important}}

html[data-shell="fureaktion"]:not(.fx2) .wx,html[data-shell="fureaktion"]:not(.fx2) .ultra-canvas{display:none!important}
html[data-shell="fureaktion"]:not(.fx2) *,html[data-shell="fureaktion"]:not(.fx2) *:before,html[data-shell="fureaktion"]:not(.fx2) *:after{animation:none!important;transition:none!important}

.fun-stage summary{padding:12px 0;font-weight:700;cursor:pointer;list-style-position:inside}.fun-stage summary:focus-visible{outline:3px solid var(--fun-accent)}.fun-stage canvas{display:none!important}.fun-stage[open] summary{margin-bottom:15px}

html[data-shell="fuwitz"]:not(.fx2)[data-bg="dark"],html[data-shell="fuwitz"]:not(.fx2)[data-bg="blue"]{--fun-accent:#d5b5f5}
html[data-shell="fuclub"]:not(.fx2)[data-bg="dark"],html[data-shell="fuclub"]:not(.fx2)[data-bg="blue"]{--fun-accent:#f3a4ce}
html[data-shell="fuhaar"]:not(.fx2)[data-bg="dark"],html[data-shell="fuhaar"]:not(.fx2)[data-bg="blue"]{--fun-accent:#82d9d5}
html[data-shell="fumidlife"]:not(.fx2)[data-bg="dark"],html[data-shell="fumidlife"]:not(.fx2)[data-bg="blue"]{--fun-accent:#ffd28a}
html[data-shell="fubeauty"]:not(.fx2)[data-bg="dark"],html[data-shell="fubeauty"]:not(.fx2)[data-bg="blue"]{--fun-accent:#e6bcf4}
html[data-shell="fuurlaub"]:not(.fx2)[data-bg="dark"],html[data-shell="fuurlaub"]:not(.fx2)[data-bg="blue"]{--fun-accent:#8ae5ce}
html[data-shell="fureaktion"]:not(.fx2)[data-bg="dark"],html[data-shell="fureaktion"]:not(.fx2)[data-bg="blue"]{--fun-accent:#aecdf8}
html[data-shell^="fu"]:not(.fx2)[data-bg="dark"] nav.main a.active,html[data-shell^="fu"]:not(.fx2)[data-bg="blue"] nav.main a.active{color:#17243a}

html[data-shell^="fu"]:not(.fx2) main{background-color:var(--fun-paper)}
html[data-hide~="deko"] #fun-scene{display:none}

.fun-page-hairy main [data-fun-flights]:after{content:" · " attr(data-fun-flights) " ✈";font-size:.8em;white-space:normal}

/* Fett ist eine eigene Ganzseitenbühne, kein Untermodus von Mudda. */
html[data-shell="fufett"]:not(.fx2){--fun-accent:#a34158;--fun-soft:#f5d0c5;--fun-paper:#fff6ed;--fun-ink:#432b32}
html[data-shell="fufett"]:not(.fx2)[data-bg="weiss"]{--fun-paper:#fff;--fun-soft:#fae6df}
html[data-shell="fufett"]:not(.fx2)[data-bg="dark"]{--fun-paper:#2c2028;--fun-ink:#fff0e8;--fun-soft:#583742;--fun-accent:#f5b09f}
html[data-shell="fufett"]:not(.fx2)[data-bg="blue"]{--fun-paper:#15314b;--fun-ink:#fff1e7;--fun-soft:#34506a;--fun-accent:#ffd0b1}
html[data-shell="fufett"]:not(.fx2) header.top{border-bottom:6px solid var(--fun-accent);border-radius:0 0 28px 28px}
html[data-shell="fufett"]:not(.fx2) main{border:7px solid var(--fun-soft);border-radius:52px 38px 48px 40px;box-shadow:0 12px 0 var(--fun-accent),0 22px 45px #0002}
html[data-shell="fufett"]:not(.fx2) main h1:before{content:"◉ ";color:var(--fun-accent)}
html[data-shell="fufett"]:not(.fx2) :is(button,a.button,nav.main a){border-radius:28px;font-weight:800}
html[data-shell="fufett"]:not(.fx2) main :is(button,a.button){padding:12px 18px;min-height:48px;box-shadow:inset 0 4px 0 #fff5,0 6px 0 var(--fun-accent)}
html[data-shell="fufett"]:not(.fx2) .fun-fat-bounce{animation:fun-fat-bounce 1s ease-out}
html[data-shell="fufett"]:not(.fx2).fun-fat-extra .fun-fat-bounce{animation-duration:1.4s}
@keyframes fun-fat-bounce{18%{transform:scale(.97,1.025) rotate(-1deg)}38%{transform:scale(1.025,.97) rotate(1deg)}58%{transform:scale(.985,1.015)}78%{transform:scale(1.01,.99)}100%{transform:none}}
html[data-shell="fufett"]:not(.fx2)[data-hide~="fx"] .fun-fat-bounce{animation:none!important}
@media(prefers-reduced-motion:reduce){html[data-shell="fufett"]:not(.fx2) .fun-fat-bounce{animation:none!important}}
@media(max-width:640px){html[data-shell="fufett"]:not(.fx2) main{border-width:4px;border-radius:28px;padding:16px}html[data-shell="fufett"]:not(.fx2) main :is(button,a.button){padding:10px 12px}}