/* v4.89.4: visible purple/gold Settings and original music controls.
   Scoped entirely to Royal Citadel menu and the existing More sheet.
   Do not move menu artwork or overlay the Army Builder.
*/
#wf4555-menu .wf4894-footer-controls{
 display:flex!important;justify-content:center!important;align-items:stretch!important;
 flex-wrap:wrap!important;gap:8px!important;margin:3px auto 6px!important;
 width:min(100%,530px)!important;box-sizing:border-box!important;
}
#wf4555-menu .wf4894-footer-controls button,
#wf4881-more-drawer .wf4894-more-option{
 appearance:none!important;-webkit-appearance:none!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 min-height:42px!important;width:auto!important;max-width:100%!important;
 flex:1 1 180px!important;
 padding:9px 13px!important;margin:0!important;border:1px solid #e4bb78!important;
 border-radius:9px!important;color:#ffe8b6!important;
 font:700 13px/1.3 Georgia,serif!important;text-align:center!important;
 background:linear-gradient(140deg,#53305c,#281b3f 67%,#171324)!important;
 box-shadow:inset 0 1px #fff2c83a,0 4px 10px #0009!important;
 cursor:pointer!important;touch-action:manipulation!important;white-space:normal!important;
}
#wf4555-menu .wf4894-footer-controls button:focus-visible,
#wf4881-more-drawer .wf4894-more-option:focus-visible{
 outline:3px solid #ffe29d!important;outline-offset:2px!important;
}
#wf4555-menu .wf4894-footer-controls button:active,
#wf4881-more-drawer .wf4894-more-option:active{filter:brightness(1.2)!important}
#wf4881-more-drawer .wf4894-more-option{
 width:100%!important;flex:0 0 auto!important;min-height:55px!important;
}
@media (max-width:690px) and (orientation:portrait),
       (orientation:landscape) and (max-height:550px) and (max-width:1100px){
 #wf4555-menu .wf4894-footer-controls{width:100%!important;gap:6px!important}
 #wf4555-menu .wf4894-footer-controls button{
   font-size:12px!important;min-height:40px!important;flex:1 1 140px!important;padding:7px 8px!important;
 }
 #wf4881-more-drawer .wf4894-more-option{min-height:48px!important;font-size:13px!important}
}