/* Screenshot-aligned personal center. Only these two pages are affected. */
#page-my.blue-bg{
  --profile-width:min(100vw,430px);
  position:relative!important;
  min-height:100vh!important;
  background:linear-gradient(155deg,#142c60 0%,#102964 28%,#5681c0 65%,#98cbe9 100%)!important;
  color:#fff!important;
  overflow:hidden!important;
  padding-bottom:calc(52px + env(safe-area-inset-bottom,0px))!important;
}
#page-my:before,#page-my:after{content:none!important;display:none!important}
#page-my .blue-shape{display:block!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;overflow:hidden!important}
#page-my .blue-shape:before{content:'';position:absolute;left:-27%;top:-9%;width:87%;height:20%;border-radius:50%;background:#ffffff03;transform:rotate(-15deg)}
#page-my .blue-shape:after{content:'';position:absolute;right:-50%;top:5%;width:80%;height:36%;border-radius:50%;background:#ffffff03;transform:rotate(24deg)}
#page-my .blue-shape i{position:absolute!important;border-radius:60px!important;transform:rotate(27deg)!important;background:rgba(215,237,255,.13)!important}
#page-my .blue-shape i:nth-child(1){left:-16%!important;top:25%!important;width:55%!important;height:6%!important}
#page-my .blue-shape i:nth-child(2){right:-25%!important;top:27%!important;width:64%!important;height:7%!important;background:rgba(215,237,255,.08)!important}
#page-my .blue-shape i:nth-child(3){left:-26%!important;right:auto!important;top:67%!important;bottom:auto!important;width:53%!important;height:7%!important}
#page-my .blue-shape i:nth-child(4){left:auto!important;right:-27%!important;top:78%!important;bottom:auto!important;width:65%!important;height:7%!important;background:rgba(224,244,255,.21)!important}
#page-my .blue-page-inner{position:relative!important;z-index:1!important;min-height:calc(100vh - 52px)!important}
#page-my .my-top{position:relative!important;height:calc(var(--profile-width)*.667)!important;background:transparent!important;padding:0!important}
#page-my .my-title{position:absolute!important;top:calc(var(--profile-width)*.047)!important;left:0!important;right:0!important;text-align:center!important;font-size:21px!important;line-height:29px!important;font-weight:700!important;color:#fff!important}
#page-my .gear{position:absolute!important;right:calc(var(--profile-width)*.039)!important;top:calc(var(--profile-width)*.052)!important;width:36px!important;height:36px!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;font-size:29px!important;line-height:36px!important;text-align:center!important;cursor:pointer}
#page-my .profile{position:absolute!important;left:calc(var(--profile-width)*.038)!important;top:calc(var(--profile-width)*.244)!important;width:calc(100% - var(--profile-width)*.076)!important;max-width:none!important;height:auto!important;margin:0!important;display:grid!important;grid-template-columns:calc(var(--profile-width)*.193) minmax(0,1fr)!important;gap:calc(var(--profile-width)*.07)!important;align-items:center!important}
#page-my .profile img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1!important;border-radius:50%!important;object-fit:cover!important;margin:0!important;background:transparent!important}
#page-my .profile .my-info{min-width:0!important;height:auto!important;overflow:visible!important;color:#fff!important}
#page-my .profile .name{height:auto!important;min-height:29px!important;font-size:23px!important;line-height:1.2!important;font-weight:700!important;margin:0 0 6px!important;white-space:normal!important;overflow-wrap:anywhere!important}
#page-my .profile .phone,#page-my #myMasked{display:none!important}
#page-my .profile .id{height:auto!important;font-size:14px!important;line-height:20px!important;font-weight:400!important;margin:0 0 5px!important;white-space:normal!important;overflow-wrap:anywhere!important}
#page-my .profile .balance-line{display:block!important;height:auto!important;line-height:1.2!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
#page-my .profile .balance-line b{display:block!important;font-size:27px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:0!important;color:#fff!important}
#page-my .my-card{position:relative!important;margin:0 calc(var(--profile-width)*.023) 0 calc(var(--profile-width)*.014)!important;padding:calc(var(--profile-width)*.035)!important;width:auto!important;min-height:0!important;background:#fff!important;color:#555!important;border-radius:11px!important;overflow:hidden!important;box-shadow:none!important}
#page-my .my-banners{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:calc(var(--profile-width)*.033)!important;height:auto!important;margin:0 0 calc(var(--profile-width)*.047)!important}
#page-my .my-banners .banner-btn{display:flex!important;align-items:center!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:183/63!important;margin:0!important;padding:0 0 0 11%!important;border:0!important;border-radius:0!important;background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;font-family:inherit!important;font-size:calc(var(--profile-width)*.052)!important;line-height:1.2!important;font-weight:700!important;white-space:nowrap!important;color:#fff!important;text-align:left!important;text-shadow:none!important;cursor:pointer}
#page-my .my-banners .banner-btn:first-child{background-image:url('assets/profile-reference/banner-recharge.webp')!important;background-color:#08b9ed!important}
#page-my .my-banners .banner-btn:last-child{background-image:url('assets/profile-reference/banner-withdraw.webp')!important;background-color:#82e235!important}
#page-my .my-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:calc(var(--profile-width)*.023) calc(var(--profile-width)*.033)!important;padding:0!important}
#page-my .my-menu{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;width:100%!important;height:calc(var(--profile-width)*.106)!important;min-height:35px!important;margin:0!important;border:1px solid #ededed!important;border-radius:5px!important;background:#fff!important;color:#555!important;padding:0 calc(var(--profile-width)*.026)!important;gap:calc(var(--profile-width)*.032)!important;font-family:inherit!important;font-size:calc(var(--profile-width)*.0372)!important;font-weight:400!important;line-height:1.2!important;white-space:nowrap!important;text-align:left!important;box-shadow:none!important;cursor:pointer}
#page-my .my-menu img{display:block!important;width:calc(var(--profile-width)*.084)!important;height:calc(var(--profile-width)*.084)!important;max-height:36px!important;object-fit:contain!important;flex:0 0 calc(var(--profile-width)*.084)!important}
#page-my .my-menu img.logout-icon{height:32px!important}
#page-my .safe-bottom{height:32px!important;background:none!important}
#page-my button:focus-visible{outline:2px solid #0c7df5!important;outline-offset:2px!important}
#page-room-list .room-card{display:block!important;width:calc(100% - 28px)!important;height:auto!important;margin:16px 14px 20px!important;padding:0!important;border:0!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 0 0 1px #eee!important;cursor:pointer}
#page-room-list .room-card img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:112/45!important;object-fit:cover!important;margin:0!important}
#page-room-list .room-card:focus-visible{outline:3px solid #246bf0!important;outline-offset:3px!important}
@media(max-width:350px){#page-my .profile .name{font-size:20px!important}#page-my .profile .id{font-size:12px!important}#page-my .profile .balance-line b{font-size:24px!important}#page-my .my-menu{gap:8px!important;font-size:12px!important}}