@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:#0f172ae6;-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}}.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}.player-label{font-family:Bangers,cursive;font-size:2.5rem;color:#fff;position:absolute;top:1rem;left:1rem;text-shadow:2px 2px 0 rgba(0,0,0,.2);z-index:2}.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);z-index:1}.player-zone:active .tap-text{transform:scale(1.3);opacity:1}.player-zone.p2,.player-zone.p3{transform:rotate(180deg)}.center-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;z-index:30;pointer-events:auto;filter:drop-shadow(0 0 15px rgba(0,0,0,.5));cursor:pointer;transition:transform .1s}.center-hub:active{transform:translate(-50%,-50%) scale(.9)}.center-hub img{width:100%;height:100%}.pause-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Bangers,cursive;font-size:3rem;color:#fff;text-shadow:0 0 10px black;pointer-events:none}@media(max-width:600px){.taps-game-container{gap:4px;padding:4px}}.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-label-tank{font-family:Bangers,cursive;font-size:2.5rem;color:#fff;position:absolute;top:1rem;left:1rem;text-shadow:2px 2px 0 rgba(0,0,0,.2);z-index:2}.player-zone-tank.p2,.player-zone-tank.p3{transform:rotate(180deg)}.tank-wrapper{position:relative;width:160px;height:160px;margin-bottom:2rem;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;bottom:1.5rem;right:1.5rem;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}.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}@media(max-width:600px){.fire-btn{width:120px;height:80px;font-size:2rem;bottom:1rem;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-label{font-family:Bangers,cursive;font-size:2.5rem;color:#fff;position:absolute;top:1rem;left:1rem;text-shadow:2px 2px 0 rgba(0,0,0,.2);z-index:2}.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}}.container{display:flex;flex-direction:column;align-items:center;width:100%}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;width:100%;max-width:1000px}@media(max-width:768px){.game-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:600px;width:100%}.game-grid>*:last-child:nth-child(3){grid-column:1 / span 2;justify-self:center;width:calc(50% - .75rem)!important}h1{font-size:2.5rem}}@media(max-width:480px){.game-grid{gap:1rem}.game-grid>*:last-child:nth-child(3){width:calc(50% - .5rem)!important}}: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}}