/* Recently played is a compact list, with the full title available at every width. */
.recent-games[hidden]{display:none!important}
.recent-games{min-width:0;padding-top:24px;padding-bottom:8px}
.recent-games-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.recent-games-heading h2{margin:0;font-size:24px;line-height:1.25;letter-spacing:-.025em}
.recent-games-heading button{min-height:48px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:var(--mint);font:inherit;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.recent-games-heading button:hover{background:#56d9c012}
.recent-games-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.recent-games-list li{min-width:0}
.recent-game{display:flex;align-items:center;gap:12px;height:100%;min-height:96px;padding:12px;border:1px solid #36576f;border-radius:14px;background:#0c2334;color:var(--ink);text-decoration:none}
.recent-game:hover{border-color:var(--mint);background:#122e40}
.recent-game img{display:block;flex:0 0 80px;width:80px;height:60px;border-radius:8px;object-fit:cover;background:#071522}
.recent-game-copy{display:grid;gap:7px;min-width:0}
.recent-game-copy strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.recent-game-action{color:var(--mint);font-size:12px;line-height:1.4;font-weight:750}
.recent-games :is(a,button):focus-visible{outline:3px solid var(--mint);outline-offset:3px}
@media(max-width:850px){.recent-games-list{grid-template-columns:1fr}}
@media(max-width:700px){.recent-games{padding-top:20px}.recent-games-heading h2{font-size:22px}.recent-game{min-height:88px;padding:10px}.recent-game img{flex-basis:72px;width:72px;height:54px}}