@import"https://fonts.googleapis.com/css2?family=Bangers&display=swap";@import"https://fonts.googleapis.com/css2?family=Bangers&family=Titan+One&display=swap";.game-card{width:100%;aspect-ratio:.8 / 1;background:var(--card-bg);border-radius:var(--card-radius);position:relative;border:4px solid var(--card-shadow);box-shadow:0 8px 0 var(--card-shadow),0 20px 20px #0003,inset 0 0 0 4px #ffffff40;transition:transform .1s cubic-bezier(.3,.7,.4,1.5),box-shadow .1s;overflow:hidden}.game-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--card-radius);background:linear-gradient(180deg,#fff3,#fff0 40%);pointer-events:none}.game-card:active{transform:translateY(6px);box-shadow:0 2px 0 var(--card-shadow),0 4px 6px #0003,inset 0 0 0 4px #ffffff40}.card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:100%;height:100%;z-index:1}.icon-wrapper{width:100%;height:50%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 6px 0 rgba(0,0,0,.2))}.icon-wrapper img{max-width:80%;max-height:100%;object-fit:contain}.icon-wrapper svg{width:100%;height:100%;stroke-width:2.5px;fill:currentColor}.card-title{color:#fff;font-family:Bangers,cursive;font-size:3rem;text-align:center;line-height:1;text-transform:uppercase;letter-spacing:1px;-webkit-text-stroke:6px var(--card-shadow);paint-order:stroke fill;text-shadow:0 4px 0 rgba(0,0,0,.2);word-break:break-word;width:95%}@media(max-width:600px){.card-title{font-size:1.6rem;-webkit-text-stroke:3px var(--card-shadow)}.game-card{padding:.5rem}.icon-wrapper{height:40%}.card-content{gap:.8rem}}.shared-setup{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:var(--bg-color);padding:2rem;font-family:Bangers,cursive;gap:2rem}.shared-setup h1{font-size:5rem;margin:0;color:var(--text-color);text-transform:uppercase;text-align:center}.shared-back-btn{position:absolute;top:2rem;left:2rem;width:60px;height:60px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;box-shadow:0 4px #cbd5e1,0 8px 15px #0000001a;cursor:pointer;transition:all .2s;z-index:10}.shared-back-btn:hover{transform:translateY(-2px);box-shadow:0 6px #cbd5e1,0 12px 20px #00000026}.shared-back-btn:active{transform:translateY(2px);box-shadow:0 2px #cbd5e1}.shared-player-options{display:flex;gap:2rem}.shared-option-btn{width:100px;height:100px;border-radius:20px;background:#fff;font-family:Bangers,cursive;font-size:2.5rem;color:var(--text-color);box-shadow:0 8px #cbd5e1;display:flex;align-items:center;justify-content:center;transition:all .2s}.shared-option-btn:active{transform:translateY(4px);box-shadow:0 4px #cbd5e1}.shared-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000}.shared-content{background:#fff;padding:3rem;border-radius:40px;text-align:center;box-shadow:0 15px #cbd5e1,0 30px 60px #00000080;max-width:90%;font-family:Bangers,cursive}.shared-content h1{font-size:3.5rem;margin-bottom:2rem;margin-top:0!important}.shared-actions{display:flex;gap:2rem;justify-content:center;margin-top:2rem}.shared-btn{padding:1.2rem 2.5rem;font-size:1.8rem;font-family:Bangers,cursive;border-radius:20px;text-transform:uppercase;transition:all .2s;min-width:180px}.shared-btn:active{transform:translateY(4px)}.shared-btn.restart,.shared-btn.resume{background:var(--green-main);color:#fff;box-shadow:0 8px 0 var(--green-shadow)}.shared-btn.restart:active,.shared-btn.resume:active{box-shadow:0 4px 0 var(--green-shadow)}.shared-btn.exit{background:var(--red-main);color:#fff;box-shadow:0 8px 0 var(--red-shadow)}.shared-btn.exit:active{box-shadow:0 4px 0 var(--red-shadow)}@media(max-width:600px){.shared-player-options{gap:1rem}.shared-option-btn{width:80px;height:80px;font-size:2rem}.shared-setup h1{font-size:3rem}.shared-content{padding:2rem}.shared-content h1{font-size:2.2rem}.shared-actions{flex-direction:column;gap:1rem}.shared-btn{width:100%;min-width:auto}}.shared-overlay.countdown{background:#0f172acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000}.countdown-content{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.countdown-number{font-family:Bangers,cursive;font-size:12rem;color:#fff;text-shadow:0 10px 0 rgba(0,0,0,.2),0 0 40px rgba(255,255,255,.5);animation:countdownPop .9s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes countdownPop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:0}}.taps-game-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:8px;background-color:#fff;gap:8px;overflow:hidden;-webkit-user-select:none;user-select:none;transition:grid-template-rows .1s linear,grid-template-columns .1s linear}.player-zone{background-color:var(--zone-color);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;cursor:pointer;overflow:hidden}.tap-text{font-family:Bangers,cursive;font-size:5rem;color:#fff;opacity:1;transform:scale(1);transition:transform .05s;-webkit-text-stroke:4px var(--zone-shadow);text-shadow:4px 4px 0 rgba(0,0,0,.2);z-index:1;pointer-events:none}.player-zone:active .tap-text{transform:scale(1.3);opacity:1}@media(max-width:600px){.taps-game-container{gap:4px;padding:4px}}@keyframes winnerPulse{0%{transform:scale(1);box-shadow:0 0 #ffffffb3;z-index:50}50%{transform:scale(1.05);box-shadow:0 0 50px 20px #fff0;z-index:50}to{transform:scale(1);box-shadow:0 0 #fff0;z-index:50}}.winner-pulse{animation:winnerPulse 1s infinite;z-index:50!important}.tanks-arena-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:8px;background-color:#fff;gap:8px;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.player-zone-tank{background-color:var(--zone-color);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;transition:filter .3s}.player-zone-tank.dead{filter:grayscale(.8) brightness(.7)}.player-zone-tank.p2,.player-zone-tank.p3{transform:rotate(180deg)}.tank-wrapper{position:relative;width:160px;height:160px;z-index:10}.tank-img{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 0 rgba(0,0,0,.2))}.projectile{position:absolute;width:48px;height:84px;z-index:50;pointer-events:none;object-fit:contain;filter:drop-shadow(0 0 5px var(--proj-color))}.projectiles-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:60}.fire-btn{pointer-events:auto;position:absolute;width:150px;height:100px;display:flex;align-items:center;justify-content:center;font-family:Bangers,cursive;font-size:2.8rem;color:#fff;background-color:var(--btn-color);border:4px solid var(--btn-shadow);border-radius:20px;text-shadow:0 4px 0 rgba(0,0,0,.2);box-shadow:0 8px 0 var(--btn-shadow),0 10px 20px #0003,inset 0 0 0 4px #ffffff40;transition:transform .1s,box-shadow .1s;-webkit-text-stroke:4px var(--btn-shadow);paint-order:stroke fill;z-index:20}.p1 .fire-btn,.p3 .fire-btn{bottom:1.5rem;left:1.5rem}.p2 .fire-btn,.p4 .fire-btn{bottom:1.5rem;right:1.5rem}.p2 .fire-btn{transform:rotate(180deg)}.fire-btn:active{transform:scale(.95) translateY(4px);box-shadow:0 4px 0 var(--btn-shadow),inset 0 0 0 4px #ffffff40}.fire-btn.disabled{opacity:.3}.pause-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:#fff;font-family:Bangers,cursive;font-size:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px #ddd;z-index:100;cursor:pointer;border:none;transition:transform .1s,box-shadow .1s}.pause-btn:active{transform:translate(-50%,-50%) scale(.95);box-shadow:0 2px #ddd}@media(max-width:600px){.fire-btn{width:120px;height:80px;font-size:2rem;bottom:1rem}.p1 .fire-btn,.p3 .fire-btn{left:1rem}.p2 .fire-btn,.p4 .fire-btn{right:1rem}}.rc-game-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:#fff;gap:8px;padding:8px;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.rc-zone{background-color:var(--zone-color);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;cursor:pointer;overflow:hidden;transition:opacity .3s}.rc-zone.eliminated{filter:grayscale(90%) brightness(.4);opacity:1}.rc-tap-text{font-family:Bangers,cursive;font-size:5rem;color:#fff;-webkit-text-stroke:4px var(--zone-shadow);text-shadow:0 4px 10px rgba(0,0,0,.3);z-index:1;pointer-events:none;transition:transform .05s}.rc-zone:active:not(.eliminated) .rc-tap-text{transform:scale(1.2)}.rc-zone.p2,.rc-zone.p3{transform:rotate(180deg)}.rc-early-msg{font-family:Bangers,cursive;font-size:3rem;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);z-index:3;animation:shake .5s infinite}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.rc-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:50%;border:8px solid white;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;box-shadow:0 0 30px #00000080;transition:background-color .1s,transform .2s cubic-bezier(.175,.885,.32,1.275)}.rc-hub.waiting{background-color:#ff4757}.rc-hub.active{background-color:#2ed573;transform:translate(-50%,-50%) scale(1.1)}.rc-hub.finished{background-color:#3742fa}.rc-hub-text{font-family:Bangers,cursive;color:#fff;text-align:center;line-height:1}.rc-hub-text.big{font-size:2.2rem}.rc-hub-text.small{font-size:1.2rem;opacity:.9}@media(max-width:600px){.rc-hub{width:110px;height:110px}.rc-hub-text.big{font-size:1.8rem}}.balloon-game-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:8px;background-color:#fff;gap:8px;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.player-zone{background-color:var(--zone-color);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.player-label{font-family:Bangers,cursive;font-size:2.5rem;color:#fff;position:absolute;text-shadow:2px 2px 0 rgba(0,0,0,.2);z-index:2}.p1 .player-label,.p3 .player-label{top:1rem;left:1rem}.p2 .player-label,.p4 .player-label{top:1rem;right:1rem}.player-zone.p2,.player-zone.p3{transform:rotate(180deg)}.balloon-game{width:100vw;height:100vh;overflow:hidden;position:relative;background-color:var(--bg-color);display:flex;flex-direction:column;align-items:center;justify-content:center}.pause-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:#fff;font-family:Bangers,cursive;font-size:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px #ddd;z-index:100;cursor:pointer}.game-area{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.balloon-container{width:200px;height:200px;display:flex;align-items:center;justify-content:center;position:relative;pointer-events:none;z-index:5}.balloon{background:radial-gradient(circle at 30% 30%,white 0%,transparent 100%),var(--balloon-color);border-radius:50%;position:relative;transition:width .1s linear,height .1s linear,background-color .3s;box-shadow:inset -10px -10px 20px #0003,0 10px 30px #0000001a}.balloon:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid var(--balloon-color)}.balloon.exploded{animation:pop .2s forwards}.balloon.vibrating{animation:vibrate .1s infinite}@keyframes vibrate{0%{transform:translate(0) rotate(0)}25%{transform:translate(2px,-2px) rotate(1deg)}50%{transform:translate(-2px,2px) rotate(-1deg)}75%{transform:translate(2px,2px) rotate(1deg)}to{transform:translate(-2px,-2px) rotate(-1deg)}}@keyframes pop{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(0);opacity:0}}.explosion-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Bangers,cursive;font-size:3rem;color:#ff4757;text-shadow:2px 2px 0 white;white-space:nowrap;z-index:10}.score-pop{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Bangers,cursive;font-size:3rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);z-index:10}.player-controls-balloon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:10}.stop-btn{width:150px;height:100px;display:flex;align-items:center;justify-content:center;font-family:Bangers,cursive;font-size:2.2rem;color:#fff;background-color:var(--zone-color);border:4px solid var(--zone-shadow);border-radius:20px;text-shadow:0 4px 0 rgba(0,0,0,.2);box-shadow:0 8px 0 var(--zone-shadow),0 10px 20px #0003,inset 0 0 0 4px #ffffff40;transition:transform .1s,box-shadow .1s;-webkit-text-stroke:2px var(--zone-shadow);paint-order:stroke fill;cursor:pointer}.p1 .stop-btn,.p3 .stop-btn{bottom:1.5rem;left:1.5rem;position:absolute}.p2 .stop-btn,.p4 .stop-btn{bottom:1.5rem;right:1.5rem;position:absolute}.stop-btn:active:not(:disabled){transform:scale(.95) translateY(4px);box-shadow:none!important}.stop-btn:disabled{filter:grayscale(1);opacity:.7;cursor:not-allowed}@media(max-width:600px){.balloon-container{width:140px;height:140px}.stop-btn{width:110px;height:65px;font-size:1.4rem;bottom:1rem}}.container{display:flex;flex-direction:column;align-items:center;width:100%}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;width:100%;max-width:1200px;padding:0 1rem;box-sizing:border-box;justify-content:center}@media(max-width:1100px){.game-grid{grid-template-columns:repeat(2,1fr);max-width:800px}}@media(max-width:600px){.game-grid{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:100%;padding:0 .5rem}h1{font-size:2.2rem;margin-bottom:1.5rem}}:root{--bg-color: #f4f6f8;--text-color: #0f172a;--red-main: #ff4757;--blue-main: #29abe2;--orange-main: #fbb03b;--green-main: #39b54a;--red-shadow: #c0392b;--blue-shadow: #1b75bc;--orange-shadow: #c1272d;--green-shadow: #006837;--highlight: rgba(255, 255, 255, .4);--card-radius: 35px;--font-main: "Titan One", cursive}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body{font-family:var(--font-main);background-color:var(--bg-color);background-image:linear-gradient(45deg,#eef2f6 25%,transparent 25%,transparent 75%,#eef2f6 75%,#eef2f6),linear-gradient(45deg,#eef2f6 25%,transparent 25%,transparent 75%,#eef2f6 75%,#eef2f6);background-size:60px 60px;background-position:0 0,30px 30px;color:var(--text-color);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-y:auto;overflow-x:hidden}#root{width:100%;max-width:1200px;padding:2rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}h1{font-family:Bangers,cursive;font-size:4.5rem;text-align:center;margin-bottom:2rem;color:#0d1b2a;text-transform:uppercase;letter-spacing:2px}@media(max-width:768px){h1{font-size:3rem;margin-bottom:2rem}#root{padding:.5rem}}@media(max-width:480px){h1{font-size:2.2rem}}button{cursor:pointer;border:none;background:none;font-family:inherit}.overlay-actions{display:flex;gap:2rem;justify-content:center;align-items:center}@media(max-width:600px){.overlay-actions{flex-direction:column!important;width:100%!important;gap:1rem!important;display:flex!important}}