@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Onest:wght@100..900&family=Roboto+Mono:wght@100..700&display=swap";@font-face{font-family:Proxima Nova;src:url(/fonts/ProximaNova.otf) format("opentype")}:root{--vmax:100dvh}#battles h1{display:flex;align-items:center;gap:10px;font-size:20px;margin-bottom:24px}@media only screen and (max-width:768px){#battles h1{text-align:center}}#battles .top{display:flex;align-items:center;justify-content:space-between;gap:20px}#battles .top .sort{flex:1 1;display:flex;align-items:center;gap:8px}#battles .top .sort button{padding:8px 12px;font-weight:600;color:#9d9db4;font-size:15px;border-radius:8px;border:2px solid #2b3036}#battles .top .sort button.active{color:#fff;background-color:#2b3036}#battles .battles{display:flex;flex-direction:column;gap:8px;margin-top:24px}@media only screen and (max-width:1200px){#battles .battles{overflow-x:auto}}#battles .battles .battle{display:flex;align-items:center;justify-content:space-between;width:-moz-fit-content;width:fit-content;min-width:max(700px,100%);height:130px;border-radius:12px;padding:4px 20px 4px 0;background-color:#21252b}#battles .battles .battle.reversed{background:linear-gradient(90deg,rgba(247,176,22,.2) 0,transparent 20%);background-color:#21252b}#battles .battles .battle.reversed .participants>p{color:#f6c00f}#battles .battles .battle .participants{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:270px}#battles .battles .battle .participants .avatars{display:flex;align-items:center;gap:6px}#battles .battles .battle .participants .avatars .avatar{height:36px}#battles .battles .battle .participants .avatars .avatar .empty,#battles .battles .battle .participants .avatars .avatar img{width:36px;height:36px;border-radius:50%;border:1px solid #171a1d}#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:#8e9093}#battles .battles .battle .cases-container{position:relative;flex:1 1;display:flex;align-items:center;justify-content:flex-start;gap:15px;height:100%;min-width:400px;width:100%;overflow:hidden;padding:4px 0;border-radius:8px;background:#181a1f}#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{display:flex;flex-direction:column;align-items:center;gap:10px;width:120px;min-width:120px}#battles .battles .battle .cost .price{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:700}#battles .battles .battle .cost>p{color:#8e9093;font-size:12px;font-weight:600}#battles .battles .battle .join{display:flex;flex-direction:column;align-items:center;gap:6px;width:150px;min-width:150px}#battles .battles .battle .join>p{color:#8e9093;font-size:12px;font-weight:600}#battles .battles .battle .join .empty,#battles .battles .battle .join button{width:110px;height:40px;border-radius:6px;font-size:14px;font-weight:600;white-space:nowrap}