/* Shared site header above the preserved replay controls and board. */
.replay-page #solo-pages .mb-window{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.replay-page #replay-content{display:flex;flex-direction:column;flex:1;min-height:0}
#savedReplay{display:block;width:100%;flex:1;min-height:0;border:0;background:var(--mb-page)}
#replay-notice{padding:10px 28px;background:var(--mb-soft);color:var(--mb-muted);font:14px/1.4 Arial,sans-serif}
#replay-notice[role=alert]{color:var(--mb-red)}
@media(max-width:600px){#replay-notice{padding:8px 16px}}

#replay-welcome{padding:20px 28px 0}#replay-welcome[hidden]{display:none}#replay-welcome h1{margin:0 0 10px}#replay-welcome h2{font-size:18px;margin:18px 0 10px}.replay-page #replay-content{overflow:auto}#savedReplay{min-height:210px}@media(max-width:600px){#replay-welcome{padding:16px 16px 0}#replay-welcome .mb-actions{gap:12px}}

#replay-library{margin:12px 0 20px}#replay-library table{width:100%}#replay-library .mb-actions{align-items:center;margin-top:12px}
#games-search{margin:14px 0}#games-search label{display:block;font-weight:700;margin-bottom:6px}#games-search>div{display:flex;flex-wrap:wrap;gap:8px}#games-query{width:340px;max-width:100%;min-width:0;flex:0 1 340px;padding:8px;border:1px solid var(--mb-line);border-radius:6px;background:var(--mb-card);color:var(--mb-ink)}.games-signin{color:var(--mb-muted);max-width:760px;line-height:1.5}.games-signin button{margin-right:5px}#solo-pages #replay-library td.games-opponents{white-space:normal;min-width:140px;max-width:260px;text-align:left}#replay-library tbody th small{display:block;font-weight:400;color:var(--mb-muted)}#replay-library time{white-space:nowrap}

/* Saved games are a compact index; keep columns close to their contents. */
#solo-pages #replay-library-card .mb-tabs{gap:4px 16px;margin:0 0 8px}
#solo-pages #replay-library{margin:8px 0 14px}
#solo-pages #replay-library .mb-scroll{width:fit-content;max-width:100%}
#solo-pages #replay-library table{width:auto;font-size:13px;line-height:1.35}
#solo-pages #replay-library th,#solo-pages #replay-library td{padding:4px 10px;vertical-align:middle}
#solo-pages #replay-library thead th{padding-top:6px;padding-bottom:6px}
#solo-pages #replay-library tbody th{font-size:13px;color:var(--mb-ink);background:transparent;border-top:1px solid var(--mb-line)}
#solo-pages #replay-library tbody a{display:inline-flex;align-items:center;min-height:24px}
#solo-pages #replay-library tbody tr:hover{background:var(--mb-soft)}
#solo-pages #replay-library .mb-actions{gap:10px;margin-top:8px;font-size:12px}
#solo-pages #replay-library .mb-actions button{min-height:32px;padding:4px 10px}
@media(max-width:600px){
 #solo-pages #replay-library th,#solo-pages #replay-library td{padding-left:7px;padding-right:7px}
}
@media(pointer:coarse){
 #solo-pages #replay-library tbody a{min-height:36px}
 #solo-pages #replay-library .mb-actions button{min-height:44px}
}

/* Loaded compact replay follows the gameplay viewport rules. */
@media(max-width:800px),(max-width:1100px) and (max-height:620px) and (orientation:landscape){
 .replay-page.replay-workspace-ready #solo-pages .site-header{display:none}
}

#solo-pages #replay-library-card h2,#solo-pages #replay-file-card h2{font:400 24px/1.3 var(--site-heading);margin:0 0 14px}
#replay-file-card{margin:16px 28px 24px;min-height:240px;display:flex;flex-direction:column}
#replay-file-card #savedReplay{flex:1;min-height:190px}
.replay-has-game #replay-file-card{margin:0;padding:0;border:0;border-radius:0;box-shadow:none;flex:1;min-height:0;background:transparent}
.replay-has-game #replay-file-title{display:none}
.replay-has-game #replay-file-card #savedReplay{min-height:0}
@media(max-width:600px){#replay-file-card{margin:14px 16px 20px}}

/* File loading comes first; the completed-game index stays compact below it. */
#replay-welcome p{margin:0}
#replay-file-card{flex:none;margin-bottom:16px}
#solo-pages #replay-library-card{flex:none;align-self:flex-start;width:fit-content;max-width:calc(100% - 56px);margin:0 28px 24px;padding:14px 18px}
#solo-pages #replay-library-card[hidden]{display:none}
#solo-pages #replay-library-card h2{font-size:20px;margin:0 0 8px}
#solo-pages #replay-library-card .mb-tabs button{font-size:13px;min-height:34px;padding:5px 0 7px}
#solo-pages #games-search{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:8px 0;font-size:13px}
#solo-pages #games-search label{margin:0;font-weight:500;white-space:nowrap}
#solo-pages #games-search>div{gap:6px;flex:1;min-width:0}
#solo-pages #games-query{width:280px;flex-basis:280px;padding:6px 8px}
#solo-pages #games-search button,#solo-pages #games-account-note button{min-height:32px;padding:5px 10px;font-size:13px}
#solo-pages #games-account-note p{margin:8px 0;font-size:13px}
#solo-pages #replay-library{margin:6px 0 0}
#solo-pages #replay-library th,#solo-pages #replay-library td{padding:3px 8px}
@media(max-width:600px){
 #solo-pages #replay-library-card{max-width:calc(100% - 32px);margin:0 16px 20px;padding:12px}
 #solo-pages #replay-library-card .mb-tabs{gap:2px 12px}
 #solo-pages #games-search label{width:100%}
 #solo-pages #games-query{flex:1 1 150px;width:150px}
}
@media(pointer:coarse){
 #solo-pages #replay-library-card .mb-tabs button,#solo-pages #games-search button,#solo-pages #games-account-note button{min-height:44px}
}

/* Near the current Regular desktop corner, free the shared header first.
   Site destinations remain in Replay menu; no second navigation row is added. */
@media(min-width:801px) and (max-width:1100px) and (min-height:621px) and (max-height:760px) {
 .replay-page.replay-workspace-ready #solo-pages .site-header { display:none; }
}