body{margin:0;overflow:hidden;color:#3a3a3a}.content{opacity:1;transition:opacity 1s}.hidden{opacity:0}.visible{opacity:1}h3,h1,ul{padding:0;margin:0}.loader{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.killed-info{padding-top:10px;display:flex;justify-content:center}.buttons-wrapper{max-width:1080px;display:flex;justify-content:space-evenly;align-items:center;gap:50px;margin:auto}.main-buttons{border:0;padding:5px 10px;font-size:16px;border-radius:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:5px;box-shadow:0 4px 8px #0003}button{display:flex;justify-content:center;background-color:#fff;box-sizing:border-box;color:#000;font-size:1rem;font-weight:700;position:relative;cursor:pointer;transform:rotate(-2deg);padding:10px;touch-action:manipulation;border:2px solid black}button:disabled{background-color:#3a3a3a}button:focus{outline:0}button:after{content:"";position:absolute;border:2px solid #000000;bottom:4px;left:4px;width:calc(100% - 1px);height:calc(100% - 1px)}button:hover:after{bottom:2px;left:2px}@media (min-width: 768px){button{padding:10px;font-size:1.25rem;border:2px solid black}.buttons-wrapper{gap:30px}}.touch-button{display:none}@media (max-width: 768px){.touch-button{display:flex;width:50%;padding:10px;margin:auto}}@media (max-width: 480px){.buttons-wrapper{padding:0;margin-top:auto;margin-bottom:30px}.main-buttons{font-size:14px}.buttons-wrapper{gap:10px}}.main-grid-elements{max-width:1280px;margin:auto;height:100dvh;display:flex;flex-direction:column}.grid{margin:auto;display:grid;padding:5px;grid-template-columns:repeat(4,1fr);gap:10px}.card{text-align:center;border:2px solid #000}@media (max-width: 576px){.grid{gap:0px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{display:flex;flex-direction:column;color:#3a3a3a;background-color:#fff;padding:20px;margin:10px;border-radius:8px;box-shadow:#0003 0 1px 5px}.modal-content header{display:flex;gap:10px}.close-btn{background:none;border:none;font-size:large}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{color:#3a3a3a;background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 30px #0000001a;text-align:center;animation:fadeIn .5s ease-in-out}.modal-title{font-size:24px;font-weight:700;margin-bottom:15px;color:#333}.modal-message{font-size:18px;margin-bottom:20px;color:#333}.modal-button{padding:10px 20px;font-size:16px;color:#333;border:2px solid black;cursor:pointer;transition:background-color .3s ease}.modal-button:hover{color:#333}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}body{background-color:#2c2c2c;color:#fff;font-family:Arial,sans-serif}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:999}.message-container{background-color:#3a3a3a;padding:30px;margin:10px;border-radius:8px;box-shadow:0 4px 20px #00000080}.message-container h2{text-align:center}.close-button,.translate-button{margin:20px;padding:10px 15px;border:0;border-radius:5px;cursor:pointer}.close-button,.translate-button{background-color:#fff;color:#000;border:none}.card{position:relative;color:#3a3a3a;background-color:#fff;border-radius:10px;padding:5px;margin:10px;text-align:center;box-shadow:0 4px 20px #00000080;transition:transform .2s}.card-info{position:absolute;left:5px;bottom:2px;display:flex;justify-content:space-evenly;font-size:28px}.card img{height:120px;width:120px;border-radius:5px}.loadingImage{height:120px;width:120px;background-color:#3a3a3a;border-radius:5px}.live{color:#3a3a3a}.killed{filter:brightness(50%)}.diagonal-text{position:absolute;color:red;top:50%;left:50%;transform:translate(-50%,-50%);font-size:51px;font-weight:800}.highlighted{background-color:orange}@media (max-width: 992px){.card-info{font-size:24px}.diagonal-text{font-size:36px}.card img{height:100px}}@media (max-width: 768px){.card-info{font-size:18px}.diagonal-text{font-size:28px}.card img{height:100px}}@media (max-width: 576px){.card{border-radius:5px;padding:5px;margin:5px}.card-info{font-size:14px}.card img{width:100%}.card:hover{transform:scale(1)}.killed{filter:brightness(50%);color:#3a3a3a}.diagonal-text{font-size:24px}}@media (max-width: 480px){.card img{height:80px;width:100%}}