.dk-gate{display:none}html.dk-play .dk-gate{display:block}html.dk-play{overflow:hidden}.si-gate{position:fixed;inset:0;z-index:12000;background:#060504;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;perspective:1200px}.si-gate.dk-open{pointer-events:none}.si-licht,.si-post,.si-tisch{opacity:0}.si-gate.si-bereit .si-licht,.si-gate.si-bereit .si-post,.si-gate.si-bereit .si-tisch{opacity:1;transition:opacity .8s ease}.si-tisch{position:absolute;inset:0;background:url("/assets/intro/tisch.webp") center 60%/cover no-repeat;filter:brightness(.85)}.si-licht{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 68% 34% at 50% 48%,rgba(255,214,140,.42),rgba(255,200,120,.16) 45%,rgba(255,190,110,0) 100%),linear-gradient(180deg,rgba(0,0,0,.98) 0,rgba(0,0,0,.85) 14%,rgba(0,0,0,.3) 32%,rgba(0,0,0,.05) 44%,rgba(0,0,0,.05) 56%,rgba(0,0,0,.3) 68%,rgba(0,0,0,.85) 86%,rgba(0,0,0,.98) 100%),radial-gradient(ellipse 90% 70% at 50% 50%,rgba(0,0,0,0) 40%,rgba(0,0,0,.6) 100%)}.si-post{position:absolute;left:50%;top:50%;width:min(86vw,600px);aspect-ratio:1000/626;transform:translate(-50%,-54%) rotate(-3deg);transform-style:preserve-3d;filter:drop-shadow(0 22px 26px rgba(0, 0, 0, .6));cursor:pointer;-webkit-tap-highlight-color:transparent;outline:0}.si-post.si-wackelt{animation:si-wackeln .55s ease-in-out}@keyframes si-wackeln{0%,100%{transform:translate(-50%,-54%) rotate(-3deg)}20%{transform:translate(-50%,-54%) rotate(-5.5deg)}45%{transform:translate(-50%,-54%) rotate(-.5deg)}70%{transform:translate(-50%,-54%) rotate(-4.2deg)}}.si-koerper{position:absolute;inset:0;background:url("/assets/intro/umschlag.webp") center/100% 100% no-repeat}.si-kante{position:absolute;inset:0;z-index:3;pointer-events:none;background:url("/assets/intro/umschlag.webp") center/100% 100% no-repeat;clip-path:inset(0 0 91% 0);opacity:0}.si-gate.si-offen .si-kante{opacity:1;transition:opacity .2s ease .5s}.si-lasche{position:absolute;left:.5%;top:-2%;width:99%;height:63%;transform-origin:50% 0;transform:rotateX(0);z-index:2}.si-lasche img{display:block;width:100%;height:100%;transform:scaleY(-1);filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .35))}.si-gate.si-offen .si-lasche{top:4%;transition:transform .95s cubic-bezier(.45, 0, .2, 1),top .95s cubic-bezier(.45, 0, .2, 1);transform:rotateX(180deg)}.si-gate.si-offen .si-lasche img{filter:none}.si-gate.si-zieht .si-lasche{z-index:-2}.si-stempel{position:absolute;left:80%;top:57%;transform:translate(-50%,-50%) rotate(-8deg);font-family:var(--font-display);font-size:clamp(.82rem, 3.1vw, 1.1rem);line-height:1.05;letter-spacing:.16em;text-transform:uppercase;text-align:center;color:#5b3a7a;border:2.5px solid #5b3a7a;border-radius:3px;padding:.3em .55em;opacity:.72;mix-blend-mode:multiply;white-space:nowrap;z-index:3;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at 40% 60%,#000 55%,rgba(0,0,0,0.55) 80%,rgba(0,0,0,0.85) 100%);mask-image:radial-gradient(ellipse at 40% 60%,#000 55%,rgba(0,0,0,0.55) 80%,rgba(0,0,0,0.85) 100%)}.si-siegel{position:absolute;left:49%;top:60%;width:21%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:3;pointer-events:none}.si-siegel img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.si-siegel .si-ganz{filter:drop-shadow(0 3px 3px rgba(0, 0, 0, .5))}.si-siegel .si-bruch{opacity:0}.si-siegel .si-l{clip-path:polygon(0 0,53% 0,45% 100%,0 100%)}.si-siegel .si-r{clip-path:polygon(53% 0,100% 0,100% 100%,45% 100%)}.si-siegel.si-gebrochen .si-ganz{opacity:0}.si-siegel.si-gebrochen .si-bruch{opacity:1}.si-siegel.si-gebrochen .si-l{animation:si-bruch-links 1.45s cubic-bezier(.1,.9,.3,1) forwards}.si-siegel.si-gebrochen .si-r{animation:si-bruch-rechts 1.45s cubic-bezier(.1,.9,.3,1) forwards}@keyframes si-bruch-links{0%{transform:none}9%{transform:translate(-4%,1%) rotate(-2deg)}100%{transform:translate(-9%,2%) rotate(-4deg)}}@keyframes si-bruch-rechts{0%{transform:none}9%{transform:translate(4%,-1%) rotate(2deg)}100%{transform:translate(9%,-2%) rotate(3.5deg)}}.si-gate.si-offen .si-siegel{opacity:0;transition:opacity .45s ease}.si-broesel{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:40%;background:#7a1a16;opacity:0}.si-siegel.si-gebrochen .si-broesel{animation:si-broesel .8s cubic-bezier(.2,.6,.5,1) forwards}@keyframes si-broesel{0%{opacity:1;transform:none}100%{opacity:0;transform:translate(var(--bx),var(--by)) rotate(120deg)}}.si-schacht{position:absolute;left:-10%;right:-10%;bottom:2%;top:-250%;overflow:hidden;z-index:-1;pointer-events:none}.si-karte{position:absolute;left:50%;top:100%;width:82%;aspect-ratio:148/105;transform:translate(-50%,-40%);opacity:0;background:#14110f;border-radius:2px;box-shadow:0 10px 24px rgba(0,0,0,.6),inset 0 0 0 1px rgba(239,231,212,.18),inset 0 0 0 6px #14110f,inset 0 0 0 7px rgba(239,231,212,.12);padding:6%;box-sizing:border-box;color:var(--paper);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.si-kopf{font-family:var(--font-display);font-size:clamp(.95rem, 4.1vw, 1.4rem);white-space:nowrap;line-height:1.32;color:var(--paper)}.si-satz{margin-top:5%;font-family:var(--font-type);font-size:clamp(.95rem, 4vw, 1.3rem);line-height:1.5;color:#d9463c}@media (min-width:600px){.si-kopf{font-size:1.5rem}.si-satz{font-size:1.35rem}}.si-gate.si-offen .si-karte{opacity:1}.si-gate.si-zieht .si-karte{animation:si-karte-ziehen 2.1s linear forwards}@keyframes si-karte-ziehen{0%{transform:translate(-50%,-40%) rotate(0) scale(1);animation-timing-function:cubic-bezier(0.4,0.1,0.35,1)}48%{transform:translate(-50%,-212%) rotate(-1deg) scale(1.02);animation-timing-function:cubic-bezier(0.3,0,0.25,1)}100%{transform:translate(-50%,-104%) rotate(-1.5deg) scale(1)}}.si-gate.si-vorn .si-schacht{overflow:visible;z-index:5;pointer-events:auto}.si-gate.si-vorn .si-karte{filter:drop-shadow(0 26px 30px rgba(0, 0, 0, .7));transition:filter .8s ease;cursor:pointer}.si-gate.si-oeffnet .si-karte{transition:transform 1.2s cubic-bezier(.45, 0, .2, 1)}.si-gate.si-oeffnet .si-karte>*{opacity:0;transition:opacity .3s}.si-gate.si-oeffnet .si-post{transition:transform 1.2s cubic-bezier(.45, 0, .2, 1);transform:translate(-50%,-54%) rotate(0) scale(1.15)}.si-gate.si-deckt{background:0 0}.si-gate.si-deckt .si-licht,.si-gate.si-deckt .si-post>:not(.si-schacht),.si-gate.si-deckt .si-tisch{visibility:hidden}.si-gate.si-deckt .si-karte{box-shadow:none;filter:none}.si-gate.si-ausfaden .si-karte{transition:opacity 1s ease;opacity:0}@media (prefers-reduced-motion:reduce){.si-post.si-wackelt{animation:none}.si-siegel.si-gebrochen .si-l,.si-siegel.si-gebrochen .si-r{animation-duration:.3s}.si-gate.si-offen .si-lasche{transition-duration:.3s}.si-gate.si-zieht .si-karte{animation-duration:.9s}}