.navigation{background-color:#000;flex-grow:1;width:100%;max-width:400px;height:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1f1f1f}.character{background-color:#fff;position:absolute}.object{background-color:#e570fa;position:absolute}.score{color:#fff;font-size:18px;position:absolute;top:10px;right:10px}
.targeting-container{justify-content:center;align-items:stretch;width:100%;height:100%;display:flex;position:absolute;top:0}.targeting{align-items:start;width:100%;max-width:400px;height:100%;display:flex;position:relative}.color-circle{border-radius:50%;width:100px;height:100px;transition:background-color .3s;position:absolute}@keyframes circleAnimationFromLeft{0%{transform:translate(0px,calc(-5*var(--vh)))scale(.2)}1%{transform:translate(3px,calc(-4.9*var(--vh)))scale(.22)}2%{transform:translate(6px,calc(-4.8*var(--vh)))scale(.24)}3%{transform:translate(9px,calc(-4.65*var(--vh)))scale(.26)}4%{transform:translate(12px,calc(-4.5*var(--vh)))scale(.28)}5%{transform:translate(15px,calc(-4.3*var(--vh)))scale(.3)}6%{transform:translate(18px,calc(-4.1*var(--vh)))scale(.32)}7%{transform:translate(21px,calc(-3.85*var(--vh)))scale(.34)}8%{transform:translate(24px,calc(-3.6*var(--vh)))scale(.36)}9%{transform:translate(27px,calc(-3.3*var(--vh)))scale(.38)}10%{transform:translate(30px,calc(-3*var(--vh)))scale(.4)}11%{transform:translate(33px,calc(-2.7*var(--vh)))scale(.42)}12%{transform:translate(36px,calc(-2.4*var(--vh)))scale(.44)}13%{transform:translate(39px,calc(-2.05*var(--vh)))scale(.46)}14%{transform:translate(42px,calc(-1.7*var(--vh)))scale(.48)}15%{transform:translate(45px,calc(-1.3*var(--vh)))scale(.5)}16%{transform:translate(48px,calc(-.9*var(--vh)))scale(.52)}17%{transform:translate(51px,calc(-.45*var(--vh)))scale(.54)}18%{transform:translate(54px,calc(0*var(--vh)))scale(.56)}19%{transform:translate(57px,calc(.5*var(--vh)))scale(.58)}20%{transform:translate(60px,calc(1*var(--vh)))scale(.6)}21%{transform:translate(63px,calc(1.55*var(--vh)))scale(.62)}22%{transform:translate(66px,calc(2.1*var(--vh)))scale(.64)}23%{transform:translate(69px,calc(2.7*var(--vh)))scale(.66)}24%{transform:translate(72px,calc(3.3*var(--vh)))scale(.68)}25%{transform:translate(75px,calc(4*var(--vh)))scale(.7)}26%{transform:translate(78px,calc(4.7*var(--vh)))scale(.72)}27%{transform:translate(81px,calc(5.45*var(--vh)))scale(.74)}28%{transform:translate(84px,calc(6.2*var(--vh)))scale(.76)}29%{transform:translate(87px,calc(7*var(--vh)))scale(.78)}30%{transform:translate(90px,calc(7.8*var(--vh)))scale(.8)}31%{transform:translate(93px,calc(8.6*var(--vh)))scale(.82)}32%{transform:translate(96px,calc(9.45*var(--vh)))scale(.84)}33%{transform:translate(99px,calc(10.3*var(--vh)))scale(.86)}34%{transform:translate(102px,calc(11.2*var(--vh)))scale(.88)}35%{transform:translate(105px,calc(12.1*var(--vh)))scale(.9)}36%{transform:translate(108px,calc(13*var(--vh)))scale(.92)}37%{transform:translate(111px,calc(13.9*var(--vh)))scale(.94)}38%{transform:translate(114px,calc(14.8*var(--vh)))scale(.96)}39%{transform:translate(117px,calc(15.75*var(--vh)))scale(.98)}40%{transform:translate(120px,calc(16.7*var(--vh)))scale(1)}41%{transform:translate(123px,calc(17.65*var(--vh)))scale(.98)}42%{transform:translate(126px,calc(18.6*var(--vh)))scale(.96)}43%{transform:translate(129px,calc(19.55*var(--vh)))scale(.94)}44%{transform:translate(132px,calc(20.5*var(--vh)))scale(.92)}45%{transform:translate(135px,calc(21.45*var(--vh)))scale(.9)}46%{transform:translate(138px,calc(22.4*var(--vh)))scale(.88)}47%{transform:translate(141px,calc(23.35*var(--vh)))scale(.86)}48%{transform:translate(144px,calc(24.3*var(--vh)))scale(.84)}49%{transform:translate(147px,calc(25.25*var(--vh)))scale(.82)}50%{transform:translate(150px,calc(26.2*var(--vh)))scale(.8)}51%{transform:translate(153px,calc(27.15*var(--vh)))scale(.78)}52%{transform:translate(156px,calc(28.1*var(--vh)))scale(.76)}53%{transform:translate(159px,calc(29.05*var(--vh)))scale(.74)}54%{transform:translate(162px,calc(30*var(--vh)))scale(.72)}55%{transform:translate(165px,calc(30.95*var(--vh)))scale(.7)}56%{transform:translate(168px,calc(31.9*var(--vh)))scale(.68)}57%{transform:translate(171px,calc(32.85*var(--vh)))scale(.66)}58%{transform:translate(174px,calc(33.8*var(--vh)))scale(.64)}59%{transform:translate(177px,calc(34.75*var(--vh)))scale(.62)}60%{transform:translate(180px,calc(35.7*var(--vh)))scale(.6)}61%{transform:translate(183px,calc(36.65*var(--vh)))scale(.58)}62%{transform:translate(186px,calc(37.6*var(--vh)))scale(.56)}63%{transform:translate(189px,calc(38.55*var(--vh)))scale(.54)}64%{transform:translate(192px,calc(39.5*var(--vh)))scale(.52)}65%{transform:translate(195px,calc(40.45*var(--vh)))scale(.5)}66%{transform:translate(198px,calc(41.4*var(--vh)))scale(.48)}67%{transform:translate(201px,calc(42.35*var(--vh)))scale(.46)}68%{transform:translate(204px,calc(43.3*var(--vh)))scale(.44)}69%{transform:translate(207px,calc(44.25*var(--vh)))scale(.42)}70%{transform:translate(210px,calc(45.2*var(--vh)))scale(.4)}71%{transform:translate(213px,calc(46.15*var(--vh)))scale(.38)}72%{transform:translate(216px,calc(47.1*var(--vh)))scale(.36)}73%{transform:translate(219px,calc(48.05*var(--vh)))scale(.34)}74%{transform:translate(222px,calc(49*var(--vh)))scale(.32)}75%{transform:translate(225px,calc(49.95*var(--vh)))scale(.3)}76%{transform:translate(228px,calc(50.9*var(--vh)))scale(.28)}77%{transform:translate(231px,calc(51.85*var(--vh)))scale(.26)}78%{transform:translate(234px,calc(52.8*var(--vh)))scale(.24)}79%{transform:translate(237px,calc(53.75*var(--vh)))scale(.22)}80%{transform:translate(240px,calc(54.7*var(--vh)))scale(.2)}81%{transform:translate(243px,calc(55.65*var(--vh)))scale(.18)}82%{transform:translate(246px,calc(56.6*var(--vh)))scale(.16)}83%{transform:translate(249px,calc(57.55*var(--vh)))scale(.14)}84%{transform:translate(252px,calc(58.5*var(--vh)))scale(.12)}85%{transform:translate(255px,calc(59.45*var(--vh)))scale(.1)}86%{transform:translate(258px,calc(60.4*var(--vh)))scale(.08)}87%{transform:translate(261px,calc(61.35*var(--vh)))scale(.06)}88%{transform:translate(264px,calc(62.3*var(--vh)))scale(.04)}89%{transform:translate(267px,calc(63.25*var(--vh)))scale(.02)}90%{transform:translate(270px,calc(64.2*var(--vh)))scale(.01)}91%{transform:translate(273px,calc(65.15*var(--vh)))scale(.01)}92%{transform:translate(276px,calc(66.1*var(--vh)))scale(.01)}93%{transform:translate(279px,calc(67.05*var(--vh)))scale(.01)}94%{transform:translate(282px,calc(68*var(--vh)))scale(.01)}95%{transform:translate(285px,calc(68.95*var(--vh)))scale(.01)}96%{transform:translate(288px,calc(69.9*var(--vh)))scale(.01)}97%{transform:translate(291px,calc(70.85*var(--vh)))scale(.01)}98%{transform:translate(294px,calc(71.8*var(--vh)))scale(.01)}99%{transform:translate(297px,calc(72.75*var(--vh)))scale(.01)}to{transform:translate(300px,calc(100*var(--vh)))scale(.01)}}@keyframes circleAnimationFromRight{0%{transform:translate(0px,calc(-5*var(--vh)))scale(.2)}1%{transform:translate(-3px,calc(-4.9*var(--vh)))scale(.22)}2%{transform:translate(-6px,calc(-4.8*var(--vh)))scale(.24)}3%{transform:translate(-9px,calc(-4.65*var(--vh)))scale(.26)}4%{transform:translate(-12px,calc(-4.5*var(--vh)))scale(.28)}5%{transform:translate(-15px,calc(-4.3*var(--vh)))scale(.3)}6%{transform:translate(-18px,calc(-4.1*var(--vh)))scale(.32)}7%{transform:translate(-21px,calc(-3.85*var(--vh)))scale(.34)}8%{transform:translate(-24px,calc(-3.6*var(--vh)))scale(.36)}9%{transform:translate(-27px,calc(-3.3*var(--vh)))scale(.38)}10%{transform:translate(-30px,calc(-3*var(--vh)))scale(.4)}11%{transform:translate(-33px,calc(-2.7*var(--vh)))scale(.42)}12%{transform:translate(-36px,calc(-2.4*var(--vh)))scale(.44)}13%{transform:translate(-39px,calc(-2.05*var(--vh)))scale(.46)}14%{transform:translate(-42px,calc(-1.7*var(--vh)))scale(.48)}15%{transform:translate(-45px,calc(-1.3*var(--vh)))scale(.5)}16%{transform:translate(-48px,calc(-.9*var(--vh)))scale(.52)}17%{transform:translate(-51px,calc(-.45*var(--vh)))scale(.54)}18%{transform:translate(-54px,calc(0*var(--vh)))scale(.56)}19%{transform:translate(-57px,calc(.5*var(--vh)))scale(.58)}20%{transform:translate(-60px,calc(1*var(--vh)))scale(.6)}21%{transform:translate(-63px,calc(1.55*var(--vh)))scale(.62)}22%{transform:translate(-66px,calc(2.1*var(--vh)))scale(.64)}23%{transform:translate(-69px,calc(2.7*var(--vh)))scale(.66)}24%{transform:translate(-72px,calc(3.3*var(--vh)))scale(.68)}25%{transform:translate(-75px,calc(4*var(--vh)))scale(.7)}26%{transform:translate(-78px,calc(4.7*var(--vh)))scale(.72)}27%{transform:translate(-81px,calc(5.45*var(--vh)))scale(.74)}28%{transform:translate(-84px,calc(6.2*var(--vh)))scale(.76)}29%{transform:translate(-87px,calc(7*var(--vh)))scale(.78)}30%{transform:translate(-90px,calc(7.8*var(--vh)))scale(.8)}31%{transform:translate(-93px,calc(8.6*var(--vh)))scale(.82)}32%{transform:translate(-96px,calc(9.45*var(--vh)))scale(.84)}33%{transform:translate(-99px,calc(10.3*var(--vh)))scale(.86)}34%{transform:translate(-102px,calc(11.2*var(--vh)))scale(.88)}35%{transform:translate(-105px,calc(12.1*var(--vh)))scale(.9)}36%{transform:translate(-108px,calc(13*var(--vh)))scale(.92)}37%{transform:translate(-111px,calc(13.9*var(--vh)))scale(.94)}38%{transform:translate(-114px,calc(14.8*var(--vh)))scale(.96)}39%{transform:translate(-117px,calc(15.75*var(--vh)))scale(.98)}40%{transform:translate(-120px,calc(16.7*var(--vh)))scale(1)}41%{transform:translate(-123px,calc(17.65*var(--vh)))scale(.98)}42%{transform:translate(-126px,calc(18.6*var(--vh)))scale(.96)}43%{transform:translate(-129px,calc(19.55*var(--vh)))scale(.94)}44%{transform:translate(-132px,calc(20.5*var(--vh)))scale(.92)}45%{transform:translate(-135px,calc(21.45*var(--vh)))scale(.9)}46%{transform:translate(-138px,calc(22.4*var(--vh)))scale(.88)}47%{transform:translate(-141px,calc(23.35*var(--vh)))scale(.86)}48%{transform:translate(-144px,calc(24.3*var(--vh)))scale(.84)}49%{transform:translate(-147px,calc(25.25*var(--vh)))scale(.82)}50%{transform:translate(-150px,calc(26.2*var(--vh)))scale(.8)}51%{transform:translate(-153px,calc(27.15*var(--vh)))scale(.78)}52%{transform:translate(-156px,calc(28.1*var(--vh)))scale(.76)}53%{transform:translate(-159px,calc(29.05*var(--vh)))scale(.74)}54%{transform:translate(-162px,calc(30*var(--vh)))scale(.72)}55%{transform:translate(-165px,calc(30.95*var(--vh)))scale(.7)}56%{transform:translate(-168px,calc(31.9*var(--vh)))scale(.68)}57%{transform:translate(-171px,calc(32.85*var(--vh)))scale(.66)}58%{transform:translate(-174px,calc(33.8*var(--vh)))scale(.64)}59%{transform:translate(-177px,calc(34.75*var(--vh)))scale(.62)}60%{transform:translate(-180px,calc(35.7*var(--vh)))scale(.6)}61%{transform:translate(-183px,calc(36.65*var(--vh)))scale(.58)}62%{transform:translate(-186px,calc(37.6*var(--vh)))scale(.56)}63%{transform:translate(-189px,calc(38.55*var(--vh)))scale(.54)}64%{transform:translate(-192px,calc(39.5*var(--vh)))scale(.52)}65%{transform:translate(-195px,calc(40.45*var(--vh)))scale(.5)}66%{transform:translate(-198px,calc(41.4*var(--vh)))scale(.48)}67%{transform:translate(-201px,calc(42.35*var(--vh)))scale(.46)}68%{transform:translate(-204px,calc(43.3*var(--vh)))scale(.44)}69%{transform:translate(-207px,calc(44.25*var(--vh)))scale(.42)}70%{transform:translate(-210px,calc(45.2*var(--vh)))scale(.4)}71%{transform:translate(-213px,calc(46.15*var(--vh)))scale(.38)}72%{transform:translate(-216px,calc(47.1*var(--vh)))scale(.36)}73%{transform:translate(-219px,calc(48.05*var(--vh)))scale(.34)}74%{transform:translate(-222px,calc(49*var(--vh)))scale(.32)}75%{transform:translate(-225px,calc(49.95*var(--vh)))scale(.3)}76%{transform:translate(-228px,calc(50.9*var(--vh)))scale(.28)}77%{transform:translate(-231px,calc(51.85*var(--vh)))scale(.26)}78%{transform:translate(-234px,calc(52.8*var(--vh)))scale(.24)}79%{transform:translate(-237px,calc(53.75*var(--vh)))scale(.22)}80%{transform:translate(-240px,calc(54.7*var(--vh)))scale(.2)}81%{transform:translate(-243px,calc(55.65*var(--vh)))scale(.18)}82%{transform:translate(-246px,calc(56.6*var(--vh)))scale(.16)}83%{transform:translate(-249px,calc(57.55*var(--vh)))scale(.14)}84%{transform:translate(-252px,calc(58.5*var(--vh)))scale(.12)}85%{transform:translate(-255px,calc(59.45*var(--vh)))scale(.1)}86%{transform:translate(-258px,calc(60.4*var(--vh)))scale(.08)}87%{transform:translate(-261px,calc(61.35*var(--vh)))scale(.06)}88%{transform:translate(-264px,calc(62.3*var(--vh)))scale(.04)}89%{transform:translate(-267px,calc(63.25*var(--vh)))scale(.02)}90%{transform:translate(-270px,calc(64.2*var(--vh)))scale(.01)}91%{transform:translate(-273px,calc(65.15*var(--vh)))scale(.01)}92%{transform:translate(-276px,calc(66.1*var(--vh)))scale(.01)}93%{transform:translate(-279px,calc(67.05*var(--vh)))scale(.01)}94%{transform:translate(-282px,calc(68*var(--vh)))scale(.01)}95%{transform:translate(-285px,calc(68.95*var(--vh)))scale(.01)}96%{transform:translate(-288px,calc(69.9*var(--vh)))scale(.01)}97%{transform:translate(-291px,calc(70.85*var(--vh)))scale(.01)}98%{transform:translate(-294px,calc(71.8*var(--vh)))scale(.01)}99%{transform:translate(-297px,calc(72.75*var(--vh)))scale(.01)}to{transform:translate(-300px,calc(100*var(--vh)))scale(.01)}}.yellow{background-color:#ff0}.red{background-color:red}.blue{background-color:#00f}.screen-glow{width:100vw;height:calc(var(--vh,1vh)*100);pointer-events:none;z-index:100;box-shadow:none;position:fixed;top:0;left:0}@keyframes green-glow-animation{0%{box-shadow:none}20%{box-shadow:inset 0 0 10px 10px #00ff00b3}to{box-shadow:none}}@keyframes red-glow-animation{0%{box-shadow:none}20%{box-shadow:inset 0 0 10px 10px #ff0000b3}to{box-shadow:none}}.green-glow{animation:.5s ease-in-out forwards green-glow-animation}.red-glow{animation:.5s ease-in-out forwards red-glow-animation}
.game-container{flex-direction:column;flex-grow:1;justify-content:center;align-items:stretch;width:100%;height:100%;display:flex;position:relative}@media only screen and (orientation:landscape){.game-container{flex-direction:row;align-items:stretch;gap:20px}}.countdown{flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex}button{cursor:pointer;padding:10px 20px;font-size:1.2rem}h1,h2{color:#fff}.instructions{text-align:center}.instructions p{margin:5px 0;font-size:18px}.instructions button{cursor:pointer;border:0;outline:none;margin-top:20px;padding:10px 20px;font-size:20px}