.battle-list-container{width:90%;margin:0 auto}.header_battle-list{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.header_battle-list h2{color:var(--color-black);margin:0;font-size:1.5rem}.battle-list{--battle-list-gap:.75rem;--battle-list-padding:1rem;--battle-list-title-size:1.5rem;--battle-list-message-size:.875rem;--battle-list-empty-icon-size:2.5rem;--battle-list-empty-title-size:1.25rem;--battle-list-empty-message-size:.875rem;--battle-list-empty-bg:#ffffff0d;--battle-list-empty-radius:8px;--battle-list-empty-spacing:1.5rem;--battle-list-empty-max-width:280px;width:100%}.battle-list__header{text-align:start;width:90%;margin:0 auto 1rem}.battle-list__title{color:var(--color-black);margin:0;font-size:1.5rem;font-weight:700}@media (min-width:768px){.battle-list__title{font-size:1.5rem}}@media (min-width:1024px){.battle-list__title{font-size:2rem}}.battle-list__content{gap:var(--battle-list-gap);grid-template-columns:1fr;width:90%;margin:0 auto;display:grid}.battle-list__message{text-align:center;padding:var(--battle-list-padding);color:var(--color-gray);font-size:var(--battle-list-message-size)}.battle-list__empty-state{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;width:100%;padding:2rem;display:flex}.battle-list__empty-icon{margin-bottom:1rem;font-size:3rem}.battle-list__empty-title{color:#333;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.battle-list__empty-message{color:#666;max-width:400px;font-size:1rem;line-height:1.5}.battle-list__message--error{color:var(--color-error);background-color:rgba(var(--color-error-rgb), .1);border-radius:.5rem}.battle-list .event-item{flex-direction:column;justify-content:space-between;min-height:100%;display:flex}.battle-list .event-item__title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}@keyframes battle-list__bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (min-width:640px){.battle-list{--battle-list-gap:1rem;--battle-list-padding:1.25rem;--battle-list-title-size:1.5rem;--battle-list-message-size:1rem;--battle-list-empty-icon-size:2.75rem;--battle-list-empty-title-size:1.375rem;--battle-list-empty-message-size:.9375rem;--battle-list-empty-spacing:1.75rem;--battle-list-empty-max-width:320px}.battle-list__content{grid-template-columns:repeat(2,1fr)}.battle-list__empty-state{padding:calc(var(--battle-list-empty-spacing) * 1.25) var(--battle-list-padding)}}@media (min-width:768px){.battle-list{--battle-list-gap:1.25rem;--battle-list-padding:1.5rem;--battle-list-title-size:1.75rem;--battle-list-empty-icon-size:3rem;--battle-list-empty-title-size:1.5rem;--battle-list-empty-message-size:1rem;--battle-list-empty-max-width:360px}.battle-list__content{grid-template-columns:repeat(3,1fr)}.battle-list__empty-state{padding:calc(var(--battle-list-empty-spacing) * 1.5) var(--battle-list-padding)}}@media (min-width:1024px){.battle-list{--battle-list-gap:1.5rem;--battle-list-padding:2rem;--battle-list-title-size:2rem;--battle-list-empty-icon-size:3.25rem;--battle-list-empty-title-size:1.75rem;--battle-list-empty-message-size:1.125rem;--battle-list-empty-max-width:400px}.battle-list__empty-state{padding:calc(var(--battle-list-empty-spacing) * 1.75) var(--battle-list-padding)}}