/* Cozy 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(480px,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;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;padding-right:4px;}
.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;}
}

body.debugHeaderGrid :is(#game-container,#gameArea,#tableau,#stock,#waste,#foundation-piles,.pile,.card-slot,.game-board,.solitaire-board){outline:1px solid rgba(0,170,255,.78)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.42)!important;}