/* Focused v1.1 entry layout. Running/paused game rules and controls stay intact. */
@media (max-width: 699px) {
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) main.container {
    padding-top:max(8px,env(safe-area-inset-top)) !important;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) .topbar {
    min-height:44px !important;
    margin:0 0 4px !important;
    padding:0 !important;
    background:none !important;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) .topbar a {
    display:inline-flex;
    align-items:center;
    min-height:44px;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) .page-header {
    padding:6px 0 !important;
    margin:0 0 4px !important;
    border:0 !important;
    border-radius:0 !important;
    background:none !important;
    box-shadow:none !important;
    gap:6px !important;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) .game-title-status-row {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    margin:0 0 6px !important;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) .page-header h1 {
    font-size:22px !important;
    line-height:1.15 !important;
    margin:0 !important;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) .title-status {
    padding:4px 8px !important;
    font-size:11px !important;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) .game-meta {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:0 !important;
    margin:0 !important;
    width:100% !important;
    overflow:hidden;
    border:1px solid rgba(80,150,190,.3);
    border-radius:12px;
    background:rgba(8,24,42,.65);
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) .meta-pill {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    min-width:0 !important;
    min-height:34px !important;
    padding:4px 2px !important;
    margin:0 !important;
    font-size:11px !important;
    border:0 !important;
    border-right:1px solid rgba(80,150,190,.2) !important;
    border-radius:0 !important;
    background:none !important;
    box-shadow:none !important;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) .meta-pill:last-child {
    border-right:0 !important;
  }

  /* Remove duplicate preflight cards and the second start overlay, not help access. */
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) .game-start-summary,
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) .game-guide-strip,
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) .game-guide-overlay,
  body.maze-page.game-guide-page:not(.game-active) .maze-controls,
  body.maze-page.game-guide-page:not(.game-active) .maze-tip,
  body.maze-page.game-guide-page:not(.game-active) .back-games {
    display:none !important;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) .game-guide-surface {
    filter:none !important;
    opacity:1 !important;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) .game-guide-more {
    display:block !important;
    margin:8px 0 !important;
    padding:0 !important;
    border:0 !important;
    background:none !important;
    font-size:12px !important;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) .game-guide-more summary {
    min-height:44px;
    padding:12px 6px;
    box-sizing:border-box;
    color:#b3c6dc;
  }

  /* Preserve all three real names/scores in one compact row, with a full-board link. */
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) #earnlyCompactLeaderboard {
    display:block !important;
    padding:6px 8px !important;
    margin:4px 0 7px !important;
    border-radius:14px !important;
    animation:none !important;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) #earnlyCompactLeaderboard .compact-leaderboard-head {
    min-height:36px !important;
    margin:0 0 3px !important;
    gap:5px !important;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) #earnlyCompactLeaderboard .compact-leaderboard-eyebrow {
    display:none !important;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) #earnlyCompactLeaderboard .compact-leaderboard-head strong {
    font-size:13px !important;
    line-height:1.2 !important;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) #earnlyCompactLeaderboard .compact-leaderboard-link {
    display:inline-flex !important;
    align-items:center !important;
    min-height:44px !important;
    padding:0 6px !important;
    font-size:12px !important;
    border:0 !important;
    background:none !important;
    white-space:nowrap;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) #earnlyCompactLeaderboard .compact-leaderboard-list {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:5px !important;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) #earnlyCompactLeaderboard .compact-leaderboard-row {
    display:grid !important;
    grid-template-columns:17px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    gap:2px 3px !important;
    min-width:0 !important;
    min-height:40px !important;
    padding:4px !important;
    border-radius:9px !important;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) #earnlyCompactLeaderboard .compact-leaderboard-avatar {
    display:none !important;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) #earnlyCompactLeaderboard .compact-leaderboard-rank {
    grid-column:1 !important;
    grid-row:1 / 3 !important;
    align-self:center !important;
    font-size:15px !important;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) #earnlyCompactLeaderboard .compact-leaderboard-player,
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) #earnlyCompactLeaderboard .compact-leaderboard-score {
    grid-column:2 !important;
    min-width:0 !important;
    font-size:12px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    text-align:left !important;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) #earnlyCompactLeaderboard .compact-leaderboard-player { grid-row:1 !important; }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) #earnlyCompactLeaderboard .compact-leaderboard-score { grid-row:2 !important; }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) #earnlyCompactLeaderboard .compact-leaderboard-target {
    display:block !important;
    min-height:0 !important;
    margin:4px 0 0 !important;
    padding:1px 0 !important;
    border:0 !important;
    background:none !important;
    font-size:11px !important;
    line-height:1.2 !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) #earnlyCompactLeaderboard :is(.compact-leaderboard-empty,.compact-leaderboard-loading) {
    grid-column:1 / -1;
    padding:5px 0 !important;
    font-size:12px !important;
  }

  body.blockdrop-page.game-guide-page:not(.game-active) #blockDropBoardStart,
  body.maze-page.game-guide-page:not(.game-active) #startButton {
    display:block !important;
    width:100% !important;
    min-height:46px !important;
    margin:5px 0 4px !important;
    padding:10px 12px !important;
    border-radius:13px !important;
    font-size:15px !important;
    line-height:1.2 !important;
  }
  body.blockdrop-page.game-guide-page:not(.game-active) #startButton,
  body.blockdrop-page.game-guide-page:not(.game-active) .blockdrop-exit {
    display:none !important;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page .entry-quick-tip,
  body.blockdrop-page.game-guide-page .blockdrop-quick-tip {
    margin:3px 0 7px !important;
    color:#aac1d9;
    font-size:12px !important;
    line-height:1.3 !important;
    text-align:center;
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page.game-active .entry-quick-tip {
    display:none !important;
  }

  /* The guide wrapper must never shrink as a third flex item beside the previews. */
  body.blockdrop-page.game-guide-page .blockdrop-playfield { gap:8px !important; }
  body.blockdrop-page.game-guide-page .blockdrop-playfield > .game-guide-surface-wrap {
    flex:0 0 auto !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
  }
  body.blockdrop-page.game-guide-page:not(.game-active) .blockdrop-board {
    width:min(60vw,250px,calc((100dvh - 330px) / 2)) !important;
    min-width:150px !important;
    height:auto !important;
    margin:3px 0 6px !important;
  }
  body.blockdrop-page.game-guide-page:not(.game-active) .blockdrop-previews {
    flex:0 0 auto;
    margin-top:3px !important;
    gap:6px !important;
  }
  body.blockdrop-page.game-guide-page:not(.game-active) .blockdrop-preview {
    padding:5px !important;
    font-size:11px !important;
  }
  body.maze-page.game-guide-page:not(.game-active) .game-guide-surface-wrap {
    width:fit-content !important;
    max-width:100% !important;
    margin:0 auto !important;
  }
  body.maze-page.game-guide-page:not(.game-active) .maze-board {
    width:min(90vw,360px,calc((100dvh - 405px) * .846)) !important;
    min-width:210px !important;
    height:auto !important;
    margin:3px auto 6px !important;
  }
}

@media(max-width:699px){
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) #earnlyCompactLeaderboard.compact-leaderboard-card{
    display:block!important;min-height:30px!important;max-height:30px!important;
    padding:2px 8px!important;margin:5px 0 7px!important
  }
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) #earnlyCompactLeaderboard.compact-leaderboard-card :is(.compact-leaderboard-head,.compact-leaderboard-list,.compact-leaderboard-target){display:none!important}
  body:is(.blockdrop-page,.maze-page).game-guide-page:not(.game-active) #earnlyCompactLeaderboard.compact-leaderboard-card .compact-leaderboard-ticker{display:block!important}
}