body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{font-family:Arial,sans-serif;height:100%;margin:0;padding:0}#root,.app-container,body,html{overflow-x:hidden;overflow-y:auto;width:100%}.app-container{height:auto;min-height:100vh;position:relative}.app-container:after{animation:grainMove .5s steps(1) infinite;background-image:repeating-radial-gradient(#ffffff0d 1px,#0000 2px);background-size:3px 3px;content:"";height:100%;left:0;mix-blend-mode:overlay;opacity:1;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}@keyframes grainMove{0%{transform:translate(0)}to{transform:translate(-1px,1px)}}.background-video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.content{align-items:center;display:flex;flex-direction:column;min-height:100vh;position:relative;width:100%;z-index:1}@keyframes vhsJitter{0%{transform:translateX(0)}20%{transform:translateX(.5px)}40%{transform:translateX(-.6px)}60%{transform:translateX(.3px)}80%{transform:translateX(-.4px)}to{transform:translateX(0)}}.vhs-jitter{animation:vhsJitter 1.8s infinite}.superfan-image{animation:fadeIn 1.5s ease-in forwards,float 3s ease-in-out infinite;display:block;left:51%;max-height:125vh;opacity:0;position:absolute;top:-3vh;transform:translateX(-50%);transition:transform .2s;width:auto}@keyframes float{0%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}to{transform:translateX(-50%) translateY(0)}}.button-container{left:50%;margin:0;padding:0;position:absolute;top:85vh;transform:translateX(-50%)}.mic-button{cursor:pointer;display:block;height:auto;transition:transform .2s ease;width:360px}.copyright{bottom:3vh;display:block;font-size:.75rem;left:50%;opacity:.7;position:absolute;text-align:center;transform:translateX(-50%);width:140px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes flickerFade{0%{opacity:0}10%{opacity:1}30%{opacity:.8}50%{opacity:1}80%{opacity:.95}to{opacity:0}}@keyframes subtleFlicker{0%{opacity:1}10%{opacity:.95}20%{opacity:1}30%{opacity:.92}40%{opacity:1}50%{opacity:.96}60%{opacity:1}70%{opacity:.98}80%{opacity:1}90%{opacity:.97}to{opacity:1}}.title-image{left:50%;max-width:320px;opacity:0;pointer-events:none;position:absolute;top:2vh;transform:translateX(-50%);width:80vw;z-index:4}.title-image.vhs-jitter{animation:flickerFade 2s ease-in forwards,vhsJitter 1.8s infinite}.title-image.title-looping.vhs-jitter{animation:vhsJitter 1.8s infinite;animation-direction:alternate;animation-fill-mode:both;opacity:1!important}@keyframes butterflyFlight{0%{left:var(--startX);opacity:1;top:var(--startY);transform:scale(.5)}40%,60%{transform:scale(.5) translate(var(--jitterX),var(--jitterY))}to{left:var(--endX);opacity:1;top:var(--endY);transform:scale(.5)}}.single-butterfly{animation:butterflyFlight 1s ease-in-out forwards;filter:brightness(1.2) contrast(1.3) blur(.2px) drop-shadow(0 0 8px rgba(255,255,255,.3));mix-blend-mode:screen;opacity:1;pointer-events:none;position:absolute;width:100px;z-index:5}@media (max-width:1023px){.superfan-image{max-height:85vh;top:18vh}.button-container{top:80vh}.mic-button{max-width:360px;width:90vw}.copyright{font-size:.6rem;max-width:140px;width:25vw}.english-badge{left:50%;opacity:.8;position:absolute;top:10vh;transform:translateX(-50%);width:200px}}@media (min-width:1024px){.english-badge{display:none}}.start-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.tap-button{animation:vhsJitter 1.8s infinite;cursor:pointer;filter:drop-shadow(0 0 .5px white);height:auto;max-width:360px;width:80vw}
/*# sourceMappingURL=main.40de5f6f.css.map*/