@import"https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap";body{font-family:PT Sans,sans-serif;font-size:16px;line-height:1.5;color:#fff;background-color:#131313;margin:0;padding:0}.logo{height:6em;padding:1.5em}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}div.game-container{background:url(/assets/bg.png) no-repeat center center fixed;background-size:contain;width:100%;max-width:450px;height:100vh;display:block;margin:0 auto;position:relative;overflow:hidden}.game-frame{width:auto;max-width:100%;position:relative;overflow:hidden}.frame{width:450px;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.frame1{background:url(/assets/f1.png) no-repeat center center;background-size:cover;width:100%;min-height:100vh}.frame2{background:url(/assets/bg.png) no-repeat center center;background-size:cover;height:100dvh;justify-content:space-between;transition:.4s ease}.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;z-index:1;opacity:.5;transition:.5s ease-in-out}.frame4{background:url(/assets/f4.png) no-repeat center center;background-size:cover;min-height:100dvh}.logo{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center;text-shadow:0 0 10px #e040fb,0 0 2px #fff}.lightning{width:250px;height:400px;border-width:3px;border-style:solid;border-color:#fff;background-size:contain;clip-path:polygon(68% 0%,18% 59%,47% 59%,34% 96%,82% 41%,53% 41%);outline:25px solid white!important;position:relative;z-index:9;margin-top:-10vh;transition:.4s ease-in-out}.lightning:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff20;clip-path:inherit;z-index:0;box-shadow:0 0 10px #fff,0 0 20px #e040fb;filter:blur(.5px) drop-shadow(0 0 10px #FF4DDD)}.lightning>*{position:relative;z-index:1}.energy-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(180deg,#ff4ddd,#e040fb);opacity:.7;z-index:1;border-radius:0 0 60px 60px/0 0 80px 80px;transition:height .3s}.tap-here{position:absolute;bottom:60px;left:0;width:100%;text-align:center;font-size:2rem;color:#ff80ab;font-weight:700;letter-spacing:.1em;text-shadow:0 0 10px #fff,0 0 20px #e040fb;animation:pulse 1.2s infinite alternate}@keyframes pulse{0%{opacity:1}to{opacity:.5}}.energy-text{margin-bottom:50px;width:100%;text-align:center;font-size:2.1rem;color:#b388ff;font-family:PT Sans,sans-serif;font-weight:700;text-shadow:0 0 10px #fff,0 0 20px #e040fb,0 0 8px #a020f0;letter-spacing:.1em;display:flex;justify-content:center;align-items:center}.energy-digits{display:flex;background-color:#9216ff;padding:3px;border-radius:.4em;overflow:hidden;margin-right:.15em;transition:.4s ease-in-out}.energy-digit{display:inline-block;min-width:1.1em;color:#ff4ddd;background:#3a1526af;box-shadow:0 0 8px #3a1526 inset;border-radius:.2em;font-size:1.8em;text-shadow:0 0 8px rgba(60,0,80,.5),0 0 2px #3A1526;margin:0 .03em;font-weight:900}.energy-percent{color:#9216ff;font-size:1.1em;margin-left:.1em;text-shadow:none}.frame4 .egpa-box{margin:2rem auto 1rem;background:#fff2;color:#fff;font-size:2.5rem;font-weight:700;padding:2rem 2.5rem;border-radius:18px;box-shadow:0 0 30px #fff8,0 0 60px #e040fb88;text-align:center;letter-spacing:.1em}.frame4 .syringe{width:16px;height:80px;background:linear-gradient(180deg,#fff 60%,#b388ff);margin:0 auto;border-radius:8px;box-shadow:0 0 10px #fff8}.bacteria-img{position:absolute;height:auto;z-index:2;opacity:.85;pointer-events:none;transition:.5s ease-in-out}@keyframes bacteria-rise-custom{0%{opacity:0;transform:translateY(0) scale(.8) rotate(var(--rotStart, 0deg));top:100%}60%{opacity:1;transform:translateY(-40%) scale(1.05) rotate(calc((var(--rotStart, 0deg) + var(--rotEnd, 0deg))/2))}to{opacity:0;transform:translateY(-120%) scale(1) rotate(var(--rotEnd, 0deg));top:-15%}}.tap-animate{filter:saturate(2) drop-shadow(0 0 8px #fff)!important;transition:filter .12s}.bacteria-img.tap-animate,.energy-digits.tap-animate{filter:saturate(1.5) drop-shadow(0 0 6px #a020f0)!important;transition:filter .18s}@media screen and (max-width: 1024px){.ring{width:150vw;min-height:400px}div.game-container{max-width:600px}.frame{width:600px}}@media (max-width: 500px){div.game-container{max-width:450px;background-size:cover}.frame{width:100vw;min-height:400px}.ring{width:300vw}.logo{font-size:1.1rem}.lightning{width:200px;height:380px}.frame4 .egpa-box{font-size:1.3rem;padding:1rem .5rem}.energy-text,.tap-here{font-size:1.2rem}.energy-digit{font-size:2.5em}}