:root{--ease-smooth:cubic-bezier(.16,1,.3,1);--ease-press:cubic-bezier(.22,1,.36,1)}
html.enhanced-motion{scroll-behavior:smooth}
.enhanced-motion .motion-button{isolation:isolate;translate:var(--motion-x,0px) var(--motion-y,0px);scale:1;transition:translate .48s var(--ease-smooth),scale .48s var(--ease-smooth),background-color .35s ease,border-color .35s ease,box-shadow .45s ease,filter .4s ease}
.enhanced-motion .motion-static{position:relative}
.enhanced-motion .site .motion-button:hover,.enhanced-motion .rules-header .motion-button:hover{transform:none;translate:var(--motion-x,0px) calc(var(--motion-y,0px) - 3px);scale:1.018;filter:brightness(1.065)}
.enhanced-motion .site .motion-button:active,.enhanced-motion .motion-button:active{transform:none;translate:0 0;scale:.965;transition-duration:.12s}
.motion-button::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 15%,#ffffff00 35%,#ffffff29 48%,#ffffff00 60%,transparent 85%);background-size:260% 100%;background-position:140% 0;opacity:0;transition:opacity .25s ease,background-position .8s var(--ease-smooth)}
.motion-button:hover::after{opacity:1;background-position:-55% 0}
.motion-button:disabled::after{display:none}
.press-ripple{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:8}
.press-ripple>span{position:absolute;border-radius:50%;pointer-events:none;background:#fff}
.vip-card{--tier-ease:cubic-bezier(.22,.68,.18,1);transition:flex-grow .72s var(--tier-ease),flex-basis .72s var(--tier-ease),width .72s var(--tier-ease),border-color .45s ease,box-shadow .6s ease;contain:paint}
.vip-card:hover{border-color:#ffffff45;box-shadow:0 .7rem 2.5rem #00000024}
.vip-card,.site img,.decorative{user-select:none;-webkit-user-drag:none}
.vip-card>div[aria-hidden] img{scale:1;transition:object-position .72s var(--tier-ease),scale 1.3s var(--ease-smooth),filter 1s ease}
.vip-card.is-expanded:hover>div[aria-hidden] img{scale:1.035;filter:brightness(1.045)}
.vip-card [data-name='Light leak']{transition:opacity .5s ease}
.vip-card:hover [data-name='Light leak']{opacity:1}
.tier-title-motion{display:none;position:absolute;left:0;top:0;z-index:3;pointer-events:none;transform-origin:0 0;font-family:'Big Shoulders Display',sans-serif;font-weight:900;white-space:nowrap;color:#fff;line-height:.84;margin:0;padding:0}
@media(min-width:1101px){.tier-title-motion{display:block}.vip-card .tier-title-source{opacity:0!important}}
.coin-column{transition:translate .7s var(--ease-smooth),filter .5s ease}
.coin-column:hover{transform:none;translate:0 0;filter:brightness(1.04)}
.enhanced-motion .site .vip-card .motion-button,.enhanced-motion .site .coin-column .motion-button{translate:0 0;scale:1;transform:none}
.enhanced-motion .site .vip-card [data-action='buy']:hover,.enhanced-motion .site .vip-card [data-action='buy']:focus-visible{box-shadow:0 0 1.6rem #ec44946b,0 .25rem 1.1rem #eca0444d;filter:brightness(1.12)}
.coin-column [data-name^='Säule ']{transition:border-color .5s ease,box-shadow .6s ease,background-color .5s ease}
.coin-column:hover [data-name^='Säule ']{border-color:#ffffff40;box-shadow:0 .5rem 2.5rem #0005,0 0 2rem #ec449414}
.how-panel [data-name='Linie']{transform-origin:left center}
.how-panel [data-name^='Schritt ']{transition:translate .65s var(--ease-smooth)}
.how-panel [data-name^='Schritt ']:hover{translate:0 -5px}
.how-panel [data-name='Nummer Block']>p{transition:color .45s ease,translate .5s var(--ease-smooth)}
.how-panel [data-name^='Schritt ']:hover [data-name='Nummer Block']>p{color:#ec4494;translate:0 -3px}
.support-panel{transition:border-color .6s ease,box-shadow .7s ease}
.support-panel:hover{border-color:#ffffff1f;box-shadow:0 0 4rem #ec449407}
.support-panel>[data-node-id='1:377'] img{scale:1;transition:scale 1.5s var(--ease-smooth)}
.support-panel:hover>[data-node-id='1:377'] img{scale:1.025}
.hero>[data-node-id='1:4'] img{translate:0 var(--hero-shift,0px)}
.smooth-scrolling .hero>[data-node-id='1:4'] img{will-change:translate}
body.dialog-open{overflow:hidden}
dialog{overscroll-behavior:contain;scroll-behavior:smooth}
dialog[open]{animation:dialog-enter .48s var(--ease-smooth) both}
dialog .close-button{transition:rotate .5s var(--ease-smooth),background-color .3s ease,border-color .3s ease}
dialog .close-button:hover{rotate:90deg;background:#ffffff0b;border-color:#ffffff70}
dialog .detail-media{animation:media-in .8s var(--ease-smooth) both}
dialog .dialog-note{animation:note-in .65s var(--ease-smooth) both}
.basket-row{animation:row-in .55s var(--ease-smooth) both}
details{interpolate-size:allow-keywords}
details::details-content{block-size:0;overflow:clip;transition:block-size .4s var(--ease-smooth),content-visibility .4s;transition-behavior:allow-discrete}
details[open]::details-content{block-size:auto}
#toast:not([hidden]){animation:toast-in .5s var(--ease-smooth) both}
.tab-panel.active{animation:panel-in .55s var(--ease-smooth) both}
@keyframes dialog-enter{from{opacity:0;translate:0 24px;scale:.955}to{opacity:1;translate:0 0;scale:1}}
@keyframes media-in{from{opacity:0;clip-path:inset(5% 0 5% 0 round .8rem);scale:1.025}to{opacity:1;clip-path:inset(0 round .8rem);scale:1}}
@keyframes note-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@keyframes row-in{from{opacity:0;translate:10px 0}to{opacity:1;translate:0 0}}
@keyframes toast-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes panel-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .16s ease both}
::view-transition-new(root){animation:page-in .4s var(--ease-smooth) both}
@keyframes page-out{to{opacity:0}}
@keyframes page-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){html.enhanced-motion{scroll-behavior:auto}.enhanced-motion .motion-button,.coin-column,.how-panel [data-name^='Schritt '],.hero>[data-node-id='1:4'] img{translate:0 0!important;scale:1!important;transition:none!important}.motion-button::after{display:none}.press-ripple{display:none}::view-transition-old(root),::view-transition-new(root){animation:none}}