/* 게임 홈 (바둑·오목·체스 공통) */
.hub{max-width:640px;margin:0 auto;padding:6px 16px 32px;padding-bottom:max(32px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.hub-me{margin:4px 2px 16px;font-size:14px;font-weight:600;color:var(--accent);min-height:20px}
.hub h2{margin:18px 2px 8px;font-size:13px;color:var(--muted);font-weight:600}
.hub-list{display:flex;flex-direction:column;gap:8px}
.hub-row{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);color:inherit;text-decoration:none}
.hub-row:hover{border-color:var(--muted)}
.hub-row .ic{flex:none;width:38px;height:38px;border-radius:11px;background:var(--chip);display:grid;place-items:center;color:var(--text)}
.hub-row .ic svg{width:20px;height:20px}
.hub-row .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hub-row .t b{font-size:15.5px}
.hub-row .t small{font-size:12.5px;color:var(--muted);line-height:1.45}
.hub-row .go{flex:none;color:var(--muted);font-size:18px}
.hub-row.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.hub-row.primary .ic{background:rgba(255,255,255,.18);color:inherit}
.hub-row.primary .t small,.hub-row.primary .go{color:inherit;opacity:.85}
.hub-row.mine{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset,var(--shadow)}
.hub-row.mine .t small{color:var(--accent);font-weight:600}