/* Warfront 4.55.4. Complete self-contained Royal Citadel layout under #wf4554-shell.
 * Prevent legacy WF391/WF453/WF457 3-column !important rules from overlapping controls.
 * Only menu presentation is changed; no account/battle/XP logic.
 */
html body.ui-home #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready.wf4554-layout{
 display:block!important;grid-template:none!important;align-items:initial!important;justify-content:initial!important;
 padding:0!important;margin:0!important;width:100%!important;max-width:100vw!important;
 min-height:100svh!important;height:auto!important;max-height:none!important;
 overflow-x:clip!important;overflow-y:visible!important;background:#110c20!important;
}
#uiHome.wf391-ready #wf391-home.wf4554-layout::before,
#uiHome.wf391-ready #wf391-home.wf4554-layout::after{display:none!important}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell{
 position:relative;isolation:isolate;box-sizing:border-box;width:100%;max-width:100%;
 min-height:100svh;padding:max(14px,env(safe-area-inset-top)) max(17px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(17px,env(safe-area-inset-left));
 display:flex;flex-direction:column;gap:12px;overflow:hidden;
 color:#ffead0;border:2px solid #c99c657c;border-radius:12px;
 box-shadow:inset 0 0 0 4px #1d112980;
 background:#1a1028;
}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell::before{
 content:"";pointer-events:none;position:absolute;inset:0;z-index:-2;
 background-image:linear-gradient(90deg,#0a0717d9 0%,#110c238c 17%,#1e12301f 49%,#110c238c 83%,#0a0717d9 100%),
 linear-gradient(180deg,#0e091b87 0%,transparent 33%,#120d21aa 90%,#0b0915ed),
 url('/wf4553-citadel.svg');
 background-repeat:no-repeat;background-size:cover;background-position:center 49%;
}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell::after{
 content:"";pointer-events:none;position:absolute;inset:8px;z-index:-1;border:1px solid #dcb17750;border-radius:10px
}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell *,
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell *::before{box-sizing:border-box}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4554-top{
 display:grid;grid-template-columns:minmax(160px,225px) minmax(0,1fr) minmax(160px,225px);
 gap:12px;align-items:start;flex:0 0 auto;width:100%;
}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-user{
 grid-area:auto!important;grid-column:1;grid-row:1;min-width:0;max-width:100%;
 display:flex;align-self:start!important;margin:0;padding:9px;gap:9px;
 background:#1a102abf;border:1px solid #d6a66d99;border-radius:12px;
}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-medallion{display:none!important}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-identity{min-width:0}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-identity #wf391-player{
 font-size:clamp(13px,1.4vw,17px)!important;display:block!important;overflow-wrap:anywhere}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-brand{
 grid-area:auto!important;grid-column:2;grid-row:1;min-width:0!important;width:100%!important;max-width:100%!important;
 align-self:start!important;justify-self:center!important;text-align:center!important;
 margin:0!important;padding:2px 4px 12px!important;border-bottom:1px solid #dcb37f73!important;
 background:none!important;box-shadow:none!important
}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-brand h1{
 margin:0!important;font:700 clamp(27px,4.2vw,57px)/1.0 Georgia,serif!important;
 letter-spacing:.11em!important;color:#ffe4ad!important;text-shadow:0 4px 13px #090611!important;
}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-brand .wf391-motto{display:none!important}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-brand .wf391-crown{font-size:17px!important}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4554-world{
 width:100%;flex:1 0 auto;min-width:0;
 display:grid;grid-template-columns:minmax(160px,225px) minmax(0,1fr) minmax(160px,225px);
 gap:12px;align-items:stretch;min-height:0;
}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4554-center{
 display:flex;flex-direction:column;min-width:0;gap:12px;
 align-items:stretch;justify-content:flex-end
}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-stage{
 grid-area:auto!important;width:100%;min-height:235px;height:auto;
 flex:1 0 235px;display:flex;align-items:flex-end;justify-content:center;
 padding:0 5px 7px;overflow:hidden
}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-stage-text{
 max-width:100%;padding:8px 15px!important;background:#180e2a83;border-radius:12px;text-align:center;
 text-shadow:0 3px 12px #030106;
}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-stage-text h2{
 font:italic clamp(15px,1.9vw,23px) Georgia,serif!important;margin:0!important;color:#ffe7c6!important
}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-rail{
 grid-area:auto!important;align-self:end!important;min-width:0;width:100%;max-width:100%;
 display:flex!important;flex-direction:column!important;gap:7px!important;padding:8px!important;
 background:#170e26cf;border:1px solid #d6aa748c;border-radius:12px;
}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-rail-button{
 display:grid!important;grid-template-columns:27px minmax(0,1fr)!important;gap:7px!important;
 min-width:0!important;min-height:51px!important;height:auto!important;
 padding:8px 7px!important;overflow:hidden;
 background:linear-gradient(180deg,#452958,#21142ee8)!important;
 border:1px solid #cd9d67a6!important;border-radius:9px!important;
 text-align:left!important;
}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-rail-icon{
 font:22px/1 Georgia,serif!important;text-align:center!important
}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-rail-txt strong{
 font:700 13px/1.2 Georgia,serif!important;display:block;overflow-wrap:anywhere
}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-rail-txt small{
 font:10px/1.25 system-ui,sans-serif!important;color:#d2bdd9!important;display:block;margin-top:2px
}
/* Critical: extra #wf4554-shell specificity beats inherited v4.53 three-column rules. */
html body.ui-home #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-actions{
 grid-area:auto!important;display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 grid-template-rows:auto!important;grid-auto-flow:row!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 flex:0 0 auto!important;gap:9px!important;
 margin:0!important;align-items:stretch!important;
}
html body.ui-home #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-actions>.wf391-action{
 grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;
 min-width:0!important;width:100%!important;max-width:100%!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:center!important;gap:5px!important;align-self:stretch!important;
 height:auto!important;min-height:113px!important;padding:10px 5px!important;
 border:2px solid #e0b876!important;border-radius:12px!important;
 background:linear-gradient(160deg,#4c2b63f0,#20152eec)!important;
 box-shadow:inset 0 1px #fce0a254,0 9px 21px #0b051ac9!important;
 text-align:center!important;position:relative!important;
 transform:none!important
}
html body.ui-home #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-actions>.wf391-action:is([data-wf391="commanders"],[data-wf391="archives"],[data-wf391="pvp"]){
 display:none!important;visibility:hidden!important;pointer-events:none!important}
html body.ui-home #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-actions>.wf391-action .wf391-icon{
 display:grid!important;place-items:center!important;grid-column:auto!important;grid-row:auto!important;
 width:auto!important;height:auto!important;max-width:100%!important;
 font:clamp(27px,3.1vw,40px)/1 Georgia,serif!important;
}
html body.ui-home #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-actions>.wf391-action strong{
 display:block!important;grid-column:auto!important;grid-row:auto!important;
 font:700 clamp(14px,1.25vw,18px)/1.15 Georgia,serif!important;
 text-align:center!important;overflow-wrap:anywhere!important;
}
html body.ui-home #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-actions>.wf391-action small{
 display:block!important;grid-column:auto!important;grid-row:auto!important;
 font:11px/1.2 system-ui,sans-serif!important;text-align:center!important;overflow-wrap:anywhere
}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4554-bottom{
 flex:0 0 auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:2px}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-foot{
 grid-area:auto!important;display:none!important}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4554-version{
 color:#ecd19f;background:#170f26d9;border:1px solid #c2986780;border-radius:10px;
 padding:8px 16px;font:600 11px system-ui,sans-serif;letter-spacing:.07em;text-align:center;
 max-width:100%
}
#uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-message{
 grid-area:auto!important;min-height:0!important;margin:0!important;font:600 11px/1.35 system-ui,sans-serif!important;
 text-align:center!important;color:#ffdd9f!important;padding:0 8px;
}
@media(min-width:1480px) and (min-height:850px){
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4554-world,
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4554-top{
 grid-template-columns:minmax(200px,240px) minmax(0,1fr) minmax(200px,240px);}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-stage{min-height:310px;flex-basis:310px}
}
@media (max-width:1080px){
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell{padding:12px;gap:9px}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4554-top{
 grid-template-columns:minmax(135px,195px) minmax(0,1fr)}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-user{grid-column:1}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-brand{grid-column:2}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4554-world{
 grid-template-columns:minmax(135px,185px) minmax(0,1fr) minmax(135px,185px);gap:9px
 }
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-stage{
 min-height:180px;flex-basis:180px}
}
@media (max-width:700px) and (orientation:portrait){
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell{padding:10px;gap:9px}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4554-top{
 grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:8px}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-brand{
 grid-column:1;grid-row:1;padding:0 3px 9px!important}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-brand h1{
 font-size:clamp(29px,8.6vw,43px)!important}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-brand .wf391-crown{display:none!important}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-user{
 grid-column:1;grid-row:2;padding:5px 10px;min-height:44px}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4554-world{
 grid-template-columns:minmax(0,1fr);gap:9px}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4554-center{
 grid-row:1;grid-column:1;gap:9px}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-stage{
 min-height:145px;flex:0 0 145px;align-items:end;padding:0 0 5px}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-stage-text{padding:7px!important}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-stage-text h2{font-size:17px!important}
 html body.ui-home #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-actions{
 grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 html body.ui-home #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-actions>.wf391-action{
 min-height:93px!important;padding:8px 5px!important}
 html body.ui-home #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-actions>.wf391-action .wf391-icon{
 font-size:27px!important}
 html body.ui-home #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-actions>.wf391-action strong{
 font-size:15px!important}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-rail{
 align-self:stretch!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-rail-left{grid-column:1;grid-row:2}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-rail-right{grid-column:1;grid-row:3}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-rail-button{
 min-height:48px!important;grid-template-columns:24px minmax(0,1fr)!important}
}
@media (orientation:landscape) and (max-height:540px){
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell{padding:6px 9px;gap:4px}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4554-top{
 grid-template-columns:minmax(100px,178px) minmax(0,1fr);gap:8px}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-user{grid-column:1;padding:4px}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-brand{
 grid-column:2;padding:0 4px 5px!important}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-brand h1{font-size:clamp(24px,4vw,38px)!important}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-brand .wf391-crown{display:none!important}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-brand .wf391-motto{display:none!important}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4554-world{
 grid-template-columns:minmax(115px,1fr) minmax(0,2.4fr) minmax(115px,1fr);gap:7px}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-stage{
 min-height:82px;flex:1 0 82px;padding:0 2px}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-stage-text{padding:2px 6px!important}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-stage-text h2{display:none!important}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-rail{
 padding:4px!important;gap:4px!important;align-self:stretch!important;justify-content:center}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-rail-button{
 grid-template-columns:19px minmax(0,1fr)!important;gap:4px!important;
 min-height:36px!important;padding:5px 4px!important}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-rail-icon{font-size:17px!important}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-rail-txt strong{font-size:11px!important}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4553-rail-txt small{display:none!important}
 html body.ui-home #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-actions{
 grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
 html body.ui-home #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-actions>.wf391-action{
 min-height:64px!important;gap:1px!important;padding:4px 2px!important}
 html body.ui-home #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-actions>.wf391-action .wf391-icon{font-size:22px!important}
 html body.ui-home #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-actions>.wf391-action strong{font-size:12px!important}
 html body.ui-home #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf391-actions>.wf391-action small{display:none!important}
 #uiHome.wf391-ready #wf391-home.wf4554-layout #wf4554-shell .wf4554-version{padding:4px!important;font-size:9px}
}
@media(prefers-reduced-motion:reduce){#wf4554-shell button{transition:none!important}}