/* BOOM WORLD 1.7.5 — separated controls, map-edge loot and interactive party */
@media (max-width:820px),(pointer:coarse){
  /* Loot belongs to the map, never underneath the controls. */
  .boom-world .loot-toast{
    left:50%!important;
    top:calc(90vw - 54px)!important;
    bottom:auto!important;
    z-index:49!important;
    width:max-content!important;
    max-width:calc(100vw - 28px)!important;
    padding:8px 14px!important;
    border:1px solid rgba(255,218,75,.72)!important;
    border-radius:999px!important;
    font-size:.72rem!important;
    transform:translateX(-50%)!important;
    box-shadow:0 8px 28px rgba(0,0,0,.52),0 0 18px rgba(255,213,74,.2)!important;
  }
  .boom-world .loot-toast.show{display:block!important;animation:lootMapIn .24s ease-out!important}
  @keyframes lootMapIn{from{opacity:0;transform:translateX(-50%) translateY(10px) scale(.96)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}

  /* Larger D-pad, still entirely inside the control deck below the map. */
  .boom-world .dpad-wrap{
    top:calc(45vw + 50dvh - 74px)!important;
    width:148px!important;
    height:148px!important;
  }
  .boom-world .dpad{
    grid-template-columns:46px 46px 46px!important;
    grid-template-rows:46px 46px 46px!important;
    gap:5px!important;
    width:148px!important;
    height:148px!important;
  }
  .boom-world .dpad button{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    border-radius:13px!important;
    font-size:.82rem!important;
  }

  /* Party is a separate clickable row with clear space below the D-pad. */
  .world-mobile-party{
    top:calc(45vw + 50dvh + 102px)!important;
    z-index:34!important;
    pointer-events:auto!important;
  }
  .world-mobile-party:before{top:-18px!important}
  .world-mobile-party .wmp-mon{
    appearance:none!important;
    padding:0!important;
    color:inherit!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    transition:transform .12s,border-color .12s,background .12s!important;
  }
  .world-mobile-party .wmp-mon:active{
    transform:scale(.93)!important;
    border-color:var(--w-cyan)!important;
    background:rgba(29,65,105,.96)!important;
  }
  .world-mobile-party:focus-visible{
    outline:2px solid var(--w-cyan)!important;
    outline-offset:6px!important;
    border-radius:12px!important;
  }
}