/* ==============================================================   ERFINDER · die eigene Werkbank (data-welt="erfinder" — online.js liest sie an der Uhr „gluehbirne" ab)
   Erfinder (design/handy/sets/erfinder/IDEE.md §2.7). Tobi, 02.11.2026: „… die von Sagenwelt, Erfinder, Weltall etc. aber echt
   langweilig und eigentlich fast immer gleich." Darum jetzt die Werkbank eines Tüftlers zur Blauen Stunde, mit Mechanik:
     · Hinten die LOCHWAND (Hartfaser mit Lochraster), von links oben das warme Licht der eigenen Birne, von rechts das kalte
       Blau der Dämmerung aus dem Fenster; unten die Kante der Werkbank aus Eiche.
     · Hinter dem Buddy dreht sich langsam ein großes ZAHNRAD aus Messing — die Werkstatt arbeitet. Er sitzt auf der Werkzeugkiste.
     · Die ANZEIGE ist eine BLAUPAUSE, mit zwei Reißzwecken an die Lochwand gepinnt: Raster aus feinen und starken Linien, darauf
       die Zeichnung eines Zahnrads (Teilkreis, Mittellinien), das sich im Takt mitdreht. Die Wahl steht weiß darauf wie eine Skizze.
     · Die TASTE ist der SCHALTER der Werkbank: eine emaillierte Schaltplatte mit vier Nieten, vorn die Birne als Zeichen. Leer ist
       sie kalt, mit der Wahl glimmt der Faden (Glühfaden-Gelb), abgeschickt ist der Strom an — die Birne leuchtet, und über der
       Taste glüht ihr Licht auf („Eingeschaltet!").
     · Platz und Punkte stehen in der Auflösung auf dem TYPENSCHILD (Aluminium, geprägt). Der Buddy schreibt Randnotizen: ein weißer
       Zettel, mit roter Reißzwecke angepinnt.
   Eiche, Hartfaser, Messing, Email und Aluminium sind Material; Licht, Schrift und Zustände kommen aus den Rollen (--acc
   Blaupausenblau, --acc2 Glühfaden-Gelb — Gelb ist LICHT, nie eine Fläche neben einem Urteil). Variablen tragen das Motiv im Namen
   (--qo-ef-*). Bewegung nur transform und opacity: die Räder drehen (ruhig, gegenläufig), die Birne glimmt; bei reduzierter
   Bewegung steht alles.
   ===================================================================== */
.qo-pult[data-welt="erfinder"] {
  --qo-ef-papier: color-mix(in srgb, var(--acc) 56%, #071630);
  --qo-ef-weiss: #f4f8ff;
  --qo-ef-eiche: #5a3b22;
  --qo-ef-email: #131b27;
  --qo-ef-rad: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3CradialGradient id='m' cx='.4' cy='.35' r='.7'%3E%3Cstop offset='0' stop-color='%23f2d48e'/%3E%3Cstop offset='.55' stop-color='%23b98a3e'/%3E%3Cstop offset='1' stop-color='%236e4c1c'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url(%23m)' fill-rule='evenodd' stroke='%233e2a0e' stroke-width='1.2' d='M91.45 43.24L98.72 44.73L98.72 55.27L91.45 56.76L90.28 61.9L96.18 66.39L91.61 75.88L84.42 74.07L81.13 78.2L84.49 84.8L76.26 91.37L70.56 86.62L65.81 88.91L65.98 96.32L55.7 98.67L52.64 91.92L47.36 91.92L44.3 98.67L34.02 96.32L34.19 88.91L29.44 86.62L23.74 91.37L15.51 84.8L18.87 78.2L15.58 74.07L8.39 75.88L3.82 66.39L9.72 61.9L8.55 56.76L1.28 55.27L1.28 44.73L8.55 43.24L9.72 38.1L3.82 33.61L8.39 24.12L15.58 25.93L18.87 21.8L15.51 15.2L23.74 8.63L29.44 13.38L34.19 11.09L34.02 3.68L44.3 1.33L47.36 8.08L52.64 8.08L55.7 1.33L65.98 3.68L65.81 11.09L70.56 13.38L76.26 8.63L84.49 15.2L81.13 21.8L84.42 25.93L91.61 24.12L96.18 33.61L90.28 38.1ZM41.5 28a8.5 8.5 0 1 0 17 0a8.5 8.5 0 1 0 -17 0ZM62.42 43.201626123751154a8.5 8.5 0 1 0 17 0a8.5 8.5 0 1 0 -17 0ZM54.43 67.79837387624885a8.5 8.5 0 1 0 17 0a8.5 8.5 0 1 0 -17 0ZM28.57 67.79837387624885a8.5 8.5 0 1 0 17 0a8.5 8.5 0 1 0 -17 0ZM20.58 43.20162612375116a8.5 8.5 0 1 0 17 0a8.5 8.5 0 1 0 -17 0ZM45 50a5 5 0 1 0 10 0a5 5 0 1 0 -10 0Z'/%3E%3Ccircle cx='50' cy='50' r='34' fill='none' stroke='%235a3e14' stroke-width='1.4' opacity='.7'/%3E%3Ccircle cx='50' cy='50' r='11' fill='none' stroke='%235a3e14' stroke-width='1.4' opacity='.7'/%3E%3C/svg%3E");
  --qo-ef-zeichnung: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M89.75 45.54L95.89 46.79L95.89 53.21L89.75 54.46L88.88 59.41L94.22 62.68L92.02 68.71L85.83 67.79L83.32 72.14L87.21 77.04L83.09 81.95L77.58 78.97L73.74 82.2L75.72 88.14L70.17 91.34L66.01 86.65L61.29 88.37L61.13 94.63L54.81 95.75L52.51 89.92L47.49 89.92L45.19 95.75L38.87 94.63L38.71 88.37L33.99 86.65L29.83 91.34L24.28 88.14L26.26 82.2L22.42 78.97L16.91 81.95L12.79 77.04L16.68 72.14L14.17 67.79L7.98 68.71L5.78 62.68L11.12 59.41L10.25 54.46L4.11 53.21L4.11 46.79L10.25 45.54L11.12 40.59L5.78 37.32L7.98 31.29L14.17 32.21L16.68 27.86L12.79 22.96L16.91 18.05L22.42 21.03L26.26 17.8L24.28 11.86L29.83 8.66L33.99 13.35L38.71 11.63L38.87 5.37L45.19 4.25L47.49 10.08L52.51 10.08L54.81 4.25L61.13 5.37L61.29 11.63L66.01 13.35L70.17 8.66L75.72 11.86L73.74 17.8L77.58 21.03L83.09 18.05L87.21 22.96L83.32 27.86L85.83 32.21L92.02 31.29L94.22 37.32L88.88 40.59Z'/%3E%3Ccircle cx='50' cy='50' r='30'/%3E%3Ccircle cx='50' cy='50' r='9'/%3E%3Cpath d='M50 0v100M0 50h100' stroke-dasharray='6 3 1.5 3' stroke-width='.8'/%3E%3Ccircle cx='50' cy='50' r='43' stroke-dasharray='2 2' stroke-width='.7'/%3E%3C/svg%3E");
  --qo-ef-birne: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4a7 7 0 0 0-4.2 12.6c.7.6 1.2 1.4 1.2 2.3V20h6v-1.1c0-.9.5-1.7 1.2-2.3A7 7 0 0 0 14 4z'/%3E%3Cpath d='M11.5 22.5h5M12.3 25h3.4'/%3E%3Cpath d='M11.6 15l1-3.4 1.4 2.4 1.4-2.4 1 3.4' stroke-width='1.5'/%3E%3C/svg%3E");
  --qo-ef-birne-an: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 6a6 6 0 0 0-3.6 10.8c.6.5 1 1.2 1 2V20h5.2v-1.2c0-.8.4-1.5 1-2A6 6 0 0 0 14 6z'/%3E%3Cpath d='M11.5 22.5h5M12.3 25h3.4M14 1v2.2M5.2 4.6l1.5 1.5M22.8 4.6l-1.5 1.5M2 12h2.2M23.8 12H26' fill='none'/%3E%3C/svg%3E");
  --pult-grund:
    radial-gradient(40% 150% at 8% -30%, color-mix(in srgb, var(--acc2) 34%, transparent), transparent 70%),
    radial-gradient(40% 140% at 100% -20%, color-mix(in srgb, var(--acc) 30%, transparent), transparent 70%),
    linear-gradient(180deg, transparent 0 70%, color-mix(in srgb, #fff 18%, var(--qo-ef-eiche)) 70% 71.2%, var(--qo-ef-eiche) 71.2%, color-mix(in srgb, var(--qo-ef-eiche) 40%, #000) 100%),
    radial-gradient(circle, #0b0d10 0 .3cqmin, rgba(255, 255, 255, .06) .34cqmin .44cqmin, transparent .48cqmin) .6cqmin .6cqmin / 2.2cqmin 2.2cqmin,
    linear-gradient(180deg, #4f3c28, #33261a);
  --kante: linear-gradient(180deg, #c9cfd6, #7c848e 35%, #3a3f46);
  --kante-h: .8cqmin;
  /* Die Werkzeugkiste: rot lackiertes Blech mit Griff (der Sitz vorn). */
  --sitz: linear-gradient(180deg, transparent 0 22%, #2a2d32 22% 30%, transparent 30%) 50% 0 / 44% 100% no-repeat,
    linear-gradient(180deg, #b23a2e, #7a2219 70%, #4e140e);
  --sitz-naht: #2a0c08;
  /* DIE BLAUPAUSE: tiefes Blau, feines und starkes Raster, die Ränder heller (das Papier ist ausgeblichen), zwei Reißzwecken. */
  --disp-grund:
    radial-gradient(circle at .75cqmin .75cqmin, #ffd9d0 0 .2cqmin, #d2412f .28cqmin .56cqmin, #7a1e14 .62cqmin, transparent .68cqmin),
    radial-gradient(circle at calc(100% - .75cqmin) .75cqmin, #ffd9d0 0 .2cqmin, #d2412f .28cqmin .56cqmin, #7a1e14 .62cqmin, transparent .68cqmin),
    linear-gradient(90deg, color-mix(in srgb, var(--qo-ef-weiss) 20%, transparent) 1px, transparent 1px) -1px 0 / 8cqmin 100%,
    linear-gradient(180deg, color-mix(in srgb, var(--qo-ef-weiss) 20%, transparent) 1px, transparent 1px) 0 -1px / 100% 8cqmin,
    linear-gradient(90deg, color-mix(in srgb, var(--qo-ef-weiss) 8%, transparent) 1px, transparent 1px) -1px 0 / 1.6cqmin 100%,
    linear-gradient(180deg, color-mix(in srgb, var(--qo-ef-weiss) 8%, transparent) 1px, transparent 1px) 0 -1px / 100% 1.6cqmin,
    radial-gradient(130% 150% at 50% 45%, transparent 50%, color-mix(in srgb, var(--qo-ef-weiss) 16%, transparent) 100%),
    var(--qo-ef-papier);
  --disp-rahmen: inset 0 0 0 max(1px, .14cqmin) color-mix(in srgb, var(--qo-ef-weiss) 40%, transparent), 0 .5cqmin 0 -.1cqmin rgba(0, 0, 0, .25), 0 1.2cqmin 2cqmin rgba(0, 0, 0, .6);
  --disp-rund: .2cqmin; --disp-glas: none;
  --disp-leer: color-mix(in srgb, var(--qo-ef-weiss) 80%, var(--qo-ef-papier)); --disp-an: var(--qo-ef-weiss); --disp-fest: #ffffff;
  --disp-neben: color-mix(in srgb, var(--qo-ef-weiss) 82%, var(--qo-ef-papier)); --disp-mittel: color-mix(in srgb, var(--qo-ef-weiss) 90%, var(--qo-ef-papier));
  --disp-leucht: 0 0 .6cqmin color-mix(in srgb, var(--qo-ef-weiss) 30%, transparent); --disp-leucht-fest: none;
  --disp-trenn: color-mix(in srgb, var(--qo-ef-weiss) 30%, transparent);
  /* Der Rahmen des Schalters: gebürsteter Stahl. */
  --taste-rahmen: linear-gradient(180deg, #c3c9d0, #8b929b 45%, #a7aeb6 55%, #6c737c);
  --taste-rund: 1cqmin;
  --taste-schatten: 0 1cqmin 2.4cqmin rgba(0, 0, 0, .65), inset 0 .22cqmin 0 rgba(255, 255, 255, .55), inset 0 -.2cqmin 0 rgba(0, 0, 0, .35);
  --rang-grund: linear-gradient(180deg, #f1f3f5, #cdd3d9 60%, #b9c0c7);
}
/* Auf dem Blau stehen Urteil und Zeichen in der hellen Fassung ihrer Farbe. */
.qo-pult[data-welt="erfinder"] .qo-display { --disp-urteil: color-mix(in srgb, var(--u) 36%, #fff); }
.qo-pult[data-welt="erfinder"] .qo-z-uwort { text-shadow: 0 .1cqmin .4cqmin rgba(0, 10, 30, .5); }
.qo-pult[data-welt="erfinder"] .qo-a-stempel { background: color-mix(in srgb, var(--acc) 60%, #0b1a33); color: #fff; box-shadow: inset 0 0 0 .2cqmin var(--qo-ef-weiss); }

/* DAS RAD hinter dem Buddy: Messing, es dreht sich ruhig um seine Achse. */
.qo-pult[data-welt="erfinder"] .qo-buddy::before {
  left: 50%; right: auto; top: 50%; bottom: auto; width: 15.5cqmin; height: 15.5cqmin; margin: -8cqmin 0 0 -7.75cqmin; border-radius: 50%;
  background: var(--qo-ef-rad) center / contain no-repeat; box-shadow: none;
  filter: drop-shadow(0 .5cqmin .8cqmin rgba(0, 0, 0, .6));
  animation: qo-ef-dreh 48s linear infinite;
}
@keyframes qo-ef-dreh { to { transform: rotate(360deg); } }
@container (max-width: 900px) { .qo-pult[data-welt="erfinder"] .qo-buddy::before { width: 13cqmin; height: 13cqmin; margin: -7cqmin 0 0 -6.5cqmin; } }

/* Die Randnotiz des Buddys: ein weißer Zettel, oben die rote Reißzwecke, die Schrift dunkelblau. */
.qo-pult[data-welt="erfinder"] .qo-sagt { border-radius: .2cqmin; background: linear-gradient(180deg, #fbfcfe, #e9eef5); box-shadow: inset .45cqmin 0 0 var(--acc), 0 .5cqmin 0 -.1cqmin rgba(0, 0, 0, .2), 0 .9cqmin 2cqmin rgba(0, 0, 0, .55); }
.qo-pult[data-welt="erfinder"] .qo-sagt::before { background: #f4f7fb; }
.qo-pult[data-welt="erfinder"] .qo-sagt::after {
  content: ""; position: absolute; left: 50%; top: -.5cqmin; width: 1.8cqmin; height: 1.8cqmin; margin-left: -.9cqmin; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle at 38% 34%, #ffd9d0 0 .2cqmin, #d2412f .35cqmin, #7a1e14 100%); box-shadow: 0 .3cqmin .4cqmin rgba(0, 0, 0, .5);
}
.qo-pult[data-welt="erfinder"] .qo-sagt-text { color: #15284a; }

/* Die Zeichnung auf der Blaupause dreht sich mit dem Rad (gegenläufig) — hinter der Schrift, weiß und leise. */
.qo-pult[data-welt="erfinder"] .qo-d-glas { overflow: hidden; }
.qo-pult[data-welt="erfinder"] .qo-d-glas::before {
  content: ""; position: absolute; right: 15.5cqmin; top: 50%; width: 15cqmin; height: 15cqmin; margin-top: -7.5cqmin;
  background: color-mix(in srgb, var(--qo-ef-weiss) 24%, transparent);
  -webkit-mask: var(--qo-ef-zeichnung) center / contain no-repeat; mask: var(--qo-ef-zeichnung) center / contain no-repeat;
  animation: qo-ef-dreh 48s linear infinite reverse;
}
/* … und das Maß daneben: eine Bemaßungslinie mit zwei Pfeilen. */
.qo-pult[data-welt="erfinder"] .qo-d-glas::after {
  content: ""; position: absolute; right: 15.5cqmin; bottom: .9cqmin; width: 15cqmin; height: 1.2cqmin; opacity: .4;
  background:
    linear-gradient(90deg, var(--qo-ef-weiss) 0 max(1px, .14cqmin), transparent 0 calc(100% - max(1px, .14cqmin)), var(--qo-ef-weiss) 0) 0 0 / 100% 100% no-repeat,
    linear-gradient(var(--qo-ef-weiss), var(--qo-ef-weiss)) 0 50% / 100% max(1px, .14cqmin) no-repeat;
}
/* frei: Die Schrift der Anzeige endet vor der Zeichnung (right 15,5 + 15 cqmin — online-pult.css, „Keine Zier kreuzt Schrift“). Auf S ist
   „eingeloggt“ breiter (21,4 cqmin): Zeichnung und Maß rücken davor, sonst lägen sie über „1/4 eingeloggt“. */
.qo-pult[data-welt="erfinder"] { --qo-motiv-frei: 30.5cqmin; }
@container (max-width: 900px) {
  .qo-pult[data-welt="erfinder"] { --qo-motiv-frei: 37cqmin; }
  .qo-pult[data-welt="erfinder"] .qo-d-glas::before, .qo-pult[data-welt="erfinder"] .qo-d-glas::after { right: 22cqmin; }
}
/* In der Lobby steht kein „eingeloggt“: Zeichnung und Maß rücken an den rechten Rand der Anzeige, weg vom Satz (wie pult/rennsport.css). */
.qo-pult.qla-pult[data-welt="erfinder"] { --qo-motiv-frei: 17.6cqmin; }
.qo-pult.qla-pult[data-welt="erfinder"] .qo-d-glas::before, .qo-pult.qla-pult[data-welt="erfinder"] .qo-d-glas::after { right: 2.6cqmin; }
/* Auf S reicht der Satz der Lobby bis an den Rand — dort tritt die Zeichnung ab (wie in den anderen Welten). */
@container (max-width: 900px) {
  .qo-pult.qla-pult[data-welt="erfinder"] { --qo-motiv-frei: 0cqmin; }
  .qo-pult.qla-pult[data-welt="erfinder"] .qo-d-glas::before, .qo-pult.qla-pult[data-welt="erfinder"] .qo-d-glas::after { right: -40cqmin; }
}

/* DIE TASTE: die Schaltplatte. Email, vier Nieten, vorn die Birne. */
.qo-pult[data-welt="erfinder"] .qo-los .qo-kappe, .qo-pult[data-welt="erfinder"] .qo-los[data-zustand] .qo-kappe {
  border-radius: .5cqmin; color: #e8eef6;
  background:
    radial-gradient(circle at .9cqmin .9cqmin, #dfe4ea 0 .2cqmin, #7c848e .32cqmin, transparent .4cqmin),
    radial-gradient(circle at calc(100% - .9cqmin) .9cqmin, #dfe4ea 0 .2cqmin, #7c848e .32cqmin, transparent .4cqmin),
    radial-gradient(circle at .9cqmin calc(100% - .9cqmin), #dfe4ea 0 .2cqmin, #7c848e .32cqmin, transparent .4cqmin),
    radial-gradient(circle at calc(100% - .9cqmin) calc(100% - .9cqmin), #dfe4ea 0 .2cqmin, #7c848e .32cqmin, transparent .4cqmin),
    linear-gradient(180deg, color-mix(in srgb, #fff 8%, var(--qo-ef-email)), var(--qo-ef-email) 60%, color-mix(in srgb, var(--qo-ef-email) 70%, #000));
  box-shadow: inset 0 0 0 .18cqmin rgba(0, 0, 0, .7), inset 0 .3cqmin .3cqmin rgba(255, 255, 255, .1);
}
.qo-pult[data-welt="erfinder"] .qo-los .qo-kappe::before {
  content: ""; display: inline-block; vertical-align: middle; flex: none; width: 3.6cqmin; height: 3.6cqmin; margin-right: .1cqmin; background: #8e99a8;
  -webkit-mask: var(--qo-ef-birne) center / contain no-repeat; mask: var(--qo-ef-birne) center / contain no-repeat;
}
.qo-pult[data-welt="erfinder"] .qo-los[data-zustand="leer"] .qo-kappe { color: #c3ccd8; }
.qo-pult[data-welt="erfinder"] .qo-los[data-zustand="gewaehlt"] .qo-kappe {
  color: #fffbe8;
  box-shadow: inset 0 0 0 .18cqmin rgba(0, 0, 0, .7), inset 0 0 0 .36cqmin color-mix(in srgb, var(--acc2) 55%, transparent), inset 0 0 2.4cqmin color-mix(in srgb, var(--acc2) 18%, transparent), 0 0 2.4cqmin color-mix(in srgb, var(--acc2) 26%, transparent);
}
.qo-pult[data-welt="erfinder"] .qo-los[data-zustand="gewaehlt"] .qo-kappe::before { background: var(--acc2); filter: drop-shadow(0 0 .7cqmin var(--acc2)); animation: qo-ef-glimmen 1.8s ease-in-out infinite; }
@keyframes qo-ef-glimmen { 0%, 100% { opacity: 1; } 50% { opacity: .72; } }
.qo-pult[data-welt="erfinder"] .qo-los[data-zustand="gesendet"] .qo-kappe {
  color: #fff;
  background:
    radial-gradient(70% 120% at 18% 50%, color-mix(in srgb, var(--acc2) 30%, transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in srgb, var(--acc) 40%, var(--qo-ef-email)), color-mix(in srgb, var(--acc) 22%, var(--qo-ef-email)));
  box-shadow: inset 0 0 0 .18cqmin rgba(0, 0, 0, .7), inset 0 0 0 .36cqmin color-mix(in srgb, var(--acc) 70%, transparent), inset 0 .5cqmin .9cqmin rgba(0, 0, 0, .3);
}
.qo-pult[data-welt="erfinder"] .qo-los[data-zustand="gesendet"] .qo-kappe::before {
  background: var(--acc2); filter: drop-shadow(0 0 .9cqmin var(--acc2));
  -webkit-mask-image: var(--qo-ef-birne-an); mask-image: var(--qo-ef-birne-an);
}
/* Eingeschaltet: Über der Taste glüht das Licht der Birne auf. (Am ::after der Taste: Das ::after ist sonst die
   erweiterte Trefferfläche — nach dem Abschicken gibt es nichts mehr zu treffen.) */
.qo-pult[data-welt="erfinder"] .qo-los[data-zustand="gesendet"]::after {
  content: ""; position: absolute; z-index: 0; inset: -60% -12% -20% -12%; pointer-events: none; border-radius: 50%;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--acc2) 34%, transparent), transparent 74%);
  animation: qo-ef-gluehen 900ms cubic-bezier(.3, .7, .3, 1) both;
}
@keyframes qo-ef-gluehen { 0% { opacity: 0; transform: scale(.6); } 30% { opacity: 1; transform: scale(1.1); } 100% { opacity: .6; transform: none; } }
.qo-pult[data-welt="erfinder"] .qo-rang .qo-los.qo-rang-alt::after { display: none; }

/* Platz und Punkte auf dem Typenschild: dunkle Prägung auf Aluminium, vier Nieten. */
.qo-pult[data-welt="erfinder"] .qo-rang-in { border-radius: .3cqmin; --t0: #15202c; --t1: #24364a; --t2: #3a4a5c;
  background:
    radial-gradient(circle at .9cqmin .9cqmin, #fff 0 .18cqmin, #8b939c .3cqmin, transparent .38cqmin),
    radial-gradient(circle at calc(100% - .9cqmin) .9cqmin, #fff 0 .18cqmin, #8b939c .3cqmin, transparent .38cqmin),
    radial-gradient(circle at .9cqmin calc(100% - .9cqmin), #fff 0 .18cqmin, #8b939c .3cqmin, transparent .38cqmin),
    radial-gradient(circle at calc(100% - .9cqmin) calc(100% - .9cqmin), #fff 0 .18cqmin, #8b939c .3cqmin, transparent .38cqmin),
    var(--rang-grund);
  box-shadow: inset 0 0 0 .16cqmin rgba(40, 50, 60, .45), inset 0 .25cqmin 0 rgba(255, 255, 255, .7), 0 .2cqmin .5cqmin rgba(0, 0, 0, .45); }
.qo-pult[data-welt="erfinder"] .qo-rang .qo-sprung.hoch { color: #0b5a3a; }
.qo-pult[data-welt="erfinder"] .qo-rang-s { border-left-color: rgba(40, 50, 60, .3); }

@media (prefers-reduced-motion: reduce) {
  .qo-pult[data-welt="erfinder"] .qo-buddy::before, .qo-pult[data-welt="erfinder"] .qo-d-glas::before,
  .qo-pult[data-welt="erfinder"] .qo-los[data-zustand="gewaehlt"] .qo-kappe::before { animation: none; }
  .qo-pult[data-welt="erfinder"] .qo-los[data-zustand="gesendet"]::after { animation: none; opacity: .6; }
}