/* Warfront v4.86 mobile art-tile menu: PRESENTATION ONLY.
   All existing rc5 buttons, click handlers, account, Battle Preparation,
   Campaign, PvP, player progress and game scripts remain unchanged.
   Enabled only after tiny cosmetic More toggle has mounted. */
#wf4555-menu .wf486-more-toggle{display:none}
@media (max-width:690px) and (orientation:portrait),
       (orientation:landscape) and (max-height:550px) and (max-width:1100px){
  html body #uiHome.wf391-ready #wf391-home.wf4555-loaded {
    max-width:100vw!important;min-height:100svh!important;height:auto!important;
    overflow-x:hidden!important;overflow-y:auto!important;
  }
  #wf391-home.wf4555-loaded #wf4555-menu.wf486-mobile{
    display:flex!important;flex-direction:column!important;
    justify-content:flex-start!important;align-items:stretch!important;
    width:100%!important;max-width:100vw!important;min-height:100svh!important;
    height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;
    gap:8px!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
    background:
      linear-gradient(180deg,#070813b8 0%,#0c0a1a4d 19%,#100a1bcc 47%,#080914fc 98%),
      url('/wf4555-citadel-art.jpg') center 20%/cover no-repeat,#100d1b!important;
    color:#fce6bc!important;
  }
  #wf4555-menu.wf486-mobile:before{display:none!important}
  #wf391-home.wf4555-loaded #wf4555-menu.wf486-mobile .rc5-header{
    display:block!important;position:relative!important;flex:none!important;
    width:100%!important;min-width:0!important;gap:0!important;
    grid-template-columns:none!important;
  }
  #wf4555-menu.wf486-mobile .rc5-user{
    position:absolute!important;z-index:2!important;top:0!important;left:0!important;
    width:min(32vw,120px)!important;min-height:39px!important;max-height:55px!important;
    padding:4px!important;display:flex!important;gap:5px!important;
    border:1px solid #dfb774c4!important;border-radius:18px!important;
    background:linear-gradient(90deg,#080c17f0,#160d24d9)!important;
    box-shadow:0 3px 9px #0009!important;
    overflow:hidden!important;
  }
  #wf4555-menu.wf486-mobile .rc5-user-symbol{
    flex:0 0 29px!important;width:29px!important;height:29px!important;
    font:21px Georgia,serif!important;border:1px solid #e8c87f!important;
  }
  #wf4555-menu.wf486-mobile .rc5-user-info{gap:0!important;overflow:hidden!important}
  #wf4555-menu.wf486-mobile .rc5-user-info small{
    font-size:8px!important;letter-spacing:0!important;white-space:nowrap!important;
  }
  #wf4555-menu.wf486-mobile .rc5-username{
    display:block!important;font-size:11px!important;white-space:nowrap!important;
    overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:normal!important;
  }
  #wf4555-menu.wf486-mobile .rc5-brand{
    position:relative!important;text-align:center!important;
    padding:35px 0 1px!important;margin:0!important;gap:0!important;
  }
  #wf4555-menu.wf486-mobile .rc5-crown{display:block!important;font-size:14px!important;line-height:.8!important}
  #wf4555-menu.wf486-mobile .rc5-brand h1{
    font:700 clamp(27px,7.7vw,43px)/1 Georgia,serif!important;
    letter-spacing:.07em!important;color:#f7d49a!important;
    -webkit-text-stroke:.35px #6f4926!important;
    text-shadow:0 2px #4b2a0c,0 4px 8px #000!important;
  }
  #wf4555-menu.wf486-mobile .rc5-subtitle{
    font:700 8px Georgia,serif!important;letter-spacing:.24em!important;
  }
  #wf4555-menu.wf486-mobile .rc5-brand-note,
  #wf4555-menu.wf486-mobile .rc5-header-right{display:none!important}
  /* Flatten layout wrappers, NOT buttons. Their listeners stay mounted intact. */
  #wf391-home.wf4555-loaded #wf4555-menu.wf486-mobile .rc5-world{
    display:grid!important;flex:1 0 auto!important;align-content:start!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-areas:
      "hero hero hero hero"
      "campaign campaign battle battle"
      "builder builder commanders commanders"
      "duel leaderboard friends more"
      "archives archives account account"
      "feedback feedback logout logout"!important;
    grid-auto-rows:min-content!important;
    column-gap:9px!important;row-gap:9px!important;
    min-width:0!important;min-height:0!important;width:100%!important;
    margin:0!important;padding:0!important;
  }
  #wf4555-menu.wf486-mobile .rc5-side,
  #wf4555-menu.wf486-mobile .rc5-center,
  #wf4555-menu.wf486-mobile .rc5-main-actions{
    display:contents!important;
  }
  #wf4555-menu.wf486-mobile .rc5-scene{
    grid-area:hero!important;display:block!important;
    min-height:clamp(72px,17svh,190px)!important;height:clamp(72px,17svh,190px)!important;
    padding:0!important;margin:0!important;flex:none!important;
    pointer-events:none!important;
  }
  #wf4555-menu.wf486-mobile .rc5-scene-label{display:none!important}
  #wf4555-menu.wf486-mobile .rc5-button{
    appearance:none!important;-webkit-appearance:none!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;transform:none!important;touch-action:manipulation!important;
    border:1.5px solid #e3b76e!important;border-radius:7px!important;
    box-shadow:inset 0 0 0 2px #241523,0 4px 10px #000b!important;
    background:linear-gradient(175deg,#34213d,#0d0c1c)!important;
    color:#ffe5b3!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button:focus-visible{
    outline:3px solid #ffdb87!important;outline-offset:2px!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button:active{filter:brightness(1.25)!important}
  #wf4555-menu.wf486-mobile .rc5-button[data-rc5="campaign"]{grid-area:campaign!important}
  #wf4555-menu.wf486-mobile .rc5-button[data-rc5="battle"]{grid-area:battle!important}
  #wf4555-menu.wf486-mobile .rc5-button[data-rc5="builder"]{grid-area:builder!important}
  #wf4555-menu.wf486-mobile .rc5-button[data-rc5="commanders"]{grid-area:commanders!important}
  #wf4555-menu.wf486-mobile .rc5-button[data-rc5="duel"]{grid-area:duel!important}
  #wf4555-menu.wf486-mobile .rc5-button[data-rc5="leaderboard"]{grid-area:leaderboard!important}
  #wf4555-menu.wf486-mobile .rc5-button[data-rc5="friends"]{grid-area:friends!important}
  #wf4555-menu.wf486-mobile .wf486-more-toggle{grid-area:more!important}
  #wf4555-menu.wf486-mobile .rc5-button[data-rc5="archives"]{grid-area:archives!important}
  #wf4555-menu.wf486-mobile .rc5-button[data-rc5="account"]{grid-area:account!important}
  #wf4555-menu.wf486-mobile .rc5-button[data-rc5="feedback"]{grid-area:feedback!important}
  #wf4555-menu.wf486-mobile .rc5-button[data-rc5="logout"]{grid-area:logout!important}

  /* Four image-led navigation TILES, not opaque purple boxes. */
  #wf4555-menu.wf486-mobile .rc5-button:is(
    [data-rc5="campaign"],[data-rc5="battle"],
    [data-rc5="builder"],[data-rc5="commanders"]){
    display:flex!important;flex-direction:column!important;
    justify-content:flex-end!important;align-items:center!important;
    min-height:clamp(106px,18svh,170px)!important;
    height:clamp(106px,18svh,170px)!important;
    padding:0 5px 9px!important;gap:0!important;
    text-align:center!important;position:relative!important;isolation:isolate!important;
    background-color:#291f31!important;
    background-position:center!important;background-size:cover!important;
    background-repeat:no-repeat!important;overflow:hidden!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button[data-rc5="campaign"]{
    background-image:linear-gradient(180deg,#100a1c00 20%,#070912aa 73%,#070914f7 100%),url('/campaign/chapter-01.webp')!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button[data-rc5="battle"]{
    background-image:linear-gradient(180deg,#100a1c00 20%,#070912aa 73%,#070914f7 100%),url('/campaign/chapter-02.webp')!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button[data-rc5="builder"]{
    background-image:linear-gradient(180deg,#100a1c00 20%,#070912aa 73%,#070914f7 100%),url('/campaign/chapter-04.webp')!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button[data-rc5="commanders"]{
    background-image:linear-gradient(180deg,#100a1c00 20%,#070912aa 73%,#070914f7 100%),url('/campaign/chapter-08.webp')!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button:is(
    [data-rc5="campaign"],[data-rc5="battle"],[data-rc5="builder"],[data-rc5="commanders"])
    .rc5-icon{display:none!important}
  #wf4555-menu.wf486-mobile .rc5-button:is(
    [data-rc5="campaign"],[data-rc5="battle"],[data-rc5="builder"],[data-rc5="commanders"])
    .rc5-text strong{
    display:block!important;font:700 clamp(14px,3.8vw,19px)/1.08 Georgia,serif!important;
    color:#ffdf9b!important;letter-spacing:.035em!important;white-space:normal!important;
    text-shadow:0 2px 3px #000,0 0 11px #000!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button:is(
    [data-rc5="campaign"],[data-rc5="battle"],[data-rc5="builder"],[data-rc5="commanders"])
    .rc5-text small{display:none!important}

  /* Fixed-function navigation; the new More control only toggles these extras. */
  #wf4555-menu.wf486-mobile .rc5-button:is(
    [data-rc5="duel"],[data-rc5="leaderboard"],[data-rc5="friends"]),
  #wf4555-menu.wf486-mobile .wf486-more-toggle{
    display:flex!important;flex-direction:column!important;
    justify-content:center!important;align-items:center!important;
    min-height:61px!important;height:61px!important;
    padding:4px 1px!important;gap:2px!important;text-align:center!important;
    background:linear-gradient(180deg,#20152add,#0b0c18f5)!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button:is(
    [data-rc5="duel"],[data-rc5="leaderboard"],[data-rc5="friends"]) .rc5-icon,
  #wf4555-menu.wf486-mobile .wf486-more-toggle .rc5-icon{
    font:25px Georgia,serif!important;color:#ecc681!important;line-height:1!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button:is(
    [data-rc5="duel"],[data-rc5="leaderboard"],[data-rc5="friends"]) .rc5-text strong,
  #wf4555-menu.wf486-mobile .wf486-more-toggle .rc5-text strong{
    font:700 clamp(9px,2.5vw,12px)/1.06 Georgia,serif!important;
    color:#ffe5b4!important;text-align:center!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button:is(
    [data-rc5="duel"],[data-rc5="leaderboard"],[data-rc5="friends"]) .rc5-text small{display:none!important}
  #wf4555-menu.wf486-mobile .rc5-button:is(
    [data-rc5="archives"],[data-rc5="account"],[data-rc5="feedback"],[data-rc5="logout"]){
    display:none!important;min-height:45px!important;padding:8px!important;
    flex-direction:row!important;gap:8px!important;
    background:linear-gradient(160deg,#291933,#11121e)!important;
    text-align:left!important;
  }
  #wf4555-menu.wf486-mobile.wf486-more-open .rc5-button:is(
    [data-rc5="archives"],[data-rc5="account"],[data-rc5="feedback"],[data-rc5="logout"]){
    display:flex!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button:is(
    [data-rc5="archives"],[data-rc5="account"],[data-rc5="feedback"],[data-rc5="logout"]) .rc5-text strong{
    font:700 13px Georgia,serif!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button:is(
    [data-rc5="archives"],[data-rc5="account"],[data-rc5="feedback"],[data-rc5="logout"]) .rc5-text small{display:none!important}

  /* Growth contract: any NEW rc5 action added by the game is automatically
     grouped into More, without JS routing changes or edits to this grid.
     Extra actions append into as many 2-column rows as needed. */
  #wf4555-menu.wf486-mobile .rc5-world
    .rc5-button:not(:is(
      [data-rc5="campaign"],[data-rc5="battle"],[data-rc5="builder"],
      [data-rc5="commanders"],[data-rc5="duel"],[data-rc5="leaderboard"],
      [data-rc5="friends"],[data-rc5="archives"],[data-rc5="account"],
      [data-rc5="feedback"],[data-rc5="logout"],.wf486-more-toggle)){
    display:none!important;
  }
  #wf4555-menu.wf486-mobile.wf486-more-open .rc5-world
    .rc5-button:not(:is(
      [data-rc5="campaign"],[data-rc5="battle"],[data-rc5="builder"],
      [data-rc5="commanders"],[data-rc5="duel"],[data-rc5="leaderboard"],
      [data-rc5="friends"],[data-rc5="archives"],[data-rc5="account"],
      [data-rc5="feedback"],[data-rc5="logout"],.wf486-more-toggle)){
    display:flex!important;grid-area:auto!important;grid-column:span 2!important;
    min-height:45px!important;flex-direction:row!important;padding:8px!important;
    background:linear-gradient(160deg,#291933,#11121e)!important;
  }
  #wf4555-menu.wf486-mobile.wf486-more-open .rc5-world
    .rc5-button:not(:is(
      [data-rc5="campaign"],[data-rc5="battle"],[data-rc5="builder"],
      [data-rc5="commanders"],[data-rc5="duel"],[data-rc5="leaderboard"],
      [data-rc5="friends"],[data-rc5="archives"],[data-rc5="account"],
      [data-rc5="feedback"],[data-rc5="logout"],.wf486-more-toggle))
    .rc5-text small{display:none!important}
  /* Every addition flows below the quick actions; scroll remains natural,
     instead of becoming off-screen or overlaying Battle/Army Builder. */
  #wf4555-menu.wf486-mobile .rc5-world{grid-auto-flow:row!important;grid-auto-rows:min-content!important}
  html body #wf485-version{display:none!important}
  #wf4555-menu.wf486-mobile .rc5-footer{flex:none!important;padding:0 0 3px!important}
  #wf4555-menu.wf486-mobile .rc5-version{
    border:0!important;background:transparent!important;
    color:transparent!important;font-size:0!important;padding:2px!important;
  }
  #wf4555-menu.wf486-mobile .rc5-version:after{
    content:'WARFRONT v4.86.2 · MOBILE TEST';color:#e3b776!important;
    font:700 9px Georgia,serif!important;letter-spacing:.08em;
  }
}
@media(max-width:690px) and (orientation:portrait){
  #wf391-home.wf4555-loaded #wf4555-menu.wf486-mobile{
    padding:calc(5px + env(safe-area-inset-top)) 10px calc(5px + env(safe-area-inset-bottom))!important;
  }
}
@media(orientation:landscape) and (max-height:550px) and (max-width:1100px){
  #wf391-home.wf4555-loaded #wf4555-menu.wf486-mobile{
    padding:calc(2px + env(safe-area-inset-top)) 9px calc(3px + env(safe-area-inset-bottom))!important;
    gap:3px!important;
  }
  #wf4555-menu.wf486-mobile .rc5-header{height:48px!important}
  #wf4555-menu.wf486-mobile .rc5-brand{padding:0!important}
  #wf4555-menu.wf486-mobile .rc5-crown{display:none!important}
  #wf4555-menu.wf486-mobile .rc5-brand h1{font-size:27px!important}
  #wf4555-menu.wf486-mobile .rc5-user{width:138px!important;min-height:34px!important}
  #wf4555-menu.wf486-mobile .rc5-world{
    column-gap:7px!important;row-gap:4px!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  #wf4555-menu.wf486-mobile .rc5-scene{height:16px!important;min-height:16px!important}
  #wf4555-menu.wf486-mobile .rc5-button:is(
    [data-rc5="campaign"],[data-rc5="battle"],[data-rc5="builder"],[data-rc5="commanders"]){
    min-height:69px!important;height:clamp(69px,20svh,104px)!important;padding-bottom:5px!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button:is(
    [data-rc5="campaign"],[data-rc5="battle"],[data-rc5="builder"],[data-rc5="commanders"])
    .rc5-text strong{font-size:13px!important}
  #wf4555-menu.wf486-mobile .rc5-button:is(
    [data-rc5="duel"],[data-rc5="leaderboard"],[data-rc5="friends"]),
  #wf4555-menu.wf486-mobile .wf486-more-toggle{min-height:42px!important;height:42px!important;gap:0!important}
  #wf4555-menu.wf486-mobile .rc5-button:is(
    [data-rc5="duel"],[data-rc5="leaderboard"],[data-rc5="friends"]) .rc5-icon,
  #wf4555-menu.wf486-mobile .wf486-more-toggle .rc5-icon{font-size:19px!important}
  #wf4555-menu.wf486-mobile .rc5-footer{min-height:0!important}
}

/* v4.86.1 cosmetic enhancements; v4.86 button sizes, hitboxes and layout preserved. */
#wf4555-menu .wf486-admin-entry[hidden],#wf4861-admin-panel[hidden]{display:none!important}
#wf4555-menu .wf486-admin-entry{display:none}
@media (max-width:690px) and (orientation:portrait),
       (orientation:landscape) and (max-height:550px) and (max-width:1100px){
  #wf4555-menu.wf486-mobile .rc5-button .rc5-icon.wf486-emblem svg{
    display:block!important;width:28px!important;height:28px!important;
    color:#efc779!important;filter:drop-shadow(0 2px 2px #000);
  }
  /* Preserve all existing tile dimensions; lay a small heraldic medallion on top. */
  #wf4555-menu.wf486-mobile .rc5-button:is(
      [data-rc5="campaign"],[data-rc5="battle"],[data-rc5="builder"],[data-rc5="commanders"])
    .rc5-icon.wf486-emblem{
      display:grid!important;position:absolute!important;top:7px!important;left:7px!important;
      width:42px!important;height:42px!important;margin:0!important;
      place-items:center!important;z-index:1!important;
      border:1px solid #d9ab6c!important;border-radius:9px!important;
      background:linear-gradient(145deg,#29192ceb,#080b18e8)!important;
      box-shadow:inset 0 0 0 1px #ead29c5c,0 3px 6px #000b!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button:is(
     [data-rc5="duel"],[data-rc5="leaderboard"],[data-rc5="friends"])
    .rc5-icon.wf486-emblem,
  #wf4555-menu.wf486-mobile .wf486-more-toggle .rc5-icon.wf486-emblem{
    display:grid!important;place-items:center!important;flex:0 0 auto!important;
    height:28px!important;width:29px!important;min-height:0!important;margin:0!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button:is(
     [data-rc5="archives"],[data-rc5="account"],[data-rc5="feedback"],[data-rc5="logout"])
    .rc5-icon.wf486-emblem{display:grid!important;place-items:center!important;width:30px!important;height:30px!important}
  #wf4555-menu.wf486-mobile .wf486-admin-entry:not([hidden]){
    display:flex!important;position:absolute!important;top:0!important;right:0!important;
    z-index:5!important;width:min(24vw,103px)!important;height:38px!important;
    padding:3px 7px!important;align-items:center!important;justify-content:center!important;gap:4px!important;
    background:linear-gradient(145deg,#271530ed,#0a0d1df2)!important;
    border:1px solid #ddb977!important;border-radius:20px!important;
    color:#ffe1a0!important;box-shadow:0 3px 9px #000a!important;
    font:700 12px Georgia,serif!important;cursor:pointer!important;
  }
  #wf4555-menu.wf486-mobile .wf486-admin-symbol svg{height:25px;width:25px}
  #wf4555-menu.wf486-mobile .wf486-admin-entry:focus-visible{outline:3px solid #efcf93!important}
}
#wf4861-admin-panel{position:fixed;inset:0;z-index:2147483400;
  display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));
  background:#080714d9;color:#fbe4ad;font-family:Georgia,serif}
#wf4861-admin-panel *{box-sizing:border-box}
#wf4861-admin-panel .wf486-admin-dialog{width:min(440px,100%);max-height:100%;overflow:auto;
  padding:14px;border:2px solid #d9ab6b;border-radius:13px;
  background:linear-gradient(150deg,#422b52,#161122 70%);box-shadow:0 18px 50px #000d}
#wf4861-admin-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px;
  border-bottom:1px solid #b58a54;padding-bottom:10px}
#wf4861-admin-panel h2{font:700 23px Georgia,serif;color:#ffe0a1;margin:0}
#wf4861-admin-panel p{font:12px system-ui,sans-serif;color:#dcc2ae;margin:10px 0}
#wf4861-admin-panel button{cursor:pointer;border:1px solid #d3a56c;border-radius:8px;
  color:#ffe7b8;background:linear-gradient(#3c264b,#19192d);padding:11px;text-align:left;
  font:700 16px Georgia,serif;min-height:50px}
#wf4861-admin-panel button:focus-visible{outline:3px solid #f1d294;outline-offset:2px}
#wf4861-admin-panel header button{font-size:24px;padding:2px 12px;min-height:39px}
#wf4861-admin-panel .wf486-admin-tools{display:grid;grid-template-columns:1fr;gap:9px}
#wf4861-admin-panel .wf486-admin-tools button{display:flex;flex-direction:column;gap:5px}
#wf4861-admin-panel .wf486-admin-tools small{font:12px system-ui,sans-serif;color:#d7bfd6}
@media (orientation:landscape) and (max-height:550px) and (max-width:1100px){
  #wf4555-menu.wf486-mobile .rc5-button:is(
     [data-rc5="campaign"],[data-rc5="battle"],[data-rc5="builder"],[data-rc5="commanders"])
    .rc5-icon.wf486-emblem{width:28px!important;height:28px!important;top:3px!important;left:4px!important}
  #wf4555-menu.wf486-mobile .rc5-button:is(
     [data-rc5="campaign"],[data-rc5="battle"],[data-rc5="builder"],[data-rc5="commanders"])
    .rc5-icon.wf486-emblem svg{width:21px!important;height:21px!important}
  #wf4555-menu.wf486-mobile .wf486-admin-entry:not([hidden]){height:34px!important}
}


/* v4.86.2: approved menu illustrations replace old campaign posters, no overlay badges. */
@media (max-width:690px) and (orientation:portrait),
       (orientation:landscape) and (max-height:550px) and (max-width:1100px){
  /* The original full tile is still the button. New art is in the EXISTING
     .rc5-icon slot — no absolute-positioned sticker or separate click layer. */
  #wf4555-menu.wf486-mobile .rc5-button:is(
     [data-rc5="campaign"],[data-rc5="battle"],[data-rc5="builder"],[data-rc5="commanders"]){
     background-image:
       radial-gradient(ellipse at 50% 35%,rgba(93,52,103,.84),rgba(24,15,41,.95) 67%,#0b0c1b 100%)!important;
     background-color:#21132d!important;
     background-repeat:no-repeat!important;
     display:flex!important;
     flex-direction:column!important;
     align-items:center!important;
     justify-content:space-between!important;
     gap:1px!important;
     padding:7px 4px 8px!important;
     overflow:hidden!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button:is(
     [data-rc5="campaign"],[data-rc5="battle"],[data-rc5="builder"],[data-rc5="commanders"])
     .rc5-icon.wf4862-approved-art {
       position:static!important;display:block!important;
       box-sizing:border-box!important;
       width:clamp(60px,18vw,105px)!important;
       height:clamp(60px,18vw,105px)!important;
       min-width:0!important;min-height:0!important;
       flex:0 1 clamp(60px,18vw,105px)!important;
       margin:0!important;padding:0!important;
       border:0!important;outline:0!important;border-radius:0!important;
       box-shadow:none!important;
       background-color:transparent!important;
       background-image:url('/wf4862-approved-emblems.png')!important;
       background-size:200% 200%!important;
       background-repeat:no-repeat!important;
       font-size:0!important;line-height:0!important;
       filter:drop-shadow(0 2px 3px #0009)!important;
       pointer-events:none!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button[data-rc5="campaign"] .rc5-icon.wf4862-approved-art{
    background-position:0% 0%!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button[data-rc5="battle"] .rc5-icon.wf4862-approved-art{
    background-position:100% 0%!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button[data-rc5="builder"] .rc5-icon.wf4862-approved-art{
    background-position:0% 100%!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button[data-rc5="commanders"] .rc5-icon.wf4862-approved-art{
    background-position:100% 100%!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button:is(
     [data-rc5="campaign"],[data-rc5="battle"],[data-rc5="builder"],[data-rc5="commanders"])
     .rc5-text{display:grid!important;place-items:center!important;flex:0 0 auto!important;width:100%!important;}
  #wf4555-menu.wf486-mobile .rc5-button:is(
     [data-rc5="campaign"],[data-rc5="battle"],[data-rc5="builder"],[data-rc5="commanders"])
     .rc5-text strong{margin:0!important;color:#ffdfa2!important;white-space:normal!important;}
}
@media (orientation:landscape) and (max-height:550px) and (max-width:1100px){
  #wf4555-menu.wf486-mobile .rc5-button:is(
     [data-rc5="campaign"],[data-rc5="battle"],[data-rc5="builder"],[data-rc5="commanders"])
     .rc5-icon.wf4862-approved-art{
       width:clamp(34px,11svh,53px)!important;
       height:clamp(34px,11svh,53px)!important;
       flex:0 0 clamp(34px,11svh,53px)!important;
  }
  #wf4555-menu.wf486-mobile .rc5-button:is(
     [data-rc5="campaign"],[data-rc5="battle"],[data-rc5="builder"],[data-rc5="commanders"]){
       padding:3px 4px 4px!important;
  }
}