@charset "UTF-8";@font-face{font-family:Digital-7;src:url(/build/assets/digital-7-DyjIeNPX.ttf) format("truetype");font-weight:400;font-style:normal}html,body{margin:0;padding:0;height:100%;font-family:Arial,sans-serif;color:#fff;background-color:#000;overscroll-behavior:none;touch-action:none}#app{display:flex;flex-direction:column;align-items:center;height:100svh;width:100%;overflow:hidden;padding:0;margin:0}.game-wrapper{width:100%;max-width:1500px;border-radius:none;box-shadow:0 0 20px #0006;background:transparent;border-left:4px solid #fff;border-right:4px solid #fff;box-sizing:border-box}#bottom{height:500px}#top{height:400px}.timer-section{min-height:45vh;display:flex;align-items:center;flex-direction:column;text-align:center;transition:background .3s ease;cursor:pointer;width:100%;box-sizing:border-box}.timer-section h1{font-family:Digital-7,monospace;font-size:6rem;margin:0;line-height:1;letter-spacing:2px;color:#fff}.timer-section h3{font-family:Arial,sans-serif;font-size:2.2rem;font-weight:700;margin-bottom:15px;color:#fff;letter-spacing:1px}#top{transform:rotate(180deg)}#top.start{background-color:#a22bc1eb}#bottom.start{background-color:#2068c5eb}.active{background-color:#90ee90eb}.paused{background-color:#cccccceb}.won{background-color:#4caf50f7!important;color:#fff}.lost{background-color:#dc3545f7!important;color:#fff}.control-bar{background-color:#000;width:100vw;height:10vh;color:#fff;padding:0 15px;gap:10px;border-top:4px solid #fff;border-bottom:4px solid #fff;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;flex-shrink:0}.form-check-input{display:none}.icon{font-size:24px;color:#fff}.icon.off{opacity:.5;text-decoration:line-through}@media (max-width: 1024px){.timer-section h1{font-size:4.5rem}.icon{font-size:20px}.control-bar{height:8vh}#app{padding:20px}}@media (max-width: 768px){.timer-section h1{font-size:3.5rem}.timer-section h3{font-size:1.6rem}.control-bar{flex-direction:row;justify-content:space-around;height:8vh}.player-choice{width:90px;height:90px;font-size:45px}.pause-menu{padding:30px 20px;width:95vw;max-width:350px;min-width:280px;border-radius:20px}.pause-menu h2{font-size:2rem;margin-bottom:25px}.player-choice-container{flex-direction:column;gap:20px;align-items:center}.player-choice{width:100px;height:100px;font-size:50px}}@media (max-width: 480px){.timer-section h1{font-size:8rem}.timer-section h3{font-size:2rem;margin-top:20px;margin-bottom:20px}.icon{font-size:18px}.control-bar{flex-wrap:wrap;height:auto;padding:10px;gap:15px}#app{padding:0 15px}.icon.fa-pause,.icon.fa-play{font-size:42px}.icon.fa-repeat{font-size:36px}.icon.fa-music,.icon.fa-bell,.icon.fa-bell-slash{font-size:20px}.player-choice{width:100px;height:100px;font-size:50px}.player-choice-container{gap:25px}.pause-menu{padding:25px 15px;width:98vw;min-width:260px;border-radius:15px;border-width:3px}.pause-menu h2{font-size:1.8rem;margin-bottom:20px}.player-choice{width:90px;height:90px;font-size:45px;border-width:3px}.player-choice-container{gap:15px}}@media (max-width: 375px){.timer-section h1{font-size:6rem}.timer-section h3{font-size:1.8rem}.icon{font-size:16px}.control-bar{flex-direction:column;height:auto;padding:10px;gap:10px}.pause-menu{padding:20px 12px;width:99vw;min-width:240px}.pause-menu h2{font-size:1.6rem;margin-bottom:18px}.player-choice{width:80px;height:80px;font-size:40px}}*{box-sizing:border-box}.main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;max-width:1000px;padding:20px;text-align:center;gap:40px}.main-logo{max-width:600px;height:auto}.start-button{background-color:#08204cd9;color:#fff;border:3px solid #fff;padding:15px 150px;border-radius:50px;font-size:24px;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #0000004d;transition:background-color .3s ease,transform .2s ease}.start-button:hover{background-color:#10357a;transform:scale(1.05)}.bottom-logos{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;padding:0 20px}.bottom-logos img{max-width:140px;width:100%;height:auto}.pause-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#000000f2,#141428f2);border:4px solid #fff;border-radius:25px;padding:40px;text-align:center;z-index:1000;display:none;width:90vw;max-width:400px;min-width:300px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px #000c,0 0 40px #ffffff1a;animation:popIn .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.player-choice-container{display:flex;justify-content:space-around;align-items:center;gap:25px}.player-choice{background:linear-gradient(145deg,#08204ce6,#0f3278e6);border:4px solid #fff;border-radius:50%;width:90px;height:90px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;font-size:45px;box-shadow:0 8px 25px #0000004d,inset 0 2px 4px #ffffff1a;animation:float 3s ease-in-out infinite}.player-choice:after{content:"✨";position:absolute;top:-20px;right:-10px;font-size:16px;opacity:0;transition:all .3s ease;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:0;transform:rotate(0) scale(.5)}50%{opacity:1;transform:rotate(180deg) scale(1)}}.player-choice:hover:after{opacity:1;animation:sparkleHover .6s ease infinite}@keyframes sparkleHover{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.2)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.2)}}.player-choice:nth-child(1){animation-delay:0s}.player-choice:nth-child(2){animation-delay:-1s}.player-choice:nth-child(3){animation-delay:-2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.player-choice:hover{transform:scale(1.2) translateY(-10px);box-shadow:0 15px 35px #fff6,0 0 30px #fff3,inset 0 2px 8px #fff3;border-color:gold;animation:none}.player-choice:active{transform:scale(1.1) translateY(-5px)}.player-choice:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(45deg,gold,orange,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57);border-radius:50%;z-index:-1;opacity:0;transition:opacity .3s ease;background-size:200% 200%;animation:gradientShift 3s ease infinite}.defender-choice:before,.challenger-choice:before{background:linear-gradient(45deg,#000,#000,#000,#000,#000)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.player-choice:hover:before{opacity:1}.player-icon{font-size:30px;color:#fff}.defender-choice,.challenger-choice{background:linear-gradient(145deg,#000,#000)}.defender-choice:hover,.challenger-choice:hover{background:linear-gradient(145deg,#000,#000);box-shadow:0 15px 35px #fff9,0 0 30px #fff,0 0 50px #fff6;border-color:#fff}.current-choice{background:linear-gradient(145deg,#90ee90e6,#64ff64e6)}.current-choice:hover{background:linear-gradient(145deg,#90ee90,#64ff64);box-shadow:0 15px 35px #90ee9099,0 0 30px #64ff6466}.current-player-highlight{border:4px solid #fff!important;box-shadow:0 0 25px #fffc,0 0 50px #fff6!important}@keyframes pulseGlow{0%,to{box-shadow:0 0 25px #ffd700cc,0 0 50px #ffd70066;transform:scale(1)}50%{box-shadow:0 0 35px gold,0 0 70px #ffd70099;transform:scale(1.05)}}.player-choice{position:relative;overflow:hidden}@media (max-width: 768px){.player-choice{width:80px;height:80px;font-size:40px}.player-choice-container{flex-direction:row;gap:20px;justify-content:center}.pause-menu{padding:30px 20px;min-width:320px;max-width:95vw}}@media (max-width: 480px){.player-choice{width:70px;height:70px;font-size:35px}.player-choice-container{gap:15px;flex-direction:row}.pause-menu{padding:25px 15px;min-width:280px;border-radius:20px}}.icon.fa-music,.icon.fa-bell,.icon.fa-bell-slash{font-size:18px!important}.timer-section.paused{background-color:#cccccceb!important;opacity:.8}.timer-section.paused h1{animation:pauseBlink 2s infinite}@keyframes pauseBlink{0%,50%{opacity:1}51%,to{opacity:.5}}@media (max-width: 768px){.main-logo{max-width:400px}.start-button{font-size:20px;padding:14px 110px}.bottom-logos img{max-width:100px}}@media (max-width: 480px){.main-logo{max-width:390px}.start-button{font-size:24px;padding:6px 90px}.bottom-logos img{max-width:80px}.icon{font-size:18px}.control-bar{flex-wrap:wrap;height:10vh;padding:10px;gap:15px}#app{padding:0 45px}.icon.fa-pause,.icon.fa-play{font-size:42px}.icon.fa-repeat{font-size:36px}.icon.fa-music,.icon.fa-bell,.icon.fa-bell-slash{font-size:20px}}.pause-menu h2{margin-bottom:30px;color:#fff;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.7);animation:float 2s ease-in-out infinite}