.cases-heading h1{font-size:29px;margin:0}.cases-heading{margin:5px 0 24px;align-items:center}.case-collection-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 14px}.case-collection-head h2{font-size:21px;margin:0}.case-collection-head span{font-size:10px;color:#8d929e}.brand-case{border-color:#bfa42d!important}.brand-case .case-art{background:#1b1c18}.case-grid .case-card .case-number{display:none}.case-loot-items{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.case-loot-items .item{width:100%;position:relative;border-radius:6px}.roulette-stack{gap:7px}.roulette-window{height:137px;padding:6px 0;border-radius:8px}.roulette-track{gap:7px}.roulette-track .item{width:118px;flex-basis:118px;height:123px;min-height:123px;padding:7px;overflow:hidden}.roulette-track .item img{height:63px!important;object-fit:contain;width:100%}.roulette-track .item small{font-size:7px}.roulette-track .item b{font-size:9px;white-space:nowrap;margin:3px 0;line-height:1.3}.roulette-track .item strong{font-size:10px}.roulette-track .item em{font-size:7px;right:5px;bottom:7px}.roulette-stack[data-count="4"] .roulette-window,.roulette-stack[data-count="5"] .roulette-window{height:91px}.roulette-stack[data-count="4"] .roulette-track .item,.roulette-stack[data-count="5"] .roulette-track .item{height:77px;min-height:77px}.roulette-stack[data-count="4"] .roulette-track .item img,.roulette-stack[data-count="5"] .roulette-track .item img{height:38px!important}.roulette-stack[data-count="4"] .roulette-track .item small,.roulette-stack[data-count="5"] .roulette-track .item small{display:none}.roulette-stack[data-count="4"] .roulette-track .item b,.roulette-stack[data-count="5"] .roulette-track .item b{font-size:8px;margin:2px 0}.roulette-stack[data-count="4"] .roulette-track .item strong,.roulette-stack[data-count="5"] .roulette-track .item strong{font-size:9px}.roulette-stack[data-count="4"] .roulette-track .item em,.roulette-stack[data-count="5"] .roulette-track .item em{bottom:6px}.case-top{margin-bottom:12px}
@media(max-width:650px){.cases-heading h1{font-size:24px}.cases-heading{margin:2px 0 18px;gap:12px}.case-collection-head{margin:22px 0 11px}.case-collection-head h2{font-size:18px}.case-collection-head span{font-size:9px}.case-loot-items{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}.case-loot-items .item{min-height:110px!important;height:110px!important;padding:5px;overflow:hidden;border-radius:5px}.case-loot-items .item img{height:48px!important;margin:14px 0 0;width:100%;object-fit:contain}.case-loot-items .item small{font-size:6px!important;line-height:1.3;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.case-loot-items .item b{font-size:8px!important;font-weight:600;line-height:1.25;min-height:2.5em;margin:2px 0 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.case-loot-items .item strong{position:absolute;right:4px;top:5px;font-size:8px!important;color:#ffdf00;padding:0;line-height:1.2;max-width:calc(100% - 20px)}.case-loot-items .item em{font-size:6px;top:18px;bottom:auto;right:4px}.roulette-window{height:113px;padding:5px 0}.roulette-track{gap:6px}.roulette-track .item{width:100px;flex-basis:100px;height:101px;min-height:101px;padding:6px}.roulette-track .item img{height:48px!important}.roulette-track .item small{font-size:6px}.roulette-track .item b{font-size:8px;margin:2px 0}.roulette-track .item strong{font-size:9px}.roulette-track .item em{font-size:6px;bottom:6px;right:4px}.roulette-stack[data-count="3"] .roulette-window{height:86px}.roulette-stack[data-count="3"] .roulette-track .item{height:74px;min-height:74px}.roulette-stack[data-count="3"] .roulette-track .item img{height:32px!important}.roulette-stack[data-count="3"] .roulette-track .item small{display:none}.roulette-stack[data-count="4"] .roulette-window,.roulette-stack[data-count="5"] .roulette-window{height:62px;padding:3px 0}.roulette-stack[data-count="4"] .roulette-track .item,.roulette-stack[data-count="5"] .roulette-track .item{height:54px;min-height:54px;padding:4px 5px;width:100px;flex-basis:100px}.roulette-stack[data-count="4"] .roulette-track .item img,.roulette-stack[data-count="5"] .roulette-track .item img{height:25px!important}.roulette-stack[data-count="4"] .roulette-track .item b,.roulette-stack[data-count="5"] .roulette-track .item b{font-size:7px;line-height:1.1;margin:1px 0}.roulette-stack[data-count="4"] .roulette-track .item strong,.roulette-stack[data-count="5"] .roulette-track .item strong{font-size:8px;line-height:1.1}.roulette-stack[data-count="4"] .roulette-track .item em,.roulette-stack[data-count="5"] .roulette-track .item em{font-size:5px;bottom:5px}.roulette-stack{gap:4px}.case-top{gap:7px;flex-wrap:nowrap}.case-top>div{min-width:0}.case-top h1{font-size:18px}.case-top .case-icon.case-illustration{height:37px;width:37px}.case-top>#back{font-size:10px;padding:8px;min-height:34px}.case-top .eyebrow{font-size:7px}.controls{margin-top:12px}.controls [data-mult]{min-height:32px;min-width:32px;padding:6px}.controls #open{min-height:40px}.controls #fast{min-height:40px}}
@media(max-width:350px){.case-loot-items .item{height:104px!important;min-height:104px!important}.case-loot-items .item img{height:43px!important}.case-loot-items .item b{font-size:7px!important}.case-top h1{font-size:16px}.case-top .case-icon.case-illustration{width:30px;height:30px}}
.roulette-track .item strong{position:absolute;left:6px;bottom:5px;margin:0!important;padding-right:22px;line-height:1.1}.roulette-stack[data-count="4"] .roulette-track .item strong,.roulette-stack[data-count="5"] .roulette-track .item strong{left:5px;bottom:4px}
@media(max-width:650px){body:has(.case-top) .upgrade-battle-banner{display:none}.roulette-track .item strong{left:5px;bottom:5px}.roulette-stack[data-count="4"] .roulette-track .item strong,.roulette-stack[data-count="5"] .roulette-track .item strong{left:5px;bottom:4px}}
@media(max-width:650px){main>.panel:has(.case-top){padding:12px}.panel:has(.case-top) .controls{margin-top:8px}}