/* PvE Solitaire - Diagnostics And Visible Game Log */

.mechanics-log{
  position:fixed;
  top:calc(var(--sgAdRailTop,92px) + 304px);
  right:max(14px,calc((100vw - var(--sgAdRailStage,600px)) / 2 - 340px - var(--sgAdRailGap,20px)));
  width:340px;
  height:min(360px,calc(100vh - var(--sgAdRailTop,92px) - 336px));
  z-index:851;
  border:1px solid rgba(0,0,0,.14);
  background:rgba(255,255,255,.94);
  color:#444;
  box-shadow:0 1px 2px rgba(0,0,0,.16);
  padding:10px;
  font-family:Arial,Helvetica,sans-serif;
  pointer-events:none;
}

.mechanics-log-label{
  width:100%;
  text-align:center;
  font-size:10px;
  line-height:1;
  font-weight:800;
  letter-spacing:.12em;
  color:#6b6b6b;
  text-transform:uppercase;
  margin-bottom:8px;
}

.mechanics-log-list{
  list-style:none;
  margin:0;
  padding:0 4px 0 0;
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:11px;
  line-height:1.25;
  max-height:calc(100% - 18px);
  overflow-y:auto;
  overflow-x:hidden;
}

.mechanics-log-list li{
  border-top:1px dashed rgba(0,0,0,.14);
  padding-top:6px;
  color:#333;
}

body.hideMechanicsLog .mechanics-log{
  display:none;
}

@media (max-width:980px), (max-height:620px){
  .mechanics-log{
    left:50%;
    right:auto;
    bottom:calc(var(--siteFooterH,25.2px) + 8px);
    top:auto;
    transform:translateX(-50%);
    width:min(92vw,420px);
    height:132px;
  }

  .mechanics-log-list{font-size:10.5px;}
}