.sf{position:relative}.sf-buehne,.sf-knopf{display:none}@media (width>=640px) and (height>=860px){.sf-buehne{background:#060a128c;border:1px solid #ffffff1a;border-radius:12px;height:104px;margin-top:16px;display:block;position:relative;overflow:hidden}.sf-knopf{z-index:1;color:#fffc;background:0 0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:absolute;top:4px;right:4px}.sf-knopf:hover{color:#fff;background:#ffffff14}.sf-beleg,.sf-rahmen,.sf-blitz,.sf-felder,.sf-karton,.sf-punkte{position:absolute}.sf-beleg{opacity:0;--sf-papier:#fbf8ef;background:repeating-linear-gradient(#b9b2a0 0 2px, transparent 2px 8px) 8px 10px / 28px 30px no-repeat, var(--sf-papier);background-color:#fbf8ef;border-radius:3px;width:44px;height:62px;top:20px;left:calc(50% - 22px);box-shadow:0 3px 8px #0006}.sf-rahmen{opacity:0;border:2px solid #8fc1ff;border-radius:9px;width:64px;height:78px;top:12px;left:calc(50% - 32px)}.sf-blitz{opacity:0;background:radial-gradient(circle,#ffffffd9,#0000 60%);inset:0}.sf-felder{opacity:0;gap:10px;width:84px;display:grid;top:27px;left:calc(50% - 40px)}.sf-felder:after{content:"✓";color:#6fd39a;font:800 18px/1 system-ui,sans-serif;position:absolute;top:16px;right:-24px}.sf-felder i{color:#eaf3ff;background:#ffffff0a;border:1px solid #8fc1ff73;border-radius:5px;align-items:center;height:20px;padding:0 6px;font:600 12px/14px ui-monospace,Consolas,Menlo,monospace;display:flex}.sf-felder b{box-sizing:content-box;white-space:nowrap;width:7ch;font-weight:inherit;border-right:2px solid #0000;display:block;overflow:hidden}.sf-felder i:nth-child(2) b{width:6ch}.sf-karton{color:#fbf8ef;background:linear-gradient(#c89a5c,#a8783f);border-radius:6px;justify-content:center;align-items:center;width:64px;height:50px;display:flex;top:34px;left:calc(50% + 70px);box-shadow:0 4px 10px #00000073}.sf-karton-zeichen{width:22px;height:22px}.sf-punkte{gap:6px;display:flex;top:20px;left:calc(50% + 82px)}.sf-punkte i{background:#8fc1ff;border-radius:50%;width:8px;height:8px}:root:has(.welt-buehne[data-stimmung=abend],.welt-buehne[data-stimmung=nacht]) .sf-buehne{box-shadow:inset 30px -24px 50px -30px #ffc47a59}}@media (width>=640px) and (height>=860px) and (prefers-reduced-motion:no-preference){.sf .sf-beleg{animation:7s ease-in-out 3 forwards sf-beleg}.sf .sf-rahmen{animation:7s ease-in-out 3 forwards sf-rahmen}.sf .sf-blitz{animation:7s ease-out 3 forwards sf-blitz}.sf .sf-felder{animation:7s ease-in-out 3 forwards sf-felder}.sf .sf-felder b{animation:7s linear 3 forwards sf-tippen1}.sf .sf-felder i:nth-child(2) b{animation-name:sf-tippen2}.sf .sf-felder:after{animation:7s ease-out 3 forwards sf-haken}.sf .sf-karton{animation:7s ease-in-out 3 forwards sf-karton}.sf .sf-punkte{animation:7s ease-in-out 3 forwards sf-punkte}.sf .sf-schritt>span:first-child{animation:7s linear 3 forwards sf-schritt1}.sf .sf-schritt[data-n="2"]>span:first-child{animation-name:sf-schritt2}.sf .sf-schritt[data-n="3"]>span:first-child{animation-name:sf-schritt3}.sf:not([data-laeuft]) :is(.sf-beleg,.sf-rahmen,.sf-blitz,.sf-felder,.sf-felder b,.sf-karton,.sf-punkte,.sf-schritt>span:first-child),.sf:not([data-laeuft]) .sf-felder:after{animation-play-state:paused}}@media (orientation:portrait){html:not([data-c2="0210"]) .sf-buehne,html:not([data-c2="0210"]) .sf-knopf,html:not([data-c2="0210"]) .c2-nur-quer{display:none}html:not([data-c2="0210"]) .sf .sf-schritt>span:first-child{animation:none}}@media (orientation:portrait) and (width>=641px){html:not([data-c2="0210"]) .welt-tafel:has(>.sf){padding-block:1rem}html:not([data-c2="0210"]) .welt-tafel:has(>.sf)>a{margin-top:.5rem}html:not([data-c2="0210"]) .sf ol{gap:.375rem;margin-top:.75rem}html:not([data-c2="0210"]) .sf .sf-schritt>span:first-child{width:2rem;height:2rem}}@keyframes sf-beleg{0%{opacity:0;transform:translate(70px)}8%,30%{opacity:1;transform:none}36%,66%{opacity:1;transform:translate(-120px)}75%{opacity:1;transform:translate(92px,6px)scale(.45)rotate(12deg)}81%,to{opacity:0;transform:translate(92px,14px)scale(.3)}}@keyframes sf-rahmen{0%,6%{opacity:0;transform:scale(1.15)}10%,22%{opacity:1;transform:none}26%,to{opacity:0}}@keyframes sf-blitz{0%,18%{opacity:0}20%{opacity:1}26%,to{opacity:0}}@keyframes sf-felder{0%,34%{opacity:0}37%,66%{opacity:1}69%,to{opacity:0}}@keyframes sf-tippen1{0%,37%{border-right-color:#0000;width:0}37.5%{border-right-color:#8fc1ff;width:0;animation-timing-function:steps(7,end)}47%{border-right-color:#8fc1ff;width:7ch}48%,to{border-right-color:#0000;width:7ch}}@keyframes sf-tippen2{0%,48%{border-right-color:#0000;width:0}48.5%{border-right-color:#8fc1ff;width:0;animation-timing-function:steps(6,end)}56%{border-right-color:#8fc1ff;width:6ch}57%,to{border-right-color:#0000;width:6ch}}@keyframes sf-haken{0%,57.5%{opacity:0;transform:scale(.4)}59.5%{opacity:1;transform:scale(1.15)}61%,to{opacity:1;transform:none}}@keyframes sf-karton{0%,65%{opacity:0;transform:translateY(8px)}70%{opacity:1;transform:none}75%{transform:translateY(3px)}80%,to{opacity:1;transform:none}}@keyframes sf-punkte{0%,81%{opacity:0}87%,to{opacity:1}}@keyframes sf-schritt1{0%,26%{color:#fff;background-color:#2f86e099}30%,to{background-color:#2f86e026}}@keyframes sf-schritt2{0%,26%{background-color:#2f86e026}30%,66%{color:#fff;background-color:#2f86e099}69%,to{background-color:#2f86e026}}@keyframes sf-schritt3{0%,66%{background-color:#2f86e026}69%,to{color:#fff;background-color:#2f86e099}}