/* Decorative brand intro. Without JavaScript the game remains immediately usable. */
.enotrivia-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#033344;opacity:1;transition:opacity .45s ease;pointer-events:auto}
.enotrivia-intro.departing{opacity:0;pointer-events:none}
.intro-logo{position:relative;width:min(72vw,380px);aspect-ratio:1;isolation:isolate}
.intro-piece{position:absolute;width:12.55%;height:12.55%;background-image:url('/enotrivia-logo.jpg?v=home17');background-size:800% 800%;background-repeat:no-repeat;opacity:1;transform:translate3d(0,0,0) rotate(0deg);will-change:transform,opacity}
.enotrivia-intro.scatter .intro-piece{animation:logo-scatter 1.05s cubic-bezier(.22,.61,.36,1) var(--delay) both}
@keyframes logo-scatter{0%{opacity:1;transform:translate3d(0,0,0) rotate(0deg) scale(1)}35%{opacity:.9}100%{opacity:0;transform:translate3d(var(--x),var(--y),0) rotate(var(--rotation)) scale(.55)}}
@media(prefers-reduced-motion:reduce){.enotrivia-intro{transition:opacity .2s linear}.enotrivia-intro.scatter .intro-piece{animation:none;opacity:0}.intro-piece{will-change:auto}}

html.intro-pending body{background:#033344}html.intro-pending .shell{visibility:hidden}