/* V6.2.4: the H5 shell follows its containing block, not scrollbar-inclusive vw. */
:root{--h5-max-width:460px;--app-span:100%;--app-left:0px}
html{width:100%;min-width:0}
body{width:100%;min-width:0;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
#app{width:100%;max-width:var(--h5-max-width);min-width:0;margin-left:auto;margin-right:auto;isolation:isolate}
#app .nav{width:var(--h5-shell-width,100%);max-width:var(--h5-max-width);left:var(--h5-shell-center,50%);right:auto;transform:translateX(-50%);box-sizing:border-box;gap:0}
#app .nav>button{flex:1 1 0;width:auto;min-width:0;padding-left:2px;padding-right:2px}
#app>.wrap,#app>.v4-page,#app>.finance-page,#app>.joy-page,#app>.member-page,#app>.gold-auth{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.v5-home{padding-left:14px;padding-right:14px}
.v5-home>.reference-shortcuts,.v5-home>.lottery,.v5-home>.reveal{width:100%;max-width:100%;margin-left:0;margin-right:0;box-sizing:border-box}
header.v61-home-head{width:100%;box-sizing:border-box;min-width:0}
.v61-home-head .v61-brand{min-width:0;overflow:hidden}
.v61-home-head .v61-brand img{width:auto;height:auto;max-width:100%;object-fit:contain}
.v61-home-head .v61-account-bar{flex:0 1 auto;max-width:55%;min-width:0}
.v61-home-head .v61-wallet{flex:0 1 auto;min-width:0;max-width:100%;box-sizing:border-box}
.v61-home-head .v61-wallet strong{min-width:0;max-width:100%;overflow-wrap:anywhere}
.v5-home .wheel-stage{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}
/* Rotated invisible bulb carrier boxes must not enlarge scrollable bounds. */
.v5-home .wheel-lights{overflow:hidden;border-radius:50%}
#modal .overlay{left:0;right:0;width:auto;max-width:none;box-sizing:border-box}
#modal .dialog{flex:0 1 auto;min-width:0;margin-left:auto;margin-right:auto}
#modal .v4-dialog>header>div{min-width:0}
#modal .v4-dialog>header h2{overflow-wrap:anywhere}
#modal .v4-history article>div{gap:10px;flex-wrap:wrap}
#modal .v4-history article b,#modal .v4-history article strong{min-width:0;overflow-wrap:anywhere}
#app .v61-shop-head,#app .v61-points,#app .finance-card,#app .v62-bank{max-width:100%;box-sizing:border-box;min-width:0}
#app .v4-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
#app .v4-catalog article{min-width:0}
#app .v4-catalog h2{overflow-wrap:anywhere}
#app .v6-tabs button,#modal .v4-tabs button{min-width:0;overflow-wrap:anywhere;white-space:normal}
#app .account-details b,#app .invite-code strong,#app .v62-bank h3,#app .v62-bank>strong{overflow-wrap:anywhere}
@media(max-width:359px){.v5-home{padding-left:10px;padding-right:10px}.v61-home-head .v61-account-bar{max-width:57%}.v61-home-head .v61-wallet{padding-left:8px;padding-right:8px}.v61-record-foot{gap:6px}.v61-record-foot .gold-primary{min-width:0}.v61-points-top{gap:8px}.v61-points-top>.member-icon{width:64px;height:64px;flex-basis:64px}.v61-points-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(horizontal-viewport-segments:2){body{width:env(viewport-segment-width 0 0,100%);margin-left:env(viewport-segment-left 0 0,0px)}#modal .overlay{left:env(viewport-segment-left 0 0,0px);right:auto;width:env(viewport-segment-width 0 0,100%)}}
@media(horizontal-viewport-segments:3){body{width:env(viewport-segment-width 1 0,100%);margin-left:env(viewport-segment-left 1 0,0px)}#modal .overlay{left:env(viewport-segment-left 1 0,0px);right:auto;width:env(viewport-segment-width 1 0,100%)}}
/* Long balances must fit their own asset column rather than overlap counts. */
#app .member-numbers>div{min-width:0}
#app .member-numbers b{font-size:clamp(14px,4.2vw,20px);line-height:1.35;overflow-wrap:anywhere}
/* Keep the spin label on one line even on a 320px screen. */
.v5-home .spin{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 3px;gap:0;line-height:1.2;white-space:nowrap;font-size:16px}
:root[lang="en-SG"] .v5-home .spin{font-size:14px}
.v5-home .spin .spin-star{font-size:16px;line-height:17px;margin-bottom:3px}
.v5-home .spin small{font-size:9px;line-height:1.2;margin-top:4px;white-space:nowrap}
@media(max-width:359px){.v5-home .spin{font-size:14px}:root[lang="en-SG"] .v5-home .spin{font-size:12px}}