@font-face{font-family:Trueno;src:url(/fonts/TruenoLt.otf)format("opentype");font-weight:300;font-display:swap}@font-face{font-family:Trueno;src:url(/fonts/TruenoRg.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Trueno;src:url(/fonts/TruenoRg.otf)format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Trueno;src:url(/fonts/TruenoSBd.otf)format("opentype");font-weight:600;font-display:swap}@font-face{font-family:Trueno;src:url(/fonts/TruenoBd.otf)format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Trueno;src:url(/fonts/TruenoBlk.otf)format("opentype");font-weight:900;font-display:swap}@font-face{font-family:Proxima Nova;src:url(/fonts/ProximaNova.otf)format("opentype");font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/PoppinsMedium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/PoppinsSemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/PoppinsBold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--vmax:calc(100dvh - 80px)}@media (max-width:850px){:root{--vmax:calc(100dvh - 60px)}}@media (max-width:768px){:root{--vmax:calc(100dvh - 60px - 20px)}}#battles h1{align-items:center;gap:10px;margin-bottom:24px;font-size:20px;display:flex}@media only screen and (max-width:768px){#battles h1{text-align:center}}#battles .top{justify-content:space-between;align-items:center;gap:20px;display:flex}#battles .top .sort{flex:1;align-items:center;gap:8px;display:flex}#battles .top .sort button{color:#576080;border:2px solid #303757;border-radius:8px;padding:8px 12px;font-size:15px;font-weight:600}#battles .top .sort button.active{color:#fff;background-color:#303757}#battles .battles{flex-direction:column;gap:8px;margin-top:24px;display:flex}@media only screen and (max-width:1200px){#battles .battles{overflow-x:auto}}#battles .battles .battle{background-color:#161a2b;border-radius:12px;justify-content:space-between;align-items:center;width:fit-content;min-width:max(700px,100%);height:130px;padding:4px 20px 4px 0;display:flex}#battles .battles .battle.reversed{background:#161a2b linear-gradient(90deg,#f7b01633 0%,#0000 20%)}#battles .battles .battle.reversed .participants>p{color:#f6c00f}#battles .battles .battle .participants{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:270px;display:flex}#battles .battles .battle .participants .avatars{align-items:center;gap:6px;display:flex}#battles .battles .battle .participants .avatars .avatar{height:36px}#battles .battles .battle .participants .avatars .avatar img,#battles .battles .battle .participants .avatars .avatar .empty{border:1px solid #161a2b;border-radius:50%;width:36px;height:36px}#battles .battles .battle .participants .avatars .avatar.bot{height:28px}#battles .battles .battle .participants .avatars .avatar.bot img{border:none;width:28px;height:28px}#battles .battles .battle .participants>p{color:#bfc7d6;font-size:14px;font-weight:600}#battles .battles .battle .participants>p span{color:#4b5473}#battles .battles .battle .cases-container{background:#141827;border-radius:8px;flex:1;justify-content:flex-start;align-items:center;gap:15px;width:100%;min-width:400px;height:100%;padding:4px 0;display:flex;position:relative;overflow:hidden}#battles .battles .battle .cases-container .case{position:absolute;top:50%;transform:translateY(-50%)}#battles .battles .battle .cases-container .case img{width:110px;height:auto}#battles .battles .battle .cases-container .case img:not(.active){opacity:.3;filter:grayscale(.2)}#battles .battles .battle .cost{flex-direction:column;align-items:center;gap:10px;width:120px;min-width:120px;display:flex}#battles .battles .battle .cost .price{align-items:center;gap:5px;font-size:14px;font-weight:700;display:flex}#battles .battles .battle .cost>p{color:#4b5473;font-size:12px;font-weight:600}#battles .battles .battle .join{flex-direction:column;align-items:center;gap:6px;width:150px;min-width:150px;display:flex}#battles .battles .battle .join>p{color:#4b5473;font-size:12px;font-weight:600}#battles .battles .battle .join .empty,#battles .battles .battle .join button{white-space:nowrap;border-radius:6px;width:110px;height:40px;font-size:14px;font-weight:600}