/* Portrait / venue / opponent remains readable in five desktop or two phone columns. */
#hd-game-board .tg-app{max-width:1100px}
.topbar{max-width:1100px}
#hd-game-board .tg-place{padding:5px}
#hd-game-board .tg-tile{padding:9px 8px;gap:0;min-height:163px}
#hd-game-board .tg-matchup{display:grid;grid-template-columns:minmax(0,1.3fr) 24px minmax(0,1fr);align-items:center;gap:3px;width:100%;min-height:79px;margin-bottom:8px;pointer-events:none}
#hd-game-board .tg-portrait-wrap{position:relative;display:block;min-width:0;align-self:center;padding-top:3px}
#hd-game-board .tg-portrait{display:flex;position:relative;width:100%;max-width:86px;height:65px;align-items:center;justify-content:center;margin:0;background:#edf2ef;border-radius:8px;overflow:hidden;font-size:20px;font-weight:700;color:#446451}
#hd-game-board .tg-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#edf2ef;pointer-events:none}
#hd-game-board .tg-versus{text-align:center;font-size:14px;font-weight:750;color:#53665b;align-self:center;padding-bottom:12px}
#hd-game-board .tg-opponent{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
#hd-game-board .tg-logo-frame{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:52px;height:52px;font-size:12px;font-weight:750;color:#53665b;background:white;border-radius:6px;overflow:hidden}
#hd-game-board .tg-logo-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:white;pointer-events:none}
#hd-game-board .tg-logo-label{font-size:10px;font-weight:750;color:#53665b;margin-top:2px}
#hd-game-board .tg-opponent-unknown{grid-column:2/4;font-size:12px;overflow-wrap:anywhere}
#hd-game-board .tg-tile-name{font-size:14px;line-height:1.25;font-weight:750;overflow-wrap:anywhere;margin-bottom:5px}
#hd-game-board .tg-tile-eligibility{font-size:11px;font-weight:650;color:#235e46;margin-bottom:4px}
#hd-game-board .tg-tile-date{font-size:11px;line-height:1.45;color:#5b6b63;margin-top:3px}
#hd-game-board .tg-pool{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
#hd-game-board .tg-rank-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:10px}
#hd-game-board .tg-rank-badge{position:absolute;top:-4px;left:-3px;display:flex;align-items:center;justify-content:center;min-width:29px;height:26px;padding:0 3px;box-sizing:border-box;border:2px solid white;border-radius:7px;color:white;font-size:13px;line-height:1;font-weight:800;box-shadow:0 1px 3px #0002}
#hd-game-board .tg-rank-color-1{background:#285893}
#hd-game-board .tg-rank-color-2{background:#764394}
#hd-game-board .tg-rank-color-3{background:#166d67}
#hd-game-board .tg-rank-color-4{background:#a23c59}
#hd-game-board .tg-rank-description{font-size:13px;font-weight:750;color:#304839;line-height:1.25}
#hd-game-board .tg-rank-description small{display:block;margin-top:6px;font-size:10px;font-weight:400;color:#5b6b63}
#hd-game-board .tg-rank-name{font-size:12px;font-weight:700;color:#304839;margin-top:3px}
@media(max-width:600px){
 #hd-game-board .tg-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 #hd-game-board .tg-pool{grid-template-columns:repeat(2,minmax(0,1fr))}
 #hd-game-board .tg-tile{padding:8px 6px}
 #hd-game-board .tg-matchup{grid-template-columns:minmax(0,1.25fr) 22px minmax(0,1fr);gap:2px;min-height:69px}
 #hd-game-board .tg-portrait{height:57px}
 #hd-game-board .tg-logo-frame{height:44px;max-width:44px}
 #hd-game-board .tg-versus{font-size:13px}
 #hd-game-board .tg-rank-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:7px}
 #hd-game-board .tg-rank-description{font-size:12px}
}