/* Neue Seitenaufteilung nach den Bildschirmvorlagen. Nur Weltraum. */
html[data-design=weltraum] { --stroke:#62304780; --text:#f1ecf4; --muted:#a79db2; }
html[data-design=weltraum] body::after { background:url('/weltraum-planeten.webp') center / cover no-repeat; opacity:.38; }
html[data-design=weltraum] .home-universum { display:none; }
html[data-design=weltraum] .welt-randtexte { pointer-events:none; position:fixed; inset:150px 3.5vw 14vh; z-index:-1; display:flex; align-items:center; justify-content:space-between; color:#f71588; font-size:11px; letter-spacing:1.4px; line-height:1.8; }
html[data-design=weltraum] .welt-randtexte span:last-child { align-self:flex-start; }
html[data-design=weltraum] .welt-randtexte i { display:block; width:24px; margin-top:20px; border-top:2px solid; }
html[data-design=weltraum] .welt-navigation { position:relative; width:100%; min-height:68px; margin:0; padding:10px 4vw; border-bottom:1px solid #5b244c50; background:#08060ce6; }
html[data-design=weltraum] .welt-navigation nav { flex:1; }
html[data-design=weltraum] .welt-schritte { display:flex; align-items:center; gap:36px; min-height:64px; padding:10px 2vw; border-bottom:1px solid var(--stroke); background:#0b0812ed; }
html[data-design=weltraum] .welt-logo { display:flex; align-items:center; gap:10px; font-size:24px; font-weight:700; text-decoration:none; color:var(--text); }
html[data-design=weltraum] .welt-logo img { width:36px; }
html[data-design=weltraum] .welt-schritte ol { display:flex; gap:34px; list-style:none; padding:0; margin:0; color:var(--muted); font-size:12px; }
html[data-design=weltraum] .welt-schritte li { display:flex; align-items:center; gap:10px; }
html[data-design=weltraum] .welt-schritte b { display:grid; place-items:center; width:30px; height:30px; border:1px solid #a03984; border-radius:50%; }
html[data-design=weltraum] .welt-schritte [aria-current] { color:var(--text); }
html[data-design=weltraum] .welt-schritte [aria-current] b { color:#160616; background:var(--pink); box-shadow:0 0 22px #f7087855; }
html[data-design=weltraum] .welt-einleitung, html[data-design=weltraum] .welt-panel-intro { color:var(--muted); font-size:13px; line-height:1.65; margin:6px 0 20px; }
html[data-design=weltraum] .welt-info { padding:22px; border:1px solid var(--stroke); border-radius:12px; background:linear-gradient(125deg,#15101bdf,#0b0810e8); }
html[data-design=weltraum] .welt-info h3 { font-size:18px; margin:0 0 10px; }
html[data-design=weltraum] .welt-info p { color:var(--muted); font-size:12px; line-height:1.75; margin:8px 0 0; }
/* Rangliste als eigenständige große Seite, mit gemeinsamer Navigation darüber. */
html[data-design=weltraum] #spieler-suche-fenster { position:relative; inset:auto; z-index:auto; display:block; min-height:calc(100dvh - 68px); padding:30px 8vw 40px; background:transparent; overflow:visible; }
html[data-design=weltraum] #spieler-suche-fenster .suche-karte { display:block; width:min(1220px,100%); max-width:1220px; max-height:none; padding:0; margin:0 auto; overflow:visible; background:transparent; border:0; box-shadow:none; }
html[data-design=weltraum] .suche-kopf { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:8px 16px; padding:0 50px 14px; text-align:center; }
html[data-design=weltraum] .suche-kopf h3 { font-size:36px; margin:0; }
html[data-design=weltraum] .suche-kopf .welt-einleitung { width:100%; margin:0; }
html[data-design=weltraum] .welt-rang-logo { width:42px; }
html[data-design=weltraum] .suche-kopf .profil-schliessen { top:4px; right:0; }
html[data-design=weltraum] #spieler-suche { width:100%; margin:0 0 14px; background:#090710dd; }
html[data-design=weltraum] #rangliste-reiter { margin:0 0 16px; }
html[data-design=weltraum] #rangliste-reiter button { min-width:190px; padding:10px 20px; }
html[data-design=weltraum] #rangliste-reiter [aria-selected=true] { color:var(--gold); border-color:var(--gold); box-shadow:0 0 10px #ffd23e22,inset 0 0 10px #ffd23e12; }
html[data-design=weltraum] .welt-rang-layout { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr); gap:24px; align-items:start; }
html[data-design=weltraum] .welt-rang-tabelle { padding:14px; border:1px solid var(--stroke); border-radius:10px; background:#0c0912e6; }
html[data-design=weltraum] .welt-rang-seite { display:grid; gap:16px; }
html[data-design=weltraum] #rangliste-ich { background:none; padding:0; border:0; margin:0 0 14px; font-size:12px; }
html[data-design=weltraum] .welt-kennzahlen { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--stroke); border-radius:8px; padding:22px 8px; margin-top:20px; text-align:center; }
html[data-design=weltraum] .welt-kennzahlen div + div { border-left:1px solid var(--stroke); }
html[data-design=weltraum] .welt-kennzahlen span { font-size:10px; color:var(--muted); display:block; min-height:28px; }
html[data-design=weltraum] .welt-kennzahlen strong { display:block; font-size:28px; color:var(--pink); }
html[data-design=weltraum] .welt-kennzahlen div:last-child strong { color:var(--text); }
html[data-design=weltraum] .welt-rang-spalten { display:grid; grid-template-columns:36px 1.05fr 1fr 80px; font-size:10px; color:var(--muted); padding:4px 10px 12px; }
html[data-design=weltraum] #spieler-liste { max-height:none; overflow:visible; display:grid; gap:3px; border:0; padding:0; }
html[data-design=weltraum] .spieler-zeile { min-height:48px; padding:5px 10px; border:1px solid transparent; border-bottom-color:#ffffff08; border-radius:7px; grid-template-columns:36px 40px minmax(0,1fr) 66px; }
html[data-design=weltraum] .spieler-zeile .freund-info { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; align-items:center; }
html[data-design=weltraum] .spieler-zeile .freund-info strong { font-size:13px; }
html[data-design=weltraum] .spieler-zeile .freund-info > span { font-size:10px; }
html[data-design=weltraum] .spieler-zeile:has(.platz-1) { border-color:#d4aa37; background:#6a491024; }
html[data-design=weltraum] .spieler-zeile.ist-ich { border-color:var(--pink); background:#ba086f18; box-shadow:0 0 12px #ff168825; }
/* Profil: Auswahl links, echte Vorschau rechts. Weitere Kontobereiche folgen. */
html[data-design=weltraum] .profil-karte { display:block; width:min(1200px,calc(100vw - 48px)); max-width:1200px; padding:24px; max-height:90dvh; background:#0c0913f5 url('/weltraum-planeten.webp') center top/1200px auto no-repeat; }
html[data-design=weltraum] .profil-karte .profil-kopf { display:grid; grid-template-columns:128px minmax(0,1fr); gap:28px; padding:0 48px 20px 12px; }
html[data-design=weltraum] .profil-karte .profil-kopf h3 { font-size:28px; }
html[data-design=weltraum] .welt-profil-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr); gap:18px; align-items:start; }
html[data-design=weltraum] .welt-profil-auswahl { display:grid; gap:12px; min-width:0; }
html[data-design=weltraum] .welt-profil-vorschau { display:grid; gap:18px; position:sticky; top:0; }
html[data-design=weltraum] .profil-karte .profil-abschnitt { background:#0d0913ed; padding:18px; }
html[data-design=weltraum] .profil-karte .profil-rahmen-reihe { grid-template-columns:repeat(4,minmax(0,1fr)); }
html[data-design=weltraum] .profil-karte .profil-rahmen-reihe:last-child { grid-template-columns:repeat(3,minmax(0,1fr)); }
html[data-design=weltraum] .profil-karte .profil-rahmen-wahl { padding:12px 6px; min-height:96px; gap:10px; }
html[data-design=weltraum] .profil-karte .profil-rahmen-kategorie { color:var(--text); font-size:16px; font-weight:700; margin:22px 0 16px; padding-top:16px; border-top:1px solid var(--stroke); }
html[data-design=weltraum] .profil-karte .profil-kartenstil-liste { grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }
html[data-design=weltraum] .profil-karte .profil-kartenstil-wahl { padding:6px; font-size:10px; }
html[data-design=weltraum] .profil-karte .profil-kartenstil-wahl > span:not(.kartenstil-vorschau) { font-size:10px; }
html[data-design=weltraum] .welt-profil-karte { position:relative; isolation:isolate; overflow:hidden; margin:24px 0 0; border:1px solid #ea3ea0; border-radius:16px; min-height:215px; padding:22px; display:grid; grid-template-columns:96px minmax(0,1fr); gap:8px 18px; align-items:center; background:#18101c; box-shadow:0 0 18px #ee2cab35; }
html[data-design=weltraum] .welt-profil-karte > .spieler-bild { grid-row:1/3; }
html[data-design=weltraum] .welt-profil-karte h3 { margin:0; overflow-wrap:anywhere; font-size:23px; }
html[data-design=weltraum] .welt-profil-status { margin:0!important; }
html[data-design=weltraum] .welt-profil-werte { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
html[data-design=weltraum] .welt-profil-werte span { border:1px solid var(--stroke); padding:8px; font-size:11px; border-radius:8px; background:#0c061899; }
html[data-design=weltraum] #welt-profil-auswahl { display:grid; grid-template-columns:auto 1fr; font-size:12px; gap:18px 12px; margin:20px 0; }
html[data-design=weltraum] #welt-profil-auswahl dd { margin:0; text-align:right; color:var(--muted); }
html[data-design=weltraum] .welt-profil-weitere { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:24px; }
html[data-design=weltraum] .welt-profil-weitere .profil-breit { grid-column:1/-1; }
/* Freunde: Übersichtskarten und großzügiges Personenraster. */
html[data-design=weltraum] .welt-freunde-zahlen { display:none; }
html[data-design=weltraum] .home[data-seite=freunde] .welt-freunde-zahlen { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0 0 30px; }
html[data-design=weltraum] .welt-freunde-zahlen section { display:grid; grid-template-columns:46px 1fr; gap:4px 16px; padding:20px; border:1px solid var(--stroke); border-radius:10px; background:#0b0913e6; }
html[data-design=weltraum] .welt-freunde-zahlen section > span { grid-row:1/3; color:#2ee590; align-self:center; font-size:30px; }
html[data-design=weltraum] .welt-freunde-zahlen section:nth-child(2) > span { color:#cb57e8; }
html[data-design=weltraum] .welt-freunde-zahlen section:nth-child(3) > span { color:var(--gold); }
html[data-design=weltraum] .welt-freunde-zahlen strong { font-size:24px; }
html[data-design=weltraum] .welt-freunde-zahlen p { font-size:12px; margin:0; color:var(--muted); }
html[data-design=weltraum] .home[data-seite=freunde] #start-freunde { background:none; border:0; padding:0; }
html[data-design=weltraum] .home[data-seite=freunde] #start-freunde-liste { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
html[data-design=weltraum] .home[data-seite=freunde] .freund-karte { min-height:160px; padding:20px 16px 14px; }
/* Einstellungen: Seitenleiste und klar getrennte Einstellkarten. */
html[data-design=weltraum] .einstellungen-dialog { width:min(1160px,calc(100vw - 48px)); max-width:1160px; }
html[data-design=weltraum] .einstellungen-layout { grid-template-columns:270px minmax(0,1fr); }
html[data-design=weltraum] .einstellungen-layout nav button { display:grid; grid-template-columns:30px 1fr; text-align:left; gap:4px 14px; min-height:76px; padding:16px; }
html[data-design=weltraum] .einstellungen-layout nav .ui-nav-icon { grid-row:1/3; }
html[data-design=weltraum] .einstellungen-layout nav button small { grid-column:2; color:var(--muted); font-size:12px; font-weight:400; }
html[data-design=weltraum] .einstellungen-inhalt { padding:26px 30px; }
html[data-design=weltraum] .einstellungen-inhalt h3 { font-size:26px; }
html[data-design=weltraum] .einstellungen-inhalt [data-einst-panel=mikro] { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:14px; }
html[data-design=weltraum] [data-einst-panel=mikro] > :is(h3,p,.welt-einst-geraet,.welt-einst-test) { grid-column:1/-1; margin:0; }
html[data-design=weltraum] [data-einst-panel=mikro] > section { border:1px solid var(--stroke); border-radius:12px; padding:18px; background:#15101c9e; }
html[data-design=weltraum] [data-einst-panel=mikro] > section h3 { font-size:15px; margin:0 0 12px; }
html[data-design=weltraum] [data-einst-panel=mikro] > section p { color:var(--muted); font-size:11px; line-height:1.7; }
html[data-design=weltraum] [data-einst-panel=mikro] .regler, html[data-design=weltraum] [data-einst-panel=mikro] .toggle { border:0; padding:0; background:none; }
html[data-design=weltraum] .welt-einst-test { display:grid; grid-template-columns:54px minmax(0,1fr) auto; gap:4px 16px; align-items:center; }
html[data-design=weltraum] .welt-einst-test > .welt-mikro-symbol { grid-row:1/3; display:grid; place-items:center; border:1px solid var(--pink); border-radius:50%; width:54px; height:54px; color:var(--pink); font-size:32px; box-shadow:0 0 18px #ee12852f; }
html[data-design=weltraum] .welt-einst-test h3 { margin:0!important; }
html[data-design=weltraum] .welt-einst-test p { grid-column:2; margin:0; }
html[data-design=weltraum] .welt-einst-test button { grid-column:3; grid-row:1/3; font-size:12px; padding:12px; }
html[data-design=weltraum] .welt-einst-zitat { margin:30px 4px 0; padding:30px 24px; border:1px solid var(--stroke); border-radius:12px; background:#120b19 url('/weltraum-planeten.webp') right/cover; font-size:13px; color:#ff74b9; line-height:1.8; }
html[data-design=weltraum] .welt-einst-zitat small { display:block; color:var(--muted); margin-top:16px; }
html[data-design=weltraum] .einstellungen-fuss { display:flex; gap:18px; align-items:center; justify-content:space-between; }
/* Lobby: gleichwertige Spalten, kompakter Katalog statt langer Textkarten. */
html[data-design=weltraum] :is(#view-lobby,.studio-lobby) { width:min(1840px,90vw); margin:10px auto; padding:0 0 30px; }
html[data-design=weltraum] :is(#view-lobby,.studio-lobby) > header.bar { background:none; border:0; padding:14px 0 20px; }
html[data-design=weltraum] :is(#view-lobby,.studio-lobby) #lobby-inhalt { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }
html[data-design=weltraum] #lobby-inhalt .panel { padding:18px; }
html[data-design=weltraum] #lobby-pack-panel > h2 { margin:0; border:0; padding:0; }
html[data-design=weltraum] #lobby-inhalt .welt-panel-intro { font-size:11px; padding-bottom:16px; border-bottom:1px solid var(--stroke); }
html[data-design=weltraum] :is(#lobby-players,#players) { grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:10px; }
html[data-design=weltraum] :is(#lobby-players,#players) .studio-person { min-height:210px; padding:16px 8px 10px; gap:6px; }
html[data-design=weltraum] .studio-einladen { min-height:200px; border-radius:12px; background:#100a1566; }
html[data-design=weltraum] .studio-startzeile { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:12px; align-items:start; }
html[data-design=weltraum] .studio-bereitschaft { grid-column:2; grid-row:1; padding:16px; border:1px solid var(--stroke); border-radius:12px; }
html[data-design=weltraum] .studio-bereitschaft .btn { width:100%; min-width:0; }
html[data-design=weltraum] .studio-startzeile .studio-einstellungen { padding:16px; border:1px solid var(--stroke); border-radius:12px; }
html[data-design=weltraum] #pack-picker, html[data-design=weltraum] #pack-picker .pack-gruppe { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
html[data-design=weltraum] #pack-picker { max-height:690px; }
html[data-design=weltraum] #pack-picker .pack-cover { height:110px; }
html[data-design=weltraum] #pack-picker .pack-text { padding:10px 10px 8px; grid-template-rows:36px 28px 14px 50px; gap:3px; }
html[data-design=weltraum] #pack-picker .pack-name { font-size:12px; line-height:18px; }
html[data-design=weltraum] #pack-picker :is(.pack-meta,.pack-autor,.pack-sprachen) { font-size:10px; line-height:14px; }
html[data-design=weltraum] #pack-picker .pack-sprachen { padding-top:4px; }
html[data-design=weltraum] #pack-picker .pack-reihe { grid-template-rows:auto 42px auto; }
html[data-design=weltraum] #pack-picker .reinhoeren { padding:6px; margin-left:6px; font-size:10px; }
html[data-design=weltraum] #pack-picker .pack-bewerten { width:30px; height:30px; padding:4px; margin-right:6px; }
html[data-design=weltraum] #pack-picker .pack-kurzfortschritt { font-size:9px; }
html[data-design=weltraum] #pack-picker .pack-sterne summary { min-height:44px; padding:8px; font-size:10px; gap:6px; }
/* Rollenverteilung: Figuren links, Geräte und Zuordnung rechts. */
html[data-design=weltraum] :is(#view-casting,#casting) { width:96%; max-width:1840px; margin:12px auto; padding:20px; }
html[data-design=weltraum] .casting-layout { grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr); gap:20px; }
html[data-design=weltraum] .casting-spalte { padding:18px; border:1px solid var(--stroke); border-radius:12px; background:#0b0912ad; }
html[data-design=weltraum] .casting-spalte:nth-child(2) { padding:0; border:0; background:none; }
html[data-design=weltraum] .casting-spalte:nth-child(2) > .casting-kopf { display:none; }
html[data-design=weltraum] .welt-casting-geraete,html[data-design=weltraum] .welt-casting-zuordnung { padding:18px; margin-bottom:16px; border:1px solid var(--stroke); border-radius:12px; background:#0b0912ad; }
html[data-design=weltraum] .welt-casting-geraete .platz-kasten { margin:0; }
html[data-design=weltraum] :is(.welt-kurztext,.welt-casting-geraete p,.welt-casting-zuordnung p) { font-size:12px; color:var(--muted); margin:8px 0 18px; line-height:1.6; }
html[data-design=weltraum] .casting-boxes { display:flex; flex-direction:column; flex-wrap:nowrap; gap:6px; }
html[data-design=weltraum] .casting-boxes .cbox { flex-shrink:0; width:100%; display:grid; grid-template-columns:22px minmax(0,1fr) auto; min-height:58px; padding:10px 12px; gap:3px 10px; border-radius:10px; }
html[data-design=weltraum] .cbox input { grid-row:1/3; }
html[data-design=weltraum] .cbox-name { font-size:13px; }
html[data-design=weltraum] .cbox-zahl { font-size:10px; }
html[data-design=weltraum] .cbox-fortschritt { grid-column:2; font-size:10px; }
html[data-design=weltraum] .cbox-wer { grid-column:3; font-size:10px; }
html[data-design=weltraum] .roster-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); padding:14px; border:1px solid var(--stroke); border-radius:10px; background:#15101c66; gap:8px; }
html[data-design=weltraum] .roster-row .roster-zahl { grid-column:1/-1; font-size:11px; }
/* Aufnahme: Arbeitsfläche, Spur und Aufnahmeknopf als zusammenhängendes Studio. */
html[data-design=weltraum] #view-recording { width:calc(100% - 24px); max-width:1900px; margin:10px auto; padding:12px; }
html[data-design=weltraum] #view-recording > .bar { margin:0 0 12px; padding:4px 0 12px; background:none; }
html[data-design=weltraum] .rec-layout { grid-template-columns:minmax(0,1fr) 330px; gap:16px; }
html[data-design=weltraum] .rec-haupt { gap:12px; }
html[data-design=weltraum] .welt-rec-fortschritt { padding:0 6px 8px; border-bottom:4px solid #52214d66; font-size:12px; }
html[data-design=weltraum] #rec-character { flex:1 1 140px; min-width:0; max-width:100%; text-align:center; overflow-wrap:anywhere; background:none; color:var(--gold); }
html[data-design=weltraum] .zeile-eintrag { display:flex; align-items:stretch; gap:5px; min-width:0; }
html[data-design=weltraum] .zeile-eintrag > .zeile { flex:1; min-width:0; }
html[data-design=weltraum] .zeile-anhoeren { flex:none; align-self:center; padding:8px; font-size:11px; }
html[data-design=weltraum] .rec-seite { padding:14px; }
html[data-design=weltraum] .rec-seite h3 { margin:0 0 12px; font-size:13px; }
html[data-design=weltraum] .welt-rec-werkzeuge { border:1px solid var(--stroke); border-radius:10px; padding:12px; }
html[data-design=weltraum] .welt-rec-werkzeuge > summary { cursor:pointer; color:var(--text); font-size:13px; }
html[data-design=weltraum] .welt-rec-werkzeuge > .btn { display:block; width:100%; margin-top:10px; text-align:left; }
html[data-design=weltraum] #rec-mine .rec-buttons { align-items:center; gap:14px; }
html[data-design=weltraum] :is(#btn-record,#record).welt-aufnehmen { display:flex; flex-direction:column; align-items:center; justify-content:center; width:96px; height:96px; min-width:96px; border-radius:50%; font-size:10px; padding:8px; position:relative; }
html[data-design=weltraum] :is(#btn-record,#record).welt-aufnehmen::before { content:''; display:block; width:28px; height:36px; margin:0 0 4px; background:currentColor; mask:url('/mikrofon-icon.svg') center/contain no-repeat; }
html[data-design=weltraum] :is(#btn-record,#record).welt-aufnehmen kbd { font-size:9px; }
html[data-design=weltraum] #rec-mine .rec-buttons > .toggle { font-size:11px; padding:12px; border:1px solid var(--stroke); border-radius:10px; }
html[data-design=weltraum] .rec-seite #meine-liste-wrap { order:0; }
html[data-design=weltraum] .rec-seite .meine-liste { max-height:56dvh; }
html[data-design=weltraum] .rec-warte-karten { background:radial-gradient(ellipse at 50% 60%,#69134440,transparent 60%),#0d0915; padding:40px; }
html[data-design=weltraum] .warte-sprecher { gap:clamp(24px,6vw,90px); align-items:center; }
html[data-design=weltraum] .warte-sprecher-karte { border:0; background:none; min-width:180px; }
html[data-design=weltraum] .warte-sprecher-karte .spieler-bild { border-radius:22px; width:150px!important; height:150px!important; border:3px solid var(--gold); }
html[data-design=weltraum] .warte-sprecher-karte.warte-ich .spieler-bild { border-color:var(--pink); box-shadow:0 0 24px #ff158866; }
html[data-design=weltraum] .warte-sprecher-karte.warte-ich > span:last-child { background:#b62b7a33; color:#ff70b2; }
html[data-design=weltraum] .welt-warte-fuss { padding:18px; border:1px solid var(--stroke); border-radius:12px; margin-top:24px; font-size:13px; text-align:left; }
/* Vorführung und Ergebnis: geordnete Karten für die bestehenden Aktionen. */
html[data-design=weltraum] #view-screening { height:calc(100dvh - 86px); min-height:600px; }
html[data-design=weltraum] .welt-screen-optionen { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr) minmax(0,1fr); gap:12px; margin-bottom:12px; }
html[data-design=weltraum] .welt-screen-optionen .screen-versatz { margin:0; font-size:12px; }
html[data-design=weltraum] .welt-screen-optionen > .btn { white-space:normal; text-align:left; padding:20px; }
html[data-design=weltraum] .welt-screen-export { border:1px solid var(--stroke); border-radius:12px; padding:12px; }
html[data-design=weltraum] .welt-screen-export h3 { margin:0 0 4px; font-size:14px; }
html[data-design=weltraum] .welt-screen-export > p { font-size:11px; color:var(--muted); margin:0 0 12px; }
html[data-design=weltraum] .welt-export-karten { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
html[data-design=weltraum] .welt-export-karten .btn { min-width:0; min-height:78px; padding:14px; border:1px solid var(--stroke); text-align:left; white-space:normal; border-radius:12px; display:flex; align-items:center; gap:16px; font-size:13px; }
html[data-design=weltraum] .welt-export-karten .btn::before { content:'↓'; display:grid; place-items:center; min-width:32px; font-size:32px; color:var(--pink); padding:0; background:none; }
html[data-design=weltraum] .welt-export-karten .btn[id$=info]::before { content:'ⓘ'; }
html[data-design=weltraum] .welt-export-karten .btn[id$=behalten]::before { content:'↗'; }
html[data-design=weltraum] #view-results { width:96%; max-width:1840px; padding:26px; }
html[data-design=weltraum] #view-results > header { flex-wrap:wrap; }
html[data-design=weltraum] #view-results > header p { flex-basis:100%; margin:0; }
html[data-design=weltraum] #view-results .welt-export-karten .btn { min-height:130px; font-size:17px; padding:22px; }
html[data-design=weltraum] #ergebnis-film { border:0; background:none; padding:0; }
html[data-design=weltraum] #view-voting { width:96%; max-width:1840px; min-height:580px; padding:32px; margin:20px auto; }
html[data-design=weltraum] #view-voting header { margin:0; padding:0 0 10px; background:none; justify-content:space-between; }
html[data-design=weltraum] #view-voting header h2 { font-size:36px; }
html[data-design=weltraum] .welt-stimmen-info { max-width:440px; margin:0; border:1px solid var(--stroke); padding:18px; border-radius:12px; font-size:13px; color:var(--muted); line-height:1.6; }
html[data-design=weltraum] #vote-buttons { min-height:320px; align-items:center; }
html[data-design=weltraum] #vote-buttons .vote { width:270px; min-height:240px; }
html[data-design=weltraum] #vote-buttons .vote-eigen { opacity:.55; }
html[data-design=weltraum] .welt-stimmen-fuss { border:1px solid var(--stroke); border-radius:12px; padding:22px; text-align:left; min-height:70px; background:#25102160; }
/* Schmale Fenster behalten sämtliche Inhalte, ohne Desktop-Raster zu quetschen. */
@media(max-width:1200px) {
 html[data-design=weltraum] .home[data-seite=freunde] #start-freunde-liste { grid-template-columns:repeat(3,minmax(0,1fr)); }
 html[data-design=weltraum] #pack-picker,html[data-design=weltraum] #pack-picker .pack-gruppe { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html[data-design=weltraum] :is(#lobby-players,#players) { grid-template-columns:repeat(3,minmax(0,1fr)); }
 html[data-design=weltraum] .welt-navigation { flex-wrap:wrap; gap:8px 24px; }
 html[data-design=weltraum] .welt-randtexte { display:none; }
 html[data-design=weltraum] .welt-profil-layout { grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr); }
 html[data-design=weltraum] .profil-karte .profil-kartenstil-liste { grid-template-columns:repeat(3,minmax(0,1fr)); }
 html[data-design=weltraum] .rec-layout { grid-template-columns:minmax(0,1fr) 270px; }
}
@media(max-width:900px) {
 html[data-design=weltraum] :is(#view-lobby,.studio-lobby) { width:96%; }
 html[data-design=weltraum] :is(#view-lobby,.studio-lobby) #lobby-inhalt { grid-template-columns:1fr; }
 html[data-design=weltraum] .welt-profil-layout,html[data-design=weltraum] .welt-rang-layout { grid-template-columns:minmax(0,1fr); }
 html[data-design=weltraum] .welt-rang-seite { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html[data-design=weltraum] .welt-profil-vorschau { position:static; grid-template-columns:1fr 1fr; }
 html[data-design=weltraum] .welt-profil-karte { grid-template-columns:70px minmax(0,1fr); padding:14px; }
 html[data-design=weltraum] .welt-profil-karte > .spieler-bild { width:70px!important; height:70px!important; }
 html[data-design=weltraum] .welt-profil-karte h3 { font-size:18px; }
 html[data-design=weltraum] .welt-schritte { gap:20px; }
 html[data-design=weltraum] .welt-schritte ol { gap:12px; }
 html[data-design=weltraum] .welt-export-karten { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html[data-design=weltraum] .einstellungen-layout { grid-template-columns:200px minmax(0,1fr); }
 html[data-design=weltraum] .einstellungen-inhalt { padding:20px; }
 html[data-design=weltraum] .welt-einst-test { grid-template-columns:50px minmax(0,1fr); }
 html[data-design=weltraum] .welt-einst-test button { grid-column:1/-1; grid-row:auto; margin-top:12px; }
}
@media(max-width:640px) {
 html[data-design=weltraum] .welt-navigation { padding:10px 14px; }
 html[data-design=weltraum] .welt-navigation nav { order:3; width:100%; gap:6px; }
 html[data-design=weltraum] .welt-navigation nav button,html[data-design=weltraum] .welt-navigation nav a { font-size:10px; padding:8px 5px; }
 html[data-design=weltraum] .welt-schritte { padding:10px; flex-wrap:wrap; gap:10px; }
 html[data-design=weltraum] .welt-logo { font-size:18px; }
 html[data-design=weltraum] .welt-schritte ol { flex:1 1 100%; gap:8px; justify-content:space-between; font-size:9px; }
 html[data-design=weltraum] .welt-schritte li { gap:4px; }
 html[data-design=weltraum] .welt-schritte b { width:21px; height:21px; }
 html[data-design=weltraum] .profil-karte { width:calc(100vw - 20px); padding:14px; }
 html[data-design=weltraum] .profil-karte .profil-kopf { grid-template-columns:76px minmax(0,1fr); gap:14px; padding:0 24px 18px 0; }
 html[data-design=weltraum] .profil-karte .profil-kopf h3 { font-size:20px; }
 html[data-design=weltraum] .profil-karte .profil-bild-rahmen { width:76px; height:76px; }
 html[data-design=weltraum] .profil-karte .profil-abschnitt { padding:12px; }
 html[data-design=weltraum] .profil-karte .profil-rahmen-reihe { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html[data-design=weltraum] .profil-karte .profil-rahmen-reihe:last-child { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html[data-design=weltraum] .profil-karte .profil-kartenstil-liste { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html[data-design=weltraum] .welt-profil-vorschau,html[data-design=weltraum] .welt-profil-weitere { grid-template-columns:minmax(0,1fr); }
 html[data-design=weltraum] #spieler-suche-fenster { padding:18px 12px; }
 html[data-design=weltraum] .suche-kopf { padding:0 30px 16px 0; justify-content:start; text-align:left; }
 html[data-design=weltraum] .suche-kopf h3 { font-size:23px; }
 html[data-design=weltraum] .welt-rang-logo { width:28px; }
 html[data-design=weltraum] .welt-rang-seite { grid-template-columns:minmax(0,1fr); }
 html[data-design=weltraum] #rangliste-reiter { flex-wrap:wrap; }
 html[data-design=weltraum] #rangliste-reiter button { min-width:0; font-size:10px; padding:9px; flex:1; }
 html[data-design=weltraum] .welt-rang-spalten { display:none; }
 html[data-design=weltraum] .spieler-zeile { grid-template-columns:20px 32px minmax(0,1fr) 40px; gap:8px; padding:8px 4px; }
 html[data-design=weltraum] .spieler-zeile .freund-info { display:flex; gap:2px; }
 html[data-design=weltraum] .spieler-zeile .freund-avatar .spieler-bild { width:32px!important; height:32px!important; }
 html[data-design=weltraum] .home[data-seite=freunde] .welt-freunde-zahlen { gap:6px; }
 html[data-design=weltraum] .welt-freunde-zahlen section { padding:10px; display:block; }
 html[data-design=weltraum] .welt-freunde-zahlen section > span { display:none; }
 html[data-design=weltraum] .welt-freunde-zahlen p { font-size:10px; }
 html[data-design=weltraum] .home[data-seite=freunde] #start-freunde-liste { grid-template-columns:minmax(0,1fr); }
 html[data-design=weltraum] .einstellungen-dialog { width:calc(100vw - 16px); }
 html[data-design=weltraum] .einstellungen-layout { grid-template-columns:minmax(0,1fr); }
 html[data-design=weltraum] .einstellungen-layout nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:10px; gap:6px; }
 html[data-design=weltraum] .einstellungen-layout nav button { display:block; padding:10px 6px; min-height:0; font-size:10px; text-align:center; }
 html[data-design=weltraum] .einstellungen-layout nav :is(small,.ui-nav-icon,.welt-einst-zitat) { display:none; }
 html[data-design=weltraum] .einstellungen-inhalt { padding:14px; }
 html[data-design=weltraum] .einstellungen-inhalt [data-einst-panel=mikro] { grid-template-columns:minmax(0,1fr); }
 html[data-design=weltraum] .einstellungen-fuss { padding:12px; font-size:10px; }
 html[data-design=weltraum] :is(#lobby-players,#players) { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html[data-design=weltraum] .studio-startzeile { grid-template-columns:minmax(0,1fr); }
 html[data-design=weltraum] .studio-bereitschaft { grid-column:auto; grid-row:auto; }
 html[data-design=weltraum] #lobby-inhalt .panel { padding:12px; }
 html[data-design=weltraum] #pack-picker,html[data-design=weltraum] #pack-picker .pack-gruppe { grid-template-columns:minmax(0,1fr); }
 html[data-design=weltraum] #pack-picker .pack-cover { height:150px; }
 html[data-design=weltraum] #pack-picker .pack-text { grid-template-rows:44px 42px 24px 84px; }
 html[data-design=weltraum] #pack-picker .pack-reihe { grid-template-rows:auto 48px auto; }
 html[data-design=weltraum] #pack-picker .pack-name { font-size:14px; }
 html[data-design=weltraum] #pack-picker :is(.pack-meta,.pack-autor,.pack-sprachen) { font-size:12px; line-height:1.6; }
 html[data-design=weltraum] .casting-layout { grid-template-columns:minmax(0,1fr); }
 html[data-design=weltraum] :is(#view-casting,#casting) { padding:12px; }
 html[data-design=weltraum] .casting-spalte { padding:12px; }
 html[data-design=weltraum] .casting-boxes .cbox { grid-template-columns:20px minmax(0,1fr); }
 html[data-design=weltraum] .cbox-zahl,html[data-design=weltraum] .cbox-wer { grid-column:2; }
 html[data-design=weltraum] .rec-layout { grid-template-columns:minmax(0,1fr); }
 html[data-design=weltraum] #view-recording { width:calc(100% - 12px); padding:8px; }
 html[data-design=weltraum] :is(#btn-record,#record).welt-aufnehmen { width:76px; height:76px; min-width:76px; }
 html[data-design=weltraum] .rec-warte-karten { padding:16px; }
 html[data-design=weltraum] .warte-sprecher { flex-wrap:wrap; gap:10px; }
 html[data-design=weltraum] .warte-sprecher-karte { min-width:0; padding:10px; }
 html[data-design=weltraum] .warte-sprecher-karte .spieler-bild { width:80px!important; height:80px!important; }
 html[data-design=weltraum] .welt-screen-optionen { grid-template-columns:minmax(0,1fr); }
 html[data-design=weltraum] #view-screening { height:calc(100dvh - 100px); min-height:400px; }
 html[data-design=weltraum] .welt-export-karten { grid-template-columns:minmax(0,1fr); }
 html[data-design=weltraum] #view-results { padding:14px; }
 html[data-design=weltraum] #view-results .welt-export-karten .btn { min-height:84px; padding:14px; font-size:14px; }
 html[data-design=weltraum] #view-voting { padding:16px; }
 html[data-design=weltraum] #view-voting header h2 { font-size:25px; }
 html[data-design=weltraum] .welt-stimmen-info { font-size:11px; padding:12px; }
 html[data-design=weltraum] #vote-buttons .vote { width:min(220px,100%); min-height:190px; }
}
@media(prefers-reduced-motion:reduce) { html[data-design=weltraum] .welt-navigation * { transition:none!important; } }
html[data-design=weltraum] #rangliste-ich::before { content:none; }

html[data-design=weltraum] .profil-karte { background-image:linear-gradient(#08060d99,#08060d99),url('/weltraum-planeten.webp'); }
html[data-design=weltraum] .welt-profil-karte { background:var(--karten-hintergrund,#18101c); }
html[data-design=weltraum] .profil-rahmen-wahl.gesperrt { opacity:.75; }
html[data-design=weltraum] .welt-debug-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr); gap:24px; margin-top:20px; align-items:start; }
html[data-design=weltraum] #debug-inhalt.debug-view { max-width:1600px; width:88%; padding:28px 0 60px; }
html[data-design=weltraum] #debug-inhalt > .term-fenster { border:0; background:none; box-shadow:none; }
html[data-design=weltraum] #debug-inhalt > .term-fenster > .term-leiste { display:none; }
html[data-design=weltraum] #debug-inhalt .term-inhalt { padding:0; }
html[data-design=weltraum] #debug-inhalt .debug-kopf { margin:0 0 10px; padding:0; background:none; border:0; }
html[data-design=weltraum] #debug-inhalt .debug-kopf h2 { font-size:36px; }
html[data-design=weltraum] #pack-wahl-suche { max-width:none!important; width:100%; padding:18px; }
html[data-design=weltraum] .welt-debug-layout .pack-wahl-liste { display:flex; flex-direction:column; width:100%; max-width:none; gap:8px; }
html[data-design=weltraum] .welt-debug-layout .pack-wahl { display:grid; grid-template-columns:90px minmax(0,1fr); gap:8px 16px; padding:10px; min-height:94px; border-radius:10px; }
html[data-design=weltraum] .welt-debug-layout .pack-wahl > strong { font-size:15px; align-self:end; }
html[data-design=weltraum] .welt-debug-layout .pack-wahl > span:last-child { grid-column:2; font-size:11px; color:var(--muted); align-self:start; }
html[data-design=weltraum] .welt-debug-mini { grid-row:1/3; width:90px; height:70px; display:grid; place-items:center; background:linear-gradient(140deg,#5b154c55,#0d163e); border:1px solid var(--stroke); border-radius:9px; color:var(--pink)!important; font-size:35px!important; }
html[data-design=weltraum] .welt-debug-layout .welt-gewaehlt { border-color:var(--pink); box-shadow:0 0 12px #ff14882a,inset 0 0 12px #ff14881a; }
html[data-design=weltraum] #welt-debug-detail { padding:24px; position:sticky; top:20px; }
html[data-design=weltraum] .welt-debug-symbol { float:left; width:110px; height:110px; display:grid; place-items:center; border:1px solid var(--stroke); border-radius:12px; font-size:60px; margin:0 20px 22px 0; color:var(--pink); background:#3c0b3633; }
html[data-design=weltraum] #welt-debug-detail h3 { font-size:24px; min-height:78px; }
html[data-design=weltraum] .welt-debug-kennzahlen { clear:both; display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:20px 0; }
html[data-design=weltraum] .welt-debug-kennzahlen div { padding:20px; border:1px solid var(--stroke); border-radius:10px; }
html[data-design=weltraum] .welt-debug-kennzahlen span { display:block; margin-top:8px; color:var(--muted); font-size:12px; }
html[data-design=weltraum] #welt-debug-oeffnen { margin-top:28px; width:100%; }
html[data-design=weltraum] body[data-ansicht=unterstuetzer] .legal-wrap { max-width:1300px; width:78%; }
html[data-design=weltraum] .ui-danke { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:40px; }
html[data-design=weltraum] .ui-danke-bild { width:100%; height:auto; max-height:320px; object-fit:contain; mask-image:linear-gradient(90deg,transparent,#000 20%),linear-gradient(0deg,transparent,#000 20%); mask-composite:intersect; }
html[data-design=weltraum] .ui-danke h1 { font-size:38px; }
html[data-design=weltraum] .welt-danke-liste { font-size:22px; margin:12px 0 20px; }
html[data-design=weltraum] .unterstuetzer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:900px; gap:20px; }
html[data-design=weltraum] .unterstuetzer-karte { padding:20px; min-height:100px; background:#21102477; }
html[data-design=weltraum] .unterstuetzer-karte :is(img,.platzhalter) { width:64px; height:64px; }
html[data-design=weltraum] .unterstuetzer-karte span.name { font-size:18px; }
html[data-design=weltraum] .ui-danke-karten { margin-top:36px; }
html[data-design=weltraum] .ui-danke-karten section { padding:24px; min-height:150px; }
@media(max-width:900px) {
 html[data-design=weltraum] .welt-debug-layout { grid-template-columns:minmax(0,1fr); }
 html[data-design=weltraum] #welt-debug-detail { position:static; }
 html[data-design=weltraum] body[data-ansicht=unterstuetzer] .legal-wrap { width:90%; }
}
@media(max-width:640px) {
 html[data-design=weltraum] #debug-inhalt.debug-view { width:94%; }
 html[data-design=weltraum] .welt-debug-layout .pack-wahl { grid-template-columns:55px minmax(0,1fr); gap:6px 10px; }
 html[data-design=weltraum] .welt-debug-mini { width:55px; height:60px; }
 html[data-design=weltraum] .welt-debug-layout .pack-wahl > strong { font-size:13px; }
 html[data-design=weltraum] .welt-debug-symbol { width:72px; height:72px; font-size:40px; }
 html[data-design=weltraum] #welt-debug-detail { padding:16px; }
 html[data-design=weltraum] #welt-debug-detail h3 { font-size:20px; }
 html[data-design=weltraum] .ui-danke { display:grid; grid-template-columns:minmax(0,1fr); }
 html[data-design=weltraum] .ui-danke h1 { font-size:26px; }
 html[data-design=weltraum] .unterstuetzer-grid { grid-template-columns:minmax(0,1fr); }
}
@media(min-width:861px) {
 html[data-design=weltraum] #view-recording #rec-frame:not(.rec-fertig) { height:auto; grid-template-rows:clamp(200px,30dvh,340px) auto; }
 html[data-design=weltraum] #view-recording #rec-wave { height:100px; }
 html[data-design=weltraum] #view-recording #rec-frame .clip-line { padding:8px 12px; }
}
html[data-design=weltraum] :is(#btn-record,#record).welt-aufnehmen::before { position:static; flex:none; opacity:1; transform:none; }
html[data-design=weltraum] #view-recording #rec-frame.rec-fertig { height:auto; min-height:560px; display:block; }
html[data-design=weltraum] #rec-frame.rec-fertig .rec-media { min-height:560px; }
html[data-design=weltraum] .rec-warte-karten { position:relative; }
html[data-design=weltraum] .welt-warte-fuss p { margin:8px 0 0; color:var(--muted); line-height:1.6; }
@media(max-width:640px) {
 html[data-design=weltraum] #view-recording #rec-frame.rec-fertig,html[data-design=weltraum] #rec-frame.rec-fertig .rec-media { min-height:0; }
 html[data-design=weltraum] .rec-warte-karten h3 { font-size:22px; }
}
/* Das Hauptmenue steht auf JEDER Seite links neben dem Logo -- wie in
   .home-nav. Vorher schob ein margin-left:auto es auf den Nebenseiten
   (Support, Debug, Admin, Unterstuetzer) nach rechts: dieselbe Leiste sass
   je nach Seite mal links, mal rechts. Nach rechts geht jetzt nur noch der
   Kontoname, genau wie die Kontoleiste auf der Hauptseite.
   Abstaende absichtlich dieselben Werte wie .home-nav nav. */
html[data-design=weltraum] .ui-seitenmarke nav { display:flex; gap:clamp(8px,1.5vw,26px); flex-wrap:wrap; align-items:center; }
html[data-design=weltraum] .ui-seitenmarke nav a { padding:10px 8px; font-size:12px; font-weight:400; color:var(--muted); }
html[data-design=weltraum] .ui-seitenmarke nav [aria-current] { color:var(--pink); border-bottom:2px solid; }
html[data-design=weltraum] .ui-seitenmarke > span:not(.welt-nav-person) { display:none; }
html[data-design=weltraum] .ui-seitenmarke .welt-nav-person { font-size:13px; color:var(--text); margin-left:auto; }
@media(max-width:1000px) {
 html[data-design=weltraum] .ui-seitenmarke { flex-wrap:wrap; }
 html[data-design=weltraum] .ui-seitenmarke nav { order:3; width:100%; gap:16px; }
 html[data-design=weltraum] .ui-seitenmarke .welt-nav-person { margin-left:auto; }
}
html[data-design=weltraum] img.welt-debug-symbol,html[data-design=weltraum] img.welt-debug-mini { object-fit:cover; }
@media(max-width:640px) {
 html[data-design=weltraum] .ui-seitenmarke { padding:12px; gap:10px; }
 html[data-design=weltraum] .ui-seitenmarke nav { gap:10px 14px; }
 html[data-design=weltraum] .ui-seitenmarke nav a { font-size:10px; }
}
html[data-design=weltraum] .casting-layout { display:grid; align-items:start; }
html[data-design=weltraum] :is(#view-casting,#casting) > header { flex-wrap:wrap; }
html[data-design=weltraum] :is(#view-casting,#casting) > header .welt-einleitung { flex-basis:100%; margin:0; }
html[data-design=weltraum] .welt-casting-hilfe { font-size:12px; margin:0; padding:8px; color:var(--muted); }
html[data-design=weltraum] .welt-casting-hilfe summary { cursor:pointer; }
html[data-design=weltraum] .welt-casting-hilfe p { font-size:12px; }
html[data-design=weltraum] .welt-figur-symbol { width:26px; height:26px; display:inline-grid; place-items:center; border:1px solid #ac348080; background:#48153444; border-radius:7px; margin-right:10px; color:#f494d1; }
html[data-design=weltraum] .casting-spalte .cbox:nth-child(3n) .welt-figur-symbol { color:var(--gold); border-color:#aa882288; }
html[data-design=weltraum] .casting-spalte .cbox:nth-child(3n + 1) .welt-figur-symbol { color:var(--cyan); border-color:#22aabb88; }
html[data-design=weltraum] #view-recording > header #spieler-streifen { flex:0 1 auto; background:none; border:0; padding:0; margin:0; min-width:0; }
html[data-design=weltraum] #view-recording > header.bar { flex:none; flex-wrap:wrap; }
html[data-design=weltraum] :is(#btn-record,#record).welt-aufnehmen::before { color:white; margin:0 0 4px; }
html[data-design=weltraum] #rec-frame.rec-fertig #rec-video,html[data-design=weltraum] #rec-frame.rec-fertig #rec-image { display:none; }
html[data-design=weltraum] .welt-screen-hero { display:none; }
html[data-design=weltraum] .welt-screen-bereit #screen-frame { background:linear-gradient(#11081766,#11081799),url('/weltraum-planeten.webp') right center/cover; }
html[data-design=weltraum] .welt-screen-bereit .welt-screen-hero { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; text-align:center; padding:20px; }
html[data-design=weltraum] .welt-screen-hero > span { border:1px solid var(--stroke); border-radius:50%; width:72px; height:72px; display:grid; place-items:center; font-size:30px; background:#180b2588; box-shadow:0 0 24px #dd118844; margin-bottom:12px; }
html[data-design=weltraum] .welt-screen-hero strong { font-size:28px; }
html[data-design=weltraum] .welt-screen-hero p { color:var(--muted); margin:0; font-size:13px; }
html[data-design=weltraum] .welt-screen-bereit #screen-frame { grid-template-rows:minmax(0,1fr) 40px; }
html[data-design=weltraum] .welt-screen-bereit #screen-frame .clip-line { font-size:12px; }
html[data-design=weltraum] #rec-seite #rec-score { margin:0; width:100%; }
@media(min-width:861px) and (max-height:800px) {
 html[data-design=weltraum] #view-recording #rec-frame:not(.rec-fertig) { height:auto; grid-template-rows:clamp(144px,24dvh,190px) auto; }
 html[data-design=weltraum] #view-recording #rec-wave { height:64px; }
 html[data-design=weltraum] :is(#btn-record,#record).welt-aufnehmen { width:76px; height:76px; min-width:76px; }
}
@media(max-width:640px) {
 html[data-design=weltraum] .welt-figur-symbol { display:none; }
 html[data-design=weltraum] .welt-screen-hero strong { font-size:18px; }
 html[data-design=weltraum] .welt-screen-hero > span { width:44px; height:44px; font-size:20px; }
 html[data-design=weltraum] .welt-screen-hero p { font-size:11px; }
}
html[data-design=weltraum] #ergebnis-film > .rec-buttons { width:100%; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
html[data-design=weltraum] .welt-ergebnis-hero { display:flex; align-items:center; gap:32px; min-height:215px; padding:22px; border:1px solid #c69b35; border-radius:16px; background:linear-gradient(115deg,#5b42252b,#120b1ee8); box-shadow:0 0 24px #e9ba2612; }
html[data-design=weltraum] .welt-ergebnis-hero img { width:30%; max-width:360px; aspect-ratio:16/9; object-fit:cover; border:1px solid #c69b3570; border-radius:12px; }
html[data-design=weltraum] .welt-ergebnis-hero h3 { font-size:30px; margin:0 0 16px; }
html[data-design=weltraum] .welt-ergebnis-hero p { margin:8px 0; font-size:14px; color:var(--muted); line-height:1.6; }
html[data-design=weltraum] #view-results .bar-bottom { position:static; margin-top:24px; }
html[data-design=weltraum] .welt-info h3:has(.ui-nav-icon),html[data-design=weltraum] #lobby-inhalt h2,html[data-design=weltraum] #einstellungen-titel { display:flex; align-items:center; gap:16px; }
html[data-design=weltraum] .welt-info h3 .ui-nav-icon,html[data-design=weltraum] #lobby-inhalt h2 .ui-nav-icon { display:grid; place-items:center; color:var(--pink); width:44px; height:44px; flex:none; border-radius:10px; border:1px solid #d5347966; background:#6c12372c; }
html[data-design=weltraum] .welt-einst-test .welt-mikro-symbol { grid-row:1/3; display:grid; place-items:center; width:54px; height:54px; border:1px solid var(--pink); border-radius:50%; color:var(--pink); }
html[data-design=weltraum] #einstellungen-titel .ui-nav-icon { color:var(--pink); }
html[data-design=weltraum] .welt-export-karten .btn[id$=info]::before { content:''; min-width:28px; height:28px; border:2px solid currentColor; border-radius:50%; background:linear-gradient(var(--pink),var(--pink)) center 60%/3px 9px no-repeat,radial-gradient(circle,var(--pink) 0 1.5px,transparent 2px) center 25%/5px 5px no-repeat; }
@media(min-width:901px) {
 html[data-design=weltraum] .casting-boxes { max-height:calc(100dvh - 390px); overflow-y:auto; padding-right:6px; }
 html[data-design=weltraum] #casting-roster { max-height:calc(100dvh - 540px); overflow-y:auto; }
}
@media(max-width:900px) {
 html[data-design=weltraum] #ergebnis-film > .rec-buttons { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:640px) {
 html[data-design=weltraum] #ergebnis-film > .rec-buttons { grid-template-columns:minmax(0,1fr); }
 html[data-design=weltraum] .welt-ergebnis-hero { flex-direction:column; align-items:stretch; padding:16px; gap:16px; }
 html[data-design=weltraum] .welt-ergebnis-hero img { width:100%; max-width:none; }
 html[data-design=weltraum] .welt-ergebnis-hero h3 { font-size:22px; }
 html[data-design=weltraum] .welt-ergebnis-hero p { font-size:12px; }
}
@media(prefers-reduced-motion:no-preference) {
 html[data-design=weltraum]:not(.mobil-sparsam) :is(.profil-karte,.suche-karte,.einstellungen-dialog[open]) { animation:welt-fenster-ein .22s cubic-bezier(.2,.8,.2,1); }
}
@keyframes welt-fenster-ein { from { opacity:0; transform:translateY(10px) scale(.99); } to { opacity:1; transform:none; } }

html[data-design=weltraum] .welt-debug-layout .pack-wahl::before { display:none; }

html[data-design=weltraum] :is(#lobby-players,#players) .studio-marken { min-height:36px; gap:3px; }
html[data-design=weltraum] :is(#lobby-players,#players) .studio-marken > span { min-height:16px; font-size:8px; padding:3px 4px; }

html[data-design=weltraum] .welt-debug-tags { display:flex; flex-wrap:wrap; gap:8px; clear:both; margin:12px 0; }
html[data-design=weltraum] .welt-debug-tags span { border:1px solid var(--stroke); border-radius:8px; padding:7px 10px; font-size:11px; color:#eaa0d3; background:#7b155627; }
@media(min-width:1100px) { html[data-design=weltraum] .welt-debug-kennzahlen { grid-template-columns:repeat(4,minmax(0,1fr)); } html[data-design=weltraum] .welt-debug-kennzahlen div { padding:16px 10px; } }

/* Auch vor dem Filmstart darf die Bedienleiste das mobile Video nicht zusammendrücken. */
html[data-design=weltraum].mobil-sparsam #screen-frame { flex:1 0 330px; min-height:330px; grid-template-rows:minmax(180px,1fr) 124px; }
@media(max-height:500px) {
 html[data-design=weltraum].mobil-sparsam #screen-frame { flex-basis:218px; min-height:218px; grid-template-rows:minmax(130px,1fr) 64px; }
}

html[data-design=weltraum] .pack-filter-haupt { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr); }
@media(max-width:1100px) { html[data-design=weltraum] .pack-filter-haupt { grid-template-columns:repeat(2,minmax(0,1fr)); } html[data-design=weltraum] .pack-filter-haupt .pack-suchfeld { grid-column:1/-1; } }
@media(max-width:600px) { html[data-design=weltraum] .pack-filter-haupt { grid-template-columns:minmax(0,1fr); } }

/* Gleiche Geometrie für echte Links und Menüknöpfe. */
html[data-design=weltraum] .welt-navigation { padding-inline:clamp(16px, 2.5vw, 48px); }
html[data-design=weltraum] .welt-navigation nav { align-items:center; align-content:center; }
html[data-design=weltraum] .welt-navigation nav :is(a,button) { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:10px 8px; border:0; line-height:20px; box-sizing:border-box; }
html[data-design=weltraum] .welt-navigation #konto-leiste { width:auto; margin:0 0 0 auto; padding:0; border:0; background:none; flex-wrap:nowrap; flex-shrink:0; font-size:12px; }
html[data-design=weltraum] .welt-navigation #konto-leiste .konto-marke { background:var(--gold); color:#291c00; font-size:10px; padding:3px 9px; }
html[data-design=weltraum] .welt-navigation #konto-leiste .konto-ab { padding:7px 10px; font-size:11px; }
html[data-design=weltraum] .welt-navigation #konto-leiste .konto-ab::before { content:none; }
html[data-design=weltraum] body:is([data-welt-ansicht=join],[data-welt-ansicht=lobby],.welt-rang-aktiv) #btn-profil-oeffnen { display:none; }
/* Eine Seite im Dokumentfluss, keine Dialogfläche und kein Hintergrundfenster. */
html[data-design=weltraum] .welt-rang-aktiv :is(.view,.welt-schritte,#spieler-streifen,#btn-musik-stumm) { display:none !important; }
html[data-design=weltraum] .welt-rang-aktiv .welt-navigation { display:flex; }
html[data-design=weltraum] .suche-kopf .profil-schliessen { position:static; order:-1; margin-right:auto; width:100%; text-align:left; background:none; border:0; }
html[data-design=weltraum] .spieler-karte { display:block; width:min(1160px,calc(100vw - 48px)); max-height:90dvh; padding:24px; background:linear-gradient(#0c091399,#0c0913ee),url('/weltraum-planeten.webp') center/cover no-repeat; border:1px solid var(--stroke); border-radius:18px; }
html[data-design=weltraum] .spieler-karte .welt-spieler-hero { display:grid; grid-template-columns:132px minmax(0,1fr); gap:14px 28px; padding:24px 60px 24px 24px; margin-bottom:20px; border:1px solid var(--stroke); border-radius:14px; background:linear-gradient(110deg,#341127aa,#11101d88); }
html[data-design=weltraum] .welt-spieler-hero[data-kartenstil=nebel] { background:radial-gradient(ellipse at top right,#9421ae66,transparent 65%),#15101e; }
html[data-design=weltraum] .welt-spieler-hero[data-kartenstil=polarlicht] { background:linear-gradient(125deg,#073f46bb,#111227cc,#18765877); }
html[data-design=weltraum] .welt-spieler-hero[data-kartenstil=sonnenwind] { background:linear-gradient(125deg,#33240bbb,#151019cc,#80591b77); }
html[data-design=weltraum] .welt-spieler-hero[data-kartenstil=neon] { background:repeating-linear-gradient(0deg,transparent 0 23px,#ca38961a 24px),repeating-linear-gradient(90deg,#181027 0 23px,#ca389633 24px); }
html[data-design=weltraum] .welt-spieler-hero #spieler-name { font-size:30px; margin:0 0 8px; overflow-wrap:anywhere; }
html[data-design=weltraum] .welt-spieler-hero #spieler-bio { grid-column:2; margin:0; padding-top:8px; color:var(--text); overflow-wrap:anywhere; }
html[data-design=weltraum] .welt-spieler-layout { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:20px; align-items:start; }
html[data-design=weltraum] :is(.welt-spieler-links,.welt-spieler-rechts) { display:grid; gap:18px; min-width:0; }
html[data-design=weltraum] .welt-spieler-layout .profil-abschnitt { margin:0; padding:20px; border:1px solid var(--stroke); border-radius:12px; background:#0d0914cc; min-width:0; }
html[data-design=weltraum] .welt-spieler-layout h4 { margin-top:0; color:var(--text); font-size:16px; letter-spacing:0; text-transform:none; }
html[data-design=weltraum] .welt-spieler-layout .statistik-raster { grid-template-columns:repeat(3,minmax(0,1fr)); }
html[data-design=weltraum] .welt-spieler-layout .statistik-feld { padding:16px 10px; }
html[data-design=weltraum] .welt-spieler-layout .abzeichen-raster { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:820px) {
 html[data-design=weltraum] .welt-navigation #konto-leiste { max-width:100%; }
 html[data-design=weltraum] .welt-spieler-layout { grid-template-columns:1fr; }
 html[data-design=weltraum] .spieler-karte { padding:14px; width:calc(100vw - 24px); }
 html[data-design=weltraum] .spieler-karte .welt-spieler-hero { grid-template-columns:80px minmax(0,1fr); padding:18px 36px 18px 14px; gap:14px; }
 html[data-design=weltraum] .welt-spieler-hero .profil-bild-rahmen { width:80px; height:80px; }
 html[data-design=weltraum] .welt-spieler-hero #spieler-name { font-size:22px; }
 html[data-design=weltraum] .welt-spieler-hero #spieler-bio { grid-column:1/-1; }
}
@media(max-width:520px) {
 html[data-design=weltraum] .welt-navigation #konto-leiste :is(.konto-marke,.konto-name,.konto-hinweis) { display:none; }
 html[data-design=weltraum] .welt-navigation { gap:12px; }
 html[data-design=weltraum] .welt-navigation nav { gap:2px 10px; justify-content:flex-start; }
 html[data-design=weltraum] .welt-navigation nav :is(a,button) { font-size:11px; padding:8px 4px; }
 html[data-design=weltraum] .welt-spieler-layout .statistik-raster { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html[data-design=weltraum] .welt-spieler-layout .profil-abschnitt { padding:14px; }
}

html[data-design=weltraum] .welt-navigation nav a[aria-current] { color:#ff83b4; position:relative; }
html[data-design=weltraum] .welt-navigation nav a[aria-current]::after { content:''; position:absolute; height:2px; bottom:-10px; left:0; right:0; background:var(--pink); }
html[data-design=weltraum] body.welt-rang-aktiv { display:block; height:auto; min-height:100dvh; overflow-y:auto; }

html[data-design=weltraum] .welt-spieler-hero .profil-identitaet { min-width:0; overflow-wrap:anywhere; }
html[data-design=weltraum] .welt-spieler-layout .vitrine { grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); }
@media(max-width:520px) {
 html[data-design=weltraum] .spieler-karte .welt-spieler-hero { grid-template-columns:minmax(0,1fr); padding:20px 14px; }
 html[data-design=weltraum] .welt-spieler-hero .profil-bild-rahmen { margin-inline:auto; }
 html[data-design=weltraum] .welt-spieler-hero .profil-rang { grid-template-columns:auto minmax(0,1fr); }
}

/* Rollenüberschrift bleibt innerhalb ihres Panels; keine negativen Kopfabstände. */
html[data-design=weltraum] :is(#view-casting,#casting) > header.bar {
  margin:0 0 18px; padding:8px 0 18px; gap:10px;
  background:none; border:0; border-bottom:1px solid var(--stroke); border-radius:0;
}
html[data-design=weltraum] :is(#view-casting,#casting) > header.bar::before { display:none; }
html[data-design=weltraum] :is(#view-casting,#casting) > header.bar h2 { margin:0; }
.casting-zurueck-aktionen { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.pack-zufall { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:12px 0; }
.pack-zufall .hinweis { margin:0; }
@media (max-width:800px) {
  html[data-design=weltraum] :is(#view-casting,#casting) > .bar-bottom { position:static; margin-top:20px; }
}