/* The collection shares the library's dark surfaces and mint play controls. */
#multiplayer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px 24px;padding-top:48px;scroll-margin-top:24px}
#multiplayer[hidden]{display:none!important}
#multiplayer .multiplayer-section-heading{grid-column:1;grid-row:1;min-width:0}
#multiplayer .multiplayer-section-heading .eyebrow{margin:0 0 8px;color:var(--mint);font-size:11px;line-height:1.4;letter-spacing:.16em}
#multiplayer .multiplayer-section-heading h2{margin:0;color:var(--ink);font-size:clamp(30px,3vw,36px);line-height:1.2;letter-spacing:-.035em;overflow-wrap:break-word}
#multiplayer .multiplayer-section-heading>p:not(.eyebrow){max-width:58ch;margin:9px 0 0;color:#b9cddb;font-size:15px;line-height:1.55}
#multiplayer .multiplayer-browse{grid-column:2;grid-row:1;align-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 0;color:var(--mint);font-size:14px;font-weight:750;line-height:1.4;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#56d9c066;text-align:left}
#multiplayer .multiplayer-browse:hover{color:#a9f5e7;text-decoration-color:currentColor}
#multiplayer .multiplayer-grid{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));align-items:stretch;gap:18px;min-width:0}
#multiplayer .multiplayer-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #2f5060;border-radius:20px;background:linear-gradient(155deg,#142e3c,var(--panel) 72%);box-shadow:0 6px 18px #0002}
#multiplayer .multiplayer-art{aspect-ratio:16/9;background:#07111b;overflow:hidden}
#multiplayer .multiplayer-art img{display:block;width:100%;height:100%;object-fit:cover}
#multiplayer .multiplayer-card-copy{display:grid;align-content:start;gap:9px;padding:18px 18px 16px;min-width:0;flex:1}
#multiplayer .multiplayer-game-title{margin:0;color:var(--ink);font-size:19px;line-height:1.3;font-weight:800;letter-spacing:-.02em;overflow-wrap:anywhere}
#multiplayer .multiplayer-player-count{margin:0;color:#80e6d1;font-size:12px;line-height:1.45;font-weight:750}
#multiplayer .multiplayer-game-hook{margin:0;color:#b9cddb;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
#multiplayer .multiplayer-style-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:1px 0 0}
#multiplayer .multiplayer-style{padding:4px 8px;border:1px solid #8eb6c52e;border-radius:999px;background:#07172066;color:#c5d9e5;font-size:11px;line-height:1.4}
#multiplayer .multiplayer-launch{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin:0 18px 18px;padding:12px 15px;border:1px solid var(--mint);border-radius:12px;background:var(--mint);color:#06232c;font-size:14px;font-weight:800;line-height:1.35;text-decoration:none}
#multiplayer .multiplayer-launch:hover{border-color:#a9f5e7;background:#83ead7}
#multiplayer .multiplayer-launch-arrow{font-size:19px;line-height:1}
#multiplayer :is(.multiplayer-launch,.multiplayer-browse):focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:900px) and (min-width:701px){#multiplayer{grid-template-columns:minmax(0,1fr)}#multiplayer .multiplayer-browse{grid-column:1;grid-row:3;justify-self:start}}
@media(max-width:700px){
  #multiplayer{grid-template-columns:minmax(0,1fr);padding-top:32px;gap:16px}
  #multiplayer .multiplayer-section-heading h2{font-size:28px}
  #multiplayer .multiplayer-section-heading>p:not(.eyebrow){margin-top:8px;font-size:14px;line-height:1.5}
  #multiplayer .multiplayer-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  #multiplayer .multiplayer-card:nth-child(n+3){display:none}
  #multiplayer .multiplayer-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:13px;padding:14px;border-radius:18px}
  #multiplayer .multiplayer-art{grid-column:1;grid-row:1;align-self:start;aspect-ratio:1;border:1px solid #ffffff14;border-radius:12px}
  #multiplayer .multiplayer-card-copy{grid-column:2;grid-row:1;padding:0;gap:7px}
  #multiplayer .multiplayer-game-title{font-size:17px;line-height:1.3}
  #multiplayer .multiplayer-player-count{font-size:11px}
  #multiplayer .multiplayer-game-hook{font-size:13px;line-height:1.45}
  #multiplayer .multiplayer-style{font-size:10px;padding:3px 7px}
  #multiplayer .multiplayer-launch{grid-column:1/-1;grid-row:2;margin:0;min-height:46px;padding:11px 13px}
  #multiplayer .multiplayer-browse{grid-column:1;grid-row:3;justify-self:stretch;min-height:48px;padding:11px 15px;border:1px solid #56d9c066;border-radius:12px;background:#56d9c00a;text-decoration:none;text-align:center}
}
@media(max-width:360px){#multiplayer .multiplayer-card{grid-template-columns:76px minmax(0,1fr);gap:11px;padding:12px}#multiplayer .multiplayer-game-title{font-size:16px}}
@media(forced-colors:active){#multiplayer :is(.multiplayer-card,.multiplayer-art,.multiplayer-style,.multiplayer-launch,.multiplayer-browse){border-color:CanvasText}#multiplayer :is(.multiplayer-launch,.multiplayer-browse){color:LinkText;background:Canvas}#multiplayer :is(.multiplayer-launch,.multiplayer-browse):focus-visible{outline-color:Highlight}}