/* Warfront 4.57 Royal Champions. Isolated from battle/campaign and responsive. */
#wf391-home .wf457-open{position:relative!important}
#wf457-overlay[hidden]{display:none!important}
#wf457-overlay{position:fixed;inset:0;z-index:2147483625;background:#080511e9;color:#f9e9d4;
font:14px/1.4 system-ui,sans-serif;display:grid;place-items:center;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));box-sizing:border-box}
#wf457-overlay *{box-sizing:border-box;min-width:0}
#wf457-overlay .wf457-dialog{position:relative;display:flex;flex-direction:column;max-width:1200px;width:100%;height:min(850px,100%);max-height:100%;border:2px solid #d9b478;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 70% 0,#51315d,#211429 53%,#110c1c 100%);box-shadow:0 28px 70px #000d}
#wf457-overlay .wf457-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 17px;background:linear-gradient(95deg,#694078,#26142d);border-bottom:1px solid #ba9868}
#wf457-overlay h2{font:700 clamp(21px,3.5vw,32px)/1.1 Georgia,serif;letter-spacing:.02em;color:#ffdf9b;margin:0}
#wf457-overlay .wf457-sub{font-size:11px;color:#e6cba1;margin:4px 0 0}
#wf457-overlay .wf457-body{overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;padding:14px}
#wf457-overlay button,#wf457-overlay select{font:700 13px Georgia,serif;border:1px solid #c9a068;border-radius:8px;background:linear-gradient(#684177,#3d214c);color:#ffe6bc;padding:9px 13px;min-height:41px;cursor:pointer;max-width:100%}
#wf457-overlay button:disabled{opacity:.45;cursor:default}
#wf457-overlay button:focus-visible,#wf457-overlay select:focus-visible{outline:3px solid #ffe0a2;outline-offset:2px}
#wf457-overlay .wf457-primary{background:linear-gradient(#ecce8c,#b8893e);color:#20112b;border-color:#ffe1a0}
#wf457-overlay .wf457-controls{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:13px}
#wf457-overlay .wf457-controls button[aria-selected=true]{background:linear-gradient(#c69b5a,#795191);border-color:#ffdb9a;color:#fff}
#wf457-overlay .wf457-controls select{min-width:145px;background:#261632;color:#ffe1a9}
#wf457-overlay .wf457-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,290px);gap:13px;align-items:start}
#wf457-overlay .wf457-panel{border:1px solid #ac875c;border-radius:12px;background:#1b1326df;overflow:hidden}
#wf457-overlay .wf457-panelhead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;padding:12px 14px;border-bottom:1px solid #825f59}
#wf457-overlay h3{font:700 21px Georgia,serif;color:#ffdf9e;margin:0}
#wf457-overlay .wf457-caption{font-size:11px;color:#cab8cb}
#wf457-overlay .wf457-podium{display:flex;align-items:flex-end;justify-content:center;gap:7px;margin:10px 12px 5px}
#wf457-overlay .wf457-podium button{display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;flex:1;min-height:116px;padding:7px 3px;background:linear-gradient(#664575,#322040);overflow:hidden}
#wf457-overlay .wf457-podium button:nth-child(1){order:1;min-height:151px;background:linear-gradient(#b78949,#64406e);box-shadow:0 0 22px #dca94a44}
#wf457-overlay .wf457-podium button:nth-child(2){order:0}
#wf457-overlay .wf457-podium button:nth-child(3){order:2}
#wf457-overlay .wf457-podium b{font-size:13px;color:#ffdf9e;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#wf457-overlay .wf457-podium small{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
#wf457-overlay .wf457-list{padding:8px;display:grid;gap:6px}
#wf457-overlay .wf457-row{width:100%;display:grid;grid-template-columns:27px 48px minmax(0,1fr) minmax(95px,auto) 15px;align-items:center;text-align:left;gap:7px;background:#291b35;border:1px solid #886c60;padding:7px;border-radius:9px}
#wf457-overlay .wf457-row:hover{border-color:#eed19a;background:#382543}
#wf457-overlay .wf457-rank{font:700 18px Georgia,serif;color:#f5cd82;text-align:center}
#wf457-overlay .wf457-avatar{width:46px;height:46px;display:grid;place-items:center;border:2px solid #c8a36d;border-radius:10px;background:#271a38;overflow:hidden;font-size:25px}
#wf457-overlay .wf457-avatar .wf410-avatar-art{width:100%;height:100%;border:0;border-radius:6px}
#wf457-overlay .wf457-name{font-size:14px;font-weight:800;color:#f6dcaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#wf457-overlay .wf457-note{display:block;font:11px system-ui;color:#d2bfd3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#wf457-overlay .wf457-score{text-align:right;font:800 15px system-ui;color:#f2d092;white-space:nowrap}
#wf457-overlay .wf457-stats{padding:13px}
#wf457-overlay .wf457-stat{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #6a5460;padding:9px 0}
#wf457-overlay .wf457-stat b{color:#f6d493}
#wf457-overlay .wf457-friends{display:grid;gap:8px;padding:10px}
#wf457-overlay .wf457-friend{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #805f61;border-radius:9px;background:#241a2c}
#wf457-overlay .wf457-friend>div{flex:1;min-width:0}
#wf457-overlay .wf457-friend strong{color:#f3dca3;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#wf457-overlay .wf457-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
#wf457-overlay .wf457-actions button{flex:1 1 auto}
#wf457-overlay .wf457-status{font-size:12px;color:#ffdaa0;min-height:19px;margin:9px 0}
#wf457-overlay .wf457-empty{padding:18px;text-align:center;color:#e7cfa8}
#wf457-overlay .wf457-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#wf457-overlay .wf457-close{flex-shrink:0;font:700 24px system-ui;min-width:42px;padding:4px}
@media(max-width:730px){
 #wf457-overlay{padding:3px}
 #wf457-overlay .wf457-dialog{height:100%;max-height:100dvh;border-radius:9px}
 #wf457-overlay .wf457-head{padding:9px}
 #wf457-overlay .wf457-body{padding:8px}
 #wf457-overlay .wf457-layout{grid-template-columns:minmax(0,1fr)}
 #wf457-overlay .wf457-panel{border-radius:8px}
 #wf457-overlay .wf457-podium{margin:7px 6px}
 #wf457-overlay .wf457-row{grid-template-columns:23px 40px minmax(0,1fr) minmax(75px,auto);gap:5px;padding:6px}
 #wf457-overlay .wf457-row .wf457-avatar{width:39px;height:39px}
 #wf457-overlay .wf457-row .wf457-chevron{display:none}
 #wf457-overlay .wf457-score{font-size:12px}
 #wf457-overlay .wf457-name{font-size:12px}
 #wf457-overlay .wf457-caption{font-size:10px}
 #wf457-overlay .wf457-controls button{padding:8px;min-height:39px}
 #wf457-overlay .wf457-head h2{font-size:23px}
}


/* Royal Command Deck — v4.57.1 main-menu refresh. Presentation only. */
#uiHome.wf391-ready #wf391-home{width:100%!important;max-width:100vw!important;box-sizing:border-box!important;overflow-x:clip!important;padding:clamp(16px,3vw,38px)!important;gap:clamp(16px,3vh,30px)!important;justify-content:flex-start!important;background:linear-gradient(180deg,#100b19a8 0%,#160d23bb 48%,#100a19ed 100%),var(--wf391-scene,linear-gradient(130deg,#352348,#100b1b))!important;background-size:cover!important;background-position:center!important}
#uiHome.wf391-ready #wf391-home .wf391-brand{width:100%!important;max-width:900px!important;margin:12px auto 0!important;padding:12px 0 16px!important;border-bottom:1px solid #d6ae7155!important}
#uiHome.wf391-ready #wf391-home .wf391-brand h1{font-size:clamp(36px,6vw,70px)!important;letter-spacing:.12em!important;text-shadow:0 4px 24px #05020a!important}
#uiHome.wf391-ready #wf391-home .wf391-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-template-rows:none!important;width:min(1120px,100%)!important;max-width:100%!important;margin:8px auto!important;gap:14px!important;align-items:stretch!important;flex:none!important}
#uiHome.wf391-ready #wf391-home .wf391-actions>.wf391-action{position:relative!important;display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-content:center!important;align-items:center!important;justify-content:start!important;column-gap:14px!important;row-gap:5px!important;min-width:0!important;width:100%!important;height:auto!important;min-height:114px!important;padding:18px!important;text-align:left!important;border:1px solid #d8b77d88!important;border-radius:14px!important;background:linear-gradient(120deg,#39234ddf,#20152fe8 72%)!important;box-shadow:inset 0 1px #ffe8ba28,0 12px 28px #06040b7a!important;transform:none!important;transition:background .18s,border-color .18s,transform .18s!important}
#uiHome.wf391-ready #wf391-home .wf391-actions>.wf391-action:hover,#uiHome.wf391-ready #wf391-home .wf391-actions>.wf391-action:focus-visible{border-color:#ffdda0!important;background:linear-gradient(120deg,#674478,#342044)!important;transform:translateY(-2px)!important;outline:2px solid #ffe2a4;outline-offset:2px}
#uiHome.wf391-ready #wf391-home .wf391-action .wf391-icon{grid-column:1!important;grid-row:1/span 2!important;display:grid!important;place-items:center!important;width:68px!important;height:68px!important;max-width:100%!important;font-size:38px!important;justify-self:center!important}
#uiHome.wf391-ready #wf391-home .wf391-action strong{grid-column:2!important;grid-row:1!important;min-width:0!important;font-size:clamp(17px,1.65vw,23px)!important;line-height:1.12!important;text-align:left!important;overflow-wrap:anywhere!important}
#uiHome.wf391-ready #wf391-home .wf391-action small{grid-column:2!important;grid-row:2!important;min-width:0!important;font-size:12px!important;line-height:1.35!important;text-align:left!important;overflow-wrap:anywhere!important}
#uiHome.wf391-ready #wf391-home .wf391-foot{width:min(1120px,100%)!important;max-width:100%!important;margin:auto auto 0!important;padding:14px!important;gap:9px!important;background:#130d20e8!important;border:1px solid #bd986a80!important;border-radius:14px!important;box-sizing:border-box!important}
#uiHome.wf391-ready #wf391-home .wf391-foot button{min-height:40px!important;font-size:12px!important;padding:8px 12px!important}
#uiHome.wf391-ready #wf391-home .wf391-foot .wf391-version{font-size:11px!important;letter-spacing:.04em!important;white-space:normal!important}
@media(max-width:850px){
 #uiHome.wf391-ready #wf391-home .wf391-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 #uiHome.wf391-ready #wf391-home .wf391-actions>.wf391-action{grid-template-columns:54px minmax(0,1fr)!important;min-height:100px!important;padding:12px!important;column-gap:10px!important}
 #uiHome.wf391-ready #wf391-home .wf391-action .wf391-icon{width:52px!important;height:52px!important;font-size:29px!important}
}
@media(max-width:540px){
 #uiHome.wf391-ready #wf391-home{padding:12px 12px max(18px,env(safe-area-inset-bottom))!important;gap:13px!important;min-height:100svh!important}
 #uiHome.wf391-ready #wf391-home .wf391-brand{margin:0 auto!important;padding:9px 0 14px!important}
 #uiHome.wf391-ready #wf391-home .wf391-brand h1{font-size:clamp(29px,9vw,44px)!important}
 #uiHome.wf391-ready #wf391-home .wf391-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:9px!important}
 #uiHome.wf391-ready #wf391-home .wf391-actions>.wf391-action{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:52px auto auto!important;justify-items:center!important;text-align:center!important;min-height:144px!important;gap:5px!important;padding:12px 7px!important}
 #uiHome.wf391-ready #wf391-home .wf391-action .wf391-icon{grid-column:1!important;grid-row:1!important;width:52px!important;height:52px!important;font-size:30px!important}
 #uiHome.wf391-ready #wf391-home .wf391-action strong{grid-column:1!important;grid-row:2!important;text-align:center!important;font-size:16px!important;line-height:1.15!important}
 #uiHome.wf391-ready #wf391-home .wf391-action small{grid-column:1!important;grid-row:3!important;text-align:center!important;font-size:10px!important;line-height:1.25!important}
 #uiHome.wf391-ready #wf391-home .wf391-foot{margin:12px auto 0!important;padding:12px 8px!important;gap:8px!important}
 #uiHome.wf391-ready #wf391-home .wf391-foot .wf391-player{flex:1 0 100%!important;text-align:center!important}
 #uiHome.wf391-ready #wf391-home .wf391-foot button{font-size:11px!important;min-height:40px!important}
 #uiHome.wf391-ready #wf391-home .wf391-foot .wf391-version{flex:1 0 100%!important;text-align:center!important}
}
@media(max-width:330px){#uiHome.wf391-ready #wf391-home .wf391-actions{grid-template-columns:minmax(0,1fr)!important}}