/* Warfront v4.55.3 | Royal Citadel, selected design 1.
 * Castle image and real controls; no artificial shop, coins, research or alliance.
 * Breakpoints retain phone portrait, landscape phone and full desktop support.
 */
#uiHome.wf391-ready #wf391-home.wf4553-citadel-ready{
 --citadel-gold:#f7d6a0;--citadel-shadow:#140c26;--citadel-border:#d8ab66;
 display:grid!important;position:relative!important;isolation:isolate!important;
 grid-template-areas:"user brand social" "left scene right" "left actions right" "footer footer footer" "status status status"!important;
 grid-template-columns:minmax(152px,205px) minmax(0,1fr) minmax(152px,205px)!important;
 grid-template-rows:auto minmax(180px,1fr) auto auto auto!important;
 gap:10px 15px!important;align-items:stretch!important;justify-items:stretch!important;
 width:100%!important;min-height:100dvh!important;height:auto!important;max-height:none!important;
 padding:max(13px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))!important;
 overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important;
 background:
 linear-gradient(90deg,#0f091bb8 0%,#110a1e38 25%,#20152a1b 50%,#110a1e3f 75%,#0f091bc2 100%),
 linear-gradient(180deg,#1c0d27b8 0%,#1c102a0d 27%,#160c24a0 73%,#0d0a1ada 100%),
 url('/wf4553-citadel.svg') center center/cover no-repeat!important;
}
#uiHome.wf391-ready #wf391-home.wf4553-citadel-ready::before{border:2px solid #d3a05c72!important;inset:7px!important;border-radius:16px!important}
#uiHome.wf391-ready #wf391-home.wf4553-citadel-ready::after{background:linear-gradient(180deg,#120b1c75,transparent 22%,transparent 66%,#12091989)!important}
#wf391-home.wf4553-citadel-ready .wf4553-user{grid-area:user;display:flex;align-items:center;gap:10px;align-self:start;padding:7px 10px;border-radius:12px;border:1px solid #d7ad7370;background:#170e2abb;min-width:0;z-index:2;box-shadow:0 5px 16px #110a1e88}
#wf391-home.wf4553-citadel-ready .wf4553-medallion{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;color:#ffd999;background:radial-gradient(#77518b,#2c193e);border:2px solid #d3ad70;border-radius:10px;font:30px Georgia,serif}
#wf391-home.wf4553-citadel-ready .wf4553-identity{min-width:0;display:grid;gap:2px}
#wf391-home.wf4553-citadel-ready .wf4553-user-title{color:#dabd91;font:700 10px system-ui,sans-serif;letter-spacing:.1em}
#wf391-home.wf4553-citadel-ready .wf4553-identity #wf391-player{display:block!important;font:700 14px Georgia,serif;color:#ffdfa3!important;white-space:normal;overflow-wrap:anywhere}
#uiHome.wf391-ready #wf391-home.wf4553-citadel-ready>.wf391-brand{grid-area:brand;position:relative;align-self:start;min-width:0;margin:0!important;padding:0 5px 10px!important;background:none!important;border-bottom:1px solid #efd59e50!important}
#uiHome.wf391-ready #wf391-home.wf4553-citadel-ready>.wf391-brand h1{font:700 clamp(32px,4.3vw,63px)/1 Georgia,serif!important;letter-spacing:.13em!important;color:#ffe2a4!important;text-shadow:0 5px 14px #130a2e,0 2px 2px #12091d!important}
#wf391-home.wf4553-citadel-ready .wf391-brand .wf391-motto{display:none}
#wf391-home.wf4553-citadel-ready .wf4553-rail{z-index:1;align-self:center;min-width:0;display:grid;gap:7px;padding:12px 8px;border:1px solid #c39a675e;border-radius:14px;background:linear-gradient(180deg,#1a102cc9,#190e29e1);box-shadow:0 12px 30px #0c0717a8}
#wf391-home.wf4553-citadel-ready .wf4553-rail-left{grid-area:left}
#wf391-home.wf4553-citadel-ready .wf4553-rail-right{grid-area:right}
#wf391-home.wf4553-citadel-ready .wf4553-rail-button{width:100%;min-height:60px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:7px 9px;border:1px solid #d4ab7282;border-radius:9px;background:linear-gradient(180deg,#34204abb,#201330f0);color:#ffdfa5;box-shadow:inset 0 1px #fff2d51d;cursor:pointer;text-align:left;touch-action:manipulation}
#wf391-home.wf4553-citadel-ready .wf4553-rail-button:hover,#wf391-home.wf4553-citadel-ready .wf4553-rail-button:focus-visible{outline:2px solid #ffe3ad;outline-offset:1px;background:linear-gradient(#67437e,#2b1b40)}
#wf391-home.wf4553-citadel-ready .wf4553-rail-icon{font:24px Georgia,serif;line-height:1;text-align:center}
#wf391-home.wf4553-citadel-ready .wf4553-rail-txt{min-width:0}
#wf391-home.wf4553-citadel-ready .wf4553-rail-txt strong{display:block;font:700 14px Georgia,serif;line-height:1.2;color:#ffe1ad;overflow-wrap:anywhere}
#wf391-home.wf4553-citadel-ready .wf4553-rail-txt small{display:block;font:10px system-ui,sans-serif;color:#ddc6dc;margin-top:2px;line-height:1.25}
#wf391-home.wf4553-citadel-ready .wf4553-stage{grid-area:scene;position:relative;display:flex;align-items:end;justify-content:center;min-height:190px;pointer-events:none}
#wf391-home.wf4553-citadel-ready .wf4553-stage-text{text-align:center;padding:12px 25px 15px;color:#ffdfad;text-shadow:0 3px 12px #180d24;opacity:.92;display:grid;gap:2px}
#wf391-home.wf4553-citadel-ready .wf4553-stage-text span{font:700 11px Georgia,serif;letter-spacing:.33em}
#wf391-home.wf4553-citadel-ready .wf4553-stage-text h2{font:italic 24px Georgia,serif;color:#ffead1;margin:0}
#uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions{grid-area:actions;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-template-rows:auto!important;align-items:stretch!important;width:100%!important;max-width:100%!important;gap:9px!important;margin:0!important;z-index:2}
#uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions>.wf391-action{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:3px!important;min-width:0!important;min-height:106px!important;max-height:none!important;padding:11px 6px!important;border:2px solid #e6bc7f!important;border-radius:12px!important;background:linear-gradient(#43245fe3,#1a102ddd)!important;box-shadow:inset 0 1px #ffe5b750,0 9px 19px #07040ebf!important;transform:none}
#uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions>.wf391-action:hover{background:linear-gradient(#76448e,#34204d)!important;transform:translateY(-2px)}
#uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions>.wf391-action .wf391-icon{grid-column:auto!important;grid-row:auto!important;width:auto!important;height:auto!important;font:37px Georgia,serif!important;place-items:center!important}
#uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions>.wf391-action strong{grid-column:auto!important;grid-row:auto!important;text-align:center!important;font:700 clamp(13px,1.15vw,17px) Georgia,serif!important;color:#ffdf9f!important}
#uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions>.wf391-action small{grid-column:auto!important;grid-row:auto!important;text-align:center!important;font:10px system-ui,sans-serif!important;color:#dfc8e7!important}
#uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions>.wf391-action:is([data-wf391="commanders"],[data-wf391="archives"],[data-wf391="pvp"]){display:none!important}
#uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions>.wf391-action[data-wf391="pve"]{order:0}
#uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions>.wf391-action[data-wf457="royal"]{order:1}
#uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions>.wf391-action[data-wf391="builder"]{order:2}
#uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions>.wf391-action[data-wf391="duel"]{order:3}
#uiHome.wf391-ready #wf391-home.wf4553-citadel-ready>.wf391-foot{grid-area:footer;display:flex!important;justify-content:center!important;gap:7px;min-height:34px!important;max-height:none!important;width:100%!important;margin:0!important;padding:5px!important;background:#150e29db!important}
#uiHome.wf391-ready #wf391-home.wf4553-citadel-ready>.wf391-foot button{display:none!important}
#uiHome.wf391-ready #wf391-home.wf4553-citadel-ready>.wf391-foot .wf391-version{font:11px system-ui,sans-serif;color:#dec29f;text-align:center}
#wf391-home.wf4553-citadel-ready>.wf391-message{grid-area:status;min-height:0!important;margin:0!important;text-align:center}
@media(min-width:1500px) and (min-height:850px){
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready{gap:15px 22px!important;grid-template-columns:minmax(180px,235px) minmax(0,1fr) minmax(180px,235px)!important}
 #wf391-home.wf4553-citadel-ready .wf4553-stage{min-height:300px}
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions>.wf391-action{min-height:135px!important}
}
@media(max-width:1000px){
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready{
  grid-template-areas:"user brand" "scene scene" "actions actions" "left right" "footer footer" "status status"!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto minmax(135px,32vh) auto auto auto auto!important;gap:7px!important}
 #wf391-home.wf4553-citadel-ready .wf4553-user{align-self:center}
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready>.wf391-brand{align-self:center;border-bottom:0!important}
 #wf391-home.wf4553-citadel-ready .wf4553-rail{align-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px}
 #wf391-home.wf4553-citadel-ready .wf4553-rail-button{min-height:44px;padding:5px}
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:650px) and (orientation:portrait){
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready{
  grid-template-areas:"brand" "user" "scene" "actions" "left" "right" "footer" "status"!important;
  grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto minmax(115px,23vh) auto auto auto auto auto!important;
  padding:max(7px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important;gap:7px!important;
  background-position:center top!important;
 }
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready>.wf391-brand{padding:3px!important;margin:0!important}
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready>.wf391-brand h1{font-size:clamp(28px,9vw,44px)!important}
 #wf391-home.wf4553-citadel-ready .wf391-brand .wf391-crown{display:none!important}
 #wf391-home.wf4553-citadel-ready .wf4553-user{padding:5px 8px;gap:8px}
 #wf391-home.wf4553-citadel-ready .wf4553-medallion{width:35px;height:35px;flex-basis:35px;font-size:23px}
 #wf391-home.wf4553-citadel-ready .wf4553-stage{min-height:115px;align-items:center}
 #wf391-home.wf4553-citadel-ready .wf4553-stage-text{padding:3px;text-shadow:0 2px 12px #130d24}
 #wf391-home.wf4553-citadel-ready .wf4553-stage-text h2{font-size:18px}
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions>.wf391-action{
  display:flex!important;grid-template-columns:unset!important;grid-template-rows:unset!important;
  min-height:80px!important;padding:7px 6px!important;gap:2px!important}
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions>.wf391-action .wf391-icon{font-size:24px!important}
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions>.wf391-action strong{font-size:14px!important}
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions>.wf391-action small{font-size:9px!important}
 #wf391-home.wf4553-citadel-ready .wf4553-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 #wf391-home.wf4553-citadel-ready .wf4553-rail-button{grid-template-columns:22px minmax(0,1fr);min-height:40px}
 #wf391-home.wf4553-citadel-ready .wf4553-rail-icon{font-size:19px}
 #wf391-home.wf4553-citadel-ready .wf4553-rail-txt strong{font-size:12px}
 #wf391-home.wf4553-citadel-ready .wf4553-rail-txt small{display:none}
}
@media(orientation:landscape) and (max-height:530px){
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready{
  grid-template-areas:"user brand social" "left scene right" "left actions right" "footer footer footer" "status status status"!important;
  grid-template-columns:minmax(102px,160px) minmax(0,1fr) minmax(102px,160px)!important;
  grid-template-rows:auto minmax(70px,1fr) auto auto auto!important;min-height:100dvh!important;
  padding:5px max(7px,env(safe-area-inset-right)) 5px max(7px,env(safe-area-inset-left))!important;gap:4px 6px!important}
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready>.wf391-brand{padding:0!important;margin:0!important}
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready>.wf391-brand h1{font-size:clamp(20px,4vw,34px)!important}
 #wf391-home.wf4553-citadel-ready .wf391-brand .wf391-subtitle{font-size:8px!important}
 #wf391-home.wf4553-citadel-ready .wf391-brand .wf391-crown{display:none}
 #wf391-home.wf4553-citadel-ready .wf4553-user{padding:3px}
 #wf391-home.wf4553-citadel-ready .wf4553-medallion{display:none}
 #wf391-home.wf4553-citadel-ready .wf4553-user-title{font-size:8px}
 #wf391-home.wf4553-citadel-ready .wf4553-identity #wf391-player{font-size:11px}
 #wf391-home.wf4553-citadel-ready .wf4553-rail{grid-template-columns:minmax(0,1fr);gap:3px;padding:4px;align-self:center}
 #wf391-home.wf4553-citadel-ready .wf4553-rail-button{min-height:31px;grid-template-columns:18px minmax(0,1fr);padding:3px;gap:3px}
 #wf391-home.wf4553-citadel-ready .wf4553-rail-icon{font-size:16px}
 #wf391-home.wf4553-citadel-ready .wf4553-rail-txt strong{font-size:10px}
 #wf391-home.wf4553-citadel-ready .wf4553-rail-txt small{display:none}
 #wf391-home.wf4553-citadel-ready .wf4553-stage{min-height:50px}
 #wf391-home.wf4553-citadel-ready .wf4553-stage-text{padding:4px}
 #wf391-home.wf4553-citadel-ready .wf4553-stage-text h2{display:none}
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions>.wf391-action{min-height:51px!important;padding:3px!important}
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions>.wf391-action .wf391-icon{font-size:19px!important}
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions>.wf391-action strong{font-size:10px!important}
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready .wf391-actions>.wf391-action small{display:none!important}
 #uiHome.wf391-ready #wf391-home.wf4553-citadel-ready>.wf391-foot{min-height:22px!important;padding:2px!important}
}
@media(prefers-reduced-motion:reduce){#wf391-home.wf4553-citadel-ready *{transition:none!important}}