*,*::before,*::after{box-sizing:border-box}html,body{max-width:100%;overflow-x:clip}main{width:min(1200px,100%);min-width:0;margin-inline:auto}main>*{min-width:0}.upgrader-heading,.upgrade-layout,.upgrade-picker,.battle-hub,.battle-detail{width:100%;min-width:0}.upgrade-layout .selection{min-width:0}.case-top h1{overflow-wrap:anywhere}.roulette{min-width:0;max-width:100%;overflow:hidden}.battle-hub .battle-lobby-heading{gap:12px;align-items:center}.battle-hub h1{min-width:0}.free-inventory-retry{grid-column:1/-1;padding:16px;font-size:12px;line-height:1.6}.free-inventory-retry button{min-height:40px}.free-inventory{min-width:0}.free-inventory-grid{min-width:0}.account-inventory-content{min-width:0}
@media(min-width:851px){body[data-page=upgrade] #main{max-width:1120px;padding:28px 32px}.upgrader-heading{max-width:900px;margin-inline:auto}.upgrade-layout{max-width:900px!important;margin-inline:auto!important}.upgrade-picker{max-width:1100px!important;margin-inline:auto!important}.battle-hub,.battle-detail{max-width:1100px!important;margin-inline:auto!important}.battle-hub .battle-lobby-heading h1{font-size:30px}.battle-create-wide{min-height:52px}.upgrade-layout .selection{min-height:220px}.account-inventory-content .inventory-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}}
@media(min-width:651px) and (max-width:850px){#main{padding:24px}.upgrade-layout{max-width:720px!important;margin-inline:auto!important}.upgrade-picker{max-width:760px!important;margin-inline:auto!important}.items{grid-template-columns:repeat(3,minmax(0,1fr))}.account-inventory-content .inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){#main{padding-inline:12px!important}.upgrader-heading,.upgrade-layout,.upgrade-picker,.battle-hub,.battle-detail{max-width:100%!important}.battle-lobby-heading h1{font-size:22px}.battle-lobby-heading button{font-size:12px;padding:10px}.case-top{flex-wrap:wrap}.case-top h1{font-size:22px}.case-top .case-icon{width:52px;flex-basis:52px}.free-inventory-grid{display:contents!important}.free-inventory-item{width:100%;min-width:0}.free-inventory-item b{overflow-wrap:anywhere}.account-inventory-content .inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}header .wallet{min-width:0}.balance-shell{min-width:0}#balance{white-space:nowrap}}
@media(max-width:360px){header .brand .wordmark{font-size:22px}.wallet #balance{font-size:12px}.balance-shell #currency-trigger{font-size:10px}.account-inventory-content .inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}



@media(min-width:651px) and (max-width:850px){header{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;padding:14px 20px!important;gap:16px;min-height:76px}header>nav,header .steam-login-link{display:none!important}header>.wallet{flex:0 1 auto!important;margin:0!important;gap:8px}header .brand{flex:none}header #inventory,header #profile{display:none!important}}
@media(max-width:850px){#support-button{position:fixed!important;bottom:calc(94px + env(safe-area-inset-bottom,0px))!important;right:16px!important;width:48px!important;height:48px!important}}
/* Desktop Boost owns its layout instead of inheriting mobile dimensions. */
@media(min-width:851px){
 body[data-page=upgrade]{background:#0f1012!important}
 body[data-page=upgrade] #main{width:100%;max-width:1400px!important;padding:24px 40px 40px!important;background:transparent!important}
 body[data-page=upgrade] #main .upgrader-heading{max-width:1240px!important;height:68px;margin:0 auto 20px!important;align-items:center}
 body[data-page=upgrade] #main .upgrader-heading h1{font-size:28px!important;margin:0}
 body[data-page=upgrade] #main .upgrade-layout{width:100%!important;max-width:1240px!important;margin:0 auto 18px!important;gap:24px!important}
 body[data-page=upgrade] #main .upgrade-layout>.selection{min-width:0!important;width:100%!important;max-width:100%!important;height:290px!important;min-height:290px!important;padding:24px 20px!important;border:1px solid #2c2e34!important;border-radius:14px}
 body[data-page=upgrade] #main .selection-title{font-size:16px!important;line-height:1.5!important;min-height:48px;max-width:270px;margin-inline:auto;text-align:center}
 body[data-page=upgrade] #main .selection-help{font-size:13px!important;line-height:1.5!important;text-align:center;max-width:100%}
 body[data-page=upgrade] #main .selection-arrows{width:74px!important;height:auto!important}
 body[data-page=upgrade] #main .selection:has(.selection-title[hidden])>img{height:130px!important}
 body[data-page=upgrade] #main .selection>small{font-size:13px!important}body[data-page=upgrade] #main .selection>b{font-size:17px!important;line-height:1.4}body[data-page=upgrade] #main .selection>strong{font-size:20px!important}
 body[data-page=upgrade] #main .upgrade-layout>button.upgrade-action{width:440px!important;min-width:0!important;max-width:min(440px,100%)!important;justify-self:center!important;align-self:center;grid-column:1/-1!important;height:54px!important;font-size:20px!important;margin:0!important;flex:none!important}
 body[data-page=upgrade] #main .quick-presets{margin:0 auto 24px!important;width:520px;max-width:100%}
 body[data-page=upgrade] #main .upgrade-picker{width:100%;max-width:1240px!important;margin:0 auto 28px!important}
 body[data-page=upgrade] .ticker:has(.live-empty){min-height:0!important;padding:10px 32px 12px!important;gap:6px}
 body[data-page=upgrade] .ticker:has(.live-empty) #drops{height:34px!important;min-height:0!important}
 body[data-page=upgrade] .ticker .live-empty{font-size:13px;line-height:1.5;padding:4px 0}
}
@media(min-width:1100px){
 body[data-page=upgrade] #main .upgrade-layout{grid-template-columns:minmax(0,1fr) 420px minmax(0,1fr)!important;grid-template-areas:"source wheel target" "action action action"!important;align-items:center!important}
 body[data-page=upgrade] #main .upgrade-layout .upgrade-center{width:420px;min-width:0;padding:0!important}
 body[data-page=upgrade] #main .spectrum-wheel{width:390px!important;height:390px!important;margin:20px auto 30px!important}
}
@media(min-width:851px) and (max-width:1099px){body[data-page=upgrade] #main{padding:20px 28px!important}body[data-page=upgrade] #main .upgrade-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:"wheel wheel" "source target" "action action"!important}body[data-page=upgrade] #main .selection-title{font-size:15px!important}}