.list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);list-style:none;padding:0}.character{align-items:center;background:#ffffff0d;border:2px solid #333;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:10px;transition:all .3s ease;width:100px}.character-name{color:var(--cor-tema);font-size:1.5rem;margin:5px 0;text-shadow:1px 1px 0 #000;text-transform:uppercase}.status-bar-bg{background:#333;border:1px solid #555;border-radius:6px;height:12px;overflow:hidden}.character.selected{background:#ffffff26;border:3px solid var(--cor-tema)!important;box-shadow:0 0 20px var(--cor-tema);transform:scale(1.05)}.character:hover{background:#ffffff1a;border-color:#666;transform:scale(1.1)}.character img{border-radius:10px;margin-bottom:5px}.info{max-width:300px}.preview{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.preview:hover .big-image{transform:scale(1.05);transition:transform 0,e 3s}.big-image{animation:appear .4s ease;margin-bottom:10px;max-height:60vh;width:auto}.top-bar{position:relative;width:100%}.sound-toggle,.top-bar{align-items:center;display:flex;justify-content:center}.sound-toggle{background:#00000080;border:2px solid #00bfff;border:2px solid var(--cor-tema,#00bfff);border-radius:50%;box-shadow:0 0 10px #00000080;color:#fff;cursor:pointer;font-size:1.5rem;height:50px;position:absolute;right:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:50px;z-index:100}.sound-toggle:hover{background:#00bfff;background:var(--cor-tema,#00bfff);box-shadow:0 0 20px #00bfff;box-shadow:0 0 20px var(--cor-tema,#00bfff);color:#000;transform:scale(1.15) rotate(5deg)}.sound-toggle:active{transform:scale(.9)}@keyframes appear{0%{opacity:0;transform:scale(0,9)}to{opacity:1;transform:scale(1)}}.app{padding:20px;text-align:center}.container{align-items:center;display:flex;flex-direction:column;margin:0;min-height:100vh;padding-top:30px;width:100%}@media (max-width:768px){.container{padding:10px}main{align-items:center;flex-direction:column!important;gap:20px!important}.list{grid-template-columns:repeat(3,1fr);justify-content:center;width:100%}.info{min-height:auto;width:100%}.big-image{max-height:35vh}.top-bar h1{font-size:1.5rem}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{background:radial-gradient(circle at top,#1a4fa3,#020b1a);color:#fff;font-family:Orbitron,sans-serif;min-height:100vh;overflow:hidden}
/*# sourceMappingURL=main.ac2bf007.css.map*/