@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)}}.create-battle .top{border-bottom:2px solid #161a2b;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;padding-bottom:24px;display:flex}@media only screen and (max-width:900px){.create-battle .top{flex-direction:column;align-items:flex-start}}@media only screen and (max-width:768px){.create-battle .top{align-items:center}}.create-battle .top .info{flex:1}@media only screen and (max-width:900px){.create-battle .top .info{justify-content:space-between;align-items:center;width:100%;display:flex}}.create-battle .top .info h2{align-items:center;gap:12px;font-size:18px;display:flex}.create-battle .top .info .back{color:#4b5473;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:600;display:flex}.create-battle .top .filters{align-items:center;gap:16px;display:flex}@media only screen and (max-width:900px){.create-battle .top .filters{flex-wrap:wrap;justify-content:center;width:100%}}.create-battle .top .filters .filter{color:#4b5473;white-space:nowrap;gap:8px;font-size:14px;font-weight:600;display:flex}.create-battle .bottom{justify-content:space-between;align-items:center;width:100%;margin-top:24px;display:flex}.create-battle .bottom .statistics{gap:24px;display:flex}.create-battle .bottom .statistics>div{color:#4b5473;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.create-battle .bottom .statistics>div span{color:#fff;align-items:center;gap:5px;display:flex}.create-battle>div>h3{font-size:16px;font-weight:600}.create-battle>div>p{color:#4b5473;margin-top:4px;margin-bottom:16px;font-size:14px;font-weight:500}.create-battle .game-details{flex-direction:column;margin-top:24px;display:flex}.create-battle .game-details .selections{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}@media only screen and (max-width:768px){.create-battle .game-details .selections{grid-template-columns:1fr}}.create-battle .game-details .selections .battle-selection{background:#1c2033;border-radius:12px;flex-direction:column;gap:18px;padding:18px;display:flex}.create-battle .game-details .selections .battle-selection h3{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.create-battle .game-details .selections .battle-selection .options{background:#161a2b;border-radius:10px;align-items:center;gap:4px;width:100%;height:40px;padding:0 2px;display:flex}.create-battle .game-details .selections .battle-selection .options>div{color:#4b5473;text-align:center;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:100%;height:36px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.create-battle .game-details .selections .battle-selection .options>div.selected{color:#fff;background:#fcad3f;font-weight:700;box-shadow:inset 0 2px #ffffff3d,inset 0 -2px #00000040}.create-battle .cases-container{border-bottom:2px solid #161a2b;margin-top:24px;padding-bottom:24px}.create-battle .cases{grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:12px;min-height:285px;display:grid}@media only screen and (max-width:1600px){.create-battle .cases{grid-template-columns:1fr 1fr 1fr 1fr}}@media only screen and (max-width:1220px){.create-battle .cases{grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width:768px){.create-battle .cases{grid-template-columns:1fr 1fr}}@media only screen and (max-width:520px){.create-battle .cases{grid-template-columns:1fr}}.create-battle .cases .case,.create-battle .cases .add-box{border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;gap:16px;height:100%;padding:16px;display:flex}.create-battle .cases .case.case,.create-battle .cases .add-box.case{background:#161a2b;font-weight:600}.create-battle .cases .case.case .image,.create-battle .cases .add-box.case .image{justify-content:center;align-items:center;height:140px;display:flex}.create-battle .cases .case.case .image .case-image,.create-battle .cases .add-box.case .image .case-image{width:auto;height:100%}.create-battle .cases .case.case .case-info,.create-battle .cases .add-box.case .case-info{flex-direction:column;gap:8px;display:flex}.create-battle .cases .case.case .case-info h5,.create-battle .cases .add-box.case .case-info h5{color:#4b5473;text-align:center;font-size:14px;font-weight:500}.create-battle .cases .case.case .case-info .price,.create-battle .cases .add-box.case .case-info .price{justify-content:center;align-items:center;gap:8px;height:fit-content;font-size:14px;font-weight:700;display:flex}.create-battle .cases .case.case .amount,.create-battle .cases .add-box.case .amount{background-color:#1c2033;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 2px;display:flex}.create-battle .cases .case.case .amount button,.create-battle .cases .add-box.case .amount button{color:#fff;background:#fcad3f;border-radius:6px;width:36px;height:36px;font-weight:700;transition:all 75ms;box-shadow:inset 0 3px #ffffff3d,inset 0 -3px #00000040}.create-battle .cases .case.case .amount button:active,.create-battle .cases .add-box.case .amount button:active{box-shadow:inset 0 4px #ffffff3d,inset 0 -2px #00000040}.create-battle .cases .case.case>button,.create-battle .cases .add-box.case>button{border-radius:0;width:100%}.create-battle .cases .case.add-box,.create-battle .cases .add-box.add-box{cursor:pointer;border:2px solid #303757;justify-content:center;transition:all .15s}.create-battle .cases .case.add-box:hover,.create-battle .cases .add-box.add-box:hover{background:#303757}.create-battle .cases .case.add-box p,.create-battle .cases .add-box.add-box p{color:#4b5473;font-size:14px;font-weight:600}#add-case.modal-content{max-width:60vw;transition:all .15s}@media only screen and (max-width:1400px){#add-case.modal-content{max-width:90vw}}#add-case.modal-content .add-case-modal{flex-direction:column;gap:10px;height:100%;transition:all .15s;display:flex}#add-case.modal-content .add-case-modal .top{align-items:center;gap:10px;height:40px;display:flex}@media only screen and (max-width:600px){#add-case.modal-content .add-case-modal .top{flex-direction:column;align-items:flex-start;height:140px}}#add-case.modal-content .add-case-modal .top .search{background:#161a2b;border-radius:4px;flex:1;align-items:center;gap:10px;height:100%;padding:0 12px;display:flex}@media only screen and (max-width:600px){#add-case.modal-content .add-case-modal .top .search{width:100%}}#add-case.modal-content .add-case-modal .top .search input{width:100%;padding:0 10px 0 0;font-weight:500}@media only screen and (max-width:600px){#add-case.modal-content .add-case-modal .top .search input{height:40px}}#add-case.modal-content .add-case-modal .top .search .search-icon{width:22px;height:22px}#add-case.modal-content .add-case-modal .top .sort{color:#576080;cursor:pointer;background:#161a2b;border-radius:4px;justify-content:center;align-items:center;height:40px;padding:0 20px;font-weight:600;display:flex}@media only screen and (max-width:600px){#add-case.modal-content .add-case-modal .top .sort{width:100%;min-height:40px}}#add-case.modal-content .add-case-modal .top .sort button{align-items:center;gap:24px;display:flex}#add-case.modal-content .add-case-modal .top .sort .dropdown{width:240px;top:30px;left:-20px}#add-case.modal-content .add-case-modal .top .sort .btn-content{align-items:center;gap:8px;display:flex}#add-case.modal-content .add-case-modal .cases{flex:1;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:12px;display:grid;overflow-y:auto}@media only screen and (max-width:1400px){#add-case.modal-content .add-case-modal .cases{grid-template-columns:1fr 1fr 1fr 1fr}}@media only screen and (max-width:1220px){#add-case.modal-content .add-case-modal .cases{grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width:768px){#add-case.modal-content .add-case-modal .cases{grid-template-columns:1fr 1fr}}@media only screen and (max-width:520px){#add-case.modal-content .add-case-modal .cases{grid-template-columns:1fr}}#add-case.modal-content .add-case-modal .cases .case{background:#161a2b;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:285px;max-height:285px;padding:16px;font-weight:600;display:flex}#add-case.modal-content .add-case-modal .cases .case .image{justify-content:center;align-items:center;height:140px;display:flex}#add-case.modal-content .add-case-modal .cases .case .image img{width:auto;height:80%}#add-case.modal-content .add-case-modal .cases .case .case-info{flex-direction:column;gap:10px;display:flex}#add-case.modal-content .add-case-modal .cases .case .case-info h5{font-size:15px;font-weight:600}#add-case.modal-content .add-case-modal .cases .case .case-info .price{justify-content:center;align-items:center;gap:5px;font-size:14px;font-weight:600;display:flex}#add-case.modal-content .add-case-modal .cases .case .add-btn{width:100%;height:40px}#add-case.modal-content .add-case-modal .cases .case .amount{background-color:#1c2033;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 2px;display:flex}#add-case.modal-content .add-case-modal .cases .case .amount button{color:#fff;background:#fcad3f;border-radius:6px;width:36px;height:36px;font-weight:700;transition:all 75ms;box-shadow:inset 0 3px #ffffff3d,inset 0 -3px #00000040}#add-case.modal-content .add-case-modal .cases .case .amount button:active{transform:translateY(2px);box-shadow:inset 0 0 #ffffff3d,inset 0 -2px #00000040}#add-case.modal-content .add-case-modal .pagination-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:16px;display:flex}#add-case.modal-content .add-case-modal .pagination-controls .center{align-items:center;gap:10px;display:flex}#add-case.modal-content .add-case-modal .pagination-controls button{background:#161a2b;border:1px solid #0000;border-radius:8px;min-width:45px;height:40px;font-family:Poppins;font-size:14px;font-weight:500}#add-case.modal-content .add-case-modal .pagination-controls button.active{border-color:#fcad3f}#add-case.modal-content .add-case-modal .pagination-controls .page-numbers{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#add-case.modal-content .add-case-modal .pagination-controls .page-numbers .ellipsis{color:#576080;padding:0 4px;font-family:Poppins;font-size:14px}#add-case.modal-content .add-case-modal .bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}#add-case.modal-content .add-case-modal .bottom .summary{gap:10px;font-weight:600;display:flex}#add-case.modal-content .add-case-modal .bottom .summary .amount{color:#fcad3f}#add-case.modal-content .add-case-modal .bottom .summary .price{color:#fff;align-items:center;gap:7px;display:flex}#add-case.modal-content .add-case-modal .bottom .summary .price>p{color:#576080}