/* Vajraa motion: progressive enhancement; content is visible without JavaScript. */
:root{--vajraa-motion-ease:cubic-bezier(.22,.61,.36,1)}
html{scroll-behavior:smooth;scroll-padding-top:24px}
@view-transition{navigation:auto}
::view-transition-old(root){animation:vajraa-page-out 160ms ease-out both}
::view-transition-new(root){animation:vajraa-page-in 320ms var(--vajraa-motion-ease) both}
@keyframes vajraa-page-out{to{opacity:0}}
@keyframes vajraa-page-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes vajraa-arrive{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}
main{animation:vajraa-arrive 400ms var(--vajraa-motion-ease) both}
@supports(view-transition-name:none){html:active-view-transition main{animation:none}}
nav[aria-label="Main navigation"] a{transition:color 180ms ease,border-color 180ms ease,background-color 180ms ease}
nav[aria-label="Main navigation"] a:hover{color:#a17b31}
.button,.recipe-jump,.text-link,.back,.chat,.partner-links>a,.play-teaser a,.recipe-pager button,#reset-recipes,#ice-drinks{transition:translate 220ms var(--vajraa-motion-ease),box-shadow 220ms ease,background-color 220ms ease,color 220ms ease,border-color 220ms ease}
.button:hover,.recipe-jump:hover,.chat:hover,.partner-links>a:hover,.recipe-pager button:not(:disabled):hover,#reset-recipes:hover,#ice-drinks:hover{translate:0 -2px;box-shadow:0 7px 20px #142b5714}
.button:active,.recipe-jump:active,.recipe-pager button:not(:disabled):active,#reset-recipes:active,#ice-drinks:active{translate:0 0}
.creative-card,.play-card,.retail-pack,.world-item,.catalog-list>article,.play-teaser{transition:box-shadow 260ms ease,border-color 260ms ease}
.creative-card:hover,.play-card:hover,.retail-pack:hover,.catalog-list>article:hover,.play-teaser:hover{box-shadow:0 12px 28px #142b5710;border-color:#c5b98e}
select,input,summary{transition:border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease}
summary:hover{color:#947332}
summary span[aria-hidden]{display:inline-block;transition:rotate 220ms ease}
details[open]>summary span[aria-hidden]{rotate:45deg}
@media(max-width:800px){nav[aria-label="Main navigation"].open{animation:vajraa-arrive 200ms ease both}}
@media(hover:none){.button:hover,.recipe-jump:hover,.chat:hover,.partner-links>a:hover,.recipe-pager button:not(:disabled):hover,#reset-recipes:hover,#ice-drinks:hover{translate:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 html{scroll-behavior:auto}
 main,nav[aria-label="Main navigation"].open{animation:none!important}
 *,*::before,*::after{transition-duration:0s!important;scroll-behavior:auto!important}
 ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}