body.hex-screen-ui #hub-dialog[data-tab=rewards][open]{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:48px minmax(0,1fr)!important}
body.hex-screen-ui #hub-dialog[data-tab=rewards] #hub-tabs{display:none!important}
body.hex-screen-ui #hub-dialog[data-tab=rewards] #hub-content:has(>.mt-vault){display:block!important;grid-column:1/-1!important;padding:10px!important;overflow:hidden!important}
body.hex-screen-ui .mt-vault{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:14px!important}
body.hex-screen-ui .mt-vault *{box-sizing:border-box}
body.hex-screen-ui .mt-vault .vault-stage{grid-column:1;grid-row:1;padding:12px!important;gap:5px;border-radius:24px;background:radial-gradient(ellipse at 50% 40%,#8b50b566,transparent 65%),linear-gradient(145deg,#422452,#241b3a)}
body.hex-screen-ui .mt-vault .vault-stage>.vault-eyebrow{display:none}
body.hex-screen-ui .mt-vault .vault-title{font-size:22px!important;margin:0!important}
body.hex-screen-ui .mt-vault .vault-scene{min-height:0!important;max-height:none!important}
body.hex-screen-ui .mt-vault .vault-scene .treasure-icon{width:clamp(90px,30vh,170px)!important;height:clamp(90px,30vh,170px)!important;max-height:100%!important;aspect-ratio:1}
body.hex-screen-ui .mt-vault .vault-ready{font-size:12px!important;margin:0!important}
body.hex-screen-ui .mt-vault #open-chest,body.hex-screen-ui .mt-vault .mt-play{min-height:48px!important;height:48px!important;flex:none;width:92%!important;padding:8px!important;font-family:inherit;font-weight:800;font-size:17px!important;line-height:1.1;border:2px solid #fdebbe!important;border-bottom:5px solid #8f7d4a!important;border-radius:15px!important;color:#3c2e1c!important;background:linear-gradient(#fde5a7,#ebc766)!important;box-shadow:0 4px 0 #221c17,0 0 20px #f9d77922;cursor:pointer}
body.hex-screen-ui .mt-vault #open-chest[hidden]{display:none!important}
body.hex-screen-ui .mt-vault .vault-side{grid-column:2;grid-row:1;display:flex;gap:10px;padding-bottom:57px;overflow:auto;scrollbar-width:thin}
body.hex-screen-ui .mt-vault .vault-progress{padding:12px!important;border-radius:20px;background:linear-gradient(145deg,#37445e,#28263f)}
body.hex-screen-ui .mt-vault .vault-progress>.vault-eyebrow{font-size:11px!important;letter-spacing:1px}
body.hex-screen-ui .mt-vault .vault-progress h3{font-size:23px!important;margin:5px 0!important}
body.hex-screen-ui .mt-vault .vault-gems{gap:6px;margin:8px 0!important}
body.hex-screen-ui .mt-vault .vault-gems svg{max-height:30px!important}
body.hex-screen-ui .mt-vault .vault-earn{font-size:12px!important;margin:6px 0 0!important}
body.hex-screen-ui .mt-vault .vault-shop{flex:1 0 66px;min-height:66px!important;padding:12px!important;border-radius:18px!important}
body.hex-screen-ui .mt-vault .vault-shop strong{font-size:19px!important}
body.hex-screen-ui .mt-vault .vault-shop>span:not(.vault-shop-art){font-size:12px!important}
body.hex-screen-ui .mt-vault .vault-shop-art{height:65px!important;bottom:0!important}
body.hex-screen-ui .mt-vault .vault-shop-art img{width:65px!important;height:65px!important}
body.hex-screen-ui .mt-vault .vault-footer{position:absolute;right:0;bottom:0;width:calc((100% - 14px)/2.2);height:47px;margin:0;padding:0;display:flex;z-index:2}
body.hex-screen-ui .mt-vault .vault-info[hidden]{display:none!important}
body.hex-screen-ui .mt-vault .mt-info,body.hex-screen-ui .mt-vault .mt-infotabs button,body.hex-screen-ui .mt-vault .vault-info-close{min-height:44px!important;padding:8px 14px!important;font-size:15px!important;font-weight:800!important;line-height:1.1;border:1px solid #c49ce6!important;border-bottom:4px solid #352143!important;border-radius:13px!important;color:#fff0d5!important;background:linear-gradient(#71518d,#422c56)!important;box-shadow:0 3px #1a102a;cursor:pointer}
body.hex-screen-ui .mt-vault .mt-info{width:100%}
body.hex-screen-ui .mt-vault .vault-info-panel:not([hidden]){display:grid!important;grid-template-rows:44px 44px minmax(0,1fr);gap:10px;padding:12px!important;overflow:hidden!important;z-index:12;text-align:left}
body.hex-screen-ui .mt-vault .mt-infohead{display:flex;justify-content:space-between;align-items:center;gap:12px}
body.hex-screen-ui .mt-vault .mt-infohead h3{font-size:22px!important;margin:0!important}
body.hex-screen-ui .mt-vault .mt-infotabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.hex-screen-ui .mt-vault .mt-infotabs button[aria-pressed=true]{background:linear-gradient(#fff0a7,#edc570)!important;border-color:#ffe3a2!important;border-bottom-color:#9a6937!important;color:#3a2930!important}
body.hex-screen-ui .mt-vault .mt-infocopy{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c5a0e7 #241733;padding:4px 12px 20px 4px;mask-image:linear-gradient(#000 92%,transparent)}
body.hex-screen-ui .mt-vault .mt-infocopy p,body.hex-screen-ui .mt-vault .mt-infocopy small{font-size:14px!important;line-height:1.6!important;text-align:left!important}
body.hex-screen-ui .mt-vault .mt-odd{display:inline-flex;gap:12px;align-items:center;justify-content:space-between;margin:5px 4px 5px 0;padding:7px 10px;border:1px solid #aaa1b9;border-left:4px solid #b5acc8;border-radius:9px;background:#3b3050;color:#f6e7ff;text-transform:capitalize}
body.hex-screen-ui .mt-vault .mt-odd[data-rarity=rare]{border-color:#74baff}body.hex-screen-ui .mt-vault .mt-odd[data-rarity=uncommon]{border-color:#89e4b2}body.hex-screen-ui .mt-vault .mt-odd[data-rarity=epic]{border-color:#c68afa}body.hex-screen-ui .mt-vault .mt-odd[data-rarity=legendary]{border-color:#ffd982;color:#ffe8ac}
@media(max-height:360px){body.hex-screen-ui .mt-vault .vault-progress{padding:8px!important}body.hex-screen-ui .mt-vault .vault-gems svg{max-height:22px!important}body.hex-screen-ui .mt-vault .vault-gems{margin:4px 0!important}body.hex-screen-ui .mt-vault .vault-progress h3{font-size:19px!important}body.hex-screen-ui .mt-vault .vault-title{font-size:19px!important}body.hex-screen-ui .mt-vault .vault-shop strong{font-size:17px!important}}

body.hex-screen-ui .mt-vault .mt-info img,body.hex-screen-ui .mt-vault .mt-info svg{width:24px!important;height:24px!important;vertical-align:middle;object-fit:contain}
/* Every Treasure subview occupies the same single-column mobile screen. */
body.hex-screen-ui #hub-dialog[data-tab=rewards] #hub-content{grid-column:1/-1!important;grid-row:2!important;min-width:0!important;min-height:0!important;padding:10px!important;overflow:auto!important}
body.hex-screen-ui #hub-dialog[data-tab=rewards]>.hub-heading{position:static!important;inset:auto!important;grid-column:1/-1!important;grid-row:1!important;width:100%!important;height:48px!important;min-height:0!important;padding:3px 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:nowrap!important;overflow:hidden!important}
body.hex-screen-ui #hub-dialog[data-tab=rewards] .hub-heading #hub-title{font-size:22px!important;line-height:1.1!important;margin:0!important;flex:1;min-width:0}
body.hex-screen-ui #hub-dialog[data-tab=rewards] .hub-heading button{min-height:40px!important;white-space:nowrap!important;flex:none}
body.hex-screen-ui #hub-dialog[data-tab=rewards] #hub-content:has(>.reward-bazaar){display:block!important;overflow:hidden!important}
body.hex-screen-ui #hub-content>.reward-bazaar{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:54px minmax(0,1fr) 44px!important;gap:10px!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important}
body.hex-screen-ui .reward-bazaar *{box-sizing:border-box}
body.hex-screen-ui #hub-content .reward-bazaar>header{position:absolute!important;inset:auto!important;left:0!important;bottom:0!important;width:115px!important;max-width:none!important;height:44px!important;min-height:0!important;display:flex!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;z-index:2}
body.hex-screen-ui .reward-bazaar>header strong{display:none!important}
body.hex-screen-ui .reward-bazaar #bazaar-back{width:100%;height:44px;min-height:44px;padding:5px!important;font-size:14px!important}
body.hex-screen-ui #hub-content .reward-bazaar .chest-select{grid-row:1;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0!important;min-height:0}
body.hex-screen-ui .reward-bazaar .chest-select button{min-width:0!important;min-height:50px!important;padding:6px!important;gap:7px!important;flex-direction:row!important;border-bottom-width:4px!important}
body.hex-screen-ui .reward-bazaar .chest-select img{width:36px!important;height:36px!important;object-fit:contain}
body.hex-screen-ui .reward-bazaar .chest-select span{font-size:13px!important;line-height:1.1}
body.hex-screen-ui #hub-content .reward-bazaar .bazaar-feature{grid-row:2;display:grid!important;grid-template-columns:minmax(0,.65fr) minmax(0,1fr)!important;gap:14px!important;padding:12px!important;margin:0!important;min-height:0!important;overflow:hidden!important;border-radius:22px!important}
body.hex-screen-ui .reward-bazaar .bazaar-display{width:100%;height:100%;min-height:0;display:grid;place-items:center;overflow:hidden}
body.hex-screen-ui .reward-bazaar .bazaar-display>img{width:100%!important;height:100%!important;max-height:170px!important;min-height:0!important;object-fit:contain}
body.hex-screen-ui .reward-bazaar .bazaar-display>span{right:14%;top:10%}
body.hex-screen-ui .reward-bazaar .bazaar-offer{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:0;gap:6px}
body.hex-screen-ui #hub-content .reward-bazaar .bazaar-offer h3{font-size:20px!important;line-height:1.1!important;margin:0!important}
body.hex-screen-ui #hub-content .reward-bazaar .bazaar-offer p{font-size:13px!important;line-height:1.3!important;margin:0!important}
body.hex-screen-ui .reward-bazaar .bazaar-prices{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:3px 0 0!important}
body.hex-screen-ui .reward-bazaar .bazaar-prices button{min-height:48px!important;padding:6px!important;gap:5px!important}
body.hex-screen-ui .reward-bazaar .bazaar-prices button b{font-size:21px!important}
body.hex-screen-ui .reward-bazaar .bazaar-prices button span{font-size:12px!important}
body.hex-screen-ui .reward-bazaar .bazaar-prices svg,body.hex-screen-ui .reward-bazaar .bazaar-prices img{width:25px!important;height:25px!important;flex:none}
body.hex-screen-ui #hub-content .reward-bazaar .bazaar-offer>small{font-size:11px!important;margin:0!important}
body.hex-screen-ui #hub-content .reward-bazaar>footer{position:static!important;grid-row:3!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:10px!important;min-height:0!important;height:44px!important;margin:0 140px 0 125px!important;padding:0!important;background:none!important;border:0!important}
body.hex-screen-ui .reward-bazaar #bazaar-wardrobe{min-height:44px!important;padding:6px 12px!important;font-size:13px!important;white-space:nowrap}
body.hex-screen-ui .reward-bazaar #bazaar-status{font-size:11px!important;line-height:1.2}
body.hex-screen-ui #hub-content .reward-bazaar>details{position:absolute;bottom:0;right:0;z-index:5;margin:0;width:130px;color:#fff0d7}
body.hex-screen-ui .reward-bazaar>details>summary{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px;cursor:pointer;list-style:none;border:1px solid #c6a2e7;border-bottom:4px solid #33203f;border-radius:12px;background:linear-gradient(#71518d,#422c56);font-size:13px;font-weight:800}
body.hex-screen-ui #hub-content .reward-bazaar>details[open]{inset:0;width:100%;height:100%;overflow:auto;overscroll-behavior:contain;padding:12px 16px 24px;border:2px solid #bda1dd;border-radius:18px;background:#2b203e;scrollbar-width:thin}
body.hex-screen-ui .reward-bazaar>details[open]>summary{position:sticky;top:0;justify-content:space-between;background:#60457c}
body.hex-screen-ui .reward-bazaar>details[open]>summary::after{content:'Close ×';margin-left:12px}
body.hex-screen-ui .reward-bazaar>details p{font-size:14px!important;line-height:1.6!important;text-align:left!important}
@media(max-width:720px){body.hex-screen-ui .reward-bazaar .chest-select span{font-size:11px!important}body.hex-screen-ui .reward-bazaar .chest-select img{width:28px!important;height:30px!important}body.hex-screen-ui .reward-bazaar #bazaar-status{display:none}body.hex-screen-ui .reward-bazaar .bazaar-prices button span{display:none}body.hex-screen-ui #hub-content .reward-bazaar .bazaar-offer h3{font-size:18px!important}}
@media(max-height:360px){body.hex-screen-ui #hub-content .reward-bazaar{gap:8px!important;grid-template-rows:50px minmax(0,1fr) 44px!important}body.hex-screen-ui #hub-content .reward-bazaar .bazaar-feature{padding:8px!important}body.hex-screen-ui .reward-bazaar .bazaar-offer{gap:4px}body.hex-screen-ui #hub-content .reward-bazaar .bazaar-offer h3{font-size:18px!important}body.hex-screen-ui #hub-content .reward-bazaar .bazaar-offer p{font-size:12px!important}body.hex-screen-ui #hub-content .reward-bazaar .bazaar-offer>small{display:none}}