/* Public server cards, shared by the home page and the hosting page (address, password, live join code). */
.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.game-grid.public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.game-card{border:1px solid var(--stroke);background:#111c1b;padding:22px 22px 26px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s,background .2s}
.game-card:hover{border-color:#a3d49e5c;transform:translateY(-3px);background:#16241f}
.game-card h3{font-size:20px;letter-spacing:-.03em;margin:34px 0 11px}
.game-card p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}
.game-status{color:var(--accent)}
.public-address{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 12px}
.public-address code{font-size:13px;color:var(--ink);background:#ffffff0d;padding:6px 9px;border-radius:5px;word-break:normal}
.copy-btn{font:inherit;font-size:11px;font-weight:750;color:var(--accent);background:none;border:1px solid var(--stroke);border-radius:5px;padding:6px 10px;cursor:pointer}
.copy-btn:hover{border-color:var(--accent)}
@media(max-width:1050px){
  .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:430px){
  .game-grid,.game-grid.public-grid{grid-template-columns:1fr}
}

/* Home page live panel (the banner graphic): filled from GET /v1/live by public.js. */
.live-panel{height:auto;min-height:490px;display:flex;flex-direction:column}
.live-panel .art-topline,.live-panel .art-bottomline{position:static;padding:23px 24px 0}
.live-panel .art-bottomline{padding:0 24px 23px;margin-top:auto}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--dim)}
.live-dot.on{background:var(--accent);box-shadow:0 0 0 5px #baf67a1c}
.live-body{position:relative;z-index:2;padding:30px 24px 26px;display:flex;flex-direction:column;gap:26px}
.live-group{border-top:1px solid var(--stroke);padding-top:16px}
.live-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.live-label{font-size:10px;letter-spacing:.13em;font-weight:750;color:#87a091}
.live-row strong{font-size:22px;letter-spacing:-.03em;color:var(--ink);font-weight:730}
.live-sub{margin-top:10px;display:flex;flex-direction:column;gap:7px}
.live-item{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted)}
.live-item .ok{color:var(--accent)}
.live-item .off{color:var(--dim)}