.App{opacity:1;-webkit-transition:opacity .5s ease-in;-moz-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.App,.App-hidden{text-align:center;display:flex;flex-direction:column}.App-hidden{opacity:0}#Menu.display,.Game{display:flex;justify-content:center;align-items:center}#Menu.display{flex-direction:column;background-color:#131313;-webkit-box-shadow:0 0 2rem #00000080;-moz-box-shadow:0 0 2rem #00000080;box-shadow:0 0 2rem #00000080;padding:5rem;width:40vh;height:40vh;border-radius:50%;border:6px solid #fc0;position:absolute;text-align:center;top:50%;left:50%;opacity:1;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .3s ease-in 1.5s;-moz-transition:opacity .3s ease-in 1.5s;-o-transition:opacity .3s ease-in 1.5s;transition:opacity .3s ease-in 1.5s}@media only screen and (max-width:600px){#Menu.display{width:50vh;height:50vh}}#Menu.menu_hidden{z-index:-100;opacity:0;-webkit-transition:opacity .3s ease-in;-moz-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;transition:opacity .3s ease-in}#Menu .title{font-family:Indie Flower;color:#fc0;margin-bottom:0}#Menu hr{color:#eee;margin-bottom:1rem;width:100%}#Menu .menu-text{font-size:1rem;font-weight:700;margin:.2rem 0}#Menu .token{color:#fc0;margin:1rem;font-size:1rem;cursor:pointer}#Menu button{background-color:#fff;color:#1b4f79;border:none;width:3rem;height:3rem;margin:1rem .3rem;border-radius:50%;font-size:1.5rem;cursor:pointer}table{width:30vh;height:30vh;border-collapse:collapse}td{text-align:center;vertical-align:middle;border:transparent}@media (max-height:600px){#Menu .title{font-size:1.5rem;margin-bottom:0}#Menu .menu-text{font-size:.8rem;font-weight:700;margin:.2rem 0}#Menu button{width:2rem;height:2rem;margin:.3rem;font-size:1rem}}#Grid{position:absolute;width:30vh;height:30vh;z-index:-500}#Grid .line{stroke:#fc0;stroke-width:3px;stroke-dasharray:180px;stroke-dashoffset:-180px;fill:transparent}#Grid .animate1{stroke-dashoffset:0px;-webkit-transition:stroke-dashoffset .2s ease-in;-moz-transition:stroke-dashoffset .2s ease-in;-o-transition:stroke-dashoffset .2s ease-in;transition:stroke-dashoffset .2s ease-in}#Grid .animate2,#Grid .line1-shown{stroke-dashoffset:0px;-webkit-transition:stroke-dashoffset .2s ease-in .2s;-moz-transition:stroke-dashoffset .2s ease-in .2s;-o-transition:stroke-dashoffset .2s ease-in .2s;transition:stroke-dashoffset .2s ease-in .2s}#Grid .animate3{stroke-dashoffset:0px;-webkit-transition:stroke-dashoffset .2s ease-in .4s;-moz-transition:stroke-dashoffset .2s ease-in .4s;-o-transition:stroke-dashoffset .2s ease-in .4s;transition:stroke-dashoffset .2s ease-in .4s}#Grid .animate4{stroke-dashoffset:0px;-webkit-transition:stroke-dashoffset .2s ease-in .6s;-moz-transition:stroke-dashoffset .2s ease-in .6s;-o-transition:stroke-dashoffset .2s ease-in .6s;transition:stroke-dashoffset .2s ease-in .6s}.cross{stroke:#fc0;stroke-width:6px;stroke-dasharray:226.274169921875px;stroke-dashoffset:-226.274169921875px;fill:transparent;transition:stroke-dashoffset .3 linear}.cross1-shown{-webkit-transition:stroke-dashoffset .2s ease-in;-moz-transition:stroke-dashoffset .2s ease-in;-o-transition:stroke-dashoffset .2s ease-in;transition:stroke-dashoffset .2s ease-in}.cross1-shown,.cross2-shown{stroke:#fc0;stroke-width:6px;stroke-dasharray:226.274169921875px;stroke-dashoffset:0px;fill:transparent}.cross2-shown{-webkit-transition:stroke-dashoffset .2s ease-in .2s;-moz-transition:stroke-dashoffset .2s ease-in .2s;-o-transition:stroke-dashoffset .2s ease-in .2s;transition:stroke-dashoffset .2s ease-in .2s}.xWon1{-webkit-transition:all .5s ease-in .1s,stroke .5s ease-in 1.1s;-moz-transition:all .5s ease-in .1s,stroke .5s ease-in 1.1s;-o-transition:all .5s ease-in .1s,stroke .5s ease-in 1.1s;transition:all .5s ease-in .1s,stroke .5s ease-in 1.1s}.xWon1,.xWon2{stroke:#b10;stroke-width:6px;stroke-dasharray:226.274169921875px;stroke-dashoffset:0px;fill:transparent}.xWon2{-webkit-transition:all .5s ease-in .6s,stroke .5s ease-in 1.1s;-moz-transition:all .5s ease-in .6s,stroke .5s ease-in 1.1s;-o-transition:all .5s ease-in .6s,stroke .5s ease-in 1.1s;transition:all .5s ease-in .6s,stroke .5s ease-in 1.1s}.circle{stroke:#fc0;stroke-width:6px;stroke-dasharray:263.93072509765625px;stroke-dashoffset:-263.93072509765625px;fill:transparent;opacity:0}.circle-shown{stroke:#fc0;stroke-width:6px;stroke-dasharray:263.93072509765625px;stroke-dashoffset:0px;fill:transparent;-webkit-transition:stroke-dashoffset .3s ease-in .1s;-moz-transition:stroke-dashoffset .3s ease-in .1s;-o-transition:stroke-dashoffset .3s ease-in .1s;transition:stroke-dashoffset .3s ease-in .1s}.oWon{stroke:#b10;stroke-width:6px;stroke-dasharray:263.93072509765625px;stroke-dashoffset:0px;fill:transparent;-webkit-transition:stroke-dashoffset .8s ease-in .6s,stroke .5s ease-in 1.2s;-moz-transition:stroke-dashoffset .8s ease-in .6s,stroke .5s ease-in 1.2s;-o-transition:stroke-dashoffset .8s ease-in .6s,stroke .5s ease-in 1.2s;transition:stroke-dashoffset .8s ease-in .6s,stroke .5s ease-in 1.2s}.clickable{cursor:pointer}.zIndex40{z-index:40}.scoreboard{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:.5rem 0;width:100%}.score-item,.scoreboard{display:flex;align-items:center}.score-item{flex-direction:column;gap:2px}.score-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#aaa;font-weight:600}.score-val{font-size:1.4rem;font-weight:800;color:#fc0;line-height:1}.score-divider{width:1px;height:2rem;background:#ffffff22;margin:0 .25rem}.score-hint{width:100%;text-align:center;font-size:.7rem;color:#888;margin:.4rem 0 0;letter-spacing:.05em}.champion-title{font-size:2rem!important;animation:pulse-gold 1s ease-in-out infinite alternate}#Menu .reset-btn{background-color:#fc0;color:#131313;border:none;width:auto;height:auto;padding:.5rem 1.75rem;border-radius:2rem;font-size:.95rem;font-weight:700;cursor:pointer;margin-top:.75rem;transition:transform .15s ease;display:block;margin-left:auto;margin-right:auto}#Menu .reset-btn:hover{transform:scale(1.06)}@keyframes pulse-gold{0%{text-shadow:0 0 6px #fc0}to{text-shadow:0 0 20px #fc0,0 0 40px orange}}.book_button{--yellow:#fcd500;font-size:15px;padding:.7em 2.7em;letter-spacing:.06em;position:relative;font-family:inherit;border-radius:.6em;overflow:hidden;transition:all .3s;line-height:1.4em;border:2px solid var(--yellow);background:linear-gradient(90deg,rgba(252,213,0,.1) 1%,transparent 40%,transparent 60%,rgba(252,213,0,.1));color:var(--yellow);box-shadow:inset 0 0 10px rgba(252,213,0,.4),0 0 9px 3px rgba(252,213,0,.1)}.book_button:hover{color:#fcd500;box-shadow:inset 0 0 10px rgba(252,213,0,.6),0 0 9px 3px rgba(252,213,0,.2)}.book_button:before{content:"";position:absolute;left:-4em;width:4em;height:100%;top:0;transition:transform .4s ease-in-out;background:linear-gradient(90deg,transparent 1%,rgba(252,213,0,.1) 40%,rgba(252,213,0,.1) 60%,transparent)}.book_button:hover:before{transform:translateX(15em)}.download_button{position:relative;width:150px;height:45px;cursor:pointer;display:flex;align-items:center;overflow:hidden}.download_button,.download_button__icon,.download_button__text{transition:all .3s}.download_button .download_button__text{transform:translateX(22px);color:#fcd500;font-weight:400}.download_button .download_button__icon{position:absolute;transform:translateX(109px);height:100%;width:39px;background-color:#fcd500;display:flex;align-items:center;justify-content:center}.download_button .svg{width:20px;fill:#fff}.download_button:hover{background:#fcd500}.download_button:hover .download_button__text{color:transparent}.download_button:hover .download_button__icon{width:148px;transform:translateX(0)}.download_button:active .download_button__icon{background-color:#fcd500}.download_button:active{border:1px solid #fcd500}.tic_tac_game{height:60vh;font-family:Merriweather,sans-serif;background:radial-gradient(ellipse at center,#1a1a2e 0,#0d0d0d 100%);color:#eee;display:flex;justify-content:center;align-items:center}.cloud-1{animation:float 60s linear infinite;top:10%;animation-delay:5s}.cloud-1,.cloud-2{position:absolute;visibility:hidden;width:100px;opacity:.3}.cloud-2{animation:float 55s linear infinite;top:8%;animation-delay:15s}.cloud-3{animation:float 50s linear infinite;top:12%;animation-delay:10s}.cloud-3,.cloud-4{position:absolute;visibility:hidden;width:100px;opacity:.3}.cloud-4{animation:float 40s linear infinite;top:10%;animation-delay:12s}.cloud-5{animation:float 45s linear infinite;top:9%;animation-delay:25s}.cloud-5,.cloud-6{position:absolute;visibility:hidden;width:100px;opacity:.3}.cloud-6{animation:float 30s linear infinite;top:7%;animation-delay:20s}.cloud-7{animation:float 35s linear infinite;top:8%;animation-delay:7s}.cloud-7,.cloud-8{position:absolute;visibility:hidden;width:100px;opacity:.3}.cloud-8{animation:float 55s linear infinite;top:7%;animation-delay:35s}.cloud-9{animation:float 30s linear infinite;top:10%;animation-delay:40s}.cloud-10,.cloud-9{position:absolute;visibility:hidden;width:100px;opacity:.3}.cloud-10{animation:float 50s linear infinite;top:11%;animation-delay:25s}@keyframes float{0%{visibility:visible;left:-100px;transform:translateY(-50%)}to{left:120%;transform:translateY(-50%)}}#flip{z-index:11;perspective:2000px;transform-style:preserve-3d}#flip .back,#flip .front{border-radius:500px;width:100px;height:100px;display:block;position:absolute;color:#fff;transition:transform 1s ease-in-out}#flip .front{background:var(--primary);transform:rotateY(0deg);backface-visibility:hidden;z-index:12}#flip:hover .front{transform:rotateY(180deg)}#flip .back{background:#aaa;transform:rotateY(-180deg);backface-visibility:hidden;z-index:13}#flip:hover .back{transform:rotateY(0deg);z-index:19}.animate-rocket{animation:rocket 3s ease-in-out infinite}@keyframes rocket{0%{transform:translate(0) rotate(0)}30%{transform:translate(20px,-30px) rotate(0deg)}to{transform:translate(0) rotate(0deg)}}.animate-circle-writing{animation:circle-writing 7s linear infinite;transform-origin:bottom center}@keyframes circle-writing{0%{transform:translateY(-50px) rotate(0deg)}25%{transform:translate(50px) rotate(0deg)}50%{transform:translateY(50px) rotate(0deg)}75%{transform:translate(-50px) rotate(0deg)}to{transform:translateY(-50px) rotate(0deg)}}.hero-float{animation:hero-float 4s ease-in-out infinite}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.gradient-text{background:linear-gradient(90deg,#fcd500,#ff4b55,#fcd500);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease infinite}@keyframes gradient-shift{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.cursor-glow{position:fixed;pointer-events:none;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(252,213,0,.07) 0,transparent 65%);transform:translate(-50%,-50%);z-index:9999;transition:left .12s ease-out,top .12s ease-out}