/* Text-Ausschnitt:
   - Obere Hälfte zeigt den oberen Teil ohne Verschiebung
   - Untere Hälfte zeigt den unteren Teil, daher -50% *//* Während Flip nur die Flip-Hälften zeigen */.sf-frame{display:block;width:100%;margin:0 auto;overflow:hidden;}.sf-inner{display:inline-block;transform-origin:left top;transform:scale(var(--sf-scale,1));will-change:transform;}.sf-spacer{height:var(--sf-spacer-h,auto);}.sf-board{display:grid;grid-template-columns:1fr;align-items:start;}.sf-root{display:inline-flex;}.sf-slot{position:relative;width:clamp(22px,2.8vw,36px);height:clamp(36px,5.6vw,60px);perspective:600px;/* geringere Perspektive gegen "Schleudern" */perspective-origin:center 50%;/* sauber zentriert */font-family:var(--sf-font,'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace);letter-spacing:0.45px;}.sf-card{position:relative;width:100%;height:100%;color:#3c4f64;text-transform:uppercase;transform-style:flat;overflow:hidden;/* harte Kante */}.sf-text{display:block;font-size:50px;font-weight:800;line-height:var(--h,60px);/* Slot-Höhe */font-variant-ligatures:none;will-change:transform;transform:translateY(0);}.sf-top,.sf-bottom{position:absolute;left:0;right:0;height:50%;overflow:hidden;display:flex;align-items:flex-start;/* Text startet oben innerhalb des Halbraums */justify-content:center;backface-visibility:hidden;}.sf-top{top:0;}.sf-bottom{bottom:0;}.sf-top .sf-text,.sf-flip-upper .sf-text{transform:translateY(0) translateZ(0);}.sf-bottom .sf-text,.sf-flip-lower .sf-text{transform:translateY(-50%) translateZ(0);}.sf-divider{position:absolute;left:0;right:0;top:50%;transform:translateY(-0.5px);height:0;z-index:2;pointer-events:none;}.sf-flip{position:absolute;left:0;right:0;height:50%;overflow:hidden;display:flex;align-items:flex-start;/* wie statische Hälften */justify-content:center;backface-visibility:hidden;pointer-events:none;transform:translateZ(0);transform-style:flat;}.sf-flip-upper{top:0;z-index:3;visibility:hidden;transform:rotateX(0deg);transform-origin:50% 100%;}.sf-flip-lower{bottom:0;z-index:1;visibility:hidden;transform:rotateX(90deg);transform-origin:50% 0%;}.sf-slot.sf-playing .sf-top{visibility:visible;}.sf-slot.sf-playing .sf-bottom{visibility:hidden;}.sf-slot.sf-playing .sf-flip-upper{visibility:visible;animation:sf-fold var(--sf-dur,140ms) cubic-bezier(.35,.05,.65,.95) forwards;}.sf-slot.sf-playing .sf-flip-lower{visibility:visible;animation:sf-unfold var(--sf-dur,140ms) cubic-bezier(.20,.00,.40,1.00) forwards;animation-delay:var(--sf-dur,140ms);}.sf-slot:not(.sf-playing) .sf-flip-upper{transform:rotateX(-90deg);visibility:hidden;opacity:0;}.sf-slot:not(.sf-playing) .sf-flip-lower{transform:rotateX(90deg);visibility:hidden;opacity:0;}@keyframes sf-fold{0%{transform:rotateX(0deg);}100%{transform:rotateX(-90deg);}}@keyframes sf-unfold{0%{transform:rotateX(90deg);}100%{transform:rotateX(0deg);}}