*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}body:before{animation:starfield 120s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(1px 1px at 50px 50px,#fff,#0000),radial-gradient(1px 1px at 80px 10px,#fff,#0000),radial-gradient(2px 2px at 130px 80px,#fff,#0000);background-repeat:repeat;background-size:200px 200px;content:"";height:100%;left:0;opacity:.3;position:fixed;top:0;width:100%;z-index:-1}@keyframes starfield{0%{transform:translateY(0)}to{transform:translateY(-200px)}}.App{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.game-canvas{background:#000;border:3px solid #4caf50;border-radius:15px;box-shadow:0 0 30px #4caf504d;display:block;margin:0 auto}.play-now-button{left:50%;max-width:400px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:80%;z-index:100}.blinking-button{animation:pulse 2s infinite;background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:clamp(8px,2vw,15px);box-shadow:0 8px 25px #4caf5066;color:#fff;cursor:pointer;font-size:clamp(16px,4vw,28px);font-weight:700;letter-spacing:clamp(1px,.3vw,2px);padding:clamp(15px,4vw,25px) clamp(30px,8vw,50px);text-transform:uppercase;transition:all .3s ease;width:100%}@keyframes pulse{0%,to{box-shadow:0 8px 25px #4caf5066;transform:scale(1)}50%{box-shadow:0 12px 35px #4caf5099;transform:scale(1.05)}}.blinking-button:hover{animation:none;background:linear-gradient(135deg,#45a049,#4caf50);transform:scale(1.1)}.pause-indicator{background:linear-gradient(135deg,#ff0000e6,#c80000e6);border:2px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #ff00004d;color:#fff;font-size:32px;font-weight:700;left:50%;padding:30px 50px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}@media (max-width:768px){.play-now-button{max-width:300px;width:90%}.blinking-button{font-size:clamp(14px,3.5vw,22px);padding:clamp(12px,3.5vw,20px) clamp(25px,6vw,40px)}}@media (max-width:425px){.play-now-button{max-width:250px;width:95%}.blinking-button{font-size:clamp(12px,3vw,18px);letter-spacing:.5px;padding:clamp(10px,3vw,18px) clamp(20px,5vw,35px)}}.game-over{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2ef2,#0f0f23f2);border:2px solid #4caf504d;border-radius:15px;box-shadow:0 8px 32px #00000080;left:50%;padding:40px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.game-over h2{color:#ff6b6b;font-size:36px;margin-bottom:20px;text-shadow:0 0 10px #ff6b6b80}.game-over p{color:#fff;font-size:18px;margin-bottom:15px}.game-over span{color:#4caf50;font-weight:700;text-shadow:0 0 5px #4caf5080}.game-over button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:10px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin:10px;padding:15px 30px;transition:all .3s ease}.game-over button:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.game-over-choices{margin-top:25px}.game-over-choices p{color:#fff;font-size:20px;margin-bottom:20px}.game-stats-side{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2ecc,#0f0f23cc);border:1px solid #4caf504d;border-radius:1.5vh;display:flex;flex-direction:column;flex-shrink:0;gap:1.5vh;height:-webkit-fit-content;height:fit-content;max-width:200px;min-width:80px;padding:2vh;width:12vw}.game-stats-side .game-stats{display:flex;flex-direction:column;font-size:clamp(10px,1.2vw,16px);font-weight:700;gap:1.5vh;min-width:60px}.game-stats-side .game-stats div{background:#4caf5033;border:1px solid #4caf504d;border-radius:1vh;font-size:clamp(9px,1vw,14px);padding:1vh 1vw;text-align:center;transition:all .3s ease}.game-stats-side .game-stats div:hover{background:#4caf504d;transform:translateY(-.2vh)}.game-stats-side .game-stats span{color:#4caf50;text-shadow:0 0 5px #4caf5080}@media (max-width:1024px){.game-stats-side{min-width:70px;padding:1.5vh;width:14vw}}@media (max-width:768px){.game-stats-side{flex-direction:row;justify-content:space-around;max-width:300px;min-width:200px;padding:1vh;width:90vw}.game-stats-side .game-stats{flex-direction:row;flex-wrap:wrap;gap:1vw;justify-content:center}.game-stats-side .game-stats div{font-size:clamp(8px,2.5vw,12px);padding:.5vh 1vw}}@media (max-width:425px){.game-stats-side{min-width:280px;padding:.8vh;width:95vw}}.player-info-side{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2ecc,#0f0f23cc);border:1px solid #4caf504d;border-radius:1.5vh;display:flex;flex-direction:column;flex-shrink:0;gap:1.5vh;height:-webkit-fit-content;height:fit-content;max-width:200px;min-width:80px;padding:2vh;width:12vw}.player-avatar{cursor:pointer;position:relative;transition:transform .3s ease}.player-avatar:hover{transform:scale(1.1)}.player-avatar img,.player-avatar span{border:.2vw solid #4caf50;border-radius:50%;box-shadow:0 0 1.5vw #4caf5080;height:clamp(30px,3.5vw,60px)!important;width:clamp(30px,3.5vw,60px)!important}.welcome-message{color:#fff;font-size:clamp(10px,1.1vw,16px);margin-right:.5vw;text-align:center}.welcome-message a{color:#4caf50;font-weight:700;text-decoration:none;transition:color .3s ease}.welcome-message a:hover{color:#66bb6a}.logout-link{color:#ff6b6b!important}.logout-link:hover{color:#ff8787!important}.modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:linear-gradient(135deg,#1a1a2e,#0f0f23);border:2px solid #4caf50;border-radius:15px;box-shadow:0 8px 32px #4caf504d;color:#fff;max-width:500px;padding:30px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.modal-header h3{color:#4caf50;font-size:24px;margin:0;text-shadow:0 0 10px #4caf5080}.close{color:#aaa;cursor:pointer;font-size:28px;font-weight:700;transition:color .3s ease}.close:hover{color:#fff}.upload-area{background:#4caf501a;border:2px dashed #4caf50;border-radius:10px;cursor:pointer;margin:20px 0;padding:30px;text-align:center;transition:all .3s ease}.upload-area:hover{background:#4caf5033;border-color:#66bb6a}.current-avatar{margin-bottom:20px;text-align:center}.btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:all .3s ease}.btn:hover{background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}@media (max-width:1024px){.player-info-side{min-width:70px;padding:1.5vh;width:14vw}}@media (max-width:768px){.player-info-side{flex-direction:row;justify-content:space-around;max-width:300px;min-width:200px;padding:1vh;width:90vw}}@media (max-width:425px){.player-info-side{min-width:280px;padding:.8vh;width:95vw}.player-avatar img,.player-avatar span{height:clamp(25px,4vw,40px)!important;width:clamp(25px,4vw,40px)!important}}.game-container{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1900px;min-height:100vh;padding:20px;position:relative;text-align:center}.game-layout{align-items:flex-start;box-sizing:border-box;gap:2vw;margin-bottom:2vh;padding:0 2vw;width:100%}.game-center,.game-layout{display:flex;height:100%;justify-content:center}.game-center{align-items:center;flex-direction:column;flex-grow:1;max-width:70vw;position:relative}@media (max-width:1024px){.game-layout{gap:1.5vw;padding:0 1.5vw}.game-center{max-width:65vw}}@media (max-width:768px){.game-layout{align-items:center;flex-direction:column;gap:1vw;padding:0 1vw}.game-center{max-width:90vw;order:-1}}@media (max-width:425px){.game-layout{gap:.5vw;padding:0 .5vw}.game-center{max-width:95vw}}
/*# sourceMappingURL=main.5dca9e6b.css.map*/