#rkAccountBar{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin:10px auto;padding:10px;max-width:700px;border-radius:16px;background:#fff6fc;color:#5a3454;font-size:13px;font-weight:800}#rkAccountBar button,#rkAccountPanel button{border:2px solid #b785a7;background:#fff;color:#65355a;border-radius:13px;padding:10px 14px;min-height:44px;cursor:pointer;font:inherit;font-weight:800}#rkAccountDialog:not([hidden]){display:block;position:relative;z-index:40;max-width:650px;margin:10px auto;padding:18px;border-radius:20px;border:3px solid #db9dbd;background:#fff;box-shadow:0 8px 30px #77506644;color:#50334b}#rkAccountPanel{display:grid;gap:12px}#rkAccountPanel h2{margin:0}#rkAccountPanel p{margin:4px 0}#rkAccountPanel form{display:grid;gap:10px}#rkAccountPanel label{display:grid;gap:5px;font-weight:800}#rkAccountPanel input{padding:12px;border:2px solid #d6bbd1;border-radius:10px;font:inherit;min-width:0}#rkAccountPanel .rk-account-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#rkAccountPanel button:focus-visible,#rkAccountPanel input:focus-visible{outline:3px solid #6d3d96;outline-offset:2px}@media(max-width:420px){#rkAccountPanel .rk-account-players{grid-template-columns:1fr}}

/* Account chooser refresh: clear overlay and large child-friendly profile cards. */
#rkAccountDialog:not([hidden]){position:fixed;z-index:1001;top:50%;left:50%;transform:translate(-50%,-50%);width:min(580px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;margin:0;box-shadow:0 0 0 100vmax #27122599,0 24px 65px #27122555}
#rkAccountPanel{position:relative;padding-top:34px}
#rkDialogDismiss{position:absolute;right:0;top:0;width:38px;height:38px;padding:0!important;font-size:27px!important;line-height:1}
#rkAccountPanel .rk-account-players{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
#rkAccountPanel .rk-profile-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:130px;background:linear-gradient(150deg,#fff0fa,#f1e8ff);font-size:20px;box-shadow:0 4px 12px #ae7da233}
#rkAccountPanel .rk-profile-avatar{display:grid;place-items:center;background:#b96db4;color:white;border-radius:50%;width:56px;height:56px;font-size:28px}
#rkAccountBar{max-width:540px;padding:8px 12px;margin:7px auto;background:#fff8fc}
#rkAccountBar button:focus-visible{outline:3px solid #663591;outline-offset:3px}
@media(max-width:480px){#rkAccountDialog:not([hidden]){width:calc(100vw - 20px)}#rkAccountPanel .rk-account-players{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Small-screen usability: prevent account strip and top header from consuming the viewport. */
@media(max-width:640px){.top{flex-wrap:wrap;gap:6px}.top .brand{font-size:clamp(16px,4.5vw,23px);overflow-wrap:anywhere}.top .stats{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.top .stats .pill{min-width:0}#rkAccountBar{gap:8px;margin:6px auto;padding:6px}#rkAccountBar button{flex:0 1 auto;padding:8px 11px}#rkAccountDialog:not([hidden]){max-height:calc(100dvh - 16px)}#rkAccountPanel .rk-profile-card{min-height:110px}}
#coins{font-weight:900;white-space:nowrap;font-variant-numeric:tabular-nums}
#rkAccountPanel .rk-account-message{min-height:1em}

/* Clear entry points without unlocking shop rewards. */
.hub-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:12px auto}
.hub-quick>.hub-progress{min-height:48px;max-width:100%;margin:0}
@media(max-width:520px){.hub-quick{flex-direction:column}.hub-quick>.hub-progress{width:100%}}
