/* PULT · KOSTPROBE (data-welt="rummel") — die Grundtöne kommen vom früheren Show-Pult (aus online-pult.css überführt, 2026-11-01).
   Nur die Kostprobe trägt den Rummel (online.js, logeWelt: QN.setId === 'kostprobe'); ein Set ohne eigene Welt bekommt das neutrale
   Pult (pult/marke.css). Geladen direkt NACH online-pult.css (spiel.html, host.html, runde-trailer.html, handy-*.html). */
/* ---- Die Grundtöne ------------------------------------------------------------------ */
.qo-pult[data-welt="rummel"] {
  --pult-grund: radial-gradient(60% 140% at 12% 100%, color-mix(in srgb, var(--acc) 34%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--g3) 96%, transparent), var(--g0));
  --kante: linear-gradient(90deg, var(--acc2), var(--acc), var(--jetzt)); --kante-h: .5cqmin;
  --sitz: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--acc) 55%, transparent), transparent 70%); --sitz-naht: transparent;
  --disp-grund: linear-gradient(180deg, color-mix(in srgb, var(--g0) 60%, transparent), color-mix(in srgb, var(--g1) 80%, transparent));
  --disp-rahmen: inset 0 0 0 .25cqmin color-mix(in srgb, var(--t0) 16%, transparent), inset 0 1cqmin 2.4cqmin rgba(0, 0, 0, .5); --disp-rund: 2.4cqmin;
  --disp-leer: var(--t2); --disp-an: var(--t0); --disp-fest: var(--t0); --disp-neben: var(--t1);
  --disp-leucht: 0 0 1.8cqmin color-mix(in srgb, var(--jetzt) 70%, transparent); --disp-trenn: color-mix(in srgb, var(--t0) 16%, transparent);
  --taste-rahmen: linear-gradient(180deg, color-mix(in srgb, var(--t0) 30%, var(--g3)), var(--g1)); --taste-rund: 3.2cqmin;
}

.qo-pult[data-welt="rummel"] .qo-buddy::after { display: none; }
.qo-pult[data-welt="rummel"] { --disp-mittel: var(--t1); }

/* =====================================================================
   DER RUMMEL — das Pult der Kostprobe auf dem Niveau von Weltreise (Tobi, 02.11.2026: „die auf das Niveau
   von Weltreise angleichen, alle Pulte.“). Die Welt der Kostprobe ist der Jahrmarkt bei Nacht (sets/kostprobe/welt.js).
   Leitung, 01.11.2026: „Der Rummel gehört NUR der Kostprobe“ — darum eine eigene Welt (data-welt="rummel").
   Die Geschichte: Du sitzt in deiner SCHIFFSCHAUKEL (der Bock aus zwei Streben, vorn der Bug mit der
   Lichterreling), über dem Platz hängt die Wimpelkette. Die ANZEIGE ist das Budenfenster: dunkles Glas,
   rechts leise das Riesenrad, das sich dreht. Der Buddy spricht vom BUDENSCHILD (ein Brett mit
   Glühbirnen rundum, sie laufen wie Lauflicht). Die TASTE steckt im Rahmen der gestreiften Markise; vorn
   der FAHRCHIP — mit der Wahl leuchtet er, abgeschickt ist er eingelöst.
   Stahl, Holz, Glas und Stoff sind Material; Licht, Schrift und Zustände kommen aus den Rollen des Sets
   (--glanz ist das Orange der Wortmarke, sonst --acc2). Bewegung nur transform und opacity, ruhig.
   ===================================================================== */
.qo-pult[data-welt="rummel"] {
  --qo-kp-glanz: var(--glanz, var(--acc2));
  --qo-kp-wimpel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20' preserveAspectRatio='none'%3E%3Cpath d='M3 0h24L15 20z'/%3E%3C/svg%3E");
  --qo-kp-rad: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23fff'%3E%3Ccircle cx='50' cy='50' r='44' stroke-width='3'/%3E%3Ccircle cx='50' cy='50' r='38' stroke-width='1.2'/%3E%3Ccircle cx='50' cy='50' r='6' stroke-width='3'/%3E%3Cpath d='M50 6v88M6 50h88M19 19l62 62M81 19 19 81' stroke-width='1.2'/%3E%3Cg fill='%23fff' stroke='none'%3E%3Ccircle cx='50' cy='6' r='4.5'/%3E%3Ccircle cx='50' cy='94' r='4.5'/%3E%3Ccircle cx='6' cy='50' r='4.5'/%3E%3Ccircle cx='94' cy='50' r='4.5'/%3E%3Ccircle cx='19' cy='19' r='4.5'/%3E%3Ccircle cx='81' cy='19' r='4.5'/%3E%3Ccircle cx='19' cy='81' r='4.5'/%3E%3Ccircle cx='81' cy='81' r='4.5'/%3E%3C/g%3E%3C/svg%3E");
  --qo-kp-bock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M50 50 26 98M50 50l24 48M14 98h72'/%3E%3C/svg%3E");
  --qo-kp-chip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 0a12 12 0 1 1 0 24 12 12 0 0 1 0-24zm0 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zm0 2.6 1.9 4 4.4.5-3.3 3 .9 4.3L12 15.2l-3.9 2.2.9-4.3-3.3-3 4.4-.5z'/%3E%3C/svg%3E");
  --pult-grund: linear-gradient(180deg, transparent .3cqmin, color-mix(in srgb, var(--t0) 45%, transparent) .3cqmin .45cqmin, transparent .45cqmin),
    radial-gradient(3cqmin 3cqmin at 38% 92%, color-mix(in srgb, var(--qo-kp-glanz) 30%, transparent), transparent),
    radial-gradient(2.4cqmin 2.4cqmin at 61% 96%, color-mix(in srgb, var(--acc2) 26%, transparent), transparent),
    radial-gradient(3.4cqmin 3.4cqmin at 86% 90%, color-mix(in srgb, var(--acc) 34%, transparent), transparent),
    radial-gradient(60% 140% at 12% 100%, color-mix(in srgb, var(--acc) 34%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--g3) 96%, transparent), var(--g0));
  /* die Wimpelkette: Farbe je Wimpel (3 cqmin), die Form schneidet die Maske (.k-kante) */
  --kante: repeating-linear-gradient(90deg, var(--acc2) 0 3cqmin, var(--jetzt) 3cqmin 6cqmin, var(--qo-kp-glanz) 6cqmin 9cqmin, var(--acc) 9cqmin 12cqmin, var(--t0) 12cqmin 15cqmin); --kante-h: 2cqmin;
  --disp-grund: var(--qo-kp-bock) right var(--qo-motiv-r) center / 9cqmin 9cqmin no-repeat,
    radial-gradient(70% 140% at 80% 120%, color-mix(in srgb, var(--acc) 22%, transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in srgb, var(--g0) 70%, transparent), color-mix(in srgb, var(--g1) 85%, transparent));
  --disp-glas: linear-gradient(110deg, rgba(255, 255, 255, .08), transparent 34%, transparent 70%, rgba(255, 255, 255, .04) 78%, transparent 84%);
  --disp-rahmen: inset 0 0 0 .3cqmin color-mix(in srgb, var(--qo-kp-glanz) 50%, #2a1a10), inset 0 0 0 .5cqmin #120a1c, inset 0 1cqmin 2.4cqmin rgba(0, 0, 0, .5), 0 .8cqmin 2cqmin rgba(0, 0, 0, .5); --disp-rund: 1.4cqmin;
  /* die Markise: Streifen in der Farbe des Sets und Weiß, oben Licht, unten Schatten */
  --taste-rahmen: linear-gradient(180deg, rgba(255, 255, 255, .2), transparent 35%, rgba(0, 0, 0, .3)),
    repeating-linear-gradient(90deg, var(--acc) 0 1.8cqmin, color-mix(in srgb, var(--t0) 92%, var(--acc)) 1.8cqmin 3.6cqmin);
  --taste-rund: 2cqmin;
}
.qo-pult[data-welt="rummel"] .k-kante { box-shadow: none; filter: brightness(.95);
  -webkit-mask: var(--qo-kp-wimpel) 0 0 / 3cqmin 100% repeat-x; mask: var(--qo-kp-wimpel) 0 0 / 3cqmin 100% repeat-x; top: .38cqmin; }
/* DIE SCHIFFSCHAUKEL: der Bock aus zwei Streben mit der Nabe oben (hinter dem Buddy) … */
.qo-pult[data-welt="rummel"] .qo-buddy::before {
  left: -16%; right: -16%; top: 0; bottom: -1.4cqmin; border-radius: 0; box-shadow: none;
  background: radial-gradient(circle at 50% 1.2cqmin, var(--qo-kp-glanz) 0 .55cqmin, color-mix(in srgb, var(--qo-kp-glanz) 40%, #1a0f10) .6cqmin .85cqmin, transparent .9cqmin),
    linear-gradient(to bottom right, transparent calc(50% - .4cqmin), #5b5470 calc(50% - .4cqmin), #9a93ae 50%, #4a445e calc(50% + .4cqmin), transparent calc(50% + .4cqmin)) 0 1.2cqmin / 50% calc(100% - 1.2cqmin) no-repeat,
    linear-gradient(to bottom left, transparent calc(50% - .4cqmin), #5b5470 calc(50% - .4cqmin), #9a93ae 50%, #4a445e calc(50% + .4cqmin), transparent calc(50% + .4cqmin)) 100% 1.2cqmin / 50% calc(100% - 1.2cqmin) no-repeat;
}
/* … und vorn der Bug des Schiffs mit der Lichterreling (er verdeckt den Fuß des Buddys wie die Sitzkante) */
.qo-pult[data-welt="rummel"] .qo-buddy::after {
  display: block; left: 1%; right: 1%; height: 3cqmin; border-radius: .6cqmin .6cqmin 48% 48% / .6cqmin .6cqmin 100% 100%;
  background: radial-gradient(circle, #fff4d6 0 .16cqmin, var(--qo-kp-glanz) .3cqmin, transparent .42cqmin) .6cqmin .75cqmin / 1.7cqmin 1cqmin repeat-x,
    linear-gradient(180deg, color-mix(in srgb, var(--acc) 82%, #fff) 0, var(--acc) 35%, color-mix(in srgb, var(--acc) 55%, #0a0414));
  box-shadow: inset 0 .3cqmin 0 var(--qo-kp-glanz), 0 -.5cqmin 1.2cqmin rgba(0, 0, 0, .45);
}

/* DAS BUDENSCHILD: dunkles Brett, rundum Glühbirnen — jede zweite leuchtet auf, dann die anderen (Lauflicht, langsam) */
.qo-pult[data-welt="rummel"] .qo-sagt {
  --qo-kp-birne: radial-gradient(circle, #fff6dc 0 .16cqmin, var(--qo-kp-glanz) .3cqmin, color-mix(in srgb, var(--qo-kp-glanz) 30%, transparent) .45cqmin, transparent .55cqmin);
  border-radius: .9cqmin; padding: 1.6cqmin 2cqmin 1.7cqmin;
  background: var(--qo-kp-birne) .2cqmin .1cqmin / 1.8cqmin 1.1cqmin repeat-x, var(--qo-kp-birne) .2cqmin calc(100% - .1cqmin) / 1.8cqmin 1.1cqmin repeat-x,
    linear-gradient(180deg, color-mix(in srgb, var(--acc) 22%, #1a0e24), color-mix(in srgb, var(--acc) 12%, #0e0716));
  box-shadow: inset 0 0 0 .2cqmin color-mix(in srgb, var(--qo-kp-glanz) 45%, transparent), 0 .8cqmin 2cqmin rgba(0, 0, 0, .55);
}
.qo-pult[data-welt="rummel"] .qo-sagt::before { background: color-mix(in srgb, var(--acc) 16%, #140a1e); }
.qo-pult[data-welt="rummel"] .qo-sagt-text { color: var(--t0); }
.qo-pult[data-welt="rummel"] .qo-sagt::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  background: var(--qo-kp-birne) 1.1cqmin .1cqmin / 1.8cqmin 1.1cqmin repeat-x, var(--qo-kp-birne) 1.1cqmin calc(100% - .1cqmin) / 1.8cqmin 1.1cqmin repeat-x;
  animation: qo-kp-lauf 1.8s steps(1, end) infinite;
}
.qo-pult[data-welt="rummel"] .qo-sagt.leise::after { animation: none; opacity: 0; }
@keyframes qo-kp-lauf { 0% { opacity: 1; } 50% { opacity: .15; } }

/* DAS RIESENRAD im Budenfenster: der Bock steht still (Grund der Anzeige), das Rad dreht sich langsam */
.qo-pult[data-welt="rummel"] .qo-display::after {
  content: ""; position: absolute; z-index: 0; left: auto; right: var(--qo-motiv-r); top: 50%; width: 9cqmin; height: 9cqmin; margin-top: -4.5cqmin; pointer-events: none;
  background: var(--qo-kp-rad) center / contain no-repeat; opacity: .26;
  animation: qo-kp-rad 48s linear infinite;
}
@keyframes qo-kp-rad { to { transform: rotate(360deg); } }

/* DER FAHRCHIP vor dem Wort der Taste: Er kommt mit der Wahl und kippt ab und zu; abgeschickt ist er eingelöst (weg). Leer steht er nicht
   da — die langen Hinweise („Erst ein Hölzchen wählen“) blieben mit ihm nicht in zwei Zeilen. */
.qo-pult[data-welt="rummel"] .qo-los[data-zustand="gewaehlt"] .qo-kappe::before {
  content: ""; display: inline-block; flex: none; width: 2.8cqmin; height: 2.8cqmin; background: currentColor; opacity: .85;
  -webkit-mask: var(--qo-kp-chip) center / contain no-repeat; mask: var(--qo-kp-chip) center / contain no-repeat;
}
.qo-pult[data-welt="rummel"] .qo-los[data-zustand="gewaehlt"] .qo-kappe::before { opacity: 1; animation: qo-kp-chip 2.4s ease-in-out infinite; }
@keyframes qo-kp-chip { 0%, 70%, 100% { transform: none; } 82% { transform: rotate(-18deg) scale(1.12); } }
@media (prefers-reduced-motion: reduce) {
  .qo-pult[data-welt="rummel"] .qo-sagt::after, .qo-pult[data-welt="rummel"] .qo-display::after, .qo-pult[data-welt="rummel"] .qo-los .qo-kappe::before { animation: none; }
}
/* Wo das lebende Motiv der Anzeige steht: sein rechter Rand bleibt vor „eingeloggt“ (auf M, L, XL beginnt das 17,3 cqmin vor dem
   rechten Rand der Anzeige, auf S — größere Mindestschrift — 21,4 cqmin). */
.qo-pult[data-welt="rummel"] { --qo-motiv-r: 19.5cqmin; --qo-motiv-frei: calc(var(--qo-motiv-r) + 9cqmin); }   /* frei: die Schrift endet vor dem Riesenrad (online-pult.css) */
@container (max-width: 900px) { .qo-pult[data-welt="rummel"] { --qo-motiv-r: 23.6cqmin; } }
/* In der Lobby (.qla-pult) steht kein „eingeloggt“ in der Anzeige — das Motiv rückt an ihren rechten Rand, weg vom Satz. */
.qo-pult.qla-pult[data-welt="rummel"] { --qo-motiv-r: 2.6cqmin; }
/* Am Abendende füllen Titel und Geschichte die ganze Anzeige — das Motiv tritt ab (aus dem Bild geschoben, die Anzeige schneidet es ab). */
.qo-pult.qo-pult-e[data-welt="rummel"] { --qo-motiv-r: -40cqmin; }
/* Auf S reicht der Satz der Lobby bis an den Rand der Anzeige — dort tritt das Motiv ab wie am Abendende. */
@container (max-width: 900px) { .qo-pult.qla-pult[data-welt="rummel"] { --qo-motiv-r: -40cqmin; } }
/* Am Handy (handy-rahmen, .k1-pult) ist die Anzeige schmal und trägt den Namen — das Motiv stünde hinter ihm; dort tritt es ab. */
.qo-pult.k1-pult[data-welt="rummel"] { --qo-motiv-r: -40cqmin; }