/* ROYALS888 Premium Design — Phase 1: visual-only override. */
:root{--royal-gold:#f2c46a;--royal-red:#dc1835;--royal-ink:#0c090c}
.royals-auth-modal{background:rgba(0,0,0,.82)!important;backdrop-filter:blur(7px)!important}
.royals-auth-box{background:radial-gradient(ellipse at top,#3b0710 0%,#170509 48%,#090608 100%)!important;border:1px solid #d02b43!important;border-radius:23px!important;box-shadow:0 24px 85px #000b,0 0 26px #bd153229!important;animation:royalModalIn .26s ease-out both!important}
.royals-auth-title{color:#fff!important;text-shadow:0 2px 12px #c5263a55!important}
.royals-auth-field{background:#150b0f!important;border:1px solid #8d3440!important;border-radius:12px!important;transition:border-color .22s,box-shadow .22s!important}
.royals-auth-field:focus-within{border-color:var(--royal-gold)!important;box-shadow:0 0 0 3px #f2c46a1c!important}
.royals-auth-field input{color:#fff!important}
.royals-auth-field input::placeholder{color:#b4a2a5!important}
.royals-auth-box button[type=submit],.royals-auth-box input[type=submit]{background:linear-gradient(180deg,#ff354b,#b40022)!important;border:1px solid #ff6774!important;border-radius:12px!important;color:white!important;box-shadow:0 7px 22px #d20a3240!important;transition:filter .2s,transform .2s!important}
.royals-auth-box button[type=submit]:active{transform:scale(.98)!important}
.royals-auth-box a{transition:color .2s!important}
.royals-auth-box a:hover{color:var(--royal-gold)!important}
/* The effects apply to nav elements regardless of icon/name configured by admin. */
.rp-bottom-nav a,.rp-bottom-nav button,.rp-mobile-nav a,.rp-mobile-nav button{transition:color .22s ease,filter .22s ease,background-color .22s ease,transform .16s ease!important}
.rp-bottom-nav a:active,.rp-bottom-nav button:active,.rp-mobile-nav a:active,.rp-mobile-nav button:active{filter:brightness(1.3) drop-shadow(0 0 7px #f2c46a)!important;transform:scale(.96)!important}
@keyframes royalModalIn{from{opacity:0;transform:translateY(13px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:480px){.royals-auth-box{max-width:calc(100vw - 28px)!important;width:100%!important;max-height:calc(100dvh - 40px)!important;overflow-y:auto!important;padding:20px 16px!important}.royals-auth-modal{padding:14px!important}}
@media(prefers-reduced-motion:reduce){.royals-auth-box{animation:none!important}*{scroll-behavior:auto!important}}