/* =====================================================================
   WELTALL · die eigene Konsole in der Kapsel (data-welt="weltall" — online.js liest sie an der Uhr „startuhr" ab)
   Tobi, 02.11.2026: „Die Online-Pult-Leiste von Weltreise sieht wirklich gut aus, die von Sagenwelt, Erfinder, Weltall etc.
   aber echt langweilig und eigentlich fast immer gleich … auf das Niveau von Weltreise angleichen, alle Pulte.“
   Bis dahin: ein silbernes Instrumentenfeld mit dunkler Schrift, ein silbernes Schild als Taste — hell, flach, wie die
   Nachbarn. Jetzt ist das Pult die Konsole, vor der man angeschnallt sitzt (Weltall IDEE.md §2.7):
     · Der Buddy schwebt im BULLAUGE: ein Titanring mit acht Bolzen, draußen das Schwarz und der leuchtende Rand der Erde.
     · Die ANZEIGE ist der Bordschirm: dunkles Glas mit feinen Zeilen und ein paar Sternen; rechts die Umlaufbahn um die Erde,
       auf der die eigene Kapsel ihre Runde zieht (das lebende Motiv — hinter der Erde wird sie blass und klein). Die Schrift
       ist die des Bordcomputers (Mono, Sternensilber); solange nichts gewählt ist, blinkt hinter „Noch keine Wahl“ die
       Schreibmarke — der Computer wartet auf die Eingabe.
     · Die TASTE ist der ZÜNDSCHALTER: ein Rahmen mit Warnstreifen in Marsrost, darüber die Schutzkappe aus Rauchglas. Leer liegt
       sie über dem Schalter, mit der Wahl klappt sie hoch und der Schalter glüht, abgeschickt ist gezündet (ein Ring geht
       einmal auf). Auf der Taste das Zeichen der Welt, die Rakete.
     · Der Buddy FUNKT: die Blase ist das Funkgerät mit den Pegelbalken (beim lauten Satz flackern sie).
     · An der Kante der Konsole ein paar Kontrolllampen, eine davon blinkt ruhig in Rost.
   Die Tafel (Auflösung, Vorschau) und die Nebentasten der Lobby sitzen in schlichtem Titan — die Warnstreifen gehören nur dem
   Zündschalter. Titan, Polster und Glas sind Material; Licht, Schrift und Zustände kommen aus den Rollen des Sets (acc
   Sternensilber, acc2 Marsrost). Variablen tragen das Motiv im Namen (--qo-wa-*). Bewegung nur transform und opacity, ruhig;
   auffällig nur beim Abschicken; bei reduzierter Bewegung steht alles still.
   ===================================================================== */
.qo-pult[data-welt="weltall"] {
  --qo-wa-titan: linear-gradient(180deg, #8d98a4, #4a535e 48%, #2a313b 100%);
  --qo-wa-schirm: radial-gradient(120% 150% at 34% 38%, color-mix(in srgb, var(--acc) 11%, #0a1422), #03070d 74%);
  --qo-wa-tinte-dunkel: #1a0b06;
  --qo-wa-glut: color-mix(in srgb, var(--acc2) 84%, #fff);
  /* Die Kabinenwand: gesteppte Polster im kalten Licht von oben, unten die Kante der Konsole. */
  --pult-grund: radial-gradient(55% 130% at 50% -36%, color-mix(in srgb, var(--acc) 15%, transparent), transparent 72%),
    linear-gradient(180deg, transparent 0 86%, rgba(0, 0, 0, .55) 86%, #232a33 87.4%, #12161c 100%),
    repeating-linear-gradient(45deg, rgba(0, 0, 0, .26) 0 .14cqmin, transparent .14cqmin 3.2cqmin),
    repeating-linear-gradient(-45deg, rgba(0, 0, 0, .26) 0 .14cqmin, transparent .14cqmin 3.2cqmin),
    linear-gradient(180deg, #27303a, #1a2028 58%, #11151b);
  --kante: linear-gradient(180deg, #e6ecf1, #a9b4bf 38%, #5a646f 70%, #2e353e);
  --kante-h: 1cqmin;
  /* Der Sitz vorn: Polster mit den zwei Gurten in Rost. */
  --sitz: linear-gradient(90deg, transparent 0 27%, color-mix(in srgb, var(--acc2) 62%, #1a1f26) 27% 34%, transparent 34% 66%, color-mix(in srgb, var(--acc2) 62%, #1a1f26) 66% 73%, transparent 73%),
    linear-gradient(180deg, #3d4652, #222932);
  --sitz-naht: #0e1217;
  /* Der Bordschirm: Zeilen, ein paar Sterne, das dunkle Glas. */
  --disp-grund: repeating-linear-gradient(180deg, color-mix(in srgb, var(--acc) 5%, transparent) 0 1px, transparent 1px 3px),
    radial-gradient(circle at 9% 24%, rgba(255, 255, 255, .55) 0 .1cqmin, transparent .17cqmin),
    radial-gradient(circle at 31% 78%, rgba(255, 255, 255, .4) 0 .09cqmin, transparent .15cqmin),
    radial-gradient(circle at 52% 18%, rgba(255, 255, 255, .45) 0 .1cqmin, transparent .16cqmin),
    radial-gradient(circle at 88% 82%, rgba(255, 255, 255, .5) 0 .1cqmin, transparent .17cqmin),
    radial-gradient(circle at 95% 22%, rgba(255, 255, 255, .35) 0 .09cqmin, transparent .15cqmin),
    var(--qo-wa-schirm);
  /* Die Fassung: innen ein schwarzer Spalt, außen der Titanrahmen. */
  --disp-rahmen: inset 0 0 0 .28cqmin #02050a, inset 0 .9cqmin 1.8cqmin rgba(0, 0, 0, .55),
    0 0 0 .32cqmin #1c2229, 0 0 0 .5cqmin #7f8a96, 0 .5cqmin 0 .5cqmin #262d36, 0 1.1cqmin 2.2cqmin rgba(0, 0, 0, .65);
  --disp-rund: 1cqmin;
  --disp-glas: radial-gradient(150% 110% at 18% -8%, rgba(255, 255, 255, .08), transparent 46%);
  --disp-schrift: var(--f-mono); --disp-sperr: -.01em;
  --disp-leer: color-mix(in srgb, var(--acc) 52%, #36414d); --disp-an: var(--acc); --disp-fest: var(--t0);
  --disp-neben: color-mix(in srgb, var(--acc) 62%, var(--t1)); --disp-mittel: color-mix(in srgb, var(--acc) 30%, var(--t0));
  --disp-leucht: 0 0 1cqmin color-mix(in srgb, var(--acc) 50%, transparent); --disp-leucht-fest: 0 0 .8cqmin color-mix(in srgb, var(--t0) 30%, transparent);
  --disp-trenn: color-mix(in srgb, var(--acc) 26%, transparent);
  /* Der Rahmen des Zündschalters: Warnstreifen in Rost. */
  --taste-rahmen: repeating-linear-gradient(-45deg, var(--acc2) 0 .85cqmin, #14181e .85cqmin 1.7cqmin);
  --taste-rund: 1cqmin;
  --taste-schatten: 0 1cqmin 2.4cqmin rgba(0, 0, 0, .65), inset 0 0 0 .18cqmin rgba(0, 0, 0, .7), inset 0 .25cqmin 0 rgba(255, 255, 255, .22);
  --rang-grund: var(--qo-wa-schirm);
}
.qo-pult[data-welt="weltall"] .qo-display { --jetzt: var(--qo-wa-glut); }

/* Die Kontrolllampen an der Kante: vier silberne, eine in Rost, die ruhig blinkt — über der Taste. */
.qo-pult[data-welt="weltall"] .k-kante::before, .qo-pult[data-welt="weltall"] .k-kante::after {
  content: ""; position: absolute; top: 50%; height: .56cqmin; margin-top: -.28cqmin; pointer-events: none; border-radius: 99px;
}
.qo-pult[data-welt="weltall"] .k-kante::before { right: 6cqmin; width: 9.6cqmin;
  background: radial-gradient(circle, #f4f8fb 0 .14cqmin, #6d7884 .22cqmin, #1d232a .28cqmin, transparent .3cqmin) 0 0 / 2.4cqmin 100% repeat-x; }
.qo-pult[data-welt="weltall"] .k-kante::after { right: 3.6cqmin; width: .56cqmin;
  background: radial-gradient(circle, #ffe3d6 0 .1cqmin, var(--acc2) .2cqmin, color-mix(in srgb, var(--acc2) 50%, #000) .28cqmin);
  box-shadow: 0 0 .9cqmin var(--acc2); animation: qo-wa-lampe 2.8s steps(1, end) infinite; }
@keyframes qo-wa-lampe { 0%, 62% { opacity: 1; } 63%, 100% { opacity: .25; } }

/* DAS BULLAUGE statt der Lehne: Titanring mit acht Bolzen, draußen das All und der Rand der Erde. */
.qo-pult[data-welt="weltall"] .qo-buddy::before {
  left: 50%; right: auto; top: auto; bottom: -1.2cqmin; width: 12.6cqmin; height: 12.6cqmin; margin-left: -6.3cqmin; border-radius: 50%;
  background:
    radial-gradient(circle at 92.5% 50%, #eef3f7 0 .18cqmin, #444d58 .3cqmin, transparent .38cqmin),
    radial-gradient(circle at 80% 80%, #eef3f7 0 .18cqmin, #444d58 .3cqmin, transparent .38cqmin),
    radial-gradient(circle at 50% 92.5%, #eef3f7 0 .18cqmin, #444d58 .3cqmin, transparent .38cqmin),
    radial-gradient(circle at 20% 80%, #eef3f7 0 .18cqmin, #444d58 .3cqmin, transparent .38cqmin),
    radial-gradient(circle at 7.5% 50%, #eef3f7 0 .18cqmin, #444d58 .3cqmin, transparent .38cqmin),
    radial-gradient(circle at 20% 20%, #eef3f7 0 .18cqmin, #444d58 .3cqmin, transparent .38cqmin),
    radial-gradient(circle at 50% 7.5%, #eef3f7 0 .18cqmin, #444d58 .3cqmin, transparent .38cqmin),
    radial-gradient(circle at 80% 20%, #eef3f7 0 .18cqmin, #444d58 .3cqmin, transparent .38cqmin),
    radial-gradient(circle closest-side, transparent 0 77%, #0b0f14 77.5% 79%, #dfe6ec 80% 84%, #8e99a5 86% 93%, #3a424c 95% 99%, transparent 100%),
    radial-gradient(circle at 30% 34%, #fff 0 .1cqmin, transparent .18cqmin),
    radial-gradient(circle at 66% 26%, rgba(255, 255, 255, .7) 0 .08cqmin, transparent .15cqmin),
    radial-gradient(circle at 74% 48%, rgba(255, 255, 255, .5) 0 .07cqmin, transparent .13cqmin),
    radial-gradient(circle at 50% 175%, #0d2f5c 0 63.5%, #2d7fd0 67%, #b2e0ff 68.7%, rgba(140, 200, 255, .35) 70%, transparent 73.5%),
    radial-gradient(circle at 46% 38%, #0b1626, #02050a 72%);
  box-shadow: 0 .6cqmin 1.4cqmin rgba(0, 0, 0, .65);
}

/* Der Funkspruch: das Funkgerät, links die Pegelbalken. */
.qo-pult[data-welt="weltall"] .qo-sagt { border-radius: .7cqmin; padding-left: 4.4cqmin;
  background: radial-gradient(circle, rgba(255, 255, 255, .07) 0 .13cqmin, transparent .19cqmin) .6cqmin .5cqmin / .66cqmin .66cqmin, linear-gradient(180deg, #151c25, #0b1016);
  box-shadow: inset 0 0 0 .2cqmin #333d48, inset 0 .26cqmin 0 rgba(255, 255, 255, .1), 0 .8cqmin 2cqmin rgba(0, 0, 0, .55); }
.qo-pult[data-welt="weltall"] .qo-sagt::before { background: #10161e; }
.qo-pult[data-welt="weltall"] .qo-sagt::after {
  content: ""; position: absolute; left: 1.4cqmin; top: 50%; width: 2.1cqmin; height: 2.3cqmin; margin-top: -1.15cqmin; pointer-events: none;
  background: linear-gradient(var(--acc), var(--acc)) 0 100% / 19% 34% no-repeat, linear-gradient(var(--acc), var(--acc)) 33% 100% / 19% 56% no-repeat,
    linear-gradient(var(--acc), var(--acc)) 66% 100% / 19% 78% no-repeat, linear-gradient(var(--acc2), var(--acc2)) 100% 100% / 19% 100% no-repeat;
}
.qo-pult[data-welt="weltall"] .qo-sagt.pop::after { animation: qo-wa-funk 520ms steps(2, end) 2; }
@keyframes qo-wa-funk { 0% { opacity: .3; } 50% { opacity: 1; } 100% { opacity: .5; } }
.qo-pult[data-welt="weltall"] .qo-sagt-text { color: var(--t0); }

/* DAS LEBENDE MOTIV: die Umlaufbahn um die Erde, rechts auf dem Schirm (hinter der Schrift — z-index −1 im Glas). */
.qo-pult[data-welt="weltall"] .qo-d-glas::before {
  content: ""; position: absolute; z-index: -1; right: var(--qo-wa-bahn, 14%); top: 50%; width: 24cqmin; height: 6.4cqmin; margin-top: -3.2cqmin; box-sizing: border-box;
  border-radius: 50%; border: max(1px, .14cqmin) dashed color-mix(in srgb, var(--acc) 34%, transparent);
  background: radial-gradient(circle at 50% 50%, #9fd2ff 0 .25cqmin, #3d86d4 .7cqmin, #1a3f6e 1.15cqmin, color-mix(in srgb, #6fb6ff 26%, transparent) 1.3cqmin, transparent 2cqmin);
  transform: rotate(-9deg); opacity: .8;
}
.qo-pult[data-welt="weltall"] .qo-d-glas::after {
  content: ""; position: absolute; z-index: -1; right: calc(var(--qo-wa-bahn, 14%) + 12cqmin - .5cqmin); top: 50%; width: 1cqmin; height: 1cqmin; margin-top: -.5cqmin; border-radius: 50%;
  background: radial-gradient(circle, #fff 0 28%, var(--acc) 46%, transparent 72%); box-shadow: 0 0 1cqmin color-mix(in srgb, var(--acc) 70%, transparent);
  transform: rotate(-9deg) translate(12cqmin, 0); animation: qo-wa-umlauf 16s linear infinite;
}
@keyframes qo-wa-umlauf {
  0% { transform: rotate(-9deg) translate(12cqmin, 0); opacity: .85; }
  8.33% { transform: rotate(-9deg) translate(10.39cqmin, 1.6cqmin) scale(1.05); opacity: 1; }
  16.67% { transform: rotate(-9deg) translate(6cqmin, 2.77cqmin) scale(1.15); opacity: 1; }
  25% { transform: rotate(-9deg) translate(0, 3.2cqmin) scale(1.2); opacity: 1; }
  33.33% { transform: rotate(-9deg) translate(-6cqmin, 2.77cqmin) scale(1.15); opacity: 1; }
  41.67% { transform: rotate(-9deg) translate(-10.39cqmin, 1.6cqmin) scale(1.05); opacity: 1; }
  50% { transform: rotate(-9deg) translate(-12cqmin, 0); opacity: .85; }
  58.33% { transform: rotate(-9deg) translate(-10.39cqmin, -1.6cqmin) scale(.85); opacity: .5; }
  66.67% { transform: rotate(-9deg) translate(-6cqmin, -2.77cqmin) scale(.75); opacity: .32; }
  75% { transform: rotate(-9deg) translate(0, -3.2cqmin) scale(.7); opacity: .2; }
  83.33% { transform: rotate(-9deg) translate(6cqmin, -2.77cqmin) scale(.75); opacity: .32; }
  91.67% { transform: rotate(-9deg) translate(10.39cqmin, -1.6cqmin) scale(.85); opacity: .5; }
  100% { transform: rotate(-9deg) translate(12cqmin, 0); opacity: .85; }
}
/* Auf schmalen Schirmen rückt die Bahn vor das breitere „eingeloggt“ (vorher −2 cqmin: dahinter, über „0/4 eingeloggt“ — Tobi,
   02.11.2026: keine Zier kreuzt Schrift); die Schrift der Wahl endet vor ihr (--qo-motiv-frei, unten). */
@container (max-width: 900px) { .qo-pult[data-welt="weltall"] .qo-display { --qo-wa-bahn: 22cqmin; } }
/* frei: Die Schrift der Anzeige endet vor der Bahn (24 cqmin, gekippt knapp 25 — online-pult.css, „Keine Zier kreuzt Schrift“).
   Auf .qo-display, damit es die Bahn dieser Größe nimmt. */
.qo-pult[data-welt="weltall"] .qo-display { --qo-motiv-frei: calc(var(--qo-wa-bahn, 14%) + 25cqmin); }
/* In der Lobby ist die Anzeige schmal: Die Bahn (25 cqmin) ließe dem Satz keine Zeile — sie tritt ab wie am Abendende. */
.qo-pult.qla-pult[data-welt="weltall"] .qo-display { --qo-wa-bahn: -40cqmin; }
/* Die Schreibmarke des Bordcomputers: Sie blinkt, solange er auf die Eingabe wartet. */
.qo-pult[data-welt="weltall"] .qo-anzeige[data-zustand="leer"] .qo-a-t > b::after {
  content: ""; display: inline-block; width: .5em; height: .82em; margin-left: .18em; vertical-align: -.06em; background: currentColor; opacity: .8;
  animation: qo-wa-marke 1.1s steps(1, end) infinite;
}
@keyframes qo-wa-marke { 0%, 55% { opacity: .8; } 56%, 100% { opacity: 0; } }
.qo-pult[data-welt="weltall"] .qo-a-stempel { background: var(--qo-wa-glut); color: var(--qo-wa-tinte-dunkel); }

/* DER ZÜNDSCHALTER. Die Kappe hat eine Lippe aus Titan gegen die Warnstreifen. */
.qo-pult[data-welt="weltall"] .qo-los .qo-kappe, .qo-pult[data-welt="weltall"] .qo-los[data-zustand] .qo-kappe {
  border-radius: .5cqmin; box-shadow: 0 0 0 .28cqmin #3a434e, 0 0 0 .4cqmin #0d1116, inset 0 .3cqmin .6cqmin rgba(0, 0, 0, .45);
}
.qo-pult[data-welt="weltall"] .qo-los[data-zustand="leer"] .qo-kappe { background: linear-gradient(180deg, #1f2730, #10151b); color: #b4c0cc; }
.qo-pult[data-welt="weltall"] .qo-los[data-zustand="gewaehlt"] .qo-kappe {
  background: radial-gradient(110% 150% at 50% 34%, color-mix(in srgb, var(--acc2) 40%, #ffe2c2), color-mix(in srgb, var(--acc2) 82%, #ffd2b0) 58%, var(--qo-wa-glut) 100%);
  color: var(--qo-wa-tinte-dunkel);
  box-shadow: 0 0 0 .28cqmin #3a434e, 0 0 0 .4cqmin #0d1116, 0 0 3.2cqmin color-mix(in srgb, var(--acc2) 70%, transparent), inset 0 .3cqmin 0 rgba(255, 255, 255, .45);
}
.qo-pult[data-welt="weltall"] .qo-los[data-zustand="gesendet"] .qo-kappe {
  background: radial-gradient(130% 120% at 50% 118%, #ffe7c4 0, color-mix(in srgb, var(--acc2) 52%, #fff) 40%, var(--qo-wa-glut) 100%);
  color: var(--qo-wa-tinte-dunkel);
  box-shadow: 0 0 0 .28cqmin #3a434e, 0 0 0 .4cqmin #0d1116, 0 0 2.2cqmin color-mix(in srgb, var(--acc2) 55%, transparent), inset 0 .6cqmin 1cqmin rgba(80, 20, 0, .35);
}
/* Das Zeichen der Welt: die Rakete vor dem Wort (abgeschickt steht dort der Haken). */
.qo-pult[data-welt="weltall"] .qo-los .qo-kappe::before {
  content: ""; display: inline-block; flex: none; width: 2.7cqmin; height: 2.7cqmin; margin-right: .2cqmin; background: currentColor; opacity: .9;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.6c3.2 2.3 4.8 5.8 4.8 9.7l2.1 2.5v4.6l-3.3-1.7H8.4l-3.3 1.7v-4.6l2.1-2.5c0-3.9 1.6-7.4 4.8-9.7zm0 6.6a1.7 1.7 0 1 0 0 3.4 1.7 1.7 0 0 0 0-3.4zM10 18.6h4l-1 3.8h-2z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.6c3.2 2.3 4.8 5.8 4.8 9.7l2.1 2.5v4.6l-3.3-1.7H8.4l-3.3 1.7v-4.6l2.1-2.5c0-3.9 1.6-7.4 4.8-9.7zm0 6.6a1.7 1.7 0 1 0 0 3.4 1.7 1.7 0 0 0 0-3.4zM10 18.6h4l-1 3.8h-2z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.qo-pult[data-welt="weltall"] .qo-los[data-zustand="gesendet"] .qo-kappe::before, .qo-pult[data-welt="weltall"] .qo-los[data-zaehlt] .qo-kappe::before { display: none; }
/* Die Schutzkappe aus Rauchglas: leer liegt sie über dem Schalter, mit der Wahl klappt sie um ihre obere Kante hoch.
   (FALLE online-pult.css: left/right ausdrücklich setzen.) */
.qo-pult[data-welt="weltall"] .qo-los:not(.qo-pt-taste)::before {
  content: ""; display: block; position: absolute; z-index: 3; left: 1.1cqmin; right: 1.1cqmin; top: 1.1cqmin; bottom: 1.1cqmin; border-radius: .5cqmin; pointer-events: none;
  background: linear-gradient(112deg, transparent 0 20%, rgba(255, 255, 255, .13) 22% 27%, transparent 29% 62%, rgba(255, 255, 255, .06) 64% 66%, transparent 68%),
    linear-gradient(180deg, color-mix(in srgb, var(--acc2) 26%, transparent), color-mix(in srgb, var(--acc2) 12%, transparent));
  box-shadow: inset 0 0 0 .2cqmin color-mix(in srgb, var(--acc2) 72%, #000), inset 0 .32cqmin 0 rgba(255, 255, 255, .22);
  transform-origin: 50% 0; transition: transform 320ms cubic-bezier(.3, 1.35, .5, 1), opacity 320ms;
}
.qo-pult[data-welt="weltall"] .qo-los:not(.qo-pt-taste):is([data-zustand="gewaehlt"], [data-zustand="gesendet"])::before { transform: scaleY(.12); opacity: .9; }
/* Gezündet: ein Ring geht einmal vom Rahmen auf (am ::after der Taste — die erweiterte Trefferfläche braucht es danach nicht mehr). */
.qo-pult[data-welt="weltall"] .qo-los[data-zustand="gesendet"]::after {
  inset: 0; z-index: 4; border-radius: var(--taste-rund); pointer-events: none; box-shadow: 0 0 0 .45cqmin var(--acc2), 0 0 2.4cqmin var(--acc2);
  opacity: 0; animation: qo-wa-zuendung 760ms cubic-bezier(.2, .7, .3, 1) both;
}
@keyframes qo-wa-zuendung { 0% { opacity: 1; transform: none; } 100% { opacity: 0; transform: scale(1.16, 1.5); } }

/* Die Tafel (Auflösung, Vorschau) und die Nebentasten der Lobby: schlichtes Titan, der Schirm darin dunkel. */
.qo-pult[data-welt="weltall"] .qo-rang, .qo-leiste.qo-pult[data-welt="weltall"] .qo-rang { background: var(--qo-wa-titan); padding: 1.1cqmin; }
.qo-pult[data-welt="weltall"] .qo-rang-in { border-radius: .6cqmin; box-shadow: inset 0 0 0 .22cqmin #02050a, inset 0 .8cqmin 1.6cqmin rgba(0, 0, 0, .5); }
.qo-pult[data-welt="weltall"] .qo-rang em { color: color-mix(in srgb, var(--acc) 62%, var(--t1)); }
.qo-pult[data-welt="weltall"] .qo-rang .qo-z-pzahl, .qo-pult[data-welt="weltall"] .qo-rang .qo-summe { font-family: var(--f-mono); text-shadow: 0 0 .9cqmin color-mix(in srgb, var(--acc) 40%, transparent); }
.qo-pult[data-welt="weltall"] .qo-rang .qo-los.qo-rang-alt { inset: 1.1cqmin; }
.qo-pult[data-welt="weltall"] .qo-rang .qo-los.qo-rang-alt::before { display: none; }
.qla-pult[data-welt="weltall"] .qla-pult-anders, .qo-pult[data-welt="weltall"] .qo-pt-taste { background: var(--qo-wa-titan); }
/* Jubeln (Zwischenstand): die glühende Kappe des Schalters, dunkle Schrift (helle stand auf Rost unter 4,5 : 1). Nur am Zwischenstand —
   die Tasten des Abendendes behalten ihren Grund aus der Rolle (online-pult.css, Tobis Fund 16). */
.qo-pult-t[data-welt="weltall"] .qo-pt-taste .sp-jubel { background: radial-gradient(120% 150% at 50% 30%, color-mix(in srgb, var(--acc2) 50%, #fff), var(--qo-wa-glut)); color: var(--qo-wa-tinte-dunkel); }
.qo-pult-t[data-welt="weltall"] .qo-pt-taste .sp-jubel-t em { color: color-mix(in srgb, var(--qo-wa-tinte-dunkel) 80%, transparent); }
.qo-pult-t[data-welt="weltall"] .qo-pt-taste .sp-jubel.gejubelt { background: color-mix(in srgb, var(--acc2) 36%, #fff); }

@media (prefers-reduced-motion: reduce) {
  .qo-pult[data-welt="weltall"] .k-kante::after, .qo-pult[data-welt="weltall"] .qo-d-glas::after, .qo-pult[data-welt="weltall"] .qo-sagt.pop::after,
  .qo-pult[data-welt="weltall"] .qo-anzeige .qo-a-t > b::after { animation: none; }
  .qo-pult[data-welt="weltall"] .qo-d-glas::after { transform: rotate(-9deg) translate(6cqmin, 2.77cqmin); }
  .qo-pult[data-welt="weltall"] .qo-los::before { transition: none; }
  .qo-pult[data-welt="weltall"] .qo-los[data-zustand="gesendet"]::after { animation: none; opacity: 0; }
}