.page-module__Z0iKJq__createBattleContainer{box-sizing:border-box;flex-direction:column;gap:25px;width:100%;max-width:1175px;height:fit-content;margin:0 auto;padding:30px 0;display:flex}.page-module__Z0iKJq__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.page-module__Z0iKJq__headerSection{align-items:center;gap:15px;display:flex}.page-module__Z0iKJq__title{color:#fff;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.page-module__Z0iKJq__back{height:30px;color:inherit;align-items:center;gap:6px;padding:0 10px;font-family:Geogrotesque Wide,sans-serif;font-weight:700;text-decoration:none;display:flex}.page-module__Z0iKJq__numCases{color:#fff;background:#5a549959;border-radius:2px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:14px;font-weight:600;display:flex}.page-module__Z0iKJq__numCases span{color:#ada3ef;font-size:11px;font-weight:600}.page-module__Z0iKJq__cost{color:#fff;background:#0003;border-radius:5px;align-items:center;gap:6px;min-width:100px;height:30px;padding:0 10px;font-size:14px;font-weight:700;display:flex}.page-module__Z0iKJq__create{width:130px;height:30px}.page-module__Z0iKJq__bar{background:#5a5499;width:100%;height:1px}.page-module__Z0iKJq__cases{grid-gap:12px;background:#5a549945;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:15px;display:grid}.page-module__Z0iKJq__addCase{outline:unset;border:unset;cursor:pointer;color:#aea4e4;background:linear-gradient(200deg,#4b488700,#4b488700,#4b48870f,#4b4887);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:230px;font-family:Geogrotesque Wide,sans-serif;font-size:13px;font-weight:600;display:flex;position:relative}.page-module__Z0iKJq__addCase:before{content:"";z-index:-1;background:#322d59;border-radius:10px;width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;top:1px;left:1px}.page-module__Z0iKJq__plus{background:linear-gradient(220deg,#4b488700,#4b488700,#4b48870f,#4b4887);border-radius:10px;justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:relative}.page-module__Z0iKJq__plus:before{content:"";z-index:-1;background:linear-gradient(#00000073 0% 100%),radial-gradient(385.21% 305.21% at 3.46% 224.4%,#9c4eff59 0%,#0000 100%),linear-gradient(222deg,#45417aa6 0%,#2b285000 100%),#00000080;border-radius:10px;width:68px;height:68px;position:absolute;top:1px;left:1px}.page-module__Z0iKJq__caseButton{background:linear-gradient(#0003 0%,#0000004d 100%),linear-gradient(222deg,#45417aa6 0%,#2b285000 100%);border-radius:10px;flex-direction:column;align-items:center;height:230px;padding:15px;display:flex;position:relative}.page-module__Z0iKJq__caseAmount{color:#59e878;background:#59e8783d;border-radius:3px;padding:4px 8px;font-size:12px;font-weight:700;position:absolute;top:10px;right:10px}.page-module__Z0iKJq__caseButton img{margin-bottom:10px}.page-module__Z0iKJq__caseButton p{color:#fff;text-align:center;margin-bottom:8px;font-size:12px;font-weight:600}.page-module__Z0iKJq__casePrice{color:var(--gold);align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.page-module__Z0iKJq__caseControls{gap:8px;margin-top:auto;display:flex}.page-module__Z0iKJq__caseControls button{color:#fff;cursor:pointer;background:#5a549980;border:none;border-radius:5px;width:30px;height:30px;font-size:18px;transition:all .2s}.page-module__Z0iKJq__caseControls button:hover{background:#5a5499cc}.page-module__Z0iKJq__settingsSection{outline:unset;border:unset;color:#ada3ef;background:linear-gradient(90deg,#6864a4 -49.01%,#5a549557 -5.08%,#42357900 90.28%);border-radius:5px;align-items:center;gap:20px;width:100%;height:45px;padding:0 15px;font-family:Geogrotesque Wide,sans-serif;font-size:15px;font-weight:600;display:flex}.page-module__Z0iKJq__settingsTitle{color:#fff;align-items:center;gap:12px;margin-right:auto;font-size:18px;font-weight:700;display:flex}.page-module__Z0iKJq__setting{border:unset;outline:unset;background:unset;height:100%;padding:unset;cursor:pointer;color:#ada3ef;border-bottom:2px solid #0000;font-family:Geogrotesque Wide,sans-serif;font-size:15px;font-weight:600;transition:color .3s,border .3s}.page-module__Z0iKJq__setting:disabled{opacity:.5;cursor:default}.page-module__Z0iKJq__settingActive{color:#fca31e;border-bottom:2px solid #fca31e}.page-module__Z0iKJq__inputSetting{color:#ada3ef;gap:8px;font-family:Geogrotesque Wide,sans-serif;font-size:15px;font-weight:600;display:flex}.page-module__Z0iKJq__inputSetting span{align-items:center;gap:0;display:flex}.page-module__Z0iKJq__inputSetting input{border:unset;outline:unset;background:unset;max-width:30px;height:100%;padding:unset;color:#fff;text-align:right;font-family:Geogrotesque Wide,sans-serif;font-size:15px;font-weight:600}.page-module__Z0iKJq__range{appearance:none;background:linear-gradient(90deg,#5f5ca6 0% 50%,#2b284e 50% 100%);border-radius:25px;max-width:190px;height:9px}.page-module__Z0iKJq__range::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:15px;height:15px}.page-module__Z0iKJq__coinText{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.page-module__Z0iKJq__white{color:#fff}.page-module__Z0iKJq__modalOverlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.page-module__Z0iKJq__modal{background:#27224d;border-radius:10px;width:90%;max-width:800px;max-height:80vh;overflow:hidden}.page-module__Z0iKJq__modalHeader{border-bottom:1px solid #5a5499;justify-content:space-between;align-items:center;padding:20px;display:flex}.page-module__Z0iKJq__modalHeader h3{color:#fff;font-size:18px;font-weight:700}.page-module__Z0iKJq__closeBtn{color:#ada3ef;cursor:pointer;background:0 0;border:none;font-size:28px}.page-module__Z0iKJq__modalCases{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;max-height:60vh;padding:20px;display:grid;overflow-y:auto}.page-module__Z0iKJq__modalCase{text-align:center;cursor:pointer;background:#5a54994d;border:1px solid #0000;border-radius:8px;padding:15px;transition:all .2s}.page-module__Z0iKJq__modalCase:hover{border-color:var(--gold)}.page-module__Z0iKJq__modalCase p{color:#fff;margin:10px 0;font-size:12px;font-weight:600}@media only screen and (max-width:1000px){.page-module__Z0iKJq__createBattleContainer{padding-bottom:90px}}