/* Keep legacy member tools inside the new mobile site frame. */
body:has(#member){--tpl-accent:#ffd314!important;--tpl-accent-rgb:255,211,20!important;--tpl-bg-base:#0b0b0b!important;--tpl-bg-muted:#1d1d1b!important;--tpl-text:#f6f6f2!important;--tpl-text-strong:#f6f6f2!important;--tpl-text-subtle:#aaa!important;--tpl-text-muted:#999!important;--tpl-border:#35352d!important;--tpl-border-soft:#35352d!important;background:#090909!important;color:#f6f6f2!important;padding:0 0 110px!important;min-width:0!important}
body:has(#member) *,body:has(#member) *:before,body:has(#member) *:after{box-sizing:border-box}
body:has(#member) .member-wrap{width:min(100%,360px)!important;max-width:360px!important;min-width:0!important;min-height:calc(100vh - 95px)!important;height:auto!important;margin:0 auto!important;padding:0 0 15px!important;background:#0b0b0b!important;overflow:hidden!important}
body:has(#member) #member{width:100%!important;max-width:100%!important;display:block!important;margin:0!important;padding:0!important;background:#0b0b0b!important;min-height:calc(100vh - 105px)!important}
body:has(#member) #member #left{display:none!important}
body:has(#member) #member #right{float:none!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0 10px 10px!important;background:#0b0b0b!important}
body:has(#member) #member #right .m-nav{height:52px!important;min-height:52px!important;line-height:52px!important;margin:0 -10px 10px!important;padding:0 10px!important;background:#111!important;color:#fff!important;border:0!important;box-shadow:none!important;position:relative!important}
body:has(#member) #member #right .m-nav .mb-title{color:#f7f7f4!important;font-size:17px!important;font-weight:700!important}
body:has(#member) #member #right .m-nav a{color:#ffd314!important}
body:has(#member) #member #right .co-right,body:has(#member) #member #right .co-right-bg{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:10px!important;background:#1b1b19!important;color:#f3f3ef!important;border-radius:10px!important;box-shadow:none!important}
body:has(#member) #member #right .co-right h2,body:has(#member) #member #right .co-right h3,body:has(#member) #member #right .co-right h4{color:#f6f6f2!important}
body:has(#member) #member #right .co-right p,body:has(#member) #member #right .co-right td,body:has(#member) #member #right .co-right .muted{color:#b7b7af!important}
body:has(#member) #member #right .co-right a{color:#ffd314}
body:has(#member) #member #right .co-right input,body:has(#member) #member #right .co-right textarea{max-width:100%}
body:has(#member) #member #right .co-right .search-button,body:has(#member) #member #right .co-right .user-info-btn--primary{background:#ffd314!important;color:#171717!important;border-color:#ffd314!important;box-shadow:none!important}
body:has(#member) .foot-logo-region,body:has(#member) .fo_t,body:has(#member) .friendLink,body:has(#member) .theme-foot-text{display:none!important}
body:has(#member) .foot{background:transparent!important;padding:0!important;margin:0!important}
body:has(#member) .foot .container{max-width:360px!important}
body.user-info-page-wrap #member #right .co-right.co-right-bg{background:#0b0b0b!important;padding:0!important}
body.user-info-page-wrap #member #right #listCon .user-info-stats{background:linear-gradient(115deg,#3e3212,#191915)!important;border-radius:10px!important;padding:10px!important}
body.user-info-page-wrap #member #right #listCon .user-info-stats__card{background:#22221e!important;border:1px solid #564a22!important;color:#f7f7f2!important;border-radius:9px!important}
body.user-info-page-wrap #member #right #listCon .user-info-stats__val,body.user-info-page-wrap #member #right #listCon .user-info-stats__label{color:#f7f7f2!important}
body.user-info-page-wrap #member #right #listCon .quick-account-panel,body.user-info-page-wrap #member #right #listCon .user-info-sheet{background:#1b1b19!important;border:1px solid #30302b!important;border-radius:10px!important;color:#f7f7f2!important;box-shadow:none!important}
body.user-info-page-wrap #member #right #listCon .quick-account-panel p,body.user-info-page-wrap #member #right #listCon .user-info-row__value,body.user-info-page-wrap #member #right #listCon .xiang{color:#deded6!important}
body.user-info-page-wrap #member #right #listCon .user-info-row{border-color:#38382f!important}
body.user-info-page-wrap #member #right .member-input{background:#252520!important;color:#f7f7f2!important;border:1px solid #3c3c31!important}
body.user-info-page-wrap #member #right .user-info-btn--secondary{background:#242420!important;color:#f7f7f2!important;border-color:#3c3c31!important}
body.mac-invite-wrap #member #right .invite-page{background:#0b0b0b!important}
body.mac-invite-wrap #member #right .invite-header-card,body.mac-invite-wrap #member #right .invite-stats-card,body.mac-invite-wrap #member #right .invite-link-block{background:#1b1b19!important;border:1px solid #36362d!important;box-shadow:none!important;color:#f7f7f2!important}
body.mac-invite-wrap #member #right .invite-link-bar{background:#3c3210!important;color:#ffd314!important}
body.mac-invite-wrap #member #right .invite-link-body-wrap{background:#252520!important;border-color:#39392d!important}
body.mac-invite-wrap #member #right .invite-link-body{color:#ffd314!important;overflow-wrap:anywhere!important}
body.mac-invite-wrap #member #right .invite-code-value,body.mac-invite-wrap #member #right .invite-stats-num{color:#ffd314!important}
body.page-user-plays #member #right .co-right{background:#0b0b0b!important}
body:has(#member) #member .data__list .data__item{width:100%!important;min-width:0!important;background:#1b1b19!important;border:1px solid #30302b!important;border-radius:9px!important;color:#f5f5f2!important;display:flex!important;align-items:center!important;gap:9px!important;padding:9px!important;margin:8px 0!important}
body:has(#member) #member .data__list .data__img{width:60px!important;min-width:60px!important;max-width:60px!important;flex:0 0 60px!important;float:none!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
body:has(#member) #member .data__list .data__thumb{width:60px!important;height:78px!important;max-width:60px!important;min-height:0!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;border-radius:5px!important}
body:has(#member) #member .data__list .data__txt{flex:1!important;min-width:0!important;overflow:hidden!important}
body:has(#member) #member .data__list .data__title,body:has(#member) #member .data__list .data__title a{color:#f7f7f2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body:has(#member) #member .filter-tabs{background:#22221e!important;border-radius:22px!important;width:max-content!important;max-width:100%!important;margin:0 auto 10px!important}
body:has(#member) #member .filter-tabs a.active{background:#ffd314!important;color:#141414!important}
@media(max-width:360px){body:has(#member) #member #right{padding-left:8px!important;padding-right:8px!important}}
/* Member screens share the same compact frame as the storefront. */
body:has(#member){box-sizing:border-box!important;min-height:100dvh!important;padding-bottom:98px!important}
body:has(#member) #topnav{display:none!important}
body:has(#member) .member-wrap,body:has(#member) #member{min-height:0!important}
body:has(#member) #member #right .m-nav{margin-bottom:14px!important}
body:has(#member) #member #right .m-nav .mb-title{font-weight:800!important}
body:has(#member) #member #right .co-right{font-size:13px;line-height:1.5}
body:has(#member) #member #right .co-right h2{font-size:16px}
body:has(#member) .member-page{margin-bottom:0!important}
body:has(#member):not(:has(#sxApp)){padding-bottom:56px!important}
body:has(#member) .extra-fab{display:none!important}