.home{align-items:center;background-color:#222;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:10px;min-height:100vh;padding:20px;width:100%}.hero-select select,.home button,.home select{margin:5px;padding:5px}.start-button{margin-top:20px}.hero-sections{box-sizing:border-box;margin:0 auto;max-width:1000px;width:100%}.hero-grid,.project-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));max-width:1000px;width:100%}.hero-card,.project-card{--profile-size:120px;align-items:center;border:2px solid;border-radius:8px;display:flex;flex-direction:column;margin:0 auto;max-width:160px;padding:10px;text-align:center;width:100%}.project-card.selected{background:radial-gradient(circle at center,#222 10%,#fff 180%);background:radial-gradient(circle at center,#222 10%,var(--project-color,#fff) 180%)}.hero-modal-overlay{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:3000}.hero-nav{background:#0000;border:none;color:#fff;cursor:pointer;font-size:2rem;padding:0 10px;position:absolute;top:50%;transform:translateY(-50%)}.hero-nav.left{left:30%}.hero-nav.right{right:30%}.hero-modal{background-color:#333;border:2px solid;border-radius:8px;max-height:90vh;overflow-y:auto;padding:20px;text-align:center;width:min(500px,92vw);.profile{width:350px}}.project-card input[type=radio]{margin-bottom:5px}.game-container{--tile-size:60px;--tile-gap:6px;align-items:center;background-color:#222;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:10px;padding:5vh;width:100%}.enemies,.heroes{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.enemy{background:radial-gradient(circle at center,#222 10%,#fff 180%);background:radial-gradient(circle at center,#222 10%,var(--project-color,#fff) 180%);margin:auto 0;max-width:320px;position:relative;.profile{transition:transform .2s;&:hover{transform:scale(2)}}}.enemy,.hero{border:2px solid;border-radius:10px;padding:10px;text-align:center;width:100%}.hero{background:radial-gradient(circle at center,#222 10%,#fff 180%);background:radial-gradient(circle at center,#222 10%,var(--hero-color,#fff) 180%);max-width:220px;.profile{transition:transform .2s;&:hover{transform:scale(2)}}.fullName{height:40px}}.profile{height:auto;margin-top:10px;max-width:100%;width:150px;width:var(--profile-size,150px)}.role{padding:10px;text-align:center}.board{grid-gap:var(--tile-gap);display:grid;grid-template-rows:repeat(6,var(--tile-size));max-width:100%}.board,.row{gap:var(--tile-gap)}.row,.tile{display:flex}.tile{align-items:center;background-color:#d3d3d3;border-radius:calc(var(--tile-size)*.16);cursor:pointer;font-size:calc(var(--tile-size)*.6);height:var(--tile-size);justify-content:center;margin:0;transition:transform .3s ease-in-out;width:var(--tile-size)}.tile.selected{outline:3px solid #ff0;transform:scale(1.1)}.tile.swapping{transform:scale(1.2);transition:transform .2s ease-in-out}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.tile.removing{animation:fadeOut .5s ease-out forwards}progress{height:10px;width:100%}.enemyLife,.heroLife{background-color:#ddd;border-radius:10px;overflow:hidden;width:100%}.enemyLife::-webkit-progress-bar,.heroLife::-webkit-progress-bar{background-color:#ddd;border-radius:10px}.enemyLife::-webkit-progress-value,.heroLife::-webkit-progress-value{background-color:red;border-radius:10px}.enemyLife::-moz-progress-bar,.heroLife::-moz-progress-bar{background-color:red;border-radius:10px}.enemyLife::-ms-fill,.heroLife::-ms-fill{background-color:red;border-radius:10px}.enemyMana,.heroMana{background-color:#ddd;border-radius:10px;margin:5px 0;overflow:hidden;width:100%}.enemyMana::-webkit-progress-bar,.heroMana::-webkit-progress-bar{background-color:#ddd;border-radius:10px}.enemyMana::-webkit-progress-value,.heroMana::-webkit-progress-value{background-color:#008b8b;border-radius:10px}.enemyMana::-moz-progress-bar,.heroMana::-moz-progress-bar{background-color:#008b8b;border-radius:10px}.enemyMana::-ms-fill,.heroMana::-ms-fill{background-color:#008b8b;border-radius:10px}@keyframes glow{0%{box-shadow:0 0 5px #fff}50%{box-shadow:0 0 10px #fff}to{box-shadow:0 0 5px #fff}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.heroMana.clickable{animation:glow 3s infinite,pulse 2s infinite;transform:scale(1.05)}.heroMana.clickable::-moz-progress-bar,.heroMana.clickable::-ms-fill,.heroMana.clickable::-webkit-progress-value{background-color:gold}.heroMana.clickable:hover{opacity:.8;transform:scale(1.1)}.clickable{animation:glow 3s infinite;cursor:pointer}.clickable:hover{opacity:.8}.tile.matched{animation:matchFade 1s ease-out forwards}@keyframes matchFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.orb{border-radius:50%;height:10px;opacity:1;pointer-events:none;position:fixed;transition:all .8s ease-in-out,opacity .5s ease-in;width:10px;z-index:1000}.orb.fadingOut{opacity:0}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.hero.hurt{animation:shake .5s}.enemy-counter{background-color:#222;border:1px solid #fff;border-radius:50%;bottom:0;color:#fff;font-size:12px;height:20px;position:absolute;right:0;transform:translate(50%,50%);width:20px}.enemy-counter,.game-over-overlay{align-items:center;display:flex;justify-content:center}.game-over-overlay{background-color:#000c;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:2000}.game-over-popup{background-color:#333;border-radius:10px;display:flex;flex-direction:column;justify-content:space-evenly;min-height:200px;padding:50px;position:relative;text-align:center;width:min(400px,92vw)}.game-over-popup .game-restart{cursor:pointer;margin:10px auto;padding:5px 10px;width:200px}.game-over-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:40px;position:absolute;right:5px;top:0}.dead-label{color:#aaa;font-weight:700;margin:5px 0}.heroes>div{align-items:center;display:flex;flex:1 1 200px;flex-direction:column;max-width:220px}@media (max-width:900px){.game-container{padding:16px}}@media (max-width:700px){.game-container{--tile-size:clamp(40px,12vw,56px);--tile-gap:4px;padding:12px}.tile{font-size:calc(var(--tile-size)*.55)}.hero-grid,.project-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.hero-card,.project-card{--profile-size:100px;max-width:150px}.heroes>div{flex:1 1 45%;max-width:48%}.enemy,.hero{max-width:100%}.role{font-size:.95rem}.hero-nav.left{left:6%}.hero-nav.right{right:6%}.hero-modal{padding:16px}.hero-modal .profile{width:min(240px,70vw)}.game-over-popup{padding:32px 20px}}@media (max-width:420px){.home{padding:12px}.hero-grid,.project-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.hero-card,.project-card{--profile-size:90px;max-width:140px}.heroes>div{flex:1 1 100%;max-width:100%}.tile{font-size:calc(var(--tile-size)*.5)}}*,:after,:before{box-sizing:border-box}#root,body,html{max-width:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.a100c5b5.css.map*/