@import"https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap";@font-face{font-family:Eurostile Extended;src:url(/assets/EurostileExtended-Roman-CjajRKwL.eot);src:url(/assets/EurostileExtended-Roman-CjajRKwL.eot?#iefix) format("embedded-opentype"),url(/assets/EurostileExtended-Roman-cl0Fp0q9.woff2) format("woff2"),url(/assets/EurostileExtended-Roman-BYYezEPX.woff) format("woff"),url(/assets/EurostileExtended-Roman-BFDyn_H-.ttf) format("truetype"),url(/assets/EurostileExtended-Roman-BAhX8t9W.svg#EurostileExtended-Roman) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Eurostile Extended;src:url(/assets/EurostileExtended-Black-WC4ZCeNx.eot);src:url(/assets/EurostileExtended-Black-WC4ZCeNx.eot?#iefix) format("embedded-opentype"),url(/assets/EurostileExtended-Black-Ba0wDx6K.woff2) format("woff2"),url(/assets/EurostileExtended-Black-C6cNscUE.woff) format("woff"),url(/assets/EurostileExtended-Black-BIS8lxaC.ttf) format("truetype"),url(/assets/EurostileExtended-Black-DfJW1bOf.svg#EurostileExtended-Black) format("svg");font-weight:700;font-style:normal;font-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;background-attachment:fixed;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:auto;min-height:100dvh}.frame2{background:url(/assets/bg.png) no-repeat center center;background-size:cover;width:auto;height:100dvh;justify-content:space-between;transition:.4s ease}.frame2:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:15;opacity:0;background:linear-gradient(to right,#0000008c,#00000038 8%,#0000 18%),linear-gradient(to left,#0000008c,#00000038 8%,#0000 18%),linear-gradient(to bottom,#00000047,#0000001f,#0000 16%),linear-gradient(to top,#0000005c,#00000024,#0000 18%);box-shadow:inset 32px 0 44px #0000004d,inset -32px 0 44px #0000004d,inset 0 24px 32px #00000029,inset 0 -32px 40px #0003;transition:opacity .28s cubic-bezier(.22,1,.36,1)}.frame2.tap-vignette:after{opacity:1}.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;z-index:16;opacity:.5;transition:.5s ease-in-out}.frame4{background:url(/assets/f4.png) no-repeat center center;background-size:cover;width:auto;min-height:100dvh}.logo{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center;text-shadow:0 0 10px #ffd54a,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;box-shadow:0 0 var(--lightning-core-glow, 16px) rgba(255,255,255,var(--lightning-core-alpha, .14));filter:drop-shadow(0 0 var(--lightning-drop-glow, 14px) rgba(255,223,88,calc(var(--lightning-core-alpha, .14) + .18)))}.lightning:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,var(--lightning-core-alpha, .14));clip-path:inherit;z-index:0;box-shadow:0 0 var(--lightning-core-blur, 12px) rgba(255,255,255,calc(var(--lightning-core-alpha, .14) + .08)),0 0 var(--lightning-outer-glow, 24px) rgba(255,213,74,calc(var(--lightning-core-alpha, .14) + .12));filter:blur(.5px) drop-shadow(0 0 var(--lightning-drop-glow, 14px) rgba(255,223,88,calc(var(--lightning-core-alpha, .14) + .16)))}.lightning>*{position:relative;z-index:1}.energy-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(180deg,#fff1a8,#ffbf00);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:#ffe082;font-weight:700;letter-spacing:.1em;text-shadow:0 0 10px #fff,0 0 20px #ffd54a;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:#f1f1f1;font-family:Eurostile Extended,PT Sans,sans-serif;font-weight:700;text-shadow:0 4px 18px rgba(0,0,0,.75);letter-spacing:.04em;display:flex;justify-content:center;align-items:center}.energy-digits{position:relative;display:inline-flex;align-items:center;gap:.12em;padding:.18em .28em .24em;border-radius:.45em;border:4px solid #d8d8d8;background:linear-gradient(180deg,#2e3036,#101114 45%,#050507);box-shadow:0 0 0 2px #ffffff73,0 10px 24px #0009,0 0 24px #fff3;overflow:hidden;transition:.4s ease-in-out}.energy-digits:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff4d,#ffffff14 18%,#fff0 38%,#00000040);pointer-events:none}.energy-digit{position:relative;display:grid;place-items:center;min-width:1.1em;height:1.34em;padding:0 .12em;color:#f5f5f5;background:linear-gradient(180deg,#4f5258,#22252b 48%,#090a0d 52%,#1c1f25);box-shadow:inset 0 1px #ffffff40,inset 0 -10px 18px #0000008c,0 1px #ffffff1f;border-radius:.16em;font-size:1.8em;font-weight:700;line-height:1;letter-spacing:0;text-shadow:0 2px 5px rgba(0,0,0,.8),0 0 8px rgba(255,255,255,.15);z-index:1}.energy-digit:before{content:"";position:absolute;left:0;right:0;top:49%;height:1px;background:#ffffff14;box-shadow:0 1px #0000008c}.energy-digit:after,.energy-percent:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#ffffff14,#fff0 22%,#0000 78%,#0000004d);pointer-events:none}.energy-digit-value,.energy-percent{position:relative;z-index:1;color:#fff}.energy-digit-complete{min-width:auto;padding:0 .6em;font-size:1.02em;letter-spacing:.08em}.energy-percent{display:grid;place-items:center;min-width:.95em;height:1.34em;padding:0 .16em;font-size:1.8em;font-weight:700;line-height:1;border-radius:.16em;background:linear-gradient(180deg,#4f5258,#22252b 48%,#090a0d 52%,#1c1f25);box-shadow:inset 0 1px #ffffff40,inset 0 -10px 18px #0000008c,0 1px #ffffff1f;text-shadow:0 2px 5px rgba(0,0,0,.8),0 0 8px rgba(255,255,255,.15);z-index:1}.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 #ffd54a88;text-align:center;letter-spacing:.1em}.frame4 .syringe{width:16px;height:80px;background:linear-gradient(180deg,#fff 60%,#ffdf58);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 #ffcf33)!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,.energy-percent{font-size:2.5em}}