/* ROYALS888 Phase 2: presentation only. No wallet/payment/navigation business logic. */
:root{--r2-bg:#100b0e;--r2-surface:#211217;--r2-surface2:#32151c;--r2-gold:#f0c575;--r2-red:#c91c38;--r2-border:rgba(237,185,99,.25)}
body:has(.hero),body:has(.account-hero){background:linear-gradient(155deg,#1c0b11,#0b0b10 55%,#170b11)!important;color:#f7e9e5}
.hero{border-radius:18px!important;overflow:hidden;box-shadow:0 12px 35px #0009,0 0 0 1px #b77b4a55!important}
.hero a,.hero button{transition:transform .22s ease,filter .22s ease}.hero a:active,.hero button:active{transform:scale(.97)}
body:has(.account-hero) .account-hero{background:linear-gradient(145deg,#2b0c17,#0e0a0d 70%)!important}
body:has(.account-hero) .acc-card{background:radial-gradient(circle at 92% 0%,#5c1728,#271017 42%,#160d12 100%)!important;color:#fff!important;border:1px solid var(--r2-border)!important;border-radius:22px!important;box-shadow:0 15px 40px #0008!important}
body:has(.account-hero) .acc-card .uname,body:has(.account-hero) .acc-card .balance-line b{color:#fff!important}
body:has(.account-hero) .acc-card .joined,body:has(.account-hero) .acc-card small,body:has(.account-hero) .wallet-note{color:#d9b8b2!important}
body:has(.account-hero) .acc-card .vip{background:linear-gradient(120deg,#6b381a,#c7974e)!important;color:#fff!important;border-radius:30px!important;padding:5px 12px!important}
body:has(.account-hero) .acc-card .pill{background:#351a22!important;color:#ffe8c5!important;border:1px solid #8a4b45!important;border-radius:30px!important}
body:has(.account-hero) .acc-card .pill.deposit{background:linear-gradient(115deg,#0e9b70,#21c294)!important;color:white!important;border:0!important}
body:has(.account-hero) .stitle{color:#f0c575!important}
body:has(.account-hero) .mgrid{background:transparent!important}
body:has(.account-hero) .mi{background:linear-gradient(145deg,#2b171d,#190f15)!important;color:#f7e7d8!important;border:1px solid #79443e55!important;border-radius:15px!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
body:has(.account-hero) .mi:active{transform:scale(.96);border-color:#f0c575!important;box-shadow:0 0 18px #c98c4733!important}
body:has(.account-hero) .mi .ico{background:linear-gradient(145deg,#4a2626,#21121b)!important;border:1px solid #9d664a66!important;border-radius:50%!important}
/* Retain admin-rendered bottom navigation contents, icons, order and links. */
.bottom-777 .mnc-nav-item,.bottom-777 a{transition:color .22s ease,filter .22s ease,transform .2s ease!important}
.bottom-777 .mnc-nav-item:active,.bottom-777 a:active{filter:brightness(1.35) drop-shadow(0 0 6px #e7ad50);transform:scale(.96)}
@media(max-width:430px){body:has(.account-hero) .mgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;padding-inline:9px!important}body:has(.account-hero) .mi{min-width:0!important;padding:10px 2px!important;font-size:11px!important;overflow-wrap:anywhere}body:has(.account-hero) .mi .ico{max-width:58px;max-height:58px;margin-inline:auto}body:has(.account-hero) .acc-card{margin-inline:10px!important}}
@media(prefers-reduced-motion:reduce){.bottom-777 *,body:has(.account-hero) .mi{transition:none!important;animation:none!important}}