/* Controles do cabeçalho exclusivos do mobile horizontal. */
@media (orientation:landscape) and (hover:none) and (pointer:coarse){
  .campaignHeader>button{
    box-sizing:border-box;
    width:68px;
    min-width:68px;
    height:31px;
    padding:0 9px;
    display:grid;
    place-items:center;
    border:1px solid #ffffff38;
    border-radius:16px;
    line-height:1;
  }

  .pauseGameButton{
    box-sizing:border-box;
    right:88px;
    top:7px;
    width:38px;
    min-width:38px;
    height:31px;
    padding:0;
    display:grid;
    place-items:center;
    border:1px solid #ffffff45;
    border-radius:16px;
    background:#ffffff20;
    box-shadow:inset 0 1px 0 #ffffff35;
    font-size:0;
    line-height:0;
  }

  .pauseGameButton:before{
    content:"";
    box-sizing:border-box;
    width:11px;
    height:13px;
    margin:0;
    background:linear-gradient(90deg,#fff 0 3px,transparent 3px 8px,#fff 8px 11px);
    border-radius:1px;
    filter:drop-shadow(0 1px 0 #0753a36b);
  }

  .pauseGameButton span{display:none}
  .pauseGameButton:focus-visible{outline:2px solid #ffd047;outline-offset:2px}
}