/* =========================================================
   BOOM WORLD V5
   PARTY CONTROLS + MOBILE TRAINER NETWORK
   ========================================================= */


/* =========================================================
   PARTY ACTION BUTTONS
   Exact original controls:
   #btn-party
   #btn-autofill
   #btn-bag
   ========================================================= */

body.world-v5
.world-v5-party-panel
.btns {
  margin-top: 10px !important;

  display: grid !important;
  grid-template-columns: 1fr 1fr !important;

  gap: 7px !important;
}


body.world-v5
.world-v5-party-panel
#btn-party,

body.world-v5
.world-v5-party-panel
#btn-autofill,

body.world-v5
.world-v5-party-panel
#btn-bag {
  width: 100% !important;

  min-height: 47px !important;

  margin: 0 !important;

  padding: 7px 10px !important;

  display: grid !important;

  grid-template-columns:
    29px minmax(0,1fr);

  gap: 8px;

  align-items: center;

  border:
    1px solid
    #24414d !important;

  border-radius:
    9px !important;

  background:
    linear-gradient(
      145deg,
      #071820,
      #051219
    ) !important;

  color:
    #d9e7eb !important;

  font:
    900 .55rem/1
    'Orbitron',
    'Rajdhani',
    sans-serif !important;

  letter-spacing:
    .035em;

  text-align:
    left !important;

  cursor:
    pointer;

  box-shadow:
    inset 0 1px
    rgba(255,255,255,.018) !important;

  transition:
    transform .14s ease,
    border-color .14s ease,
    background .14s ease,
    box-shadow .14s ease;
}


body.world-v5
.world-v5-party-panel
#btn-party::before,

body.world-v5
.world-v5-party-panel
#btn-autofill::before,

body.world-v5
.world-v5-party-panel
#btn-bag::before {
  width: 27px;
  height: 27px;

  display: grid;

  place-items: center;

  border:
    1px solid
    #294955;

  border-radius:
    7px;

  background:
    #06141b;

  color:
    var(
      --wv5-accent,
      #5bdcea
    );

  font:
    900 .66rem/1
    'Orbitron',
    sans-serif;
}


body.world-v5
.world-v5-party-panel
#btn-party::before {
  content: '◉';
}


body.world-v5
.world-v5-party-panel
#btn-autofill::before {
  content: '↻';
}


body.world-v5
.world-v5-party-panel
#btn-bag::before {
  content: '◆';
}


body.world-v5
.world-v5-party-panel
#btn-party:hover,

body.world-v5
.world-v5-party-panel
#btn-autofill:hover,

body.world-v5
.world-v5-party-panel
#btn-bag:hover {
  transform:
    translateY(-1px);

  border-color:
    var(
      --wv5-accent,
      #58d8e7
    ) !important;

  background:
    rgba(40, 159, 178, .09) !important;

  box-shadow:
    0 6px 18px
    rgba(0,0,0,.16) !important;
}


body.world-v5
.world-v5-party-panel
#btn-bag {
  grid-column:
    1 / -1 !important;

  border-color:
    var(
      --wv5-accent-line,
      rgba(80,218,232,.42)
    ) !important;

  background:
    linear-gradient(
      110deg,
      rgba(24, 111, 128, .10),
      #06141b 54%,
      rgba(82, 53, 136, .08)
    ) !important;
}


/* =========================================================
   OLD GLOBAL BOOMDEX DRAWER
   This is NOT WORLD V5's own mobile command center.
   ========================================================= */

body.world-v5
[data-boom-nav] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


/* =========================================================
   WORLD V5 MOBILE MENU
   Existing canonical WORLD menu, new visual language.
   ========================================================= */

@media (max-width:820px), (pointer:coarse) {

  body.world-v5
  .world411-menu {
    width:
      min(
        430px,
        calc(100vw - 18px)
      ) !important;

    max-width:
      none !important;

    max-height:
      calc(100dvh - 18px) !important;

    border:
      1px solid
      var(
        --wv5-accent-line,
        rgba(80,218,232,.38)
      ) !important;

    border-radius:
      18px !important;

    background:
      radial-gradient(
        circle at 12% 0%,
        var(
          --wv5-accent-soft,
          rgba(70,215,230,.09)
        ),
        transparent 29%
      ),
      linear-gradient(
        145deg,
        rgba(7,18,25,.995),
        rgba(4,11,16,.995)
      ) !important;

    box-shadow:
      0 28px 90px
      rgba(0,0,0,.62) !important;

    font-family:
      'Rajdhani',
      system-ui,
      sans-serif !important;
  }


  body.world-v5
  .world411-menu-head {
    min-height:
      71px;

    padding:
      13px 14px !important;

    border-bottom:
      1px solid
      #1b3742 !important;

    background:
      linear-gradient(
        90deg,
        var(
          --wv5-accent-soft,
          rgba(70,215,230,.07)
        ),
        transparent 72%
      ) !important;
  }


  body.world-v5
  .world411-menu-head strong {
    color:
      #e4eef1 !important;

    font:
      900 .76rem/1.1
      'Orbitron',
      sans-serif !important;

    letter-spacing:
      .045em;
  }


  body.world-v5
  .world411-menu-head span {
    display: block;

    margin-top:
      5px;

    color:
      var(
        --wv5-accent,
        #5bdae9
      ) !important;

    font:
      850 .47rem/1
      'Orbitron',
      sans-serif !important;

    letter-spacing:
      .085em;
  }


  body.world-v5
  .world411-menu-close {
    width:
      39px !important;

    height:
      39px !important;

    border:
      1px solid
      #28505d !important;

    border-radius:
      9px !important;

    background:
      #061820 !important;

    color:
      #63ddeb !important;
  }


  body.world-v5
  .world411-menu-item {
    min-height:
      61px !important;

    margin:
      6px 0 !important;

    padding:
      9px !important;

    display:
      grid !important;

    grid-template-columns:
      37px minmax(0,1fr) auto !important;

    gap:
      9px !important;

    align-items:
      center !important;

    border:
      1px solid
      #1e3945 !important;

    border-radius:
      10px !important;

    background:
      linear-gradient(
        145deg,
        #071820,
        #051219
      ) !important;

    color:
      #d7e5e9 !important;
  }


  body.world-v5
  .world411-menu-item:hover,

  body.world-v5
  .world411-menu-item:active {
    border-color:
      var(
        --wv5-accent,
        #59dce9
      ) !important;

    background:
      var(
        --wv5-accent-soft,
        rgba(70,215,230,.08)
      ) !important;
  }


  body.world-v5
  .world411-menu-icon {
    width:
      35px !important;

    height:
      35px !important;

    display:
      grid !important;

    place-items:
      center;

    border:
      1px solid
      #294955 !important;

    border-radius:
      8px !important;

    background:
      #06141b !important;

    color:
      var(
        --wv5-accent,
        #59dbe8
      ) !important;
  }


  body.world-v5
  .world411-menu-copy b {
    color:
      #e3edf0 !important;

    font:
      900 .61rem/1
      'Orbitron',
      sans-serif !important;
  }


  body.world-v5
  .world411-menu-copy small {
    display:
      block;

    margin-top:
      5px;

    color:
      #6d848e !important;

    font-size:
      .59rem !important;

    font-weight:
      750;
  }


  body.world-v5
  .world411-menu-state {
    padding:
      5px 7px !important;

    border:
      1px solid
      #274653 !important;

    border-radius:
      999px !important;

    background:
      #06151c !important;

    color:
      #7ddde8 !important;

    font:
      900 .43rem/1
      'Orbitron',
      sans-serif !important;

    white-space:
      nowrap;
  }


  body.world-v5
  .world411-menu-item.vip {
    border-color:
      rgba(222,181,57,.44) !important;
  }


  body.world-v5
  .world411-menu-item.vip
  .world411-menu-icon,

  body.world-v5
  .world411-menu-item.vip
  .world411-menu-state {
    color:
      #ffda59 !important;

    border-color:
      rgba(225,184,56,.42) !important;
  }

}


/* =========================================================
   WORLD V5 // RETIRED MMORPG PAGE
   The integrated WORLD JOURNAL is authoritative.
   ========================================================= */

body.world-v5
#boom-mmo6-journal
a[href="/mmorpg"],

body.world-v5
#boom-mmo6-journal
[data-m6-retired-link] {
  display: none !important;
}


/* WORLD JOURNAL is already the MMORPG interface.
   Never show a link to the retired /mmorpg page. */

body.world-v5
#boom-mmo6-journal
a[href="/mmorpg"],

body.world-v5
#boom-mmo6-journal
[data-retired-mmorpg-link] {
  display: none !important;
}