@import "https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";.battle-card-svg{width:100%;max-width:180px;height:auto;margin:0 auto;display:block}@media (width>=768px){.battle-card-svg{max-width:400px}}.hero-avatar-container{aspect-ratio:3/4;background-color:#1a1a1a;border:2px solid #ecd3a1;border-radius:8px;width:100%;max-width:140px;overflow:hidden;box-shadow:0 4px 8px #00000080}.hero-avatar-arena{background-color:#1a1a1a;border:2px solid #ecd3a1;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #00000080}.hero-avatar-img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .3s}.hero-avatar-container:hover .hero-avatar-img{transform:scale(1.05)}.character-team-grid{flex-wrap:wrap;justify-content:center;gap:12px;padding:16px;display:flex}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}.home__container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.home__container>*{margin-bottom:10px}.home__header{margin-bottom:30px}.username__input{width:50%;padding:10px}.home__cta{cursor:pointer;color:#f9f5eb;background-color:#607eaa;border:none;border-radius:5px;outline:none;width:200px;padding:10px;font-size:16px}.test,.chat{align-items:center;width:100%;height:100vh;display:flex}.chat__sidebar{background-color:#f9f5eb;border-right:1px solid #fdfdfd;flex:.2;height:100%;padding:20px}.chat__main{flex:.8;height:100%}.chat__header{margin:30px 0 20px}.chat__users>*{color:#607eaa;margin-bottom:10px;font-size:14px}.online__users>*{color:#e66;margin-bottom:10px;font-style:italic}.chat__mainHeader{background-color:#f9f5eb;justify-content:space-between;align-items:center;width:100%;height:10vh;padding:20px;display:flex}.leaveChat__btn{cursor:pointer;color:#eae3d2;background-color:#d1512d;border:none;outline:none;width:150px;padding:10px}.message__container{background-color:#fff;width:100%;height:80vh;padding:20px;overflow-y:scroll}.message__container>*{margin-bottom:10px}.chat__footer{background-color:#f9f5eb;height:10vh;padding:10px}.form{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.message{border:1px solid #ddd;border-radius:10px;outline:none;width:80%;height:100%;padding:15px}.sendBtn{color:#eae3d2;cursor:pointer;background-color:green;border:none;outline:none;width:150px;padding:10px}.sendBtn:hover{background-color:#81c981}.message__recipient{background-color:#f5ccc2;border-radius:10px;width:300px;padding:10px;font-size:15px}.message__sender{background-color:#c2f3c2;border-radius:10px;max-width:300px;margin-left:auto;padding:10px;font-size:15px}.message__chats>p{font-size:13px}.sender__name{text-align:right}.message__status{font-size:13px;font-style:italic;position:fixed;bottom:50px}