#himmel{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.buehne-rahmen{z-index:1;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100svh;padding-block:18px 32px;padding-inline:16px;display:flex;position:relative}.kopf{top:calc(18px + env(safe-area-inset-top,0px));flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;display:flex;position:absolute;left:16px;right:16px}.kopf .marke{font-family:var(--face);margin:0;font-size:1.05rem;font-weight:700}.kopf .marke span{color:var(--muted);font-weight:500}.kopf .ort{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.buehne{aspect-ratio:1;width:min(100%,680px,72vh);margin-top:40px;position:relative}.schwebe{aspect-ratio:1;z-index:3;width:34%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.schwebe.nein{animation:.34s ease-in-out nein}@keyframes nein{25%{transform:translate(calc(-50% - 7px),-50%)}50%{transform:translate(calc(7px - 50%),-50%)}75%{transform:translate(calc(-50% - 3px),-50%)}}.feld-licht{filter:blur(6px);background:radial-gradient(#7fe3ff47,#0000 70%);border-radius:50%;height:16%;animation:6s ease-in-out infinite feld;position:absolute;bottom:-26%;left:12%;right:12%}@keyframes feld{0%,to{opacity:.6;transform:scale(.88)}50%{opacity:1;transform:scale(1.06)}}.knopf-gross{cursor:pointer;-webkit-tap-highlight-color:transparent;--ladung:0;--jx:0px;--jy:0px;background:0 0;border:0;border-radius:50%;padding:0;animation:6s ease-in-out infinite schweben;position:absolute;inset:0}@keyframes schweben{0%,to{transform:translateY(-7px)}50%{transform:translateY(7px)}}.knopf-gross:focus-visible{outline:2px solid var(--cyan);outline-offset:22px}.fassung{box-shadow:0 0 0 1px #a0bee62e, 0 0 calc(18px + var(--ladung) * 50px) rgba(127, 227, 255, calc(.12 + var(--ladung) * .5)), inset 0 2px 1px #ffffff2e, inset 0 -10px 18px #0009;background:radial-gradient(circle at 50% 30%,#3b4558,#080b12 78%);border-radius:50%;position:absolute;inset:0}.kappe{box-shadow:0 var(--tiefe,12px) 0 #6e7a89, 0 calc(var(--tiefe,12px) + 6px) 14px #0000008c, 0 0 calc(var(--ladung) * 36px) rgba(127, 227, 255, calc(var(--ladung) * .7)), inset 0 -8px 16px #0000001a, inset 0 4px 6px #ffffffd9;transform:translate(var(--jx), calc(var(--tiefe,12px) * -1 + var(--jy)));background:radial-gradient(circle at 38% 26%,#fdfeff,#c7d0db 74%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4%;transition:transform .26s cubic-bezier(.3,1.7,.5,1),box-shadow .2s;display:flex;position:absolute;inset:9%}.knopf-gross.unten .kappe,.knopf-gross.laedt .kappe{transform:translate(var(--jx), calc(var(--tiefe,12px) * -.12 + var(--jy)));box-shadow:0 calc(var(--tiefe,12px) * .12) 0 #6e7a89, 0 3px 8px #00000080, 0 0 calc(var(--ladung) * 36px) rgba(127, 227, 255, calc(var(--ladung) * .7)), inset 0 -4px 10px #0000001f, inset 0 3px 5px #ffffffbf;transition:transform 70ms ease-out,box-shadow 70ms ease-out}.kappe img{pointer-events:none;user-select:none;width:54%;height:auto;margin-top:4%}.kappe .wort{font-family:var(--wide);font-weight:500;font-size:var(--wortgroesse,12px);letter-spacing:.28em;text-transform:uppercase;color:var(--green);pointer-events:none;user-select:none;padding-left:.28em}.kreis{width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);box-sizing:border-box;z-index:2;text-align:center;border:1.5px solid var(--rand);color:var(--ink);font-family:var(--face);font-weight:700;font-size:var(--schrift);hyphens:auto;overflow-wrap:anywhere;box-shadow:0 0 14px var(--randlicht), inset 0 0 10px var(--randlicht);background:radial-gradient(circle at 34% 26%,#fff3,#ffffff0d 55%,#0a0e1ad9 100%);border-radius:50%;place-items:center;padding:7px;line-height:1.05;text-decoration:none;transition:box-shadow .15s;display:grid;position:absolute;top:50%;left:50%}.kreis:hover{box-shadow:0 0 26px var(--rand), inset 0 0 14px var(--randlicht)}.kreis:focus-visible{outline:2px solid var(--star);outline-offset:5px}.hinweis{text-align:center;max-width:46ch;min-height:2.8em;color:var(--muted);text-wrap:balance;margin:0;font-size:1rem;line-height:1.4}.hinweis b{color:var(--ink)}.hinweis .zahl{font-variant-numeric:tabular-nums;color:var(--cyan);font-weight:700}@media (prefers-reduced-motion:reduce){.knopf-gross,.feld-licht,.schwebe.nein{animation:none}.kappe,.knopf-gross.unten .kappe,.knopf-gross.laedt .kappe{transition:none}}
